:root {
	--color-gray-1d1: #1d1d1d;
	--color-gray-bcb: #bcbcbc;
	--color-red: #ff0000;
	--color-e5f: #e5f1fc;
	--color-007: #0073e6;
	--color-b2b: #b2b2b2;
	--font19: clamp(14px, 0.19rem, 19px);
	--font21: clamp(16px, 0.21rem, 21px);
	--font23: clamp(17px, 0.23rem, 23px);
}

.font19 {
	font-size: var(--font19);
}

.font21 {
	font-size: var(--font21);
}

.font23 {
	font-size: var(--font23);
}

@font-face {
	font-family: usmile-light;
	src: url("https://usmile.oss-cn-shenzhen.aliyuncs.com/responsibility/font/usmileFont8.0Light.ttf") format("truetype");
  	font-weight: 500;
  	font-style: normal;
  	font-display: swap;
}

.toothbrush-page.signup-banner {
	padding-top: 1.4rem;
	padding-bottom: 2rem;
}

.toothbrush-page.intro-banner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 10rem;
	padding-top: 1.4rem;
	padding-bottom: 2rem;
	box-sizing: border-box;
}
@media (max-width: 750px) {
	.toothbrush-page.intro-banner{
		padding-top: 0;
		padding-bottom: 13.33333333333333%;
	}
	.toothbrush-page.intro-banner .container{
		padding: 0 0.2rem;
	}
}
.toothbrush-page .page-img::before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #000;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.35;
	z-index: 1;
}

.toothbrush-page .page-img video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	min-width: 100%;
	min-height: 100%;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.toothbrush-page .page-main .text-box .btns {
	margin-top: 0.6rem;
}

.toothbrush-page .page-main .text-box .btns a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.9rem;
	height: 0.7rem;
	border-radius: 0.35rem;
	color: var(--color-white);
	background: var(--color-007);
	padding: 0 0.2rem;
	box-sizing: border-box;
}
@media (max-width: 991px) {
	.toothbrush-page .page-main .text-box .btns a{
		min-width: 2.4rem;
		height: 0.8rem;
		border-radius: 0.4rem;
	}
}
@media (max-width: 750px){
	.page-img-box.intro-banner .page-img{
		position: relative;
	}
	.toothbrush-page .page-main{
		text-align: center;
	}
	.toothbrush-page.signup-banner .page-main{
		padding-top: 0.6rem;
		padding-bottom: 0.6rem;
	}
	.toothbrush-page.intro-banner .page-main{
		padding-top: 0.8rem;
		padding-bottom: 0;
	}
	.toothbrush-page .page-main .text-box .btns{
		margin-top: 0.5rem;
	}
	.toothbrush-page .page-main .text-box .btns a{
		font-size: var(--font32);
		padding: 0 0.4rem;
	}
}
@media (max-width: 480px){
	.toothbrush-page .page-main .text-box .btns a{
		min-width: 2.4rem;
        height: 0.75rem;
        border-radius: 0.4rem;
		font-size: var(--font28);
	}
}
.toothbrush-page .page-main {
	z-index: 2;
}

.toothbrush-page.signup-banner .page-main .text-box .title {
	width: 32.92857143%;
	max-width: 461px;
	margin: auto;
}

.toothbrush-page.intro-banner .page-main .text-box .title {
	color: var(--color-white);
	line-height: 1.25;
}
.toothbrush-page.intro-banner .page-main .text-box .title img {
	max-width: 2.1rem;
}
@media (max-width: 750px) {
	.toothbrush-page.intro-banner .page-main .text-box .title{
		font-size: var(--font52);
		color: var(--color-gray-1d1);
	}
}
.toothbrush-page.intro-banner .page-main .text-box .text-body {
	margin-top: 0.3rem;
	font-family: usmile-light;
	color: var(--color-white);
	line-height: 1.7;
}
@media (max-width: 991px) {
	.toothbrush-page.intro-banner .page-main .text-box .text-body{
		max-width: 100%;
	}
}
@media (max-width:750px) {
	.toothbrush-page.intro-banner .page-main .text-box .text-body{
		margin-top: 5%;
		color: var(--color-gray-1d1);
		/*font-size: var(--font28);*/
	}
}

.toothbrush-page .page-main .text-box .text-body {
	color: var(--color-white);
	font-family: usmile-light;
}

.toothbrush-page .page-main .text-box .text-body * {
	font-family: usmile-light;
	line-height: initial;
}

.toothbrush-page .page-main .text-box .text-body span {
	display: block;
	line-height: 1.7;
}

.toothbrush-enroll {
	padding-top: 1.1rem;
	padding-bottom: 0.9rem;
}

.toothbrush-enroll .page-main .page-down {
	margin-top: 0.7rem;
	background: #f7f8fb;
	border-radius: 0.2rem;
	padding: 1.5rem;
	box-sizing: border-box;
}

.toothbrush-enroll .page-main .page-up .text-box .title {
	line-height: 1.3;
}

.toothbrush-enroll .page-main .page-down .layui-form .subtit {
	font-size: var(--font35);
	color: var(--color-gray-1d1);
	margin-bottom: 0.3rem;
}

.toothbrush-enroll .page-main .page-down .layui-form .infor .box {
	display: flex;
	flex-wrap: wrap;
}

.toothbrush-enroll .page-main .page-down .layui-form .infor .box .layui-form-item {
	width: calc((100% - 0.3rem) / 2);
	margin-right: 0.3rem;
}

