#suspension .content {
	width: 6.25rem;
	background: #FFFFFF;
	box-shadow: 0rem 0rem 2rem 0rem rgba(41, 57, 162, 0.2);
	border-radius: 3.13rem;
	padding-bottom: 3.22rem;
	position: fixed;
	right: 2.88rem;
	bottom: 2.88rem;
	z-index: 9;
}

	#suspension .content .suspension-item:first-child {
		margin-top: -2.69rem;
		margin-bottom: 0.3rem;
		padding: 0;
		background-color: transparent;
	}

	#suspension .content .suspension-item.active:first-child {
		background-color: transparent;
		box-shadow: none;
	}

	#suspension .content .suspension-item .customer-img {
		width: 7.25rem;
		height: 9rem;
		/* position: absolute;
	top: -2.69rem;
	left: 50%;
	transform: translateX(-50%); */
	}

	#suspension .content .suspension-item .customer-btn {
		text-decoration: none;
		width: 5rem;
		height: 2.13rem;
		background: #506BF6;
		border-radius: 0.31rem;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 0.88rem;
		color: #FFFFFF;
	}

	#suspension .content .suspension-item {
		padding: 0.72rem 0;
		text-decoration: none;
		position: relative;
		background-color: #FFFFFF;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

		#suspension .content .suspension-item .icon,
		#suspension .content .suspension-item .icon-s {
			width: 2.75rem;
			height: 2.75rem;
		}

		#suspension .content .suspension-item .icon-s {
			display: none;
		}

		#suspension .content .suspension-item .name {
			font-size: 0.88rem;
			color: #333333;
		}

		#suspension .content .suspension-item.pointer {
			cursor: pointer;
		}

		#suspension .content .suspension-item.active {
			background: #506BF6;
			box-shadow: 0rem 0rem 2rem 0rem rgba(41, 57, 162, 0.2);
		}

			#suspension .content .suspension-item.active .icon {
				display: none;
			}

			#suspension .content .suspension-item.active .icon-s {
				display: block;
			}

			#suspension .content .suspension-item.active .name {
				color: #FFFFFF;
			}

			#suspension .content .suspension-item.active .customer {
				width: 11.5rem;
			}

			#suspension .content .suspension-item.active .phone {
				width: 20.31rem;
			}

			#suspension .content .suspension-item.active .trial {
				width: 27.13rem;
			}

			#suspension .content .suspension-item.active .wechat {
				width: 11.38rem;
			}

	#suspension .content .form-box {
		width: 0;
		display: flex;
		position: absolute;
		right: 100%;
		top: 0;
		transition: all 0.36s;
	}

		#suspension .content .form-box .right-icon {
			margin: 1.56rem auto auto 0.81rem;
			width: 0;
			height: 0;
			border-top: 0.655rem solid transparent;
			border-bottom: 0.655rem solid transparent;
			border-left: 0.88rem solid #506BF6;
			position: relative;
			z-index: -1;
		}

		#suspension .content .form-box .fb-content {
			width: calc(100% - 2rem);
			border-radius: 1.25rem;
			background: #FFFFFF;
			box-shadow: 0rem 0rem 2rem 0rem rgba(41, 57, 162, 0.2);
			overflow: hidden;
		}

		#suspension .content .form-box.customer {
			top: 2.81rem;
		}

		#suspension .content .form-box.customer {
			right: calc(100% + 1rem);
			overflow: hidden;
		}

			#suspension .content .form-box.customer .right-icon {
				border-left: 0.88rem solid #000000;
				opacity: 0.8;
			}

			#suspension .content .form-box.customer .fb-content {
				background-color: rgba(0, 0, 0, 0.8);
			}

				#suspension .content .form-box.customer .fb-content .text-box {
					margin: 1.5rem 1rem;
					/* height: 2.56rem; */
					line-height: 1.28rem;
					font-family: Microsoft YaHei;
					font-weight: 400;
					font-size: 1rem;
					color: #FFFFFF;
					display: -webkit-box;
					overflow: hidden;
					text-overflow: ellipsis;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
				}

		#suspension .content .form-box.phone .fb-content .form-input {
			width: calc(100% - 2rem);
			margin: 1.44rem 1rem 0 1rem;
		}

		#suspension .content .form-box.phone .fb-content .form-btn {
			margin-top: 2rem;
			margin-bottom: 1.44rem;
		}

		#suspension .content .form-box.phone .fb-content .success-icon {
			display: none;
			width: 4.63rem;
			height: 4.63rem;
			margin: 1.13rem auto 0 auto;
		}

		#suspension .content .form-box.phone .fb-content .success-title {
			display: none;
			margin-top: 0.44rem;
			font-weight: bold;
			font-size: 1rem;
			color: #333333;
			line-height: 1;
			text-align: center;
			white-space: nowrap;
		}

		#suspension .content .form-box.phone .fb-content .success-btn {
			display: none;
			margin: 2rem auto 1.31rem auto;
		}

		#suspension .content .form-box.phone .fb-content.success .form-input,
		#suspension .content .form-box.phone .fb-content.success .form-btn {
			display: none;
		}

		#suspension .content .form-box.phone .fb-content.success .success-icon,
		#suspension .content .form-box.phone .fb-content.success .success-title {
			display: block;
		}

		#suspension .content .form-box.phone .fb-content.success .success-btn {
			display: flex;
		}

		#suspension .content .form-box.wechat .fb-content .name {
			margin-top: 1.13rem;
			text-align: center;
			font-weight: bold;
			font-size: 1rem;
			color: #333333;
			white-space: nowrap;
		}

		#suspension .content .form-box.wechat .fb-content img {
			display: block;
			width: 6.94rem;
			max-width: 100%;
			height: 6.94rem;
			margin: 0.56rem auto 1rem auto;
		}

		#suspension .content .form-box .input-box {
			position: relative;
		}

			#suspension .content .form-box .input-box .form-item-error {
				display: none;
				padding-top: 0.25rem;
				width: 100%;
				height: 1rem;
				font-size: 0.75rem;
				color: #f56c6c;
				position: absolute;
				top: 100%;
				left: 1rem;
			}

			#suspension .content .form-box .input-box.is-error .form-input {
				border: 0.0625rem solid #f56c6c;
				position: relative;
			}

				#suspension .content .form-box .input-box.is-error .form-input:focus {
					outline: none;
				}

			#suspension .content .form-box .input-box.is-error .form-item-error {
				display: block;
			}

		#suspension .content .form-box .form-input {
			width: 100%;
			background: #F2F2F2;
			border: none;
			padding: 0.88rem 1.19rem;
			color: #333333;
			font-size: 1rem;
		}

			#suspension .content .form-box .form-input::placeholder {
				color: #999999;
			}

			#suspension .content .form-box .form-input:focus {
				outline: 0.125rem solid #999999;
				box-shadow: 0rem 0rem 1rem 0rem rgba(0, 0, 0, 0.15);
			}

		#suspension .content .form-box .form-btn {
			white-space: nowrap;
			cursor: pointer;
			width: 7.5rem;
			max-width: 100%;
			height: 2.75rem;
			overflow: hidden;
			background: #506BF6;
			border-radius: 0.31rem;
			margin: 1.31rem auto 0 auto;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #FFFFFF;
			font-size: 1rem;
		}