body {
	width: 100%;
	padding: 0;
	margin: 0;
}

swiper-item {
	overflow: scroll;
}

view {
	box-sizing: border-box;
}

.white-space-pre-wrap {
	white-space: pre-wrap;
	/* //保留空白符序列，但是正常地进行换行。 */
}

.padding-bottom-safe {
	padding-bottom: env(safe-area-inset-bottom);
	/* // 适配手机自定义tabbar底部塌陷问题 */
}

.width-100 {
	width: 100%;
}

.width-95 {
	width: 95%;
}

.width-90 {
	width: 90%;
}

.width-85 {
	width: 85%;
}

.width-80 {
	width: 80%;
}

.width-75 {
	width: 75%;
}

.width-70 {
	width: 70%;
}

.width-65 {
	width: 65%;
}

.width-60 {
	width: 60%;
}

.width-55 {
	width: 55%;
}

.width-50 {
	width: 50%;
}

.width-49 {
	width: 49%;
}

.width-48-5 {
	width: 48.5%;
}

.width-48 {
	width: 48%;
}

.width-46 {
	width: 46%;
}

.width-47 {
	width: 47%;
}

.width-45 {
	width: 45%;
}

.width-40 {
	width: 40%;
}

.width-35 {
	width: 35%;
}

.width-31 {
	width: 31%;
}

.width-32 {
	width: 32%;
}

.width-33 {
	width: 33%;
}

.width-30 {
	width: 30%;
}

.width-20 {
	width: 20%;
}

.width-22 {
	width: 22%;
}

.width-23 {
	width: 23%;
}

.width-24 {
	width: 24%;
}

.width-25 {
	width: 25%;
}

.width-26 {
	width: 26%;
}

.width-10 {
	width: 10%;
}

.width3 {
	width: 6px;
}

.width5 {
	width: 10px;
}

.width8 {
	width: 16px;
}

.width10 {
	width: 20px;
}

.width15 {
	width: 30px;
}

.width20 {
	width: 40px;
}

.width22 {
	width: 44px;
}

.width25 {
	width: 50px;
}

.width30 {
	width: 60px;
}

.width34 {
	width: 68px;
}

.width35 {
	width: 70px;
}

.width40 {
	width: 80px;
}

.width45 {
	width: 90px;
}

.width50 {
	width: 100px;
}

.width55 {
	width: 110px;
}

.width60 {
	width: 120px !important;
}

.width70 {
	width: 140px;
}

.width75 {
	width: 150px;
}

.width80 {
	width: 160px;
}

.width85 {
	width: 170px;
}

.width90 {
	width: 180px;
}

.width95 {
	width: 190px;
}

.width100 {
	width: 200px;
}

.width110 {
	width: 220px;
}

.width120 {
	width: 240px;
}

.width130 {
	width: 260px;
}

.width140 {
	width: 280px;
}

.width150 {
	width: 300px;
}

.width160 {
	width: 320px;
}

.width170 {
	width: 340px;
}

.width180 {
	width: 360px;
}

.width190 {
	width: 380px;
}

.width200 {
	width: 400px;
}

.width210 {
	width: 420px;
}

.width220 {
	width: 440px;
}

.width230 {
	width: 460px;
}

.width240 {
	width: 480px;
}

.img-25px {
	width: 50px;
	height: 50px;
}

.img-50px {
	width: 100px;
	height: 100px;
}

.img-60px {
	width: 120px;
	height: 120px;
}

.img-70px {
	width: 140px;
	height: 140px;
}

.img-80px {
	width: 160px;
	height: 160px;
}

.text-main-color {
	color: #5E8BFF !important;
}

.text-F10000-color {
	color: #F10000;
}

.text-FF6D47-color {
	color: #FF6D47;
}

.text-fz-color {
	color: #F55307;
}

.color-index-orage {
	color: #FF9C40;
}

.text-orange-color {
	color: orange;
}

.text-orange-price {
	color: #FF7837;
}

.text-ass-gold {
	color: #FDFFB1;
}

.text-orange-assist {
	color: #FFA857;
}

.text-333-color {
	color: #333;
}

.text-666-color {
	color: #666;
}

.text-999-color {
	color: #999999;
}

.text-gray {
	color: gray;
}

.text-gray2 {
	color: #4F4F4F;
}

.text-gray3 {
	color: #828282;
}

.text-gray4 {
	color: #BDBDBD;
}

.text-gray5 {
	color: #E0E0E0;
}

.text-gray7 {
	color: #FBFBFB;
}

.text-white {
	color: #fff;
}

.text-blue {
	color: #5E8BFF;
}

.text-green {
	color: green;
}

.text-yellow {
	color: yellow;
}

.text-yellow1 {
	color: #FFCE6F;
}

.text-red {
	color: red;
}

.text-red1 {
	color: #D93534;
}

.color-zb {
	color: #E0BD72;
}

.text-red-light {
	color: #FF6D6D;
}

.text-black {
	color: #000000;
}

.text-brown {
	color: #994900;
}

.text-brown-1 {
	color: #572F12;
}

.text10 {
	font-size: 10px;
}

.text11 {
	font-size: 11px;
}

.text12 {
	font-size: 12px;
}

.text13 {
	font-size: 13px;
}

.text12-important {
	font-size: 12px !important;
}

.text14 {
	font-size: 14px;
}

.text15 {
	font-size: 15px;
}

.text16 {
	font-size: 16px;
}

.text17 {
	font-size: 17px;
}

.text18 {
	font-size: 18px;
}

.text19 {
	font-size: 19px;
}

