@font-face {
		font-family: "Metropolis-Black";
		src: url("../fonts/Metropolis-Black.otf") format("opentype");
	}

	@font-face {
		font-family: "Metropolis-Regular";
		src: url("../fonts/Metropolis-Regular.otf") format("opentype");
	}

	@font-face {
		font-family: "Metropolis-Medium";
		src: url("../fonts/Metropolis-Medium.otf") format("opentype");
	}

	@font-face {
		font-family: "Metropolis-ExtraBold";
		src: url("../fonts/Metropolis-ExtraBold.otf") format("opentype");
	}

	@font-face {
		font-family: "Metropolis-Bold";
		src: url("../fonts/Metropolis-Bold.otf") format("opentype");
	}

	textarea {
		resize: none;
	}

	.flex {
		display: flex;
	}

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

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

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

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

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

	.flex-1 {
		flex: 1;
	}

	.flex-2 {
		flex: 2;
	}

	.flex-3 {
		flex: 3;
	}

	.flex-4 {
		flex: 4;
	}

	.flex-5 {
		flex: 5;
	}

	.flex-6 {
		flex: 6;
	}

	body {
		width: 19.2rem;
		overflow-x: hidden;
		opacity: 0;
		margin: 0 !important;
		-webkit-tap-highlight-color: transparent;
	}

	body::-webkit-scrollbar {
		display: none;
	}

	.container {
		width: 14rem;
		margin: 0 auto;
	}

	.mj-index-header {
		position: sticky;
		top: 0;
		left: 0;
		z-index: 100000;
	}

	.mj-index-header .header-top {
		width: 100%;
		height: 0.6rem;
		max-height: 60px;
		background-image: url("../images/top-bg.png");
		background-repeat: no-repeat;
		background-size: cover;
	}

	.mj-index-header .header-top .header-top-title {
		font-size: 0.24rem;
		color: #FFFFFF;
		font-family: Metropolis-Black;
	}

	.mj-index-header .pc-menu-area {
		background-color: #FFF8F6;
		height: 0.99rem;
		max-height: 99px;
		border-bottom: 1px solid #E2E2E2;
	}

	.mj-index-header .pc-menu-area .menu-container {
		width: calc(100% - 0.9rem);
	}

	.mj-index-header .pc-menu-area .menu-container .logo-area img {
		width: 0.5rem;
		height: 0.5rem;
		display: block;
		object-fit: contain;
		max-width: 50px;
		max-height: 50px;
	}

	.mj-index-header .pc-menu-area .menu-container .logo-area p {
		font-size: 0.2rem;
		color: #333333;
		font-family: Metropolis-Black;
		margin-left: 0.12rem;
	}

	.mj-index-header .pc-menu-area .menu-container .login-btn {
		padding: 0.24rem 0.38rem;
		border-radius: 0.16rem;
		background-color: #9067FF;
		color: white;
		font-size: 0.24rem;
		font-family: Metropolis-Black;
		line-height: 1;
	}

	.mj-index-header .pc-menu-area .menu-container .login-btn:hover {
		background-color: #B89EFF;
	}

	.mj-index-header .pc-menu-area .menu-container .menu-list .menu-item {
		margin-right: 0.58rem;
		position: relative;
	}

	.mj-index-header .pc-menu-area .menu-container .menu-list .menu-item:last-child {
		margin-right: 0;
	}

	.mj-index-header .pc-menu-area .menu-container .menu-list .menu-item .menu-item-title {
		display: flex;
		align-items: center;
		font-size: 0.2rem;
		color: #333333;
		font-family: Metropolis-Bold;
		cursor: pointer;
		padding: 0.2rem 0;
	}

	.mj-index-header .pc-menu-area .menu-container .menu-list .menu-item .menu-item-title img {
		width: 0.3rem;
		height: 0.3rem;
		max-width: 30px;
		max-height: 30px;
		margin-right: 0.06rem;
		display: block;
		flex-shrink: 0;
	}

	.mj-index-header .pc-menu-area .menu-container .menu-list .menu-item .menu-item-title .icon {
		display: block;
	}

	.mj-index-header .pc-menu-area .menu-container .menu-list .menu-item .menu-item-title .icon-active {
		display: none;
	}

	.mj-index-header .pc-menu-area .menu-container .menu-list .menu-item .menu-item-title .iconfont {
		font-size: 0.2rem;
		color: #d1d1d1;
		margin-left: 0.06rem;
	}

	.mj-index-header .pc-menu-area .menu-container .menu-list .menu-item .menu-item-sub {
		position: absolute;
		top: 100%;
		left: 0;
		display: none;
		background-color: white;
		border-radius: 0 0.4rem 0.4rem 0.4rem;
		padding: 0.3rem;
		box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.11);
	}

	.mj-index-header .pc-menu-area .menu-container .menu-list .menu-item .menu-item-sub a {
		font-size: 0.2rem;
		color: #333333;
		font-family: Metropolis-Bold;
		white-space: nowrap;
		margin-bottom: 0.16rem;
		display: block;
	}

	.mj-index-header .pc-menu-area .menu-container .menu-list .menu-item .menu-item-sub a:last-child {
		margin-bottom: 0;
	}

	.mj-index-header .pc-menu-area .menu-container .menu-list .menu-item .menu-item-sub a:hover {
		color: #9067FF;
	}

	.mj-index-header .pc-menu-area .menu-container .menu-list .menu-item:hover .menu-item-title {
		color: #9067FF;
	}

	.mj-index-header .pc-menu-area .menu-container .menu-list .menu-item:hover .menu-item-title .icon {
		display: none;
	}

	.mj-index-header .pc-menu-area .menu-container .menu-list .menu-item:hover .menu-item-title .icon-active {
		display: block;
	}

	.mj-index-header .pc-menu-area .menu-container .menu-list .menu-item:hover .menu-item-sub {
		display: block;
	}

	.sub-page .mj-index-header .pc-menu-area {
		background-color: white;
	}

	.index-container-area {
		margin-top: 1.2rem;
	}

	.index-container-area .container-title-area {
		text-align: center;
		color: #333333;
		margin-bottom: 0.8rem;
	}

	.index-container-area .container-title-area .container-title {
		font-size: 0.5rem;
		font-family: Metropolis-Black;
	}

	.index-container-area .container-title-area .container-subtitle {
		font-size: 0.22rem;
		font-family: Metropolis-Regular;
		margin-top: 0.16rem;
		color: #666666;
	}

	.index-container-area .choose-item {
		margin-bottom: 0.4rem;
	}

	.index-container-area .choose-item:nth-child(even) img {
		order: 2;
		margin-right: 0;
		margin-left: 0.4rem;
	}

	.index-container-area .choose-item:last-child {
		margin-bottom: 0;
	}

	.index-container-area .choose-item img {
		width: 2.4rem;
		height: 1.8rem;
		display: block;
		margin-right: 0.4rem;
		flex-shrink: 0;
	}

	.index-container-area .choose-item .right-item {
		width: calc(100% - 2.8rem);
	}

	.index-container-area .choose-item .right-item .item-title {
		font-size: 0.28rem;
		color: #333333;
		font-family: Metropolis-Bold;
	}

	.index-container-area .choose-item .right-item .item-des {
		font-size: 0.22rem;
		color: #666666;
		margin-top: 0.12rem;
		font-family: Metropolis-Regular;
		line-height: 0.26rem;
	}

	.index-container-area .network-item {
		height: 1.04rem;
		width: calc(33.3333333333% - 0.27rem - 0.08rem);
		margin-right: 0.4rem;
		margin-bottom: 0.45rem;
		border: 0.04rem solid #E6D2FF;
		border-radius: 0.26rem;
		cursor: pointer;
	}

	.index-container-area .network-item:nth-child(3n) {
		margin-right: 0;
	}

	.index-container-area .network-item:nth-last-child(-n+3) {
		margin-bottom: 0;
	}

	.index-container-area .network-item:hover {
		background-color: #9067FF;
		border-color: #9067FF;
	}

	.index-container-area .network-item:hover p {
		color: white;
	}

	.index-container-area .network-item img {
		width: 0.6rem;
		height: 0.6rem;
		display: block;
		margin-right: 0.2rem;
	}

	.index-container-area .network-item p {
		font-size: 0.28rem;
		color: #333333;
		font-family: Metropolis-Bold;
	}

	.index-container-area .process-container img {
		width: 6.24rem;
		max-width: 624px;
		display: block;
		flex-shrink: 0;
		margin-right: 0.6rem;
	}

	.index-container-area .process-container .process-list {
		width: calc(100% - 6.84rem);
	}

	.index-container-area .process-container .process-list .process-item {
		margin-bottom: 0.4rem;
	}

	.index-container-area .process-container .process-list .process-item:last-child {
		margin-bottom: 0;
	}

	.index-container-area .process-container .process-list .process-item .process-title {
		font-size: 0.28rem;
		color: #333333;
		font-family: Metropolis-Bold;
		margin-bottom: 0.12rem;
	}

	.index-container-area .process-container .process-list .process-item .process-des {
		font-size: 0.22rem;
		color: #666666;
		font-family: Metropolis-Regular;
		line-height: 0.26rem;
	}

	.index-container-area .faq-item {
		margin-bottom: 0.4rem;
	}

	.index-container-area .faq-item:last-child {
		margin-bottom: 0;
	}

	.index-container-area .faq-item .faq-title {
		font-size: 0.28rem;
		color: #9067FF;
		font-family: Metropolis-Bold;
		display: flex;
		align-items: flex-start;
		cursor: pointer;
		line-height: 0.4rem;
	}

	.index-container-area .faq-item .faq-title img {
		width: 0.4rem;
		height: 0.4rem;
		display: block;
		flex-shrink: 0;
		margin-right: 0.16rem;
		max-width: 40px;
		max-height: 40px;
	}

	.index-container-area .faq-item .faq-des {
		font-size: 0.22rem;
		color: #666666;
		font-family: Metropolis-Regular;
		margin-top: 0.16rem;
		display: none;
		line-height: 0.26rem;
	}

	.index-container-area .faq-item-on .faq-des {
		display: block;
	}

	.index-container-area .faq-item-on .faq-title {
		color: #FF6F5E;
	}

	.index-container-area .people-swiper {
		position: relative;
	}

	.index-container-area .people-swiper .swiper-button-prev,
	.index-container-area .people-swiper .swiper-button-next {
		background-image: unset;
		width: 0.56rem;
		height: 0.56rem;
		margin-top: -0.28rem;
	}

	.index-container-area .people-swiper .swiper-button-prev .iconfont,
	.index-container-area .people-swiper .swiper-button-next .iconfont {
		font-size: 0.56rem;
		color: #c9c9c9;
	}

	.index-container-area .people-swiper .swiper-button-prev {
		left: -0.96rem;
	}

	.index-container-area .people-swiper .swiper-button-next {
		right: -0.96rem;
	}

	.index-container-area .people-swiper .comment-item {
		border-radius: 0.32rem;
		padding: 0.4rem 0.32rem;
		height: calc(100% - 0.8rem);
	}

	.index-container-area .people-swiper .comment-item .comment-user-area {
		display: flex;
		align-items: center;
	}

	.index-container-area .people-swiper .comment-item .comment-user-area img {
		width: 0.64rem;
		height: 0.64rem;
		border-radius: 50%;
		display: block;
		margin-right: 0.08rem;
		flex-shrink: 0;
		max-width: 64px;
		max-height: 64px;
	}

	.index-container-area .people-swiper .comment-item .comment-user-area .comment-user-name {
		font-size: 0.24rem;
		color: #333333;
		font-family: Metropolis-Bold;
	}

	.index-container-area .people-swiper .comment-item .comment-user-area .comment-user-des {
		font-size: 0.16rem;
		color: #666666;
		font-family: Metropolis-Medium;
		margin-top: 0.08rem;
	}

	.index-container-area .people-swiper .comment-item .comment-rate {
		display: flex;
		align-items: center;
		margin: 0.3rem 0 0.14rem;
	}

	.index-container-area .people-swiper .comment-item .comment-rate .iconfont {
		color: #ecbd41;
		font-size: 0.27rem;
		margin-right: 0.08rem;
		line-height: 1;
	}

	.index-container-area .people-swiper .comment-item .comment-content {
		font-size: 0.18rem;
		color: #666666;
		font-family: Metropolis-Medium;
		line-height: 0.26rem;
	}

	.index-container-area .people-swiper .swiper-slide {
		height: auto !important;
	}

	.index-container-area .people-swiper .swiper-slide:nth-child(3n+1) .comment-item {
		background-color: #EBFFF7;
	}

	.index-container-area .people-swiper .swiper-slide:nth-child(3n+2) .comment-item {
		background-color: #FFF7EA;
	}

	.index-container-area .people-swiper .swiper-slide:nth-child(3n+3) .comment-item {
		background-color: #F9F4FF;
	}

	.index-container-area .help-container .help-image {
		width: 3.98rem;
		margin-right: 0.4rem;
		flex-shrink: 0;
		display: block;
		max-width: 398px;
	}

	.index-container-area .help-container .help-item {
		display: flex;
		align-items: center;
		margin-bottom: 0.6rem;
	}

	.index-container-area .help-container .help-item:last-child {
		margin-bottom: 0;
	}

	.index-container-area .help-container .help-item img {
		width: 1rem;
		height: 1rem;
		display: block;
		margin-right: 0.28rem;
		flex-shrink: 0;
	}

	.index-container-area .help-container .help-item .item-content {
		width: calc(100% - 1.28rem);
	}

	.index-container-area .help-container .help-item .item-content .help-title {
		font-size: 0.33rem;
		color: #333333;
		font-family: Metropolis-Bold;
	}

	.index-container-area .help-container .help-item .item-content .help-des {
		font-size: 0.2rem;
		color: #666666;
		font-family: Metropolis-Medium;
		line-height: 0.24rem;
		margin-top: 0.12rem;
	}

	.index-container-area .buy-des-list {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: -0.52rem;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: .2rem;
		margin-bottom: -.36rem;
	}

	.index-container-area .buy-des-list .buy-des-item {
		margin-right: 0.6rem;
		display: flex;
		align-items: center;
	}

	.index-container-area .buy-des-list .buy-des-item:last-child {
		margin-right: 0;
	}

	.index-container-area .buy-des-list .buy-des-item img {
		width: 0.36rem;
		height: 0.36rem;
		flex-shrink: 0;
		margin-right: 0.04rem;
	}

	.index-container-area .buy-des-list .buy-des-item .icon {
		display: block;
	}

	.index-container-area .buy-des-list .buy-des-item .icon-mobile {
		display: none;
	}

	.index-container-area .buy-des-list .buy-des-item .buy-des-title {
		font-family: Metropolis-Medium;
		font-size: 0.2rem;
		color: #333333;
	}

	.index-container-area .sub-page-rate-area {
		margin-top: 0.64rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.index-container-area .buy-card-area {
		margin-top: 0.4rem;
	}

	.index-container-area .buy-card-area .buy-card-tab-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
		z-index: 10;
		height: 1.5rem;
	}

	.index-container-area .buy-card-area .buy-card-tab-header .tab-header-item {
		padding-bottom: 0.54rem;
		height: 0.99rem;
		width: calc(50% + 0.5rem - 0.07rem);
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		font-size: 0.3rem;
		font-family: Metropolis-Black;
		color: #333333;
		cursor: pointer;
		flex-shrink: 0;
	}

	.index-container-area .buy-card-area .buy-card-tab-header .tab-header-item:after {
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 1000;
	}

	.index-container-area .buy-card-area .buy-card-tab-header .tab-header-item .tab-bg,
	.index-container-area .buy-card-area .buy-card-tab-header .tab-header-item .tab-bg-mobile {
		height: 1.6rem;
		width: 14rem;
		display: block;
		position: absolute;
		top: -0.07rem;
		left: -0.07rem;
		display: none;
	}

	.index-container-area .buy-card-area .buy-card-tab-header .tab-header-item .item-content {
		position: relative;
		z-index: 100;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 0.3rem;
		font-family: Metropolis-Black;
		color: #333333;
	}

	.index-container-area .buy-card-area .buy-card-tab-header .tab-header-item .item-content img {
		width: 0.5rem;
		height: 0.5rem;
		display: block;
		margin-right: 0.1rem;
		flex-shrink: 0;
		object-fit: contain;
	}

	.index-container-area .buy-card-area .buy-card-tab-header .tab-header-item:first-child {
		background-color: #f2f2f2;
		border: 0.07rem solid #f2f2f2;
		border-radius: 0.5rem 0 0 0;
		border-bottom: 0;
		border-right: 0;
		left: 0;
		top: 0;
	}

	.index-container-area .buy-card-area .buy-card-tab-header .tab-header-item:last-child {
		background-color: #fdf5f4;
		border: 0.07rem solid #FFC5BE;
		border-radius: 0 0.5rem 0 0;
		border-bottom: 0;
		border-left: 0;
		right: 0;
		top: 0;
	}

	.index-container-area .buy-card-area .buy-card-tab-header .tab-header-item:last-child .tab-bg,
	.index-container-area .buy-card-area .buy-card-tab-header .tab-header-item:last-child .tab-bg-mobile {
		left: unset;
		right: -0.07rem;
	}

	.index-container-area .buy-card-area .buy-card-tab-header .tab-header-item-on {
		z-index: 100;
		background-color: transparent !important;
		border-color: transparent !important;
	}

	.index-container-area .buy-card-area .buy-card-tab-header .tab-header-item-on .tab-bg,
	.index-container-area .buy-card-area .buy-card-tab-header .tab-header-item-on .tab-bg-mobile {
		display: block;
	}

	.index-container-area .buy-card-area .buy-card-tab-header .tab-bg-mobile {
		display: none !important;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-tab-content-item {
		border: 0.06rem solid;
		padding: 0.47rem;
		padding-top: 0;
		padding-bottom: 0.31rem;
		border-top: unset;
		position: relative;
		z-index: 1000;
		border-radius: 0 0 0.5rem 0.5rem;
		display: none;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-tab-content-item:first-child.buy-card-tab-content-item-on {
		background-color: white;
		border-color: #f0e9fd;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-tab-content-item:last-child.buy-card-tab-content-item-on {
		background-color: #fdf5f4;
		border-color: #FFC5BE;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-tab-content-item-on {
		display: block;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-tab-content-item-on-top {
		padding-top: 36px;
		border-top: 0.06rem solid;
		border-radius: 0.24rem 0.24rem 0.24rem 0.24rem;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list {
		display: flex;
		align-items: stretch;
		flex-wrap: wrap;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item {
		width: calc(25% - 0.12rem - 1.04rem - .12rem);
		margin-right: 0.16rem;
		margin-bottom: 0.16rem;
		padding: 0.4rem 0.52rem;
		border-radius: 0.24rem;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		border: .06rem solid transparent;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item:hover {
		border-color: #D9CAFF;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item:nth-child(4n) {
		margin-right: 0;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item .discount-area {
		position: absolute;
		width: 0.75rem;
		height: 0.75rem;
		left: 0.1rem;
		top: 0.1rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item .discount-area img {
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item .discount-area .content {
		position: relative;
		z-index: 100;
		font-style: italic;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item .discount-area .content .discount-value {
		color: white;
		text-shadow: 0px 3px 3px #FF6537;
		font-family: Metropolis-ExtraBold;
		font-size: 0.22rem;
		line-height: 0.28rem;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item .discount-area .content .discount-des {
		color: white;
		text-shadow: 0px 3px 3px #FF6537;
		font-family: Metropolis-Bold;
		font-size: 0.13rem;
		text-align: right;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item .item-content {
		width: 100%;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item .item-content .icon-yonghu {
		font-size: 0.5rem;
		color: #7be8d6;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item .item-content .icon-pinglun {
		font-size: 0.5rem;
		color: #7be8d6;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item .item-content .icon-guankan {
		font-size: 0.5rem;
		color: #ff5f3b;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item .item-content .icon-aixin {
		font-size: 0.5rem;
		color: rgb(255, 0, 85);
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item .item-content .number {
		font-family: Metropolis-Black;
		font-size: 0.3rem;
		line-height: 0.36rem;
		color: #333333;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item .item-content .des {
		font-family: Metropolis-Medium;
		color: #666666;
		font-size: 0.22rem;
		line-height: 0.26rem;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item .item-content .price {
		font-family: Metropolis-Black;
		color: #9067FF;
		font-size: 0.3rem;
		line-height: 0.36rem;
		margin-top: .15rem;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item .item-content .original-price {
		font-family: Metropolis-Medium;
		color: rgba(34, 34, 34, 0.27);
		font-size: 0.24rem;
		line-height: 0.29rem;
		text-decoration: line-through;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item .item-content .btn {
		width: 100%;
		height: 0.6rem;
		border-radius: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
		background-color: #9067FF;
		font-family: Metropolis-Black;
		font-size: 0.24rem;
		margin-top: 0.2rem;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-tab-content-item:first-child.buy-card-tab-content-item-on .buy-card-list .buy-card-item {
		background-color: #f7f3fe;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-tab-content-item:last-child.buy-card-tab-content-item-on .buy-card-list .buy-card-item {
		background-color: white;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-tab-content-item:last-child.buy-card-tab-content-item-on .buy-card-list .buy-card-item:hover {
		border-color: #FFC4BD;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-tab-content-item:last-child.buy-card-tab-content-item-on .buy-card-list .buy-card-item .discount-area .discount-value,
	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-tab-content-item:last-child.buy-card-tab-content-item-on .buy-card-list .buy-card-item .discount-area .discount-des {
		text-shadow: 0px 3px 3px #3786FF;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-tab-content-item:last-child.buy-card-tab-content-item-on .buy-card-list .buy-card-item .item-content .btn {
		background-color: #FF6F5E;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item-countdown {
		background-image: linear-gradient(to bottom, #BD72FE, #FB6FC9, #FF6F8C);
		border: none;
		padding: 0.4rem 0.58rem;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item-countdown .item-content .number {
		color: white;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item-countdown .item-content .des {
		color: rgba(255, 255, 255, 0.9);
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item-countdown .item-content .price {
		color: #FFF467;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item-countdown .item-content .original-price {
		color: rgba(255, 255, 255, 0.59);
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item-countdown .item-content .btn {
		background-color: #FFF467 !important;
		color: #FF5656;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item-countdown .limit-time {
		position: absolute;
		top: -.24rem;
		right: -.1rem;
		width: 2.14rem;
		height: .64rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item-countdown .limit-time img {
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item-countdown .limit-time .limit-time-des,
	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item-countdown .limit-time .limit-time-des span {
		font-family: Metropolis-Bold;
		color: #FF5656;
		position: relative;
		z-index: 10;
		font-size: .2rem;
	}

	.index-container-area .buy-card-area .buy-card-tab-content .buy-card-list .buy-card-item-countdown .limit-time .limit-time-des {
		margin-bottom: .12rem;
	}

	.buy-container-area {
		margin-top: 40px;
	}

	.get-started-btn {
		padding: 0.4rem 2.5rem;
		background-color: #9067FF;
		color: white;
		border-radius: 0.34rem;
		margin: 1.2rem auto 1.6rem;
		font-family: Metropolis-Black;
		font-size: 0.36rem;
		line-height: 1;
		display: block;
		width: fit-content;
	}

	.get-started-btn:hover {
		background-color: #B89EFF;
	}

	.footer {
		background-color: #251C30;
		padding: 0.4rem 0.8rem;
	}

	.footer .footer-logo-area {
		display: flex;
		align-items: center;
		margin-bottom: 0.4rem;
	}

	.footer .footer-logo-area img {
		width: 0.8rem;
		height: 0.8rem;
		display: block;
		margin-right: 0.2rem;
		flex-shrink: 0;
	}

	.footer .footer-logo-area .footer-logo-des .footer-logo-des-title {
		font-size: 0.24rem;
		color: white;
		font-family: Metropolis-Black;
	}

	.footer .footer-logo-area .footer-logo-des .footer-logo-des-content {
		font-size: 0.18rem;
		color: #ddd;
		font-family: Metropolis-Regular;
		line-height: 0.22rem;
		margin-top: 0.08rem;
	}

	.footer .link-container {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	.footer .link-container .link-title {
		font-size: 0.24rem;
		color: white;
		font-family: Metropolis-Black;
		margin-bottom: 0.24rem;
	}

	.footer .link-container .link-list-area {
		display: flex;
		align-items: flex-start;
	}

	.footer .link-container .link-list-area .link-list {
		margin-right: 1rem;
	}

	.footer .link-container .link-list-area a {
		font-size: 0.18rem;
		color: #ddd;
		font-family: Metropolis-Medium;
		margin-bottom: 0.18rem;
		display: block;
	}

	.footer .copyright {
		color: #7C7682;
		font-family: Metropolis-Regular;
		font-size: 0.18rem;
		text-align: center;
	}

	.index-banner {
		padding: 0.23rem 1.6rem 0.5rem 1.8rem;
		background-color: #FFF8F6;
		position: relative;
	}

	.index-banner .chart-pc,
	.index-banner .mobile-pc,
	.index-banner .chart-mobile,
	.index-banner .mobile-mobile {
		width: 100%;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		opacity: 0.88;
		z-index: 100;
	}

	.index-banner .mobile-mobile-new {
		display: block;
		position: absolute;
		width: 2.4rem;
		left: calc(50% - 1rem);
		bottom: 1.2rem;
		z-index: 100;
	}

	.index-banner .mobile-pc,
	.index-banner .mobile-mobile {
		opacity: 1;
	}

	.index-banner .banner-container {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.index-banner .banner-container .left-area {
		width: calc(100% - 8.3rem);
		position: relative;
		z-index: 100;
	}

	.index-banner .banner-container .left-area .title {
		font-size: 0.6rem;
		color: #333333;
		font-family: Metropolis-ExtraBold;
		line-height: 0.72rem;
	}

	.index-banner .banner-container .left-area .title span {
		font-size: 0.6rem;
		color: #333333;
		font-family: Metropolis-ExtraBold;
		line-height: 0.72rem;
	}

	.index-banner .banner-container .left-area .des {
		font-family: Metropolis-Medium;
		font-size: 0.28rem;
		line-height: 0.34rem;
		color: #333333;
		margin-top: 0.3rem;
	}

	.index-banner .banner-container .left-area .des span {
		color: #FF6F5E;
		font-family: Metropolis-Bold;
		font-size: 0.28rem;
		line-height: 0.34rem;
	}

	.index-banner .banner-container .left-area .btn {
		width: 3.77rem;
		height: 1rem;
		border-radius: 0.26rem;
		background-color: #9067FF;
		color: white;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		font-family: Metropolis-Black;
		font-size: 0.26rem;
		margin-top: 0.7rem;
	}

	.index-banner .banner-container .left-area .btn:hover {
		background-color: #B89EFF;
	}

	.index-banner .banner-container .right-area {
		width: 8.3rem;
		flex-shrink: 0;
		position: relative;
	}

	.index-banner .banner-container .right-area .banner-img {
		width: 100%;
		display: block;
	}

	.index-banner .banner-container .right-area .banner-pink {
		position: absolute;
		width: 1.65rem;
		display: block;
		z-index: 10;
		top: 1rem;
		left: 0.9rem;
	}

	.index-banner .banner-container .right-area .banner-blue {
		position: absolute;
		width: 0.97rem;
		display: block;
		z-index: 10;
		top: 2.83rem;
		right: 0;
	}

	.index-banner .banner-container .right-area .banner-mobile {
		position: absolute;
		width: 1.99rem;
		display: block;
		z-index: 10;
		bottom: 0.8rem;
		left: -0.59rem;
	}

	.index-banner .banner-container .right-area .banner-chart {
		position: absolute;
		width: 4.5rem;
		display: block;
		z-index: 10;
		bottom: 0.4rem;
		right: 0.15rem;
	}

	.rate-area {
		margin-top: 0.7rem;
	}

	.rate-area .rate {
		display: flex;
		align-items: center;
	}

	.rate-area .rate .iconfont {
		color: #6cd896;
		font-size: 0.42rem;
		margin-right: 0.08rem;
	}

	.rate-area .rate-des {
		font-size: 0.28rem;
		color: #333333;
		font-family: Metropolis-Bold;
	}

	.rate-area .rate-des span {
		color: #636363;
		font-size: 0.28rem;
		font-weight: 200;
	}

	.mobile-header {
		display: none;
	}

	.mj-index-header .pc-menu-area {
		display: flex;
	}

	.footer-logo-pc {
		display: block !important;
	}

	.footer-logo-mobile {
		display: none !important;
	}

	.chart-pc,
	.mobile-pc {
		display: block !important;
	}

	.chart-mobile,
	.mobile-mobile {
		display: none !important;
	}

	.mobile-menu-dialog {
		display: none;
	}

	@media screen and (max-width: 750px) {
		.mj-index-header .header-top {
			height: .8rem;
		}

		body {
			width: 7.5rem;
		}

		.mj-index-header .pc-menu-area {
			display: none;
		}

		.chart-pc,
		.mobile-pc {
			display: none !important;
		}

		.chart-mobile,
		.mobile-mobile,
		.mobile-mobile-new {
			display: block !important;
		}

		.mobile-header {
			display: block;
			position: sticky;
			top: .8rem;
			left: 0;
			z-index: 10000;
		}

		.mobile-header .mobile-header-top {
			height: 50px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0 16px;
			background-color: white;
		}

		.mobile-header .mobile-header-top .logo-area img {
			width: 28px;
			height: 28px;
			display: block;
			object-fit: contain;
		}

		.mobile-header .mobile-header-top .logo-area p {
			font-size: 12px;
			color: #333333;
			font-family: Metropolis-Bold;
			margin-left: 7px;
		}

		.mobile-header .mobile-header-top .mobile-sign-btn {
			width: 70px;
			height: 26px;
			margin-right: 28px;
			border: 2px solid #9067FF;
			border-radius: 8px;
			font-size: 12px;
			color: #9067FF;
			font-family: Metropolis-Black;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.mobile-header .mobile-header-top .menu-btn {
			cursor: pointer;
		}

		.mobile-header .mobile-header-top .menu-btn .iconfont {
			font-size: 24px;
			color: #333333;
			font-family: Metropolis-Bold;
		}

		.mobile-menu-dialog {
			background: #FFFFFF;
			box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.16);
			border-radius: 20px 0px 20px 20px;
			position: absolute;
			top: 100%;
			right: 0;
			display: none;
			z-index: 10000;
			width: 250px;
		}

		.mobile-menu-dialog .menu-list {
			max-height: calc(100vh - 2rem);
			overflow: auto;
			padding: 10px 0;
		}

		.mobile-menu-dialog .menu-list .menu-item .menu-item-title {
			display: flex;
			align-items: center;
			font-size: 14px;
			font-family: Metropolis-Bold;
			color: #333333;
			padding: 10px 20px;
		}

		.mobile-menu-dialog .menu-list .menu-item .menu-item-title img {
			width: 20px;
			height: 20px;
			display: block;
			flex-shrink: 0;
			margin-right: 4px;
		}

		.mobile-menu-dialog .menu-list .menu-item .menu-item-title .iconfont {
			font-size: 12px;
			color: #d1d1d1;
			flex-shrink: 0;
		}

		.mobile-menu-dialog .menu-list .menu-item .menu-item-sub {
			border-bottom: 1px solid #F1F1F1;
			padding-bottom: 10px;
			display: none;
		}

		.mobile-menu-dialog .menu-list .menu-item .menu-item-sub a {
			display: block;
			padding: 10px 20px;
			font-size: 14px;
			font-family: Metropolis-Medium;
			color: #333333;
		}

		.mobile-menu-dialog .menu-list .menu-item-on .menu-item-sub {
			display: block;
		}

		.mobile-menu-dialog .menu-list .menu-item-on .icon-yousanjiao {
			transform: rotate(90deg);
		}

		.mobile-menu-dialog-on {
			display: block;
		}

		.container {
			width: 100%;
		}

		.index-banner {
			padding: 0;
			background-color: white;
		}

		.index-banner .banner-container {
			flex-direction: column;
		}

		.index-banner .banner-container .left-area {
			padding: 16px;
			width: calc(100% - 32px);
			text-align: center;
		}

		.index-banner .banner-container .left-area .title {
			font-size: 0.52rem;
			line-height: 0.62rem;
		}

		.index-banner .banner-container .left-area .title span {
			font-size: 0.52rem;
			line-height: 0.62rem;
		}

		.index-banner .banner-container .left-area .des {
			font-size: 12px;
			line-height: 17px;
			margin-top: 12px;
		}

		.index-banner .banner-container .left-area .des span {
			font-size: 12px;
			line-height: 17px;
		}

		.index-banner .banner-container .left-area .btn {
			width: calc(100% - 48px);
			margin: 24px auto 0;
		}

		.index-banner .banner-container .right-area {
			width: 100%;
		}

		.index-banner .chart-pc {
			display: none;
		}

		.rate-area {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 14px;
		}

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

		.rate-area .rate .iconfont {
			font-size: 16px;
			margin-right: 3px;
		}

		.rate-area .rate-des {
			font-size: 10px;
		}

		.rate-area .rate-des span {
			font-size: 10px;
		}

		.index-banner .chart-pc,
		.index-banner .mobile-pc,
		.index-banner .chart-mobile,
		.index-banner .mobile-mobile {
			bottom: -1rem;
		}

		.index-banner .mobile-mobile-new {
			width: 2.6rem;
			left: 0.16rem;
			bottom: 3.1rem;
		}

		.index-banner .banner-container .right-area .banner-blue {
			display: none;
		}

		.index-banner .banner-container .right-area .banner-pink {
			top: 93px;
			right: 12px;
			left: unset;
			width: 1.28rem;
			transform: rotateY(180deg);
		}

		.index-container-area {
			padding: 0 16px;
			margin-top: 0.8rem;
		}

		.index-container-area .container-title-area {
			margin-bottom: 0.4rem;
		}

		.index-container-area .container-title-area .container-title {
			font-size: 0.48rem;
		}

		.index-container-area .container-title-area .container-subtitle {
			font-size: 0.24rem;
		}

		.index-container-area .network-item {
			width: calc(33.3333333333% - 0.1066666667rem - 0.08rem);
			margin-right: 0.16rem;
			height: 0.66rem;
			border-radius: 0.12rem;
		}

		.index-container-area .network-item img {
			width: 0.4rem;
			height: 0.4rem;
			margin-right: 0.04rem;
		}

		.index-container-area .network-item p {
			font-size: 0.2rem;
		}

		.index-container-area .process-container {
			flex-direction: column;
		}

		.index-container-area .process-container img {
			width: 100%;
			height: 3rem;
			margin-right: 0;
			object-fit: cover;
			margin-bottom: 0.4rem;
		}

		.index-container-area .process-container .process-list {
			width: 100%;
		}

		.index-container-area .people-swiper {
			width: calc(100% + 32px);
			margin-left: -16px;
		}

		.index-container-area .people-swiper .swiper-slide:first-child {
			margin-left: 8px;
		}

		.index-container-area .people-swiper .swiper-button-prev,
		.index-container-area .people-swiper .swiper-button-next {
			display: none;
		}

		.index-container-area .help-container .help-image {
			display: none;
		}

		.index-container-area .help-container .help-item {
			align-items: flex-start;
		}

		.index-container-area .help-container .help-item .item-content .help-title {
			font-size: 0.28rem;
		}

		.buy-container-area {
			margin-top: 16px;
		}

		.buy-container-area .buy-des-list {
			padding: 10px 0;
			background-color: #EFFFFA;
			margin-top: -0.3rem;
		}

		.buy-container-area .buy-des-list .buy-des-item {
			padding: 2px 16px;
			width: calc(50% - 32px);
			margin-right: 0;
		}

		.buy-container-area .buy-des-list .buy-des-item .buy-des-title {
			font-family: Metropolis-Bold;
			color: #508E7A;
			font-size: 12px;
		}

		.buy-container-area .buy-des-list .buy-des-item .icon {
			display: none;
		}

		.buy-container-area .buy-des-list .buy-des-item .icon-mobile {
			display: block;
		}

		.buy-container-area .buy-card-area .buy-card-tab-content .buy-card-tab-content-item {
			padding-left: 16px;
			padding-right: 16px;
			padding-bottom: 8px;
			margin-top: 0;
			border-radius: 0 0 0.24rem 0.24rem;
		}

		.buy-container-area .buy-card-area .buy-card-tab-content .buy-card-tab-content-item-top {
			padding-top: 16px;
			border-top: 0.06rem solid;
			border-radius: 0.24rem 0.24rem 0.24rem 0.24rem;
		}

		.buy-container-area .buy-card-area .buy-card-tab-content .buy-card-tab-content-item .buy-card-list .buy-card-item {
			width: calc(50% - 5px - 1.04rem);
			margin-right: 10px;
			margin-bottom: 8px;
		}

		.buy-container-area .buy-card-area .buy-card-tab-content .buy-card-tab-content-item .buy-card-list .buy-card-item:nth-child(even) {
			margin-right: 0;
		}

		.buy-container-area .buy-card-area .buy-card-tab-header .tab-header-item .item-content {
			font-size: 0.26rem;
		}

		.buy-container-area .buy-card-area .buy-card-tab-header .tab-header-item .item-content img {
			width: 0.4rem;
			height: 0.4rem;
		}

		.buy-container-area .tab-bg {
			display: none !important;
		}

		.buy-container-area .buy-card-area .buy-card-tab-header {
			height: 1.24rem;
		}

		.buy-container-area .buy-card-area .buy-card-tab-header .tab-header-item {
			height: 0.97rem;
			padding-bottom: 0.2rem;
			width: calc(50% + 0.4rem - 0.07rem);
		}

		.buy-container-area .buy-card-area .buy-card-tab-header .tab-header-item .tab-bg-mobile {
			width: calc(100vw - 32px);
			height: 1.24rem;
		}

		.buy-container-area .buy-card-area .buy-card-tab-header .tab-header-item-on .tab-bg-mobile {
			display: block !important;
		}

		.buy-container-area .buy-card-area .buy-card-tab-header .tab-header-item:last-child {
			border-radius: 0 0.24rem 0 0;
		}

		.buy-container-area .buy-card-area .buy-card-tab-header .tab-header-item:last-child .item-content {
			padding-left: 0.4rem;
		}

		.buy-container-area .buy-card-area .buy-card-tab-header .tab-header-item:first-child {
			border-radius: 0.24rem 0 0 0;
		}

		.buy-container-area .buy-card-area .buy-card-tab-header .tab-header-item:first-child .item-content {
			padding-right: 0.4rem;
		}

		.get-started-btn {
			width: calc(100% - 48px - 32px);
			height: 1rem;
			padding: 0;
			margin: 0.8rem auto 1.2rem;
			border-radius: 0.16rem;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 14px;
		}

		.footer {
			padding: 12px 16px;
		}

		.footer .footer-logo-pc {
			display: none !important;
		}

		.footer .footer-logo-area .footer-logo-des-title {
			display: flex;
			align-items: center;
			margin-bottom: 4px;
		}

		.footer .footer-logo-area .footer-logo-mobile {
			display: block !important;
			width: 20px;
			height: 20px;
			margin-right: 6px;
		}

		.footer .link-container {
			flex-direction: column;
		}

		.footer .link-container .link-list-area {
			flex-wrap: wrap;
		}

		.footer .link-container .link-list-area .link-list {
			width: calc(50% - 0.8rem);
			margin-right: 0.8rem;
			margin-bottom: 0.2rem;
		}

		.footer .link-container .link-area:last-child {
			width: 100%;
		}

		.footer .link-container .link-area:last-child .link-list-area,
		.footer .link-container .link-area:last-child .link-list {
			width: 100%;
			margin-right: 0;
			display: flex;
			flex-wrap: wrap;
		}

		.footer .link-container .link-area:last-child .link-list-area a,
		.footer .link-container .link-area:last-child .link-list a {
			width: calc(50% - 0.8rem);
			margin-right: 0.8rem;
		}

		=======.mj-index-header .header-top {
			height: .8rem;
		}

		body {
			width: 7.5rem;
		}

		.mj-index-header .pc-menu-area {
			display: none;
		}

		.chart-pc,
		.mobile-pc {
			display: none !important;
		}

		.chart-mobile,
		.mobile-mobile,
		.mobile-mobile-new {
			display: block !important;
		}

		.mobile-header {
			display: block;
			position: sticky;
			top: .8rem;
			left: 0;
			z-index: 10000;
		}

		.mobile-header .mobile-header-top {
			height: 50px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0 16px;
			background-color: white;
		}

		.mobile-header .mobile-header-top .logo-area img {
			width: 28px;
			height: 28px;
			display: block;
			object-fit: contain;
		}

		.mobile-header .mobile-header-top .logo-area p {
			font-size: 12px;
			color: #333333;
			font-family: Metropolis-Bold;
			margin-left: 7px;
		}

		.mobile-header .mobile-header-top .mobile-sign-btn {
			width: 70px;
			height: 26px;
			margin-right: 28px;
			border: 2px solid #9067FF;
			border-radius: 8px;
			font-size: 12px;
			color: #9067FF;
			font-family: Metropolis-Black;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.mobile-header .mobile-header-top .menu-btn {
			cursor: pointer;
		}

		.mobile-header .mobile-header-top .menu-btn .iconfont {
			font-size: 24px;
			color: #333333;
			font-family: Metropolis-Bold;
		}

		.mobile-menu-dialog {
			background: #FFFFFF;
			box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.16);
			border-radius: 20px 0px 20px 20px;
			position: absolute;
			top: 100%;
			right: 0;
			display: none;
			z-index: 10000;
			width: 250px;
		}

		.mobile-menu-dialog .menu-list {
			max-height: calc(100vh - 2rem);
			overflow: auto;
			padding: 10px 0;
		}

		.mobile-menu-dialog .menu-list .menu-item .menu-item-title {
			display: flex;
			align-items: center;
			font-size: 14px;
			font-family: Metropolis-Bold;
			color: #333333;
			padding: 10px 20px;
		}

		.mobile-menu-dialog .menu-list .menu-item .menu-item-title img {
			width: 20px;
			height: 20px;
			display: block;
			flex-shrink: 0;
			margin-right: 4px;
		}

		.mobile-menu-dialog .menu-list .menu-item .menu-item-title .iconfont {
			font-size: 12px;
			color: #d1d1d1;
			flex-shrink: 0;
		}

		.mobile-menu-dialog .menu-list .menu-item .menu-item-sub {
			border-bottom: 1px solid #F1F1F1;
			padding-bottom: 10px;
			display: none;
		}

		.mobile-menu-dialog .menu-list .menu-item .menu-item-sub a {
			display: block;
			padding: 10px 20px;
			font-size: 14px;
			font-family: Metropolis-Medium;
			color: #333333;
		}

		.mobile-menu-dialog .menu-list .menu-item-on .menu-item-sub {
			display: block;
		}

		.mobile-menu-dialog .menu-list .menu-item-on .icon-yousanjiao {
			transform: rotate(90deg);
		}

		.mobile-menu-dialog-on {
			display: block;
		}

		.container {
			width: 100%;
		}

		.index-banner {
			padding: 0;
			background-color: white;
		}

		.index-banner .banner-container {
			flex-direction: column;
		}

		.index-banner .banner-container .left-area {
			padding: 16px;
			width: calc(100% - 32px);
			text-align: center;
		}

		.index-banner .banner-container .left-area .title {
			font-size: 0.52rem;
			line-height: 0.62rem;
		}

		.index-banner .banner-container .left-area .title span {
			font-size: 0.52rem;
			line-height: 0.62rem;
		}

		.index-banner .banner-container .left-area .des {
			font-size: 12px;
			line-height: 17px;
			margin-top: 12px;
		}

		.index-banner .banner-container .left-area .des span {
			font-size: 12px;
			line-height: 17px;
		}

		.index-banner .banner-container .left-area .btn {
			width: calc(100% - 48px);
			margin: 24px auto 0;
		}

		.index-banner .banner-container .right-area {
			width: 100%;
		}

		.index-banner .chart-pc {
			display: none;
		}

		.rate-area {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 14px;
		}

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

		.rate-area .rate .iconfont {
			font-size: 16px;
			margin-right: 3px;
		}

		.rate-area .rate-des {
			font-size: 10px;
		}

		.rate-area .rate-des span {
			font-size: 10px;
		}

		.index-banner .chart-pc,
		.index-banner .mobile-pc,
		.index-banner .chart-mobile,
		.index-banner .mobile-mobile {
			bottom: -1rem;
		}

		.index-banner .mobile-mobile-new {
			width: 2.6rem;
			left: 0.16rem;
			bottom: 3.1rem;
		}

		.index-banner .banner-container .right-area .banner-blue {
			display: none;
		}

		.index-banner .banner-container .right-area .banner-pink {
			top: 93px;
			right: 12px;
			left: unset;
			width: 1.28rem;
			transform: rotateY(180deg);
		}

		.index-container-area {
			padding: 0 16px;
			margin-top: 0.8rem;
		}

		.index-container-area .container-title-area {
			margin-bottom: 0.4rem;
		}

		.index-container-area .container-title-area .container-title {
			font-size: 0.48rem;
		}

		.index-container-area .container-title-area .container-subtitle {
			font-size: 0.24rem;
		}

		.index-container-area .network-item {
			width: calc(33.3333333333% - 0.1066666667rem - 0.08rem);
			margin-right: 0.16rem;
			height: 0.66rem;
			border-radius: 0.12rem;
		}

		.index-container-area .network-item img {
			width: 0.4rem;
			height: 0.4rem;
			margin-right: 0.04rem;
		}

		.index-container-area .network-item p {
			font-size: 0.2rem;
		}

		.index-container-area .process-container {
			flex-direction: column;
		}

		.index-container-area .process-container img {
			width: 100%;
			height: 3rem;
			margin-right: 0;
			object-fit: cover;
			margin-bottom: 0.4rem;
		}

		.index-container-area .process-container .process-list {
			width: 100%;
		}

		.index-container-area .people-swiper {
			width: calc(100% + 32px);
			margin-left: -16px;
		}

		.index-container-area .people-swiper .swiper-slide:first-child {
			margin-left: 8px;
		}

		.index-container-area .people-swiper .swiper-button-prev,
		.index-container-area .people-swiper .swiper-button-next {
			display: none;
		}

		.index-container-area .help-container .help-image {
			display: none;
		}

		.index-container-area .help-container .help-item {
			align-items: flex-start;
		}

		.index-container-area .help-container .help-item .item-content .help-title {
			font-size: 0.28rem;
		}

		.buy-container-area {
			margin-top: 16px;
		}

		.buy-container-area .buy-des-list {
			padding: 10px 0;
			background-color: #EFFFFA;
			margin-top: 20px;
		}

		.buy-container-area .buy-des-list .buy-des-item {
			padding: 2px 16px;
			width: calc(50% - 32px);
			margin-right: 0;
		}

		.buy-container-area .buy-des-list .buy-des-item .buy-des-title {
			font-family: Metropolis-Bold;
			color: #508E7A;
			font-size: 12px;
		}

		.buy-container-area .buy-des-list .buy-des-item .icon {
			display: none;
		}

		.buy-container-area .buy-des-list .buy-des-item .icon-mobile {
			display: block;
		}

		.buy-container-area .buy-card-area .buy-card-tab-content .buy-card-tab-content-item {
			padding-left: 16px;
			padding-right: 16px;
			padding-bottom: 8px;
			margin-top: 0;
			border-radius: 0 0 0.24rem 0.24rem;
		}

		.buy-container-area .buy-card-area .buy-card-tab-content .buy-card-tab-content-item .buy-card-list .buy-card-item {
			width: calc(50% - 5px - 1.04rem - .12rem);
			margin-right: 10px;
			margin-bottom: 8px;
		}

		.buy-container-area .buy-card-area .buy-card-tab-content .buy-card-tab-content-item .buy-card-list .buy-card-item:nth-child(even) {
			margin-right: 0;
		}

		.buy-container-area .buy-card-area .buy-card-tab-header .tab-header-item .item-content {
			font-size: 0.26rem;
		}

		.buy-container-area .buy-card-area .buy-card-tab-header .tab-header-item .item-content img {
			width: 0.4rem;
			height: 0.4rem;
		}

		.buy-container-area .tab-bg {
			display: none !important;
		}

		.buy-container-area .buy-card-area .buy-card-tab-header {
			height: 1.24rem;
		}

		.buy-container-area .buy-card-area .buy-card-tab-header .tab-header-item {
			height: 0.97rem;
			padding-bottom: 0.2rem;
			width: calc(50% + 0.4rem - 0.07rem);
		}

		.buy-container-area .buy-card-area .buy-card-tab-header .tab-header-item .tab-bg-mobile {
			width: calc(100vw - 32px);
			height: 1.24rem;
		}

		.buy-container-area .buy-card-area .buy-card-tab-header .tab-header-item-on .tab-bg-mobile {
			display: block !important;
		}

		.buy-container-area .buy-card-area .buy-card-tab-header .tab-header-item:last-child {
			border-radius: 0 0.24rem 0 0;
		}

		.buy-container-area .buy-card-area .buy-card-tab-header .tab-header-item:last-child .item-content {
			padding-left: 0.4rem;
		}

		.buy-container-area .buy-card-area .buy-card-tab-header .tab-header-item:first-child {
			border-radius: 0.24rem 0 0 0;
		}

		.buy-container-area .buy-card-area .buy-card-tab-header .tab-header-item:first-child .item-content {
			padding-right: 0.4rem;
		}

		.get-started-btn {
			width: calc(100% - 48px - 32px);
			height: 1rem;
			padding: 0;
			margin: 0.8rem auto 1.2rem;
			border-radius: 0.16rem;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 14px;
		}

		.footer {
			padding: 12px 16px;
		}

		.footer .footer-logo-pc {
			display: none !important;
		}

		.footer .footer-logo-area .footer-logo-des-title {
			display: flex;
			align-items: center;
			margin-bottom: 4px;
		}

		.footer .footer-logo-area .footer-logo-mobile {
			display: block !important;
			width: 20px;
			height: 20px;
			margin-right: 6px;
		}

		.footer .link-container {
			flex-direction: column;
		}

		.footer .link-container .link-list-area {
			flex-wrap: wrap;
		}

		.footer .link-container .link-list-area .link-list {
			width: calc(50% - 0.8rem);
			margin-right: 0.8rem;
			margin-bottom: 0.2rem;
		}

		.footer .link-container .link-area:last-child {
			width: 100%;
		}

		.footer .link-container .link-area:last-child .link-list-area,
		.footer .link-container .link-area:last-child .link-list {
			width: 100%;
			margin-right: 0;
			display: flex;
			flex-wrap: wrap;
		}

		.footer .link-container .link-area:last-child .link-list-area a,
		.footer .link-container .link-area:last-child .link-list a {
			width: calc(50% - 0.8rem);
			margin-right: 0.8rem;
		}
	}


	/*文章*/

	.mj-article-area {
		padding: 1.2rem 0;
	}

	.mj-article-area .container {
		width: 14rem;
	}

	.mj-article-area .article-title {
		font-family: Metropolis-Black;
		text-align: center;
		color: #333333;
		margin-bottom: .16rem;
		font-size: .5rem;
		line-height: .6rem;
	}

	.mj-article-area .article-content {
		min-height: .8rem;
	}

	.mj-article-area .article-content * {
		font-family: Metropolis-Regular;
		color: #666;
		font-size: .22rem;
		line-height: .26rem;
	}

	.mj-article-area .article-content .active-text {
		font-family: Metropolis-Bold;
		color: #9067FF;
	}

	.mj-article-area .btn-primary {
		width: 7.12rem;
		height: 1.26rem;
		border-radius: .34rem;
		background-color: #9067FF;
		color: white;
		font-family: Metropolis-Black;
		font-size: .36rem;
		margin: .6rem auto 0;
		display: flex;
		align-items: center;
		justify-content: center;
		max-width: 100%;
	}

	.mj-article-area .text-align-center {
		text-align: center;
	}

	.article-content-chapter {
		margin-bottom: .4rem;
	}

	.article-content-chapter .chapter-title {
		font-family: Metropolis-Black;
		font-size: .28rem;
		line-height: .34rem;
		color: #222;
	}

	.article-content-chapter .chapter-subtitle {
		font-family: Metropolis-Bold;
		font-size: .22rem;
		line-height: .3rem;
		color: #333;
		margin-top: .16rem;
	}

	.article-content-chapter .li {
		margin-top: .16rem;
	}

	.article-content-chapter .li:before {
		content: '';
		width: .06rem;
		height: .06rem;
		border-radius: 50%;
		background-color: #666;
		margin: 0 .06rem .04rem;
		display: inline-block;
	}

	.article-content-chapter .li .active-text {
		font-family: Metropolis-Medium;
		line-height: .3rem;
	}

	.article-content .sub-li {
		margin-top: .08rem;
		line-height: .3rem;
		color: #999;
	}

	.article-content-chapter .ul .sub-li {
		text-indent: 1em;
	}

	.mj-article-area .article-content-top {
		margin-bottom: .8rem;
	}

	.mj-article-area .article-content-top p {
		font-family: Metropolis-Medium !important;
		color: #333;
		line-height: .3rem;
		margin-bottom: .3rem;
	}

	.mj-article-area .article-content-top p:last-child {
		margin-bottom: 0;
	}

	.mj-term-service.mj-article-area p {
		line-height: .3rem;
	}

	.mj-term-service.mj-article-area p strong {
		font-family: Metropolis-Bold;
		color: #333;
	}

	.mj-term-service.mj-article-area .article-content-chapter .chapter-title {
		margin-bottom: .16rem;
	}

	.mj-article-area {
		padding: 1.2rem 0;
	}

	.mj-article-area .container {
		width: 14rem;
	}

	.mj-article-area .article-title {
		font-family: Metropolis-Black;
		text-align: center;
		color: #333333;
		margin-bottom: .16rem;
		font-size: .5rem;
		line-height: .6rem;
	}

	.mj-article-area .article-content {
		min-height: .8rem;
	}

	.mj-article-area .article-content * {
		font-family: Metropolis-Regular;
		color: #666;
		font-size: .22rem;
		line-height: .26rem;
	}

	.mj-article-area .article-content .active-text {
		font-family: Metropolis-Bold;
		color: #9067FF;
	}

	.mj-article-area .btn-primary {
		width: 7.12rem;
		height: 1.26rem;
		border-radius: .34rem;
		background-color: #9067FF;
		color: white;
		font-family: Metropolis-Black;
		font-size: .36rem;
		margin: .6rem auto 0;
		display: flex;
		align-items: center;
		justify-content: center;
		max-width: 100%;
	}

	.mj-article-area .text-align-center {
		text-align: center;
	}

	.article-content-chapter {
		margin-bottom: .4rem;
	}

	.article-content-chapter .chapter-title {
		font-family: Metropolis-Black;
		font-size: .28rem;
		line-height: .34rem;
		color: #222;
	}

	.article-content-chapter .chapter-subtitle {
		font-family: Metropolis-Bold;
		font-size: .22rem;
		line-height: .3rem;
		color: #333;
		margin-top: .16rem;
	}

	.article-content-chapter .li {
		margin-top: .16rem;
	}

	.article-content-chapter .li:before {
		content: '';
		width: .06rem;
		height: .06rem;
		border-radius: 50%;
		background-color: #666;
		margin: 0 .06rem .04rem;
		display: inline-block;
	}

	.article-content-chapter .li .active-text {
		font-family: Metropolis-Medium;
		line-height: .3rem;
	}

	.article-content .sub-li {
		margin-top: .08rem;
		line-height: .3rem;
		color: #999;
	}

	.article-content-chapter .ul .sub-li {
		text-indent: 1em;
	}

	.mj-article-area .article-content-top {
		margin-bottom: .8rem;
	}

	.mj-article-area .article-content-top p {
		font-family: Metropolis-Medium !important;
		color: #333;
		line-height: .3rem;
		margin-bottom: .3rem;
	}

	.mj-article-area .article-content-top p:last-child {
		margin-bottom: 0;
	}

	.mj-term-service.mj-article-area p {
		line-height: .3rem;
	}

	.mj-term-service.mj-article-area p strong {
		font-family: Metropolis-Bold;
		color: #333;
	}

	.mj-term-service.mj-article-area .article-content-chapter .chapter-title {
		margin-bottom: .16rem;
	}

	/* 价格页免费专区和秒杀 */
	.free-area {
		background-color: #F4F4F4;
		border-radius: .15rem;
		padding: .36rem .3rem;
		display: flex;
		align-items: center;
	}

	.free-area .left-area {
		flex-shrink: 0;
	}

	.free-area .left-area .free-title {
		font-family: Metropolis-Black;
		color: #333;
		font-size: .4rem;
		line-height: .48rem;
	}

	.free-area .left-area .mobile-free-img {
		display: none;
	}

	.free-area .left-area .banner-input-area {
		border-radius: .16rem;
		border: .02rem solid #9067FF;
		background-color: white;
		width: 6rem;
		display: flex;
		align-items: center;
		overflow: hidden;
		margin-top: .36rem;
	}

	.free-area .left-area .banner-left-area {
		width: .7rem;
		height: .7rem;
		/* border-radius: .16rem 0 0 .16rem; */
		background-color: #9067FF;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
		font-size: .27rem;
		font-family: Metropolis-Bold;
	}

	.free-area .left-area input {
		padding: 0 .28rem;
		height: .7rem;
		/* border-radius: 0 .16rem .16rem 0; */
		background-color: white;
		font-size: .2rem;
		font-family: Metropolis-Medium;
		width: calc(100% - .7rem - .56rem);
		border: none;
	}

	.free-area .left-area input::placeholder {
		color: #B3B3B3;
	}

	.free-area .left-area .free-btn {
		width: 6.04rem;
		height: .7rem;
		border-radius: .16rem;
		background-color: #9067FF;
		color: white;
		font-size: .22rem;
		font-family: Metropolis-Bold;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: .32rem;
		cursor: pointer;
	}

	.free-area .pc-free-img {
		width: 7rem;
		height: 2.64rem;
		display: block;
		object-fit: contain;
	}

	/* 新版免费区域 */
	.free-area-new{
		display: flex;
		align-items: center;
		padding: .8rem 1.2rem;
		text-align: left !important;
	}
	.free-area-new .left-area{
		width: 6.16rem;
		margin-right: .22rem;
	}
	.free-area-new .left-area .free-title{
		font-family: Metropolis-Black;
		font-size: .4rem;
		line-height: .48rem;
		color: #333333;
		margin-bottom: .2rem;
	}
	.free-area-new .left-area .free-des,.free-area-new .left-area .free-des-success{
		font-family: Metropolis-Regular;
		font-size: .22rem;
		line-height: .26rem;
		color: #666;
	}
	.free-area-new .left-area .free-des span{
		font-family: Metropolis-Bold;
		color: #FF6F5E;
		font-size: .22rem;
		line-height: .26rem;
	}
	.free-area-waiting .left-area .free-des-success{display: none;}
	.free-area-success .left-area .free-des{display: none;}
	.free-area-new .right-area{
		background-color: white;
		display: flex;
		align-items: center;
		border-radius: .15rem;
		padding: .34rem .38rem .34rem .46rem;
	}
	.free-area-new .right-area .avatar-img{
		width: 1.1rem;
		height: 1.1rem;
		display: block;
		border-radius: 50%;
		object-fit: cover;
		margin-right: .22rem;
	}
	.free-area-new .right-area .count-area{
		display: flex;
		align-items: center;
	}
	.free-area-new .right-area .count-area .count{
		font-family: Metropolis-Medium;
		font-size: .3rem;
		color:#262626;
		margin-right: .12rem;
	}
	.free-area-new .right-area .count-area .count-success{
		display: flex;
		align-items: center;
	}
	.free-area-new .right-area .count-area .count-success p{
		font-family: Metropolis-Black;
		color: #FF6F5E;
		font-size: .3rem;
		margin-right: .06rem;
	}
	.free-area-new .right-area .count-area .count-success img{
		width: .3rem;
		height: .3rem;
		display: block;
		margin-top: -.03rem;
	}
	.free-area-new .right-area .des{
		font-family: Metropolis-Medium;
		margin-top: .1rem;
		font-size: .2rem;
		line-height: .24rem;
		color: #222222;
	}
	.free-area-waiting .count-success{opacity: 0;}
	.free-area-success .count-success{opacity: 1;}

	@media screen and (max-width: 750px) {
		.mj-article-area {
			padding: .6rem 16px;
		}

		.mj-article-area .container {
			width: 100%;
		}

		.mj-article-area .btn-primary {
			width: calc(100% - 48px - 32px);
			height: 1rem;
		}

		.free-area .left-area,
		.free-area .left-area .banner-input-area,
		.free-area .left-area .free-btn {
			width: 100%;
			margin-right: 0;
		}

		.free-area .left-area .free-title {
			text-align: center;
		}

		.free-area .pc-free-img {
			display: none;
		}

		.free-area .left-area .mobile-free-img {
			display: block;
			width: 5.42rem;
			height: 2.48rem;
			object-fit: contain;
			margin: 0 auto;
		}

		.free-area .left-area .banner-left-area {
			width: .8rem;
			height: .8rem;
			font-size: .32rem;
		}

		.free-area .left-area input {
			height: .8rem;
			width: calc(100% - .8rem - .56rem);
			font-size: .26rem;
		}

		.free-area .left-area .free-btn {
			height: .8rem;
			font-size: .3rem;
		}

		/* 新版免费区域 */
		.free-area-new{
			flex-direction: column;
			justify-content: center;
			padding: .6rem;
		}
		.free-area-new .left-area .free-des, .free-area-new .left-area .free-des-success{
			font-size: .24rem;
			line-height: .34rem;
			margin-bottom: .24rem;
			text-align: center;
		}
		.free-area-new .right-area{
			padding: .44rem .6rem;
		}
		.free-area-new .right-area .avatar-img{
			width: 1.32rem;
			height: 1.32rem;
			flex-shrink: 0;
		}
		.free-area-new .right-area .count-area .count{
			font-size: .36rem;
			line-height: .44rem;
		}
		.free-area-new .right-area .des{
			font-size: .24rem;
			line-height: .28rem;
		}
		.free-area-new .right-area .count-area .count-success p{
			font-size: .48rem;
			margin-right: .12rem;
		}
		.free-area-new .right-area .count-area .count-success img{
			width: .4rem;
			height: .4rem;
		}
	}