@media screen and (orientation: portrait) and (max-width: 750px) {
	.mobile {
		min-height: 100vh;
		width: 100%;
		background: linear-gradient(180deg, #FFFFFF 0%, #D4E5FF 100%);

		.center {
			padding: 55px 0 60px 0;

			.center-top {
				min-height: 386px;
				background-image: url('../../assets/img/mobile/vivid/blockOnebg.png');
				background-repeat: no-repeat;
				background-size: 100% 100%;

				.title {
					font-family: DOUYINSANSBOLD, DOUYINSANSBOLD;
					font-weight: normal;
					font-size: 26px;
					color: #FFFFFF;
					line-height: 36px;
					letter-spacing: 3px;
					text-align: center;
					padding-top: 107px
				}

				.btn {

	
					margin: 104px auto 0;
					display: flex;
					justify-content: center;
					align-items: center;
					width: 138px;
					height: 44px;
					border: 1px solid;
					border-color: #ffffff;
					border-radius: 7px;
					font-size: 17px;
					/* 设置字体大小 */
					font-weight: 600;
					/* 设置字体粗细 */
					background: #ffffff;
					/* 设置背景渐变色 */
					background-size: 200% 200%;
					/* 设置背景大小 */
					background-clip: text;
					/* 使背景剪贴到文字 */
					-webkit-text-fill-color: transparent;
					/* 设置文字填充颜色为透明 */
					transition: background 0.5s ease;
				}
			}

			.blockOne {
				padding: 0 13px;

				.title {
					font-weight: 600;
					font-size: 21px;
					color: #323232;
					line-height: 28px;
					text-align: center;
					margin: 40px auto;

					.liu {
						font-size: 44px;
						color: #323232;
						line-height: 62px;
						background: -webkit-linear-gradient(90deg, #419EFF 0%, #0567FE 100%);
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}
				}

				.list {
					height: 132px;
					border-radius: 4px;
					border: 1px solid transparent;
					background-image: linear-gradient(180deg, #FFFFFF 0%, #DDE7FF 100%),
						linear-gradient(180deg, rgba(127, 176, 255, 1), rgba(190, 226, 254, 1));
					background-origin: border-box;
					background-clip: content-box, border-box;
					margin: 13px 0;

					.content {
						height: 106px;
						display: flex;
						justify-content: space-evenly;
						align-items: center;
						padding: 13px;

						.icon img {
							width: 67px;
							height: 71px;
							margin-right: 10px;
						}


						.right {
							.right-title {
								font-family: zihunbiantaoti;
								font-size: 19px;
								color: #136FFF;
								line-height: 23px;
								background: -webkit-linear-gradient(0deg, #0A66FF 0%, #429FFF 100%);
								-webkit-background-clip: text;
								-webkit-text-fill-color: transparent;
								margin-bottom: 7px;
							}

							.right-text {
								font-weight: 400;
								font-size: 14px;
								color: #666666;
								line-height: 18px;
							}
						}
					}
				}
			}

			.blockTwo {
				padding: 0 13px;
				position: relative;
				z-index: 1;
				padding-top: 40px;

				.blockTwobg {
					height: 198px;
					position: absolute;
					top: 0;
					right: 0;
					z-index: -1;
				}

				.title {
					font-weight: 600;
					font-size: 22px;
					color: #323232;
					line-height: 40px;
				}

				.text {
					font-weight: 400;
					font-size: 15px;
					color: #323232;
					line-height: 40px;
				}

				.text1 {
					font-weight: 400;
					font-size: 13px;
					color: #666666;
					line-height: 18px;
					letter-spacing: 1px;
				}

				.module {
					margin-top: 20px;

					img {
						width: 100%;
						height: 2022px;
					}
				}
			}

			.blockThree {
				padding: 0 13px;
				position: relative;
				z-index: 1;
				padding-top: 60px;

				.blockThreebg {
					height: 278px;
					position: absolute;
					top: 155px;
					right: 0;
					z-index: -1;
				}

				.title {
					font-weight: 600;
					font-size: 22px;
					color: #323232;
					line-height: 40px;
				}

				.text {
					font-weight: 400;
					font-size: 15px;
					color: #323232;
					line-height: 40px;
				}

				.text1 {
					font-weight: 400;
					font-size: 13px;
					color: #666666;
					line-height: 18px;
					letter-spacing: 1px;
				}

				.module {
					margin-top: 50px;

					.list {
						.module-title {
							font-weight: 600;
							font-size: 19px;
							line-height: 26px;
							letter-spacing: 2px;
							background: -webkit-linear-gradient(270deg, #419EFF 0%, #0567FE 100%);
							-webkit-background-clip: text;
							-webkit-text-fill-color: transparent;
						}

						.module-text {
							font-weight: 400;
							font-size: 15px;
							color: #323232;
							line-height: 18px;
						}

						img {
							width: 100%;
							height: 261px;
							margin-top: 20px;
						}
					}
				}
			}

			.blockFour {
				padding: 0 13px;
				position: relative;
				height: 714px;
				background: linear-gradient(270deg, #05246B 0%, #000B51 26%, #000B51 76%, #06256F 100%);

				.title {
					height: 70px;
					font-weight: 600;
					font-size: 22px;
					color: #FFFFFF;
					line-height: 36px;
					letter-spacing: 2px;
					padding-top: 38px;
					text-align: center;
				}

				.vs {
					height: 263px;

					.left {
						height: 213px;
						background: #FFFFFF;
						border-radius: 24px;
						position: relative;
						z-index: 5;
						margin-bottom: 50px;
						padding: 20px;

						.left-title {
							font-weight: 600;
							font-size: 19px;
							color: #323232;
							line-height: 36px;
							letter-spacing: 2px;
						}

						.list {
							
							font-weight: 500;
							font-size: 13px;
							color: #323232;

							li {
								display: flex;
								flex-direction: row;
								justify-content: flex-start;
								align-items: center;
								list-style-type: none;
								height: 44px;

								img {
									width: 15px;
									height: 15px;
									margin-right: 10px;
								}
							}
						}
					}

					.right {
						height: 213px;
						background: linear-gradient(180deg, #419EFF 0%, #0567FE 100%);
						border-radius: 24px;
						position: relative;
						z-index: 5;
						padding: 20px;

						.right-title {
							font-weight: 600;
							font-size: 19px;
							color: #FFFFFF;
							line-height: 36px;
							letter-spacing: 2px;
						}

						.list {
							font-weight: 600;
							font-size: 13px;
							color: #FFFFFF;

							li {
								display: flex;
								flex-direction: row;
								justify-content: flex-start;
								align-items: center;
								list-style-type: none;
								height: 44px;

								img {
									width: 20px;
									height: 19px;
									margin-right: 10px;
								}
							}
						}
					}
				}

				.vs::before {
					content: "";
					position: absolute;
					left: 0;
					top: 0;
					right: 0;
					bottom: 0;
					background-image: url('../../assets/img/pc/vivid/blockFour2.png');
					background-repeat: no-repeat;
					background-size: 291px 300px;
					background-position: center;
					z-index: 10;
				}
			}

			.blockFive {
				padding: 0 13px;
				.title {
					height: 65px;
					font-weight: 600;
					font-size: 22px;
					color: #323232;
					line-height: 31px;
					text-align: center;
					margin-top: 38px;
				}
				
				.module {
					text-align: center;
					img {
						width: 100%;
						height: 440px;
					}
				}
			}
		}
	}
}