.text20 {
	font-size: 20px;
}

.text21 {
	font-size: 21px;
}

.text22 {
	font-size: 22px;
}

.text23 {
	font-size: 23px;
}

.text24 {
	font-size: 24px;
}

.text25 {
	font-size: 25px;
}

.text26 {
	font-size: 26px;
}

.text28 {
	font-size: 28px;
}

.text30 {
	font-size: 30px;
}

.text32 {
	font-size: 32px;
}

.text34 {
	font-size: 34px;
}

.text36 {
	font-size: 36px;
}

.text40 {
	font-size: 40px;
}

.text44 {
	font-size: 44px;
}

.text46 {
	font-size: 46px;
}

.text48 {
	font-size: 48px;
}

.text54 {
	font-size: 54px;
}

.text-bold {
	font-weight: bold;
}

.text-normal {
	font-weight: normal;
}

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

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

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

.text-cut {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	lines: 1;
}

.text-cut-line1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	/* //需要控制的文本行数 */
	overflow: hidden;
}

.text-cut-line2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	/* //需要控制的文本行数 */
	overflow: hidden;
}

.text-cut-line2-ios {
	overflow: hidden;
	text-overflow: ellipsis;
	lines: 2;
}

.text-cut-line3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	/* //需要控制的文本行数 */
	overflow: hidden;
}

.margin {
	margin: auto;
}

.margin-top {
	margin-top: 15px;
}

.margin-top-2 {
	margin-top: 3px;
}

.margin-top-3 {
	margin-top: 3px;
}

.margin-top-5 {
	margin-top: 5px;
}

.margin-top-6 {
	margin-top: 6px;
}

.margin-top-7 {
	margin-top: 7px;
}

.margin-top-8 {
	margin-top: 8px;
}