.toothbrush-enroll .page-main .page-down .layui-form .infor .box .layui-form-item:nth-child(2n) {
	margin-right: 0;
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item {
	margin-bottom: 0.4rem;
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item:last-child {
	margin-bottom: 0;
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-form-label {
	float: none;
	display: block;
	padding: 0;
	width: 100%;
	text-align: left;
	margin-bottom: 0.2rem;
	font-size: var(--font19);
	color: var(--color-gray-1d1);
	text-overflow: inherit;
	white-space: wrap;
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-form-label span {
	color: var(--color-red);
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-input-block {
	display: flex;
	align-items: flex-start;
	width: 100%;
	margin-left: 0;
	min-height: 0;
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-input-block.half {
	max-width: calc((100% - 0.3rem) / 2);
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-input-block .layui-input,
.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-input-block .layui-textarea {
	text-indent: 0;
	padding-left: 0.18rem;
	padding-right: 0.18rem;
	font-size: var(--font19);
	color: var(--color-gray-1d1);
	background: var(--color-white);
	border: var(--color-gray-bcb) solid 1px;
	border-radius: 0.05rem;
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-input-block .layui-input {
	height: 0.47rem;
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-input-block .layui-textarea {
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
	height: 1.08rem;
}

.toothbrush-enroll input::-webkit-input-placeholder {
	font-family: usmile-light;
	color: var(--color-gray-bcb) !important;
}

.toothbrush-enroll input:-moz-placeholder {
	font-family: usmile-light;
	color: var(--color-gray-bcb) !important;
}

.toothbrush-enroll input::-moz-placeholder {
	font-family: usmile-light;
	color: var(--color-gray-bcb) !important;
}

.toothbrush-enroll input:-ms-input-placeholder {
	font-family: usmile-light;
	color: var(--color-gray-bcb) !important;
}

.toothbrush-enroll textarea::-webkit-input-placeholder {
	font-family: usmile-light;
	color: var(--color-gray-bcb) !important;
}

.toothbrush-enroll textarea:-moz-placeholder {
	font-family: usmile-light;
	color: var(--color-gray-bcb) !important;
}

.toothbrush-enroll textarea::-moz-placeholder {
	font-family: usmile-light;
	color: var(--color-gray-bcb) !important;
}

.toothbrush-enroll textarea:-ms-input-placeholder {
	font-family: usmile-light;
	color: var(--color-gray-bcb) !important;
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-select {
	width: 100%;
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-select .layui-edge {
	top: 0;
	right: 0;
	margin-top: 0;
	width: 0.48rem;
	border: none;
	opacity: 0.2;
	background: url("../select-icon-2.html") no-repeat center;
	background-size: 0.18rem auto;
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-select dl {
	top: 0.49rem;
	z-index: 15;
	margin-top: 0;
	border-radius: 0.05rem;
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-select dl dt {
	padding: 0 0.15rem;
	height: 0.34rem;
	line-height: 0.34rem;
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-select dl dd {
	padding: 0 .18rem;
	height: 0.34rem;
	line-height: 0.34rem;
	font-size: var(--font19);
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-select dl dd:hover {
	background: var(--color-e5f);
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-form-checkbox[lay-skin=primary] {
	margin-top: 0;
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-checkbox[lay-skin=primary] {
	padding-left: 0.35rem;
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-checkbox[lay-skin=primary] span {
	font-size: var(--font19);
	color: #626363;
	line-height: 1.2;
	padding-right: 0.05rem;
	height: auto;
}

.toothbrush-enroll .page-main .page-down .layui-form-item .layui-form-checkbox {
	margin-right: 0;
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-checkbox[lay-skin=primary] i {
	width: 0.2rem;
	height: 0.2rem;
	line-height: 0.18rem;
	border-radius: 0.05rem;
	font-size: var(--font16);
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-checked[lay-skin=primary] i {
	border-color: var(--color-007) !important;
	background-color: var(--color-007);
	color: var(--color-white);
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-checkbox[lay-skin=primary]:hover i {
	border-color: var(--color-007);
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-input-block a {
	font-size: var(--font19);
	color: var(--color-007);
	line-height: 1.2;
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item.btns {
	margin-top: 0.42rem;
}

.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-btn {
	min-width: 2rem;
	height: 0.78rem;
	line-height: 0.78rem;
	margin: auto;
	border-radius: 0.4rem;
	background: var(--color-007);
	font-size: var(--font23);
}

.toothbrush-enroll .page-main .prompt-text {
	margin-top: 0.8rem;
	text-align: center;
	color: var(--color-b2b);
	font-size: var(--font21);
	line-height: 1.5;
}
.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item.active input, 
.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item.active textarea{
	border-color: #e60012 !important;
    color: #e60012;
}
.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item.active input::-webkit-input-placeholder {
  color: #e60012 !important;
}
.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item.active input:-moz-placeholder {
  color: #e60012 !important;
}
.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item.active input::-moz-placeholder {
  color: #e60012 !important;
}
.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item.active input:-ms-input-placeholder {
  color: #e60012 !important;
}
.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item.active textarea::-webkit-input-placeholder {
  color: #e60012 !important;
}
.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item.active textarea:-moz-placeholder {
  color: #e60012 !important;
}
.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item.active textarea::-moz-placeholder {
  color: #e60012 !important;
}
.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item.active textarea:-ms-input-placeholder {
  color: #e60012 !important;
}
.toothbrush-enroll .page-main .page-down .layui-form .layui-checkbox-disabled[lay-skin=primary]{
	cursor: pointer !important;
}
.toothbrush-enroll .page-main .page-down .layui-form .layui-checkbox-disabled[lay-skin=primary] span{
	background: none !important;
	color: #626363 !important;
	cursor: pointer !important;
}
@media (max-width: 1024px) {
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-input-block .layui-input {
		height: 0.6rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-select dl {
		top: 0.65rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-select dl dd {
		height: 0.45rem;
		line-height: 0.45rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-checkbox[lay-skin=primary] {
		padding-left: 0.45rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-checkbox[lay-skin=primary] i {
		width: 0.3rem;
		height: 0.3rem;
		line-height: 0.3rem;
	}
}

@media (max-width: 768px) {
	.toothbrush-enroll .page-main .page-down {
		padding: 1rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-input-block .layui-input {
		height: 0.7rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-select dl {
		top: 0.75rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-select dl dd {
		height: 0.56rem;
		line-height: 0.56rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-checkbox[lay-skin=primary] {
		padding-left: 0.56rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-checkbox[lay-skin=primary] i {
		width: 0.4rem;
		height: 0.4rem;
		line-height: 0.4rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-btn {
		min-width: 2.5rem;
		height: 0.9rem;
		line-height: 0.9rem;
		border-radius: 0.45rem;
	}
}

@media (max-width: 750px) {
	.toothbrush-page.signup-banner {
		padding-top: 20%;
		padding-bottom: 20%;
	}
	.toothbrush-page.signup-banner .page-main .text-box .title {
		width: 45%;
	}
	.toothbrush-enroll {
		padding-top: 12%;
		padding-bottom: 7.5%;
	}
	.toothbrush-enroll .page-main .page-down {
		margin-top: 10.44%;
		padding: 7% 6% 11.94%;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .infor {
		margin-bottom: 6%;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .infor .box .layui-form-item {
		width: 100%;
		margin-right: 0;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item {
		margin-bottom: 5.4%;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-form-label {
		font-size: var(--font22);
		margin-bottom: 3.7%;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-input-block .layui-input,
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-input-block .layui-textarea {
		font-size: var(--font22);
		padding-left: 2.9%;
		padding-right: 2.9%;
		border-radius: 5px;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-input-block .layui-input {
		height: 1.1rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-input-block .layui-textarea {
		padding-bottom: 2.9%;
		padding-top: 2.9%;
		height: 2.65rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-input-block.half {
		max-width: 100%;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-select dl {
		top: 1.2rem;
		border-radius: 5px;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-select dl dt {
		font-size: var(--font22);
		padding: 0 0.25rem;
		height: 0.9rem;
		line-height: 0.9rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-select dl dd {
		font-size: var(--font22);
		padding: 0 0.3rem;
		height: 0.9rem;
		line-height: 0.9rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-select .layui-edge {
		width: 1.2rem;
		opacity: 0.2;
		background: url(../select-icon-2.html) no-repeat center;
		background-size: 36% auto;
	}
	.toothbrush-enroll input::-webkit-input-placeholder {
		font-size: var(--font22) !important;
		;
		font-family: usmile-light;
		color: var(--color-gray-bcb) !important;
	}
	.toothbrush-enroll input:-moz-placeholder {
		font-size: var(--font22) !important;
		font-family: usmile-light;
		color: var(--color-gray-bcb) !important;
	}
	.toothbrush-enroll input::-moz-placeholder {
		font-size: var(--font22) !important;
		font-family: usmile-light;
		color: var(--color-gray-bcb) !important;
	}
	.toothbrush-enroll input:-ms-input-placeholder {
		font-size: var(--font22) !important;
		font-family: usmile-light;
		color: var(--color-gray-bcb) !important;
	}
	.toothbrush-enroll textarea::-webkit-input-placeholder {
		font-size: var(--font22) !important;
		font-family: usmile-light;
		color: var(--color-gray-bcb) !important;
	}
	.toothbrush-enroll textarea:-moz-placeholder {
		font-size: var(--font22) !important;
		font-family: usmile-light;
		color: var(--color-gray-bcb) !important;
	}
	.toothbrush-enroll textarea::-moz-placeholder {
		font-size: var(--font22) !important;
		font-family: usmile-light;
		color: var(--color-gray-bcb) !important;
	}
	.toothbrush-enroll textarea:-ms-input-placeholder {
		font-size: var(--font22) !important;
		font-family: usmile-light;
		color: var(--color-gray-bcb) !important;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-checkbox[lay-skin=primary] {
		padding-left: 25px;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-checkbox[lay-skin=primary] span {
		font-size: var(--font20);
		padding-right: 0.05rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-checkbox[lay-skin=primary] i {
		width: 16px;
		height: 16px;
		line-height: 14px;
		border-radius: 4px;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-input-block a {
		font-size: var(--font20);
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item.btns {
		margin-top: 7.5%;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-btn {
		min-width: 3rem;
		height: 1rem;
		line-height: 1rem;
		border-radius: 0.5rem;
	}
	.toothbrush-enroll .page-main .prompt-text {
		margin-top: 7.5%;
	}
}

@media (max-width: 480px) {
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item {
		margin-bottom: 0.45rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-form-label {
		margin-bottom: 0.3rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-input-block .layui-input,
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-input-block .layui-textarea {
		padding-left: 3.5%;
		padding-right: 3.5%;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-input-block .layui-input {
		height: 0.75rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-select dl {
		top: 0.85rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-select dl dd {
		height: 0.6rem;
		line-height: 0.6rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item.btns {
		margin-top: 0.5rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-item .layui-btn {
		min-width: 2.2rem;
		height: 0.72rem;
		line-height: 0.72rem;
		border-radius: 0.5rem;
	}
	.toothbrush-enroll .page-main .page-down .layui-form .layui-form-select .layui-edge {
		width: 0.72rem;
	}
}

.toothbrush-page1 {
	padding-top: 1.8rem;
	padding-bottom: 0.85rem;
}
.toothbrush-page1 .page-main {
	z-index: 2;
}

.toothbrush-page1 .page-main .page-up {
	--color: #000;
}

.toothbrush-page1 .page-main .page-up .text-box .title {
	color: var(--color);
	line-height: 1.2962963em;
}
.toothbrush-page1 .page-main .page-up .text-box .text-body {
	margin-top: 0.3rem;
	line-height: 1.7;
	font-family: usmile-light;
}

.toothbrush-page1 .page-main .page-up .text-box .text-body span {
	font-family: usmile-light;
	color: var(--color-007);
}

.toothbrush-page1 .page-main .page-up .text-box .title span {
	display: block;
}

.toothbrush-page1 .page-main .page-down {
	position: relative;
	margin-top: 0.6rem;
}
.toothbrush-page1 .page-main .page-down .imgbox {
	display: block;
	width: 100%;
	overflow: hidden;
	border-radius: 0.2rem;
}

.toothbrush-page1 .page-main .page-down .imgbox img {
	width: 100%;
}

.toothbrush-page1 .page-main .page-down .textbox {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	padding: 0.5rem 1.5rem;
	box-sizing: border-box;
}
.toothbrush-page1 .page-main .page-down .textbox .subtit {
	text-align: center;
	color: var(--color-white);
}

.toothbrush-page1 .page-main .page-down .textbox ul {
	display: flex;
	align-items: flex-start;
}
.toothbrush-page1 .page-main .page-down .textbox ul li {
	width: 28.5%;
	margin-right: 7.25%;
}

.toothbrush-page1 .page-main .page-down .textbox ul li:nth-child(3n) {
	margin-right: 0;
}

.toothbrush-page1 .page-main .page-down .textbox ul li .t1 {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-white);
	line-height: 1.25;
}
.toothbrush-page1 .page-main .page-down .textbox ul li .t1 .t1-3 {
	display: inline-block;
	margin-left: 0.1rem;
}

.toothbrush-page1 .page-main .page-down .textbox ul li .t2 {
	text-align: center;
	margin-top: 0.12rem;
	line-height: 1.6;
	color: var(--color-white);
	/*color: rgba(255, 255, 255, 0.9);*/
}
.toothbrush-page1 .page-main .page-down .textbox ul li .t2 span{
	display: inline-block;
	font-family: usmile-light;
	opacity: 0.9;
}
@media (max-width: 991px) {
	.toothbrush-page1 .page-main .page-down .textbox{
		padding: 0.5rem 0.75rem;
	}
}
@media (max-width: 750px) {
	.toothbrush-page1{
		padding-top: 1rem;
	}
	.toothbrush-page1 .page-main .page-up .text-box .title{
		font-size: var(--font42);
	}
	.toothbrush-page1 .page-main .page-up .text-box .text-body{
		margin-top: 0.4rem;
		/*font-size: var(--font28);*/
	}
	.toothbrush-page1 .page-main .page-down{
		margin-top: 8%;
	}
	.toothbrush-page1 .page-main .page-down .textbox{
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.toothbrush-page1 .page-main .page-down .textbox ul{
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}
	.toothbrush-page1 .page-main .page-down .textbox ul li{
		width: 100%;
		margin-right: 0;
	}
	.toothbrush-page1 .page-main .page-down .textbox ul li .t1 .t1-1{
		font-size: var(--font60);
	}
	.toothbrush-page1 .page-main .page-down .textbox ul li .t1 .t1-2 {
		font-size: var(--font28);
	}
	.toothbrush-page1 .page-main .page-down .textbox ul li .t1 .t1-3 {
		font-size: 0.3rem;
	}
	.toothbrush-page1 .page-main .page-down .textbox ul li .t2{
		margin-top: 0.2rem;
		font-size: var(--font22);
	}
	
}


.toothbrush-page2 {
	padding-top: 1.1rem;
	padding-bottom: 0.85rem;
}

.toothbrush-page2 .page-main {
	z-index: 2;
}

.toothbrush-page2 .page-main .page-up {
	--color: #000;
}

.toothbrush-page2 .page-main .page-up .text-box .sp {
	color: var(--color);
	line-height: 1.3;
}

.toothbrush-page2 .page-main .page-up .text-box .title {
	margin-top: 0.15rem;
	color: var(--color);
	line-height: 1.2962963em;
}

.toothbrush-page2 .page-main .page-up .text-box .text-body {
	font-family: usmile-light;
	color: var(--color-gray-1d1);
	line-height: 1.6;
	margin-top: 0.3rem;
}
@media (max-width: 750px) {
	.toothbrush-page2{
		padding-top: 0.8rem;
	}
	.toothbrush-page2 .page-main .page-up .text-box .sp{
		font-size: var(--font34);
	}
	.toothbrush-page2 .page-main .page-up .text-box .title {
		font-size: var(--font52);
	}
	.toothbrush-page2 .page-main .page-up .text-box .text-body{
		/*font-size: var(--font28);*/
	}
}

.toothbrush-page2 .page-main .page-up .text-box .title span {
	display: block;
}

.toothbrush-page2 .page-main .page-down {
	position: relative;
	margin-top: 0.6rem;
}

.toothbrush-page2 .page-main .page-down .imgbox {
	display: block;
	width: 100%;
	overflow: hidden;
	border-radius: 0.2rem;
}

.toothbrush-page2 .page-main .page-down .imgbox img {
	width: 100%;
}

.toothbrush-page2 .page-main .page-down .imgbox video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	min-width: 100%;
	min-height: 100%;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 0.2rem;
}

.toothbrush-page2 .page-main .page-down .btns {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.5rem;
	height: 0.5rem;
	/*border: var(--color-white) solid 1px;*/
	border-radius: 50%;
	box-sizing: border-box;
	cursor: pointer;
}
/*.toothbrush-page2 .page-main .page-down .btns:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.25);
	border-radius: 50%;
}*/
.toothbrush-page2 .page-main .page-down .btns img{
	display: block;
	width: 100%;
}
@media (max-width: 991px) {
	.toothbrush-page2 .page-main .page-down .btns{
		width: 0.9rem;
		height: 0.9rem;
	}
}
/*@media (max-width: 750px) {
	.toothbrush-page2 .page-main .page-down .btns{
		border:none;
	}
	.toothbrush-page2 .page-main .page-down .btns:before{
		display: none;
	}
	.toothbrush-page2 .page-main .page-down .btns img{
		display: block;
		width: 100%;
	}
}*/
@media (max-width: 480px) {
	.toothbrush-page2 .page-main .page-down .btns{
		width: 0.64rem;
		height: 0.64rem;
	}
}
.toothbrush-page2 .page-main .page-down .btns svg {
	max-width: 42%;
	height: auto;
	margin-left: 0.08rem;
}

.toothbrush-page3 {
	padding-top: 1.1rem;
	padding-bottom: 0.85rem;
}

.toothbrush-page3 .page-main {
	z-index: 2;
}

.toothbrush-page3 .page-main .page-up {
	--color: #000;
}

.toothbrush-page3 .page-main .page-up .text-box .title {
	color: var(--color);
	line-height: 1.2962963em;
}

.toothbrush-page3 .page-main .page-up .text-box .title span {
	display: block;
}

.toothbrush-page3 .page-main .page-down {
	position: relative;
	margin-top: 0.6rem;
	display: flex;
	flex-wrap: wrap;
}
.toothbrush-page3 .page-main .page-down .item {
	width: calc((100% - 0.4rem) / 3);
	margin-right: 0.2rem;
	margin-bottom: 0.2rem;
	text-align: center;
	background: #f7f8fb;
	border-radius: 0.2rem;
	padding: 1.6rem 0.2rem 0.7rem;
	box-sizing: border-box;
}

.toothbrush-page3 .page-main .page-down .item:nth-child(3n) {
	margin-right: 0;
}
.toothbrush-page3 .page-main .page-down .item .icon img {
	/*max-width: 1.05rem;*/
	max-width: 28.4%;
}

.toothbrush-page3 .page-main .page-down .item .subtit {
	margin-top: 0.5rem;
	color: var(--color-gray-1d1);
	line-height: 1.2;
}

.toothbrush-page3 .page-main .page-down .item .text {
	margin-top: 0.2rem;
	font-family: usmile-light;
	/*color: rgba(29,29,29,0.75);*/
	color: var(--color-gray-1d1);
	line-height: 1.7;
	min-height: 1.2rem;
}
.toothbrush-page3 .page-main .page-down .item .text span{
	display: inline-block;
	font-family: usmile-light;
	opacity: 0.75;
}
@media (max-width: 750px) {
	.toothbrush-page3{
		padding-top: 0.8rem;
	}
	.toothbrush-page3 .page-main .page-up .text-box .title {
		font-size: var(--font52);
	}
	.toothbrush-page3 .page-main .page-down{
		margin-top: 7%;
		font-size: var(--font52);
		flex-wrap: wrap;
	}
	.toothbrush-page3 .page-main .page-down .item .subtit{
		margin-top: 0.7rem;
		font-size: var(--font34);
	}
	.toothbrush-page3 .page-main .page-down .item .text{
		margin-top: 0.25rem;
		/*font-size: var(--font24);*/
	}
	.toothbrush-page3 .page-main .page-down .item{
		width: 100%;
		margin-right: 0;
		margin-bottom: 5%;
		padding: 1.6rem 0.4rem;
	}
	.toothbrush-page3 .page-main .page-down .item .icon img{
		max-width: 17.2%;
	}
}
@media (max-width: 480px) {
	.toothbrush-page3 .page-main .page-down .item .icon img{
		max-width: 20%;
	}
	.toothbrush-page3 .page-main .page-down .item .subtit{
		margin-top: 0.5rem;
	}
}


.toothbrush-page4 {
	padding-bottom: 1.1rem;
	width: 100%;
	overflow: hidden;
}
.toothbrush-page4 .page-main {
	z-index: 2;
}

.toothbrush-page4 .page-main .page-down .swiper {
	position: relative;
	width: 100%;
	padding-bottom: 0.6rem;
	overflow: visible;
}
@media (max-width: 750px) {
	.toothbrush-page4{
		padding-bottom: 0.8rem;
	}
	.toothbrush-page4 .page-main .page-down .swiper{
		padding-bottom: 9%;
	}
}
.toothbrush-page4 .page-main .page-down .swiper .swiper-wrapper{
	align-items: stretch;
}
.toothbrush-page4 .page-main .page-down .swiper .swiper-slide {
	border-radius: 0.2rem;
	height: auto;
	overflow: hidden;
	background: #f7f8fb;
}
.toothbrush-page4 .page-main .page-down .item-box{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.toothbrush-page4 .page-main .page-down .item-box .imgbox{
	flex-shrink: 0;
}
.toothbrush-page4 .page-main .page-down .item-box .imgbox img {
	width: 100%;
}

.toothbrush-page4 .page-main .page-down .item-box .textbox {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0.45rem;
	text-align: center;
	box-sizing: border-box;
}
.toothbrush-page4 .page-main .page-down .item-box .textbox .wrap{
	display: block;
	width: 100%;
}
.toothbrush-page4 .page-main .page-down .item-box .subtit {
	color: var(--color-gray-1d1);
	line-height: 1.3;
}

.toothbrush-page4 .page-main .page-down .item-box .text {
	margin-top: 0.2rem;
	font-family: usmile-light;
	/*color: rgba(29,29,29,0.85);*/
	color: var(--color-gray-1d1);
	line-height: 1.7;
}
.toothbrush-page4 .page-main .page-down .item-box .text span{
	display: inline-block;
	font-family: usmile-light;
	opacity: 0.85;
}
.toothbrush-page4 .swiper-button-prev,
.toothbrush-page4 .swiper-button-next {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	color: #838383;
	background: rgba(237, 239, 242, 0.9);
}
@media (max-width: 1680px){
	.toothbrush-page4 .swiper-button-prev,
	.toothbrush-page4 .swiper-button-next {
		width: 0.7rem;
		height: 0.7rem;
	}
}
@media (max-width: 991px) {
	.toothbrush-page4 .swiper-button-prev,
	.toothbrush-page4 .swiper-button-next{
		width: 0.8rem;
		height: 0.8rem;
	}
}
.toothbrush-page4 .swiper-button-prev:after,
.toothbrush-page4 .swiper-button-next:after {
	font-weight: bold;
	font-size: var(--font24);
}
@media (max-width: 991px) {
	.toothbrush-page4 .swiper-button-prev:after,
	.toothbrush-page4 .swiper-button-next:after {
		font-weight: bold;
		font-size: var(--font20);
	}
}
.toothbrush-page4 .swiper-button-prev.swiper-button-disabled,
.toothbrush-page4 .swiper-button-next.swiper-button-disabled {
	opacity: 1;
}

.toothbrush-page4 .swiper-button-prev,
.toothbrush-page4 .swiper-rtl .swiper-button-next {
	left: -1.2rem;
}

.toothbrush-page4 .swiper-button-next,
.toothbrush-page4 .swiper-rtl .swiper-button-prev {
	right: -1.2rem;
}

.toothbrush-page4 .swiper-pagination {
	opacity: 1;
}

.toothbrush-page4 .swiper-pagination-fraction,
.toothbrush-page4 .swiper-pagination-custom,
.toothbrush-page4 .swiper-horizontal>.swiper-pagination-bullets,
.toothbrush-page4 .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 0;
}

.toothbrush-page4 .swiper-pagination .swiper-pagination-bullet {
	width: 0.12rem;
	height: 0.12rem;
	background: #dedee6;
	border-radius: 50%;
	opacity: 1;
	margin: 0 0.12rem;
}

.toothbrush-page4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 0.14rem;
	height: 0.14rem;
	background: var(--color-007);
}
@media (max-width: 750px){
	.toothbrush-page4 .swiper-pagination{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.toothbrush-page4 .swiper-pagination .swiper-pagination-bullet{
		width: 0.2rem;
		height: 0.2rem;
		margin: 0 0.25rem;
	}
	.toothbrush-page4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
		width: 0.28rem;
		height: 0.28rem;
	}
	.toothbrush-page4 .swiper-button-prev,
	.toothbrush-page4 .swiper-button-next{
		display: none;
	}
	.toothbrush-page4 .swiper-button-prev,
	.toothbrush-page4 .swiper-rtl .swiper-button-next {
		left: 0;
	}
	
	.toothbrush-page4 .swiper-button-next,
	.toothbrush-page4 .swiper-rtl .swiper-button-prev {
		right: 0;
	}
	.toothbrush-page4 .page-main .page-down .item-box .textbox{
		padding: 0.45rem 0.6rem;
	}
	.toothbrush-page4 .page-main .page-down .item-box .text{
		text-align: justify;
	}
	.toothbrush-page4 .page-main .page-down .item-box .subtit{
		font-size: var(--font34);
	}
}
@media (max-width: 480px){
	.toothbrush-page4 .swiper-pagination .swiper-pagination-bullet{
		width: 0.1rem;
		height: 0.1rem;
		margin: 0 0.15rem;
	}
	.toothbrush-page4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
		width: 0.14rem;
		height: 0.14rem;
	}
}
.toothbrush-page5 {
	padding-top: 1.1rem;
	padding-bottom: 0.85rem;
	width: 100%;
	overflow: hidden;
}
@media (max-width: 750px){
	.toothbrush-page5 {
		padding-top: 0.8rem;
	}
}
.toothbrush-page5 .page-main {
	z-index: 2;
}

.toothbrush-page5 .page-main .page-up {
	--color: #000;
}

.toothbrush-page5 .page-main .page-up .text-box .sp {
	color: var(--color);
	font-size: var(--font35);
}

.toothbrush-page5 .page-main .page-up .text-box .title {
	color: var(--color);
	line-height: 1.2962963em;
}
.toothbrush-page5 .page-main .page-up .text-box .text-body {
	margin-top: 0.3rem;
	font-family: usmile-light;
	color: var(--color-gray-1d1);
	line-height: 1.6;
}
@media (max-width: 750px){
	.toothbrush-page5 .page-main .page-up .text-box .title{
		font-size: var(--font42);
	}
	.toothbrush-page5 .page-main .page-up .text-box .text-body{
		/*font-size: var(--font28);*/
	}
}
.toothbrush-page5 .page-main .page-down {
	position: relative;
	margin-top: 0.6rem;
}

.toothbrush-page5 .page-main .page-down .swiper {
	position: relative;
	width: 64.35714286%;
	max-width: 901px;
	--color: #fff;
	overflow: visible;
}
@media (max-width: 750px){
	.toothbrush-page5 .page-main .page-down .swiper {
		width: 100%;
	}
}
.toothbrush-page5 .page-main .page-down .swiper .swiper-slide {
	border-radius: 0.2rem;
	overflow: hidden;
}

.toothbrush-page5 .page-main .page-down .item-box .imgbox {
	position: relative;
}

.toothbrush-page5 .page-main .page-down .item-box .imgbox:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.84) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.84) 100%);
}

.toothbrush-page5 .page-main .page-down .item-box .igmbox img {
	width: 100%;
}

.toothbrush-page5 .page-main .page-down .item-box .textbox {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0.45rem;
	text-align: center;
	display: flex;
	align-items: center;
	color: var(--color-white);
	box-sizing: border-box;
}

.toothbrush-page5 .page-main .page-down .item-box .textbox .icon {
	display: inline-block;
	margin-right: 0.1rem;
}
.toothbrush-page5 .page-main .page-down .item-box .textbox .icon img{
	max-width: 0.28rem;
}
@media (max-width: 1680px) {
	.toothbrush-page5 .page-main .page-down .item-box .textbox .icon{
		margin-right: 0.15rem;
	}
	.toothbrush-page5 .page-main .page-down .item-box .textbox .icon img{
		max-width: 0.36rem;
	}
}
@media (max-width: 991px) {
	.toothbrush-page5 .page-main .page-down .item-box .textbox .icon{
		margin-right: 0.2rem;
	}
	.toothbrush-page5 .page-main .page-down .item-box .textbox .icon img{
		max-width: 0.45rem;
	}
}
.toothbrush-page5 .swiper-button-prev,
.toothbrush-page5 .swiper-button-next {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	color: #838383;
	background: rgba(237, 239, 242, 0.9);
}
@media (max-width: 1680px){
	.toothbrush-page5 .swiper-button-prev,
	.toothbrush-page5 .swiper-button-next {
		width: 0.7rem;
		height: 0.7rem;
	}
}
@media (max-width: 991px) {
	.toothbrush-page5 .swiper-button-prev,
	.toothbrush-page5 .swiper-button-next{
		width: 0.8rem;
		height: 0.8rem;
	}
}
.toothbrush-page5 .swiper-button-prev:after,
.toothbrush-page5 .swiper-button-next:after {
	font-weight: bold;
	font-size: var(--font24);
}
@media (max-width: 991px) {
	.toothbrush-page5 .swiper-button-prev:after,
	.toothbrush-page5 .swiper-button-next:after {
		font-weight: bold;
		font-size: var(--font20);
	}
}
.toothbrush-page5 .swiper-button-prev.swiper-button-disabled,
.toothbrush-page5 .swiper-button-next.swiper-button-disabled {
	opacity: 1;
}

.toothbrush-page5 .swiper-button-prev,
.toothbrush-page5 .swiper-rtl .swiper-button-next {
	/*left: calc(-17.82142857% - 1.2rem);*/
	left: -3.7rem;
}

.toothbrush-page5 .swiper-button-next,
.toothbrush-page5 .swiper-rtl .swiper-button-prev {
	/*right: calc(-17.82142857% - 1.2rem);*/
	right: -3.7rem;
}

.toothbrush-page5 .swiper-pagination {
	opacity: 0;
}

.toothbrush-page5 .swiper-pagination-fraction,
.toothbrush-page5 .swiper-pagination-custom,
.toothbrush-page5 .swiper-horizontal>.swiper-pagination-bullets,
.toothbrush-page5 .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 0;
}

.toothbrush-page5 .swiper-pagination .swiper-pagination-bullet {
	width: 0.12rem;
	height: 0.12rem;
	background: #dedee6;
	border-radius: 50%;
	opacity: 1;
	margin: 0 0.12rem;
}

.toothbrush-page5 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 0.14rem;
	height: 0.14rem;
	background: var(--color-007);
}
@media (max-width: 750px){
	.toothbrush-page5{
		padding-bottom: 1.1rem;
	}
	.toothbrush-page5 .page-main .page-down .swiper{
		padding-bottom: 9%;
	}
	.toothbrush-page5 .swiper-pagination {
		opacity: 1;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.toothbrush-page5 .swiper-pagination .swiper-pagination-bullet{
		width: 0.2rem;
		height: 0.2rem;
		margin: 0 0.25rem;
	}
	.toothbrush-page5 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
		width: 0.28rem;
		height: 0.28rem;
	}
	.toothbrush-page5 .swiper-button-prev,
	.toothbrush-page5 .swiper-button-next{
		display: none;
	}
	.toothbrush-page5 .swiper-button-prev,
	.toothbrush-page5 .swiper-rtl .swiper-button-next {
		left: 0;
	}
	
	.toothbrush-page5 .swiper-button-next,
	.toothbrush-page5 .swiper-rtl .swiper-button-prev {
		right: 0;
	}
	.toothbrush-page5 .page-main .page-down .item-box .text{
		text-align: left;
	}
}
@media (max-width: 480px){
	.toothbrush-page5 .swiper-pagination .swiper-pagination-bullet{
		width: 0.1rem;
		height: 0.1rem;
		margin: 0 0.15rem;
	}
	.toothbrush-page5 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
		width: 0.14rem;
		height: 0.14rem;
	}
}

.toothbrush-page6 {
	padding-bottom: 1.1rem;
}

.toothbrush-page6 .page-main .page-down {
	border-radius: 0.2rem;
	overflow: hidden;
}

.toothbrush-page6 .page-main .page-down .imgbox {
	width: 100%;
	overflow: hidden;
}

.toothbrush-page6 .page-main .page-down .imgbox img {
	width: 100%;
}

.toothbrush-page6 .page-main .page-down .textbox {
	text-align: center;
	padding: 0.5rem 0.4rem;
	background: #f7f8fb;
}
.toothbrush-page6 .page-main .page-down .textbox .subtit{
	color: var(--color-gray-1d1);
	line-height: 1.25;
}
.toothbrush-page6 .page-main .page-down .textbox .text{
	margin-top: 0.15rem;
	font-family: usmile-light;
	/*color: rgba(29,29,29,0.85);*/
	color: var(--color-gray-1d1);
	line-height: 1.6;
}
.toothbrush-page6 .page-main .page-down .textbox .text span{
	display: inline-block;
	font-family: usmile-light;
	opacity: 0.85;
}
@media (max-width: 750px){
	.toothbrush-page6{
		padding-bottom: 0.8rem;
	}
	.toothbrush-page6 .page-main .page-down .textbox {
		padding: 0.6rem;
	}
	.toothbrush-page6 .page-main .page-down .textbox .subtit{
		font-size: var(--font34);
	}
	.toothbrush-page6 .page-main .page-down .textbox .text{
		margin-top: 0.25rem;
		font-size: var(--font24);
		text-align: justify;
	}
}

.toothbrush-page7 {
	padding-top: 1rem;
	padding-bottom: 1.8rem;
}
.toothbrush-page7 .page-main .page-up .text-box .title{
	line-height: 1.25;
}
.toothbrush-page7 .page-main .page-up .text-box .text-body{
	margin-top: 0.3rem;
	font-family: usmile-light;
	line-height: 1.6;
	color: var(--color-gray-1d1);
}
.toothbrush-page7 .page-main .page-down {
	margin-top: 0.6rem;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
@media (max-width: 750px){
	.toothbrush-page7{
		padding-top: 0.8rem;
		padding-bottom: 1.1rem;
	}
	.toothbrush-page7 .page-main .page-up .text-box .title{
		font-size: var(--font42);
	}
	.toothbrush-page7 .page-main .page-up .text-box .text-body{
		/*font-size: var(--font28);*/
	}
}
.toothbrush-page7 .page-main .page-down .item-box {
	width: calc((100% - 0.4rem) / 3);
	margin-right: 0.2rem;
	margin-bottom: 0.2rem;
	border-radius: 0.2rem;
	background: #f7f8fb;
}

.toothbrush-page7 .page-main .page-down .item-box:nth-child(3n) {
	margin-right: 0;
}
@media (max-width: 750px){
	.toothbrush-page7 .page-main .page-down .item-box{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.6rem;
	}
}
@media (max-width: 750px){
	.toothbrush-page7 .page-main .page-down .item-box{
		margin-bottom: 0.4rem;
	}
}
.toothbrush-page7 .page-main .page-down .item-box .imgbox {
	width: 100%;
	border-radius: 0.2rem 0.2rem 0 0;
	overflow: hidden;
}

.toothbrush-page7 .page-main .page-down .item-box .imgbox img {
	width: 100%;
}

.toothbrush-page7 .page-main .page-down .item-box .textbox {
	text-align: center;
	padding: 0.3rem 0.15rem;
}
@media (max-width: 750px){
	.toothbrush-page7 .page-main .page-down .item-box .textbox{
		padding: 0.7rem 0.35rem;
	}
}
@media (max-width: 480px){
	.toothbrush-page7 .page-main .page-down .item-box .textbox{
		padding: 0.6rem 0.3rem;
	}
}
.toothbrush-page7 .page-main .page-down .item-box .textbox .subtit {
	color: var(--color-gray-1d1);
	line-height: 1.5;
}

.toothbrush-page7 .page-main .page-down .item-box .textbox .text {
	margin-top: 0.15rem;
	font-family: usmile-light;
	line-height: 1.6;
	color: #707070;
}
@media (max-width: 750px){
	.toothbrush-page7 .page-main .page-down .item-box .textbox .subtit {
		font-size: var(--font36);
	}
	.toothbrush-page7 .page-main .page-down .item-box .textbox .text{
		margin-top: 0.25rem;
		/*font-size: var(--font28);*/
		font-size: var(--font25);
	}
}
.toothbrush-page7 .page-main .page-down .item-box .textbox .sharebox {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 0.18rem;
	margin-top: 0.25rem;
}

.toothbrush-page7 .page-main .page-down .item-box .textbox .sharebox li {
	position: relative;
}
.toothbrush-page7 .page-main .page-down .item-box .textbox .sharebox li a,
.toothbrush-page7 .page-main .page-down .item-box .textbox .sharebox li span{
	position: relative;
	display: inline-flex;
	align-items: flex-start;
	margin-bottom: 0.12rem;
}
.toothbrush-page7 .page-main .page-down .item-box .textbox .sharebox li img {
	max-width: 0.56rem;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
@media (max-width: 750px){
	.toothbrush-page7 .page-main .page-down .item-box .textbox .sharebox {
		margin-top: 0.45rem;
		gap: 0.25rem;
	}
	.toothbrush-page7 .page-main .page-down .item-box .textbox .sharebox li img {
		max-width: 0.8rem;
	}
}
.toothbrush-page7 .page-main .page-down .item-box .textbox .sharebox li img.ic2 {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	opacity: 0;
}
.toothbrush-page7 .page-main .page-down .item-box .textbox .sharebox li.active .ic1,
.toothbrush-page7 .page-main .page-down .item-box .textbox .sharebox li:hover .ic1 {
	opacity: 0;
}

.toothbrush-page7 .page-main .page-down .item-box .textbox .sharebox li.active .ic2,
.toothbrush-page7 .page-main .page-down .item-box .textbox .sharebox li:hover .ic2 {
	opacity: 1;
}
.toothbrush-page7 .page-main .page-down .item-box .textbox .sharebox li .codebox{
	position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 15px);
    transform: translate(-50%, 15px);
    z-index: 12;
    width: 1.3rem;
    padding: 0.06rem;
    border-radius: 0.1rem;
    visibility: hidden;
    opacity: 0;
    box-sizing: border-box;
    background: var(--color-white);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
@media (max-width: 750px){
	.toothbrush-page7 .page-main .page-down .item-box .textbox .sharebox li .codebox{
		width: 3rem;
		padding: 0.1rem;
	}
}
@media (max-width: 480px){
	.toothbrush-page7 .page-main .page-down .item-box .textbox .sharebox li .codebox{
		width: 1.7rem;
	}
}
.toothbrush-page7 .page-main .page-down .item-box .textbox .sharebox li .codebox img {
	display: block;
	width: 100%;
	max-width: 100%;
}
.toothbrush-page7 .page-main .page-down .item-box .textbox .sharebox li:hover .codebox {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate(-50%, 0);
}
.toothbrush-page7 .page-main .page-down .item-box .textbox .btns {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.3rem;
}

.toothbrush-page7 .page-main .page-down .item-box .textbox .btns a,
.toothbrush-page7 .page-main .page-down .item-box .textbox .btns span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.35rem;
	height: 0.4rem;
	border-radius: 0.2rem;
	padding: 0 0.2rem;
	color: var(--color-white);
	background: var(--color-007);
	cursor: pointer;
	box-sizing: border-box;
}
@media (max-width: 1680px){
	.toothbrush-page7 .page-main .page-down .item-box .textbox .btns a,
	.toothbrush-page7 .page-main .page-down .item-box .textbox .btns span{
		min-width: 1.5rem;
		height: 0.5rem;
		border-radius: 0.25rem;
	}
}
@media (max-width: 1024px){
	.toothbrush-page7 .page-main .page-down .item-box .textbox .btns a,
	.toothbrush-page7 .page-main .page-down .item-box .textbox .btns span{
		min-width: 1.7rem;
		height: 0.6rem;
		border-radius: 0.3rem;
	}
}
@media (max-width: 991px){
	.toothbrush-page7 .page-main .page-down .item-box .textbox .btns a,
	.toothbrush-page7 .page-main .page-down .item-box .textbox .btns span{
		min-width: 2.4rem;
		height: 0.8rem;
		border-radius: 0.4rem;
	}
}
@media (max-width: 750px){
	.toothbrush-page7 .page-main .page-down .item-box .textbox .btns{
		margin-top: 0.5rem;
	}
	.toothbrush-page7 .page-main .page-down .item-box .textbox .btns a,
	.toothbrush-page7 .page-main .page-down .item-box .textbox .btns span {
		min-width: 3.2rem;
		height: 1rem;
		border-radius: 0.5rem;
		font-size: var(--font32);
	}
}
@media (max-width: 480px){
	.toothbrush-page7 .page-main .page-down .item-box .textbox .btns a,
	.toothbrush-page7 .page-main .page-down .item-box .textbox .btns span{
		min-width: 2.4rem;
		height: 0.75rem;
		border-radius: 0.4rem;
		font-size: var(--font28);
	}
}
.toothbrush-page7 .page-main .page-down .item-box .textbox .btns span {
	margin-bottom: 0.12rem;
}

.toothbrush-page7 .page-main .page-down .item-box .textbox .btns .qrcode {
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translate(-50%, 15px);
	transform: translate(-50%, 15px);
	width: 1.3rem;
	border-radius: 0.1rem;
	visibility: hidden;
	opacity: 0;
	padding: 0.06rem;
	background: var(--color-white);
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
@media (max-width: 750px){
	.toothbrush-page7 .page-main .page-down .item-box .textbox .btns .qrcode{
		width: 3rem;
		padding: 0.1rem;
	}
}
@media (max-width: 480px){
	.toothbrush-page7 .page-main .page-down .item-box .textbox .btns .qrcode{
		width: 1.7rem;
	}
}
.toothbrush-page7 .page-main .page-down .item-box .textbox .btns .qrcode img {
	display: block;
	width: 100%;
}

.toothbrush-page7 .page-main .page-down .item-box .textbox .btns:hover .qrcode {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.toothbrush-page7 .swiper-pagination{
	/*opacity: 1;*/
	opacity: 0;
}
.toothbrush-page7 .swiper-pagination .swiper-pagination-bullet{
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.toothbrush-page8 {
	position: relative;
	--color: #000;
	padding: 1.2rem 0;
}

@media (max-width: 767px) {
	..toothbrush-page8 {
		padding: 0.8rem 0 0.7rem;
		margin-top: 0.2rem;
	}
}
.toothbrush-page8 .page-img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.toothbrush-page8 .page-img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.toothbrush-page8 .page-main{
	position: relative;
}
.toothbrush-page8 .page-main .wrap-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

@media (max-width: 767px) {
	.toothbrush-page8 .page-main .wrap-box {
		display: block;
		text-align: center;
	}
}



.toothbrush-page8 .page-main .item-box {
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	grid-gap: 0.3rem;
}
.toothbrush-page8 .page-main .wrap-box .wrap-left{
	display: flex;
	align-items: center;
	justify-content: center;
}
.toothbrush-page8 .page-main .wrap-box .wrap-left .title img {
	width: 2.32rem;
	max-width: 232px;
}
.toothbrush-page8 .page-main .item-box .img {
	background-color: #fff;
	padding: 0.1rem;
	width: 1.7rem;
	max-width: 170px;
	border-radius: 0.1rem;
}
.toothbrush-page8 .page-main .item-box .img img{
	display: block;
	width: 100%;
}
.toothbrush-page8 .page-main .item-box .text-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.toothbrush-page8 .page-main .item-box .text-box .title {
	color: var(--color);
}

.toothbrush-page8 .page-main .item-box .text-box .text-body {
	color: #737378;
	line-height: 1.54545455em;
}

.toothbrush-page8 .page-main .item-box .text-box .text-body * {
	color: #737378;
	line-height: 1.54545455em;
}
@media (max-width: 750px) {
	.toothbrush-page8{
		padding: 0.6rem 0;
	}
	.toothbrush-page8 .page-main .item-box {
		display: block;
		margin-top: 4rem;
	}
	.toothbrush-page8 .page-main .item-box .img{
		width: 1.7rem;
        max-width: 170px;
        margin: auto;
        margin-bottom: 0.38rem;
	}
	.toothbrush-page8 .page-main .item-box .text-box {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.toothbrush-page8 .page-main .item-box .text-box .title {
		/*font-size: var(--font28);*/
		font-size: var(--font36);
	}
	.toothbrush-page8 .page-main .item-box .text-box .text-body{
		font-size: var(--font25);
	}
}

@media (max-width:480px) {
	.toothbrush-page.intro-banner .page-main .text-box .text-body,
	.toothbrush-page1 .page-main .page-up .text-box .text-body,
	.toothbrush-page2 .page-main .page-up .text-box .text-body,
	.toothbrush-page4 .page-main .page-down .item-box .text,
	.toothbrush-page5 .page-main .page-up .text-box .text-body,
	.toothbrush-page6 .page-main .page-down .textbox .text,
	.toothbrush-page7 .page-main .page-up .text-box .text-body,
	.toothbrush-page7 .page-main .page-down .item-box .textbox .text{
		font-size: var(--font22);
	}
}


.toothbrush-page .page-main .text-box .btns{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.2rem;
}
.toothbrush-page .page-main .text-box .btns .qcode2 {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 15px);
    transform: translate(-50%, 15px);
    width: 1.3rem;
    border-radius: 0.1rem;
    visibility: hidden;
    opacity: 0;
    padding: 0.06rem;
    background: var(--color-white);
    box-sizing: border-box;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
@media (max-width: 750px){
    .toothbrush-page .page-main .text-box .btns .qcode2{
        width: 3rem;
        padding: 0.1rem;
    }
}
@media (max-width: 480px){
    .toothbrush-page .page-main .text-box .btns .qcode2{
        width: 1.7rem;
    }
}
.toothbrush-page .page-main .text-box .btns .qcode2 img {
    display: block;
    width: 100%;
}

.toothbrush-page .page-main .text-box .btns:hover .qcode2 {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}