.mixpad_elf
{
	padding-top:2.18rem;
	background-color:#f5f9f8
}

.mixpad_elf .sec__desc,.mixpad_elf .sec__title
{
	color:#000
}

.mixpad_elf .reload_gif
{
	width:100%
}

.mixpad_elf .banner
{
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
	padding-top:.8rem;
	padding-bottom:.53rem;
	background-color:#fff;
	overflow:hidden
}

.mixpad_elf .banner .banner__prd
{
	width:6.54rem;
	height:6.54rem;
	background-image:url(../images/banner_logo-3b7a7604b0.png);
	animation:bannerRotate 20s ease-in-out infinite
}

.mixpad_elf .banner .banner__bg
{
	position:relative;
	width:6.18rem;
	height:4.49rem;
	margin-top:.64rem;
	background-image:url(../images/banner_bg-2c858006ff.png)
}

.mixpad_elf .banner .banner__info
{
	position:absolute;
	top:2.88rem;
	left:1.94rem
}

.mixpad_elf .banner .banner__title
{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	width:4rem;
	font-weight:800;
	color:#000
}

.mixpad_elf .banner .title_big
{
	font-size:.4rem
}

.mixpad_elf .banner .title_small
{
	padding-bottom:.04rem;
	font-size:.24rem
}

.mixpad_elf .banner .banner__slogan
{
	margin-top:.02rem;
	display:flex;
	justify-content:space-between;
	width:4rem;
	font-size:.36rem;
	font-weight:600;
	letter-spacing:.03rem
}