.margin-top-9 {
	margin-top: 9px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-top-12 {
	margin-top: 12px;
}

.margin-top-15 {
	margin-top: 15px;
}

.margin-top-16 {
	margin-top: 16px;
}


.margin-top-20 {
	margin-top: 20px;
}

.margin-top-24 {
	margin-top: 24px;
}

.margin-top-25 {
	margin-top: 25px;
}

.margin-top-30 {
	margin-top: 30px;
}

.margin-top-35 {
	margin-top: 25px;
}

.margin-top-40 {
	margin-top: 40px;
}

.margin-top-50 {
	margin-top: 50px;
}

.margin-top-60 {
	margin-top: 60px;
}

.margin-top-80 {
	margin-top: 80px;
}

.margin-top-100 {
	margin-top: 100px;
}

.margin-top-110 {
	margin-top: 110px;
}

.margin-top-200 {
	margin-top: 200px;
}

.margin-top-250 {
	margin-top: 250px;
}


.margin-bottom {
	margin-bottom: 10px;
}

.margin-bottom-12 {
	margin-bottom: 12px;
}

.margin-bottom-15 {
	margin-bottom: 15px;
}

.margin-bottom-16 {
	margin-bottom: 16px;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.margin-bottom-25 {
	margin-bottom: 25px;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}

.margin-bottom-40 {
	margin-bottom: 40px;
}

.margin-bottom-50 {
	margin-bottom: 50px;
}

.margin-bottom-2 {
	margin-bottom: 2px;
}

.margin-bottom-3 {
	margin-bottom: 3px;
}

.margin-bottom-4 {
	margin-bottom: 4px;
}

.margin-bottom-5 {
	margin-bottom: 5px;
}

.margin-bottom-6 {
	margin-bottom: 6px;
}

.margin-bottom-8 {
	margin-bottom: 8px;
}

.margin-right {
	margin-right: 15px;
}

.margin-right-1 {
	margin-right: 1px;
}

.margin-right-2 {
	margin-right: 2px;
}

.margin-right-3 {
	margin-right: 3px;
}

.margin-right-4 {
	margin-right: 4px;
}

.margin-right-5 {
	margin-right: 5px;
}

.margin-right-8 {
	margin-right: 8px;
}

.margin-right-10 {
	margin-right: 10px;
}

.margin-right-12 {
	margin-right: 12px;
}

.margin-right-15 {
	margin-right: 15px;
}

.margin-right-20 {
	margin-right: 20px;
}

.margin-right-30 {
	margin-right: 30px;
}

.margin-right-40 {
	margin-right: 40px;
}

.margin-left {
	margin-left: 15px;
}

.margin-left-1 {
	margin-left: 1px;
}

.margin-left-2 {
	margin-left: 2px;
}

.margin-left-3 {
	margin-left: 3px;
}

.margin-left-4 {
	margin-left: 4px;
}

.margin-left-5 {
	margin-left: 5px;
}

.margin-left-6 {
	margin-left: 6px;
}

.margin-left-7 {
	margin-left: 7px;
}

.margin-left-8 {
	margin-left: 8px;
}

.margin-left-9 {
	margin-left: 9px;
}

.margin-left-10 {
	margin-left: 10px;
}

.margin-left-12 {
	margin-left: 12px;
}

.margin-left-15 {
	margin-left: 15px;
}

.margin-left-20 {
	margin-left: 20px;
}

.margin-left-25 {
	margin-left: 25px;
}

.margin-left-30 {
	margin-left: 30px;
}

.margin-left-40 {
	margin-left: 40px;
}

.margin-left-45 {
	margin-left: 45px;
}

.margin-left-50 {
	margin-left: 50px;
}

.padding {
	padding: 15px;
	box-sizing: border-box;
}

.padding-12 {
	padding: 12px;
	box-sizing: border-box;
}

.padding-16 {
	padding: 16px;
	box-sizing: border-box;
}

.padding-top {
	padding-top: 15px;
}

.padding-top-2 {
	padding-top: 2px;
}

.padding-top-5 {
	padding-top: 5px;
}

.padding-top-10 {
	padding-top: 10px;
}

.padding-top-15 {
	padding-top: 15px;
}

.padding-top-12 {
	padding-top: 12px;
}

.padding-top-16 {
	padding-top: 16px;
}

.padding-top-18 {
	padding-top: 18px;
}

.padding-top-20 {
	padding-top: 20px;
}

.padding-top-30 {
	padding-top: 30px;
}

.padding-top-40 {
	padding-top: 40px;
}

.padding-top-60 {
	padding-top: 60px;
}

.padding-top-80 {
	padding-top: 80px;
}

.padding-sm {
	padding: 10px;
	box-sizing: border-box;
}

.padding-ss {
	padding: 15px;
}

.padding-16 {
	padding: 32px;
}

.padding-5 {
	padding: 10px;
}

.padding-7 {
	padding: 14px;
}

.padding-ss-5 {
	padding: 15px 10px;
}

.padding-5-ss {
	padding: 10px 15px;
}

.padding-2-ss {
	padding: 4px 15px;
}

.padding-3-5 {
	padding: 6px 10px;
}

.padding-3-ss {
	padding: 6px 15px;
}

.padding-3-10 {
	padding: 6px 20px;
}

.padding-5-10 {
	padding: 10px 20px;
}

.padding-2-0 {
	padding: 4px 0;
}

.padding-4-12 {
	padding: 8px 24px;
}

.padding-0-12 {
	padding: 0px 24px;
}

.padding-lg {
	padding: 30px;
	box-sizing: border-box;
}

.padding-ss-common {
	padding: 20px 30px;
	box-sizing: border-box;
}

.padding-7-common {
	padding: 14px 30px;
}

.padding-ss-0 {
	padding: 20px 0;
	box-sizing: border-box;
}

.padding-0-ss {
	padding: 0 20px;
}

.padding-0-common {
	padding: 0 30px;
}

.padding-0-16 {
	padding: 0 32px;
}

.padding-0-5 {
	padding: 0 10px;
}

.padding-common-0 {
	padding: 30px 0;
}

.padding-common-ss {
	padding: 30px 20px;
}

.padding-5-common {
	padding: 10px 30px;
}

.padding-10-common {
	padding: 20px 30px;
}

.padding-15-common {
	padding: 30px 30px;
}

.padding-10-0 {
	padding: 20px 0px;
	box-sizing: border-box;
}

.padding-5-0 {
	padding: 10px 0px;
	box-sizing: border-box;
}

.padding-left {
	padding-left: 15px;
}

.padding-left-5 {
	padding-left: 5px;
}

.padding-left-10 {
	padding-left: 10px;
}

.padding-left-20 {
	padding-left: 20px;
}

.padding-left-30 {
	padding-left: 30px;
}

.padding-left-40 {
	padding-left: 40px;
}

.padding-right-5 {
	padding-right: 5px;
}

.padding-right-10 {
	padding-right: 10px;
}

.padding-right-15 {
	padding-right: 15px;
}

.padding-right-20 {
	padding-right: 20px;
}

.padding-right-30 {
	padding-right: 30px;
}

.padding-right-40 {
	padding-right: 40px;
}

.padding-bottom {
	padding-bottom: 10px;
}

.padding-bottom-3 {
	padding-bottom: 3px;
}

.padding-bottom-5 {
	padding-bottom: 5px;
}

.padding-bottom-10 {
	padding-bottom: 10px;
}

.padding-bottom-12 {
	padding-bottom: 12px;
}

.padding-bottom-15 {
	padding-bottom: 15px;
}

.padding-bottom-16 {
	padding-bottom: 16px;
}

.padding-bottom-20 {
	padding-bottom: 20px;
}

.padding-bottom-30 {
	padding-bottom: 30px;
}

.padding-bottom-50 {
	padding-bottom: 50px;
}

.padding-bottom-60 {
	padding-bottom: 60px;
}

.padding-bottom-70 {
	padding-bottom: 70px;
}

.padding-bottom-80 {
	padding-bottom: 80px;
}

.padding-bottom-90 {
	padding-bottom: 90px;
}

.padding-bottom-100 {
	padding-bottom: 100px;
}

.padding-bottom-140 {
	padding-bottom: 140px;
}

.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: var(--window-top);
	z-index: 99;
}

.top-0 {
	top: 0;
}

.top-5 {
	top: 5px;
}

.top-10 {
	top: 10px;
}

.top-15 {
	top: 15px;
}

.top-20 {
	top: 20px;
}

.top-30 {
	top: 30px;
}

.left-0 {
	left: 0;
}

.left-5 {
	left: 5px;
}

.left-10 {
	left: 10px;
}

.left-15 {
	left: 15px;
}

.left-20 {
	left: 20px;
}

.left-30 {
	left: 30px;
}

.bottom-0 {
	bottom: 0;
}

.bottom-5 {
	bottom: 5px;
}

.bottom-10 {
	bottom: 10px;
}

.bottom-15 {
	bottom: 15px;
}

.bottom-20 {
	bottom: 20px;
}

.bottom-30 {
	bottom: 30px;
}

.bottom-35 {
	bottom: 35px;
}

.bottom-40 {
	bottom: 40px;
}

.right-0 {
	right: 0;
}

.right-5 {
	right: 5px;
}

.right-10 {
	right: 10px;
}

.right-15 {
	right: 15px;
}

.right-20 {
	right: 20px;
}

.right-30 {
	right: 30px;
}

.right-50 {
	right: 50px;
}

.right-100 {
	right: 100px;
}

.button-bg-right {
	background-image: linear-gradient(to right, #F5CD6E, #242321);
}

.border-white {
	border: 1px solid white;
}

.border-red {
	border: 1px solid red;
}

.border-999 {
	border: 1px solid #999;
}

.border-main {
	border: 2px solid #5E8BFF;
}

.border-main-bottom {
	border-bottom: 2px solid #DDDDDD;
}

.border-bottom-dotted {
	border-bottom: 2px dotted #999;
}

.border-bottom-dashed {
	border-bottom: 2px dashed #999;
}

.border-bottom {
	border-bottom: 2px solid #eee;
}

.border-bottom-999 {
	border-bottom: 2px solid #999;
}

.border-bottom-ddd {
	border-bottom: 2px solid #ddd;
}

.border-right {
	border-right: 2px solid #eee;
}

.border-left {
	border-left: 2px solid #eee;
}

.border-top {
	border-top: 2px solid #eee;
}

.border {
	border: 1px solid #eee;
}

.border-radius-50 {
	border-radius: 50px;
}

.border-radius-100 {
	border-radius: 100px;
}

.border-radius {
	border-radius: 10px;
}

.border-radius-5 {
	border-radius: 10px;
}

.border-radius-6 {
	border-radius: 12px;
}

.border-radius-8 {
	border-radius: 16px;
}

.border-radius-12 {
	border-radius: 24px;
}

.overflow-hidden {
	overflow: hidden;
}

.border-radius-10 {
	border-radius: 20px;
}

.border-radius-15 {
	border-radius: 30px;
}

.box-sizing {
	box-sizing: border-box;
}

.bg-lulala {
	background-color: #404760;
}

.bg-qiaodao {
	background-color: #997cfa !important;
}

.bg-white {
	background-color: #fff;
}

.bg-red {
	background-color: red;
}

.bg-yellow {
	background-color: yellow;
}

.bg-orange {
	background-color: orange;
}

.bg-green-light {
	background-color: rgb(90, 194, 118);
}

.bg-green {
	background-color: green;
}

.bg-gray7 {
	background-color: #FBFBFB;
}

.bg-blue {
	background-color: blue;
}

.bg-skyblue {
	background-color: skyblue;
}

.bg-gray {
	background-color: gray;
}

.bg-999 {
	background-color: #999999;
}

.bg-666 {
	background-color: #666666;
}

.bg-999-light {
	background-color: #f8f7fa;
}

.bg-main-color {
	background-color: #5E8BFF !important;
}

.bg-main-color-light {
	background-color: #CFEFE3 !important;
}

.bg-fz-color {
	background-color: #F55307;
}

.red-color {
	color: #EB5757;
}

.z-index--1 {
	z-index: -1;
}

.z-index0 {
	z-index: 0;
}

.z-index1 {
	z-index: 1;
}

.z-index2 {
	z-index: 2;
}

.z-index3 {
	z-index: 3;
}

.z-index4 {
	z-index: 4;
}

.z-index5 {
	z-index: 5;
}

.z-index10 {
	z-index: 10;
}

.z-index100 {
	z-index: 100;
}

.z-index999 {
	z-index: 999;
}

.shadowMain {
	/* box-shadow: 0px 0px 20px rgba(102, 204, 255, 0.4); */
	box-shadow: 0px 4px 16px rgba(94, 139, 255, 0.08);
}

.shadowDefault {
	box-shadow: 0px 0px 10upx rgba(100, 100, 100, 0.3);
}

.shadow[class*='-red'] {
	box-shadow: 0 0 10upx rgba(204, 69, 59, 0.2);
}

.shadow[class*='-orange'] {
	box-shadow: 0 0 10upx rgba(217, 109, 26, 0.2);
}

.shadow[class*='-yellow'] {
	box-shadow: 0 0 10upx rgba(224, 170, 7, 0.2);
}

.shadow[class*='-olive'] {
	box-shadow: 0 0 10upx rgba(124, 173, 55, 0.2);
}

.shadow[class*='-green'] {
	box-shadow: 0 0 10upx rgba(48, 156, 63, 0.2);
}

.shadow[class*='-cyan'] {
	box-shadow: 0 0 10upx rgba(28, 187, 180, 0.2);
}

.shadow[class*='-blue'] {
	box-shadow: 0 0 10upx rgba(0, 102, 204, 0.2);
}

.shadow[class*='-purple'] {
	box-shadow: 0 0 10upx rgba(88, 48, 156, 0.2);
}

.shadow[class*='-mauve'] {
	box-shadow: 0 0 10upx rgba(133, 33, 150, 0.2);
}

.shadow[class*='-pink'] {
	box-shadow: 0 0 10upx rgba(199, 50, 134, 0.2);
}

.shadow[class*='-brown'] {
	box-shadow: 0 0 10upx rgba(140, 88, 53, 0.2);
}

.shadow[class*='-grey'] {
	box-shadow: 0 0 10upx rgba(114, 130, 138, 0.2);
}

.shadow[class*='-gray'] {
	box-shadow: 0 0 10upx rgba(114, 130, 138, 0.2);
}

.shadow[class*='-black'] {
	box-shadow: 0 0 10upx rgba(26, 26, 26, 0.2);
}

.shadow[class*='-white'] {
	box-shadow: 0 0 10upx rgba(100, 100, 100, 0.1);
}

.text-shadow[class*='-red'] {
	text-shadow: 6upx 6upx 8upx rgba(204, 69, 59, 0.2);
}

.text-shadow[class*='-orange'] {
	text-shadow: 6upx 6upx 8upx rgba(217, 109, 26, 0.2);
}

.text-shadow[class*='-yellow'] {
	text-shadow: 6upx 6upx 8upx rgba(224, 170, 7, 0.2);
}

.text-shadow[class*='-olive'] {
	text-shadow: 6upx 6upx 8upx rgba(124, 173, 55, 0.2);
}

.text-shadow[class*='-green'] {
	text-shadow: 6upx 6upx 8upx rgba(48, 156, 63, 0.2);
}

.text-shadow[class*='-cyan'] {
	text-shadow: 6upx 6upx 8upx rgba(28, 187, 180, 0.2);
}

.text-shadow[class*='-blue'] {
	text-shadow: 6upx 6upx 8upx rgba(0, 102, 204, 0.2);
}

.text-shadow[class*='-purple'] {
	text-shadow: 6upx 6upx 8upx rgba(88, 48, 156, 0.2);
}

.text-shadow[class*='-mauve'] {
	text-shadow: 6upx 6upx 8upx rgba(133, 33, 150, 0.2);
}

.text-shadow[class*='-pink'] {
	text-shadow: 6upx 6upx 8upx rgba(199, 50, 134, 0.2);
}

.text-shadow[class*='-brown'] {
	text-shadow: 6upx 6upx 8upx rgba(140, 88, 53, 0.2);
}

.text-shadow[class*='-grey'] {
	text-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
}

.text-shadow[class*='-gray'] {
	text-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
}

.text-shadow[class*='-black'] {
	text-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
}

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

.text-underline {
	text-decoration: underline;
}

.letter-spacing-1 {
	letter-spacing: 2px;
}

.letter-spacing-2 {
	letter-spacing: 4px;
}

.letter-spacing-3 {
	letter-spacing: 6px;
}

.letter-spacing-4 {
	letter-spacing: 8px;
}

.letter-spacing-5 {
	letter-spacing: 10px;
}

.letter-spacing-10 {
	letter-spacing: 20px;
}

.line-height-10 {
	height: 20px;
	line-height: 20px;
}

.line-height-12 {
	height: 24px;
	line-height: 24px;
}

.line-height-13 {
	height: 26px;
	line-height: 26px;
}

.line-height-14 {
	height: 28px;
	line-height: 28px;
}

.line-height-15 {
	height: 30px;
	line-height: 30px;
}

.line-height-16 {
	height: 32px;
	line-height: 32px;
}

.line-height-18 {
	height: 36px;
	line-height: 36px;
}

.line-height-20 {
	height: 40px;
	line-height: 40px;
}

.line-height-25 {
	height: 50px;
	line-height: 50px;
}

.line-height-30 {
	height: 60px;
	line-height: 60px;
}

.line-height-35 {
	height: 70px;
	line-height: 70px;
}

.line-height-40 {
	height: 80px;
	line-height: 80px;
}

.line-height-45 {
	height: 90px;
	line-height: 90px;
}

.line-height-50 {
	height: 100px;
	line-height: 100px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

/* //定位 */
.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.fixed {
	position: fixed;
}

.inline-block {
	display: inline-block;
}

.block {
	display: block;
}

.vertical-align-middle {
	display: inline-block;
	margin-top: -8px;
	vertical-align: middle;
	/* //图片和文字水平对齐 */
}

/* //图片图标 image标签的类名 */
.iconImg-sm {
	width: 20px;
	height: 20px;
}

.iconImg-xl {
	width: 100px;
	height: 100px;
}

.show {
	display: block;
}

.hide {
	display: none;
}

.flex {
	display: flex;
}

.flex-auto {
	flex: auto;
}

.opacity0 {
	opacity: 0
}

.opacity1 {
	opacity: 1
}

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

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

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

.space-around {
	justify-content: space-around;
}

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

.flex-start {
	justify-content: flex-start;
}

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

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

.align-items-baseline {
	align-items: baseline;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.scroll-nowrap {
	white-space: nowrap;
}

.ymd-wrapter {
	width: 100vw;
	height: 100vh;
	height: auto;
}

.scale01 {
	transform: scale(0.1, 0.1);
}

.scale02 {
	transform: scale(0.2, 0.2);
}

.scale03 {
	transform: scale(0.3, 0.3);
}

.scale04 {
	transform: scale(0.4, 0.4);
}

.scale05 {
	transform: scale(0.5, 0.5);
}

.scale06 {
	transform: scale(0.6, 0.6);
}

.scale07 {
	transform: scale(0.7, 0.7);
}

.scale08 {
	transform: scale(0.8, 0.8);
}

.scale09 {
	transform: scale(0.9, 0.9);
}

.scale10 {
	transform: scale(1, 1);
}

.scale11 {
	transform: scale(1.1, 1.1);
}

.scale12 {
	transform: scale(1.2, 1.2);
}

.scale13 {
	transform: scale(1.3, 1.3);
}

.scale14 {
	transform: scale(1.4, 1.4);
}

.scale15 {
	transform: scale(1.5, 1.5);
}

.scale16 {
	transform: scale(1.6, 1.6);
}

.scale17 {
	transform: scale(1.7, 1.7);
}

.scale18 {
	transform: scale(1.8, 1.8);
}

.scale19 {
	transform: scale(1.9, 1.9);
}

.scale20 {
	transform: scale(2, 2);
}

.logo62 {
	height: 124px;
	width: 124px;
	border-radius: 50%;
}

.logo65 {
	height: 130px;
	width: 130px;
	border-radius: 50%;
}


.logo55 {
	height: 110px;
	width: 110px;
	border-radius: 50%;
}

.logo50 {
	height: 100px;
	width: 100px;
	border-radius: 50%;
}

.logo40 {
	height: 80px;
	width: 80px;
	border-radius: 50%;
}

.logo35 {
	height: 70px;
	width: 70px;
	border-radius: 50%;
}

.logo30 {
	height: 60px;
	width: 60px;
	border-radius: 50%;
}

.logo25 {
	height: 50px;
	width: 50px;
	border-radius: 50%;
}

.logo20 {
	height: 40px;
	width: 40px;
	border-radius: 50%;
}

.ymd-footer-box {
	height: 120px;
}

.height5 {
	height: 10px;
}

.height8 {
	height: 16px;
}

.height10 {
	height: 20px;
}

.height12 {
	height: 24px;
}

.height15 {
	height: 30px;
}

.height20 {
	height: 40px;
}

.height22 {
	height: 44px;
}

.height25 {
	height: 50px;
}

.height28 {
	height: 56px;
}

.height30 {
	height: 60px;
}

.height34 {
	height: 68px;
}

.height35 {
	height: 70px;
}

.height40 {
	height: 80px;
}

.height42 {
	height: 84px;
}

.height45 {
	height: 90px;
}

.height50 {
	height: 100px;
}

.height55 {
	height: 110px;
}

.height60 {
	height: 120px;
}

.height70 {
	height: 140px;
}

.height75 {
	height: 150px;
}

.height80 {
	height: 160px;
}

.height90 {
	height: 180px;
}

.height100 {
	height: 200px;
}

.height110 {
	height: 220px;
}

.height120 {
	height: 240px;
}

.height130 {
	height: 260px;
}

.height140 {
	height: 280px;
}

.height150 {
	height: 300px;
}

.height200 {
	height: 400px;
}

.height-100 {
	height: 100%;
}

.mark {
	background-color: rgba(0, 0, 0, 0.3);
}

.mark-01 {
	background-color: rgba(0, 0, 0, 0.1);
}

.mark-02 {
	background-color: rgba(0, 0, 0, 0.2);
}

.mark-03 {
	background-color: rgba(0, 0, 0, 0.3);
}

.mark-04 {
	background-color: rgba(0, 0, 0, 0.4);
}

.mark-05 {
	background-color: rgba(0, 0, 0, 0.5);
}

.mark-07 {
	background-color: rgba(0, 0, 0, 0.7);
}

.word-break-wrap {
	/* //解决文本为字母不换行的问题 */
	word-break: break-all;
	word-wrap: break-word;
}

.cursor-pointer {
	cursor: pointer;
}

/* //渐变色
// background-image: linear-gradient(direction, color-stop1, color-stop2, ...); */
/* 
// uni复选框修改样式
//默认边框 */
uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
	border-color: #d1d1d1;
	width: 36px;
	height: 36px;
}

uni-checkbox .uni-checkbox-input {
	border-color: #d1d1d1;
	width: 36px;
	height: 36px;
}

uni-checkbox .uni-checkbox-input {
	color: #ffffff !important;
}

uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
	border: none !important;
	background: #ff7700;
	border-color: #fff;
}

uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked::before {
	width: 100%;
	height: 100%;
	line-height: 36px;
	text-align: center;
	font-size: 36px;
	color: #fff;
	background: transparent;
	/* // transform: translate(-70%, -50%) scale(1);
	// -webkit-transform: translate(-70%, -50%) scale(1); */
}

/* 微信样式 */
/* #ifdef APP-PLUS ||MP-WEIXIN */
checkbox .wx-checkbox-input {
	border-radius: 50% !important;
	color: #ffffff !important;
	width: 36px;
	height: 36px;
}

checkbox .wx-checkbox-input.wx-checkbox-input-checked {
	color: #fff !important;
	background-color: #000000 !important;
}

.wx-checkbox-input.wx-checkbox-input-checked {
	border: none !important;
}

/* #endif */

.btn-tobottom {
	background: linear-gradient(to bottom, #5E8BFF, #69C4C7);
}

a {
	text-decoration: none !important;
}

div {
	box-sizing: border-box;
}

.content-wrap {
	overflow: hidden;
}

/* 头部通用样式 */
.header-bg {
	background: #fff;
}

.header-bg-transparent {
	background: transparent;
}

.header-scroll {
	background: rgba(255, 255, 255, 0.34);
	backdrop-filter: blur(10px);
	position: fixed;
}

.header-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 990;
}

.header-shadow {
	box-shadow: 0px 4px 20px 0px rgba(94, 139, 255, 0.12);
}

.header-wrap {
	width: 1200px;
	min-width: 1200px;
	padding: 0 24px;
	height: 70px;
}

.header-wrap .logo {
	width: 116px;
	cursor: pointer;
}

.header-wrap .nav-wrap {
	margin-left: 47px;
}

.header-wrap .nav-wrap .item {
	font-size: 16px;
	font-weight: bold;
	color: #4F4F4F;
	margin-right: 80px;
	cursor: pointer;
	text-align: center;
	position: relative;
	height: 70px;
	line-height: 70px;
}

.header-wrap .nav-wrap .item .study-wrap {
	width: 158px;
	padding: 0 8px;
	background: #fff;
	box-shadow: 0px 4px 20px 0px rgba(94, 139, 255, 0.12);
	position: absolute;
	bottom: -118px;
	right: -80px;
	opacity: 0;
	width: 0;
	overflow: hidden;
	padding: 0;
}

.header-wrap .nav-wrap .item .study-wrap .study-wrap-hover {
	width: 200px;
	height: 30px;
	position: absolute;
	top: -30px;
	left: 0;
	z-index: 6;
}

.header-wrap .nav-wrap .item .study-wrap .up-sj {
	width: 16px;
	position: absolute;
	top: -12px;
	left: 36px;
	z-index: 10;
}

.header-wrap .nav-wrap .item .study-wrap .study-item {
	height: 38px;
	color: #333;
	font-size: 16px;
	line-height: 38px;
	margin: 10px 0;
	position: relative;
}

.header-wrap .nav-wrap .item .study-wrap .study-item .code-wrap {
	width: 270px;
	background: #F5F8FF;
	position: absolute;
	right: -278px;
	top: -10px;
	box-shadow: 0px 4px 20px 0px rgba(94, 139, 255, 0.12);
	padding: 12px;
	padding-top: 0;
}

.header-wrap .nav-wrap .item .study-wrap .study-item .code-wrap .er-code-wrap {
	width: 100%;
	padding: 10px;
	background: #fff;
	padding-bottom: 0;
}

.header-wrap .nav-wrap .item .study-wrap .study-item .code-wrap .app-btn1 {
	width: 111px;
	border-radius: 4px;
	background: #000;
	display: flex;
	justify-content: space-around;
	align-items: center;
	color: #FFEDB8;
	font-size: 12px;
	font-weight: bold;
}

.header-wrap .nav-wrap .item .study-wrap .study-item .code-wrap .app-btn2 {
	width: 111px;
	border-radius: 4px;
	background: #5E8BFF;
	display: flex;
	justify-content: space-around;
	align-items: center;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.header-wrap .nav-wrap .item .study-wrap .study-item .code-wrap2 {
	width: 270px;
	background: #F5F8FF;
	position: absolute;
	right: -278px;
	top: -58px;
	box-shadow: 0px 4px 20px 0px rgba(94, 139, 255, 0.12);
	padding: 12px;
	padding-top: 0;
}

.header-wrap .nav-wrap .item .study-wrap .study-item-active {
	background: rgba(93, 139, 255, 0.1);
	backdrop-filter: blur(2px);
	color: #5E8BFF;
	font-weight: bold;
}

.header-wrap .nav-wrap .item .study-wrap .study-item-child1::before {
	content: "";
	width: 100%;
	height: 1px;
	background: #E0E0E0;
	position: absolute;
	z-index: 10;
	left: 50%;
	margin-left: -50%;
	top: 43px;
}

.header-wrap .nav-wrap a {
	color: #4F4F4F;
}

.header-wrap .nav-wrap .item-active {
	color: #5E8BFF;
	font-weight: bold;
}

.header-wrap .nav-wrap .item-active a {
	color: #5E8BFF;
}

.header-wrap .nav-wrap .item-active::before {
	content: "";
	width: 30px;
	height: 2px;
	background: #5E8BFF;
	position: absolute;
	bottom: -9px;
	left: 50%;
	margin-left: -15px;
}

.header-wrap .nav-wrap .item:hover {
	color: #5E8BFF;
	font-weight: bold;
}

.header-wrap .nav-wrap .item:hover .study-wrap {
	opacity: 1;
	width: 158px;
	overflow: unset;
	padding: 0 8px;
}

.header-wrap .nav-wrap-active .item {
	color: #FFFFFF;
}

.header-wrap .nav-wrap-active .item .study-wrap {
	width: 158px;
	padding: 0 8px;
	background: #fff;
	box-shadow: 0px 4px 20px 0px rgba(94, 139, 255, 0.12);
	position: absolute;
	bottom: -118px;
	right: -80px;
	opacity: 0;
	width: 0;
	overflow: hidden;
	padding: 0;
}

.header-wrap .nav-wrap-active .item .study-wrap .up-sj {
	width: 16px;
	position: absolute;
	top: -12px;
	left: 36px;
	z-index: 10;
}

.header-wrap .nav-wrap-active .item .study-wrap .study-item {
	height: 38px;
	color: #333;
	font-size: 16px;
	line-height: 38px;
	margin: 10px 0;
	position: relative;
}

.header-wrap .nav-wrap-active .item .study-wrap .study-item .code-wrap {
	width: 270px;
	background: #F5F8FF;
	position: absolute;
	right: -278px;
	top: -10px;
	box-shadow: 0px 4px 20px 0px rgba(94, 139, 255, 0.12);
	padding: 12px;
	padding-top: 0;
}

.header-wrap .nav-wrap-active .item .study-wrap .study-item .code-wrap .app-btn1 {
	width: 111px;
	border-radius: 4px;
	background: #000;
	display: flex;
	justify-content: space-around;
	align-items: center;
	color: #FFEDB8;
	font-size: 12px;
	font-weight: bold;
}

.header-wrap .nav-wrap-active .item .study-wrap .study-item .code-wrap .app-btn2 {
	width: 111px;
	border-radius: 4px;
	background: #5E8BFF;
	display: flex;
	justify-content: space-around;
	align-items: center;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.header-wrap .nav-wrap-active .item .study-wrap .study-item .code-wrap2 {
	width: 270px;
	background: #F5F8FF;
	position: absolute;
	right: -278px;
	top: -58px;
	box-shadow: 0px 4px 20px 0px rgba(94, 139, 255, 0.12);
	padding: 12px;
	padding-top: 0;
}

.header-wrap .nav-wrap-active .item .study-wrap .study-item:hover {
	background: rgba(93, 139, 255, 0.1);
	backdrop-filter: blur(2px);
	color: #5E8BFF;
	font-weight: bold;
}

.header-wrap .nav-wrap-active .item .study-wrap .study-item-child1::before {
	content: "";
	width: 100%;
	height: 1px;
	background: #E0E0E0;
	position: absolute;
	z-index: 10;
	left: 50%;
	margin-left: -50%;
	top: 43px;
}

.header-wrap .nav-wrap-active a {
	color: #FFFFFF;
}

.header-wrap .nav-wrap-active .item-active::before {
	content: "";
	width: 30px;
	height: 2px;
	background: #FFFFFF;
	position: absolute;
	bottom: -9px;
	left: 50%;
	margin-left: -15px;
}

.header-wrap .nav-wrap-active .item:hover {
	color: #FFFFFF;
}

.header-wrap .nav-wrap-active .item:hover .study-wrap {
	opacity: 1;
	width: 158px;
	overflow: unset;
	padding: 0 8px;
}

.btn-name {
	width: 112px;
	height: 28px;
	border-radius: 4px;
	border: 1px solid #5E8BFF;
	display: flex;
	justify-content: space-around;
	align-items: center;
	color: #5E8BFF;
	font-size: 12px;
	font-weight: bold;
	margin-top: 8px;
}

.course-wraps {
	background: #fff;
	position: absolute;
	top: 75px;
	left: -16px;
	display: flex;
	box-shadow: 0px 4px 20px 0px rgba(94, 139, 255, 0.3);
	opacity: 0;
	width: 0;
	overflow: hidden;
}

.course-wraps .study-wrap-hover {
	width: 200px;
	height: 30px;
	position: absolute;
	top: -30px;
	left: 0;
	z-index: 6;
}

.course-wraps .up-sj {
	width: 16px;
	position: absolute;
	top: -12px;
	left: 36px;
	z-index: 10;
}

.course-wraps .course-nav {
	width: 96px;
	padding: 0 8px;
}

.course-wraps .course-nav .course-nav-item {
	padding: 8px 0;
	border-bottom: 1px solid #E0E0E0;
	line-height: 36px;
}

.course-wraps .course-nav .course-nav-item:last-child {
	border-bottom: none;
}

.course-wraps .course-nav .course-nav-item-active {
	color: #5E8BFF;
}

.course-wraps .course-content {
	padding: 12px;
}

.course-wraps .course-content a {
	margin-right: 9px;
}

.course-wraps .course-content .img-item {
	width: 56px;
	height: 56px;
	border-radius: 4px;
	border: 1px solid #5E8BFF;
	box-shadow: 0px 4px 20px 0px rgba(94, 139, 255, 0.12);
	margin-right: 9px;
}

.course-wraps .course-content .img-item:last-child {
	margin-right: 0px;
}

.item:hover .course-wraps {
	opacity: 1;
	width: auto;
	overflow: unset;
}

.gzh-item {
	width: 64px;
	height: 28px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	color: #333;
	font-size: 12px;
	position: relative;

}

.gzh-item:nth-child(1)::before {
	content: '';
	width: 1px;
	height: 12px;
	background: #E0E0E0;
	position: absolute;
	right: -12px;
}

.gzh-item:nth-child(2)::before {
	content: '';
	width: 1px;
	height: 12px;
	background: #E0E0E0;
	position: absolute;
	right: -10px;
}

.gzh-item-active {
	color: #5E8BFF;
	font-weight: bold;
	background: #E6EEFF;
	backdrop-filter: blur(2px);
}

.gzh-item:nth-child(2) {
	width: 76px;
}

@keyframes jump1 {
	0% {
		height: 12px;
		left: 0px;
		top: 2px;
	}

	25% {
		height: 10px;
		left: 0px;
		top: 4px;
	}

	50% {
		height: 14px;
		left: 0px;
		top: 0px;
	}

	75% {
		height: 8px;
		left: 0px;
		top: 6px;
	}

	100% {
		height: 12px;
		left: 0px;
		top: 2px;
	}
}

@keyframes jump2 {
	0% {
		height: 8px;
		left: 5px;
		top: 6px;
	}

	25% {
		height: 12px;
		left: 5px;
		top: 2px;
	}

	50% {
		height: 10px;
		left: 5px;
		top: 4px;
	}

	75% {
		height: 14px;
		left: 5px;
		top: 0px;
	}

	100% {
		height: 8px;
		left: 5px;
		top: 6px;
	}
}


@keyframes jump3 {
	0% {
		height: 14px;
		left: 10px;
		top: 0px;
	}

	25% {
		height: 8px;
		left: 10px;
		top: 6px;
	}

	50% {
		height: 12px;
		left: 10px;
		top: 2px;
	}

	75% {
		height: 8px;
		left: 10px;
		top: 6px;
	}

	100% {
		height: 14px;
		left: 10px;
		top: 0px;
	}
}


@keyframes jump4 {
	0% {
		height: 10px;
		left: 15px;
		top: 4px;
	}

	25% {
		height: 14px;
		left: 15px;
		top: 0px;
	}

	50% {
		height: 8px;
		left: 15px;
		top: 6px;
	}

	75% {
		height: 12px;
		left: 15px;
		top: 2px;
	}

	100% {
		height: 10px;
		left: 15px;
		top: 4px;
	}
}

@keyframes moveAniHor {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

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