.mixpad_elf .banner .slogan_1
{
	-webkit-line-clamp:2;
	background-image:linear-gradient(134deg,#3b84c0 0,#807bd4 100%);
	background-image:-webkit-linear-gradient(134deg,#3b84c0 0,#807bd4 100%);
	background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}

.mixpad_elf .banner .slogan_2
{
	-webkit-line-clamp:2;
	background-image:linear-gradient(134deg,#ff9fe5 0,#a079dd 100%);
	background-image:-webkit-linear-gradient(134deg,#ff9fe5 0,#a079dd 100%);
	background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}

.mixpad_elf .sec1
{
	padding-top:1rem;
	padding-bottom:.63rem
}

.mixpad_elf .sec1 .sec1__img
{
	width:7.2rem;
	height:10.81rem;
	margin:0 auto
}

.mixpad_elf .sec2
{
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	height:8.7rem;
	background-image:url(../images/sec2-16baf9ac65.jpg)
}

.mixpad_elf .sec2 .sec2__watch
{
	position:absolute;
	left:50%;
	top:50%;
	z-index:2;
	transform:translate(-50%,-50%);
	padding-right:.58rem;
	font-size:.32rem;
	font-family:PingFang SC;
	font-weight:500;
	line-height:.44rem;
	color:#fff
}

.mixpad_elf .sec4 .sec4__remind,.mixpad_elf .sec7 .sec7__remind
{
	font-size:.22rem;
	line-height:.3rem;
	color:#000;
	font-family:PingFang SC
}

.mixpad_elf .sec2 .sec2__watch:after
{
	content:"";
	position:absolute;
	right:0;
	top:50%;
	transform:translate(0,-50%);
	width:.34rem;
	height:.34rem;
	background:url(../images/icon_player-3d73f8e632.png) center/cover no-repeat
}

.mixpad_elf .sec3
{
	padding-top:1.2rem;
	padding-bottom:1.26rem
}

.mixpad_elf .sec3 .sec3__img
{
	width:6.65rem;
	height:9.33rem;
	margin:.78rem auto 0
}

.mixpad_elf .sec4
{
	position:relative;
	height:16rem;
	padding-top:1.2rem;
	box-sizing:border-box
}

.mixpad_elf .sec4 .sec4__remind
{
	position:absolute;
	left:0;
	bottom:.78rem;
	width:100%;
	text-align:center;
	font-weight:400
}

.mixpad_elf .sec5
{
	position:relative;
	height:15.6rem;
	background-color:#eaedef;
	overflow:hidden
}

.mixpad_elf .sec5 .sec5__content
{
	position:absolute;
	left:0;
	top:1.2rem;
	width:100%;
	z-index:4
}

.mixpad_elf .sec5 .marquee__container
{
	position:absolute;
	top:4rem;
	left:0;
	z-index:2;
	height:7.57rem;
	overflow: auto
}

.mixpad_elf .sec5 .slide__img
{
	width:19.92rem;
	height:4.52rem;
	background-image:url(../images/sec5_marquee-08b01dd08d.png);
	z-index:4
}

.mixpad_elf .sec5 .sec5__bg
{
	position:absolute;
	bottom:0;
	height:11.07rem
}

.mixpad_elf .sec6
{
	padding:1.2rem 0 .88rem .3rem;
	background-color:#fff
}

.mixpad_elf .sec6 .swiper-container
{
	margin-top:.8rem;
	width:100%;
	height:8.27rem;
	padding-right:.3rem;
	overflow: auto;
	box-sizing:border-box
}

.mixpad_elf .sec6 .swiper-slide
{
	position:relative;
	margin-right:.3rem;
	width:6.05rem;
	height:7.61rem;
	border-radius:.2rem;
	box-sizing:border-box;
	overflow:hidden
}

.mixpad_elf .sec6 .swiper-slide:last-of-type
{
	margin-right:0
}

.mixpad_elf .sec6 .swiper-pagination
{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	box-sizing:border-box;
	text-align:left
}

.mixpad_elf .sec6 .swiper-pagination-bullet
{
	width:.5rem;
	height:.06rem;
	margin:0 .06rem;
	background-color:#d4d3d3;
	border-radius:.06rem;
	opacity:1;
	overflow:hidden
}

.mixpad_elf .sec6 .swiper-pagination-bullet:first-of-type
{
	margin-left:0
}

.mixpad_elf .sec6 .swiper-pagination-bullet-active
{
	background-color:#000
}

.mixpad_elf .sec6 .swiper__bg
{
	width:100%;
	height:100%
}

.mixpad_elf .sec7
{
	padding-top:1.04rem;
	padding-bottom:.8rem
}

.mixpad_elf .sec7 .title_color
{
	padding:0 .08rem;
	-webkit-line-clamp:2;
	background-image:linear-gradient(134deg,#26acff 0,#d176ff 100%);
	background-image:-webkit-linear-gradient(134deg,#26acff 0,#d176ff 100%);
	background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}

.mixpad_elf .sec7 .sec7__img
{
	height:10.01rem;
	margin-top:.87rem;
	background:url(../images/sec7-556afe7e14.jpg) center/cover no-repeat
}

.mixpad_elf .sec7 .sec7__remind
{
	margin-top:.64rem;
	width:100%;
	text-align:center;
	font-weight:500;
	opacity:.6
}

.mixpad_elf .sec8
{
	padding-top:1.2rem;
	background-color:#fff
}

.mixpad_elf .sec8 .sec8__bg
{
	width:7.08rem;
	height:4.81rem;
	margin:.89rem auto 0
}

.mixpad_elf .sec8 .sec8__item
{
	margin-top:.74rem
}

.mixpad_elf .sec8 .item__img
{
	margin:1.09rem auto 0;
	width:7.08rem;
	height:4.81rem
}

.mixpad_elf .sec9
{
	padding-top:.74rem;
	background-color:#fff
}

.mixpad_elf .sec9 .sec9__video
{
	position:relative;
	margin-top:1.43rem;
	height:11.07rem;
	background-image:url(../images/sec10-ee460bbdd1.jpg)
}

.mixpad_elf .sec9 .sec9__video .sec__title
{
	color:#fff
}

.mixpad_elf .sec9 .video__container
{
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.2)
}

.mixpad_elf .sec9 .video__content
{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	z-index:4;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center
}

.mixpad_elf .sec9 .sec9__watch
{
	position:relative;
	margin-top:.5rem;
	padding-right:.58rem;
	font-size:.32rem;
	font-family:PingFang SC;
	font-weight:500;
	line-height:.44rem;
	color:#fff
}

.mixpad_elf .sec9 .sec9__watch::after
{
	content:"";
	position:absolute;
	right:0;
	top:50%;
	transform:translate(0,-50%);
	width:.34rem;
	height:.34rem;
	background:url(../images/icon_player-3d73f8e632.png) center/cover no-repeat
}

.mixpad_elf .sec10
{
	height:15.32rem;
	padding-top:1.2rem;
	box-sizing:border-box
}
.mixpad_elf .sec11
{
	height:12rem;
	padding-top:1.2rem;
	box-sizing:border-box
}

.mixpad_elf .sec11 .sec__desc,.mixpad_elf .sec11 .sec__title
{
	color:#fff
}

.mixpad_elf .sec13 .sec13__img
{
	width:7.5rem;
	height:2.42rem;
	margin:0 auto
}

@keyframes bannerRotate
{
	0%{transform:rotate(0)
	}
	
	100%
	{transform:rotate(360deg)
	}
}

	.mixpadSwitchPage
{
	padding-top:2.18rem;
	padding-bottom:.01rem;
	background-color:#111
}

.mixpadSwitchPage .title
{
	font-size:.48rem;
	font-weight:800;
	color:#fff;
	letter-spacing:.01rem;
	text-align:center;
	line-height:.67rem
}

.mixpadSwitchPage .params
{
	background-color:#fff;
	padding-bottom:2.16rem;
	position:relative
}

.mixpadSwitchPage .params .title
{
	padding-top:1.1rem;
	padding-bottom:.45rem;
	color:#111
}

.mixpadSwitchPage .params::before
{
	white-space:pre;
	position:absolute;
	left:.66rem;
	bottom:1.4rem;
	font-size:.24rem;
	color:rgba(17,17,17,.6);
	content:"*以上所有数据来自欧瑞博实验室，依据测量方式不同，\A 实际结果可能略有差异。"
}

.mixpadSwitchPage .params div
{
	width:6.2rem;
	margin:0 auto
}

.mixpadSwitchPage .params div:last-child>ul.list:last-child
{
	border-bottom:none;
	padding-bottom:1rem
}

.mixpadSwitchPage .params ul.list
{
	border-bottom:1px solid rgba(17,17,17,.25);
	padding:.6rem 0 .81rem
}

.mixpadSwitchPage .params ul.list>li
{
	margin-bottom:.12rem;
	display:flex;
	font-size:.24rem;
	line-height:.4rem;
	color:#111;
	font-weight:400
}

.mixpadSwitchPage .params ul.list>li .strong
{
	font-weight:800
}

.mixpadSwitchPage .listWrapper>div
{
	text-align:center;
	margin-top:.8rem
}

.mixpadSwitchPage .listWrapper>div img
{
	width:2.8rem;
	height:2.8rem
}

.mixpadSwitchPage .title+div>div
{
	margin-top:0
}