﻿.part{
	padding: 0.7rem 0 0.8rem 0;
}
.commonTitle{
	text-align: center;
}
.commonTitle h1 {
	font-size: 0.42rem;
	color: #333333;
	font-weight: bold;
}
.commonTitle span {
	margin: 0.25rem 0;
	display: inline-block;
	width: 0.96rem;
	height: 0.06rem;
	background: #a176ff;
	border-radius: 3px;
}
.commonTitle p {
	font-size: 0.25rem;
	color: #666666;
}
.banner {
	background: url(../images/etly/etlyBanner.png) no-repeat right;
	background-size: cover;
	height: 9.3rem;
	color: #fff;
	text-align: center;
}
.banner h1{
	color: #fff;
	padding-top: 0.92rem;
	font-size: 0.46rem;
	font-weight: bold;
	letter-spacing: 0.92px;
}
.banner p{
	font-size: 0.23rem;
	margin-top: 0.2rem;
	color: #fff;
}
.bannerBtns{
	margin-top: 0.52rem;
	text-align: center;
	position: relative;
}
.bannerBtn{
	width: 1.77rem;
	height: 0.52rem;
	background: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 26px;
	font-size: 0.27rem;
	color: #290e86;
	letter-spacing: 0.54px;
	margin: 0 auto;
	position: relative;
    z-index: 1;
}
.bannerShade{
	width: 1.77rem;
	height: 0.42rem;
	opacity: 0.66;
	background: #5739e4;
	filter: blur(4px);
	position: absolute;
	left: 50%;
	top: 0.18rem;
	transform: translate(-50%,0);
}
.partAimgs{
	padding: 0 0.6rem;
	margin-top: 0.5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.partAimgs img{
	margin-top: 0.2rem;
	width: 3rem;
	height: 1.9rem;
}
.partB{
	background: rgba(163,120,255,0.07);
}
.partBimg{
	margin-top: 1.2rem;
	text-align: center;
}
.partBimg img{
	width: 6.77rem;
	height: 7.1rem;
}
.partC ul{
	padding: 0 0.3rem;
	margin-top: 0.4rem;
	display: flex;
	flex-wrap: wrap;
}
.partC ul li{
	width: 2.4rem;
	margin-top: 0.4rem;
	display: flex;
	align-items: center;
}
.partC ul li:nth-child(3n+0){
	width: 2rem;
}
.partC ul li img{
	width: 0.49rem;
	height: 0.49rem;
	margin-right: 0.07rem;
}
.partCimg{
	margin-top: 0.62rem;
	text-align: center;
}
.partCimg img{
	width: 4.05rem;
	height: 5.73rem;
}
.partD{
	background: rgba(163,120,255,0.07);
}
.partDimg{
	text-align: center;
	margin-top: 0.73rem;
}
.partDimg img{
	width: 6.9rem;
	height: 9rem;
}
.partEimg{
	margin-top: 0.76rem;
	text-align: center;
}
.partEimg img{
	width: 6.93rem;
	height: 4rem;
}
.partEbox{
	padding: 0 0.95rem;
	margin-top: 0.44rem;
}
.partEgroup{
	background: #d5c1fb;
	border-radius: 0.24rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.35rem 0.38rem;
}
.partEitem{
	text-align: center;
}
.partEitem img{
	width: 1.37rem;
	height: 1.38rem;
	margin-bottom: 0.23rem;
}
.partEitem p{
	font-size: 0.18rem;
	color: #191919;
}
.partF{
	background: url(../images/etly/partFbg.png) no-repeat center;
    background-size: cover;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
}
.partFbox{
	background: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 18px;
}
.partFbox .commonTitle{
	margin-top: 0.64rem;
}
.partFbox ul{
	margin-top: 0.65rem;
	display: flex;
	flex-wrap: wrap;
	padding-left: 0.55rem;
}
.partFbox ul li{
	width: 1.9rem;
	color: #434245;
	font-size: 0.27rem;
	display: flex;
	align-items: center;
	line-height: 0.7rem;
}
.partFbox ul li span{
	width: 0.16rem;
	height: 0.16rem;
	background: #6589ff;
	border-radius: 50%;
	margin-right: 0.14rem;
}
.partFimg{
	text-align: center;
}
.partG ul{
	margin-top: 0.44rem;
	padding: 0 0.3rem;
	display: flex;
	flex-wrap: wrap;
}
.partG ul li{
	display: flex;
	align-items: center;
	width: 1.7rem;
	margin-top: 0.32rem;
	font-size: 0.21rem;
	color: #434245;
}
.partG ul li img{
	width: 0.46rem;
	height: 0.46rem;
	margin-right: 0.1rem;
}
.partGscroll{
	display: flex;
	padding-left: 0.3rem;
	overflow-x: auto;
	padding-top: 0.75rem;
	padding-bottom: 0.6rem;
}
.partGitem p{
	color: #333333;
	letter-spacing: 1.02px;
	font-size: 0.34rem;
	text-align: center;
}
.partGbtn{
	text-align: center;
}
.partGbtn a{
	display: inline-block;
	width: 3rem;
	text-align: center;
	height: 0.65rem;
	line-height: 0.65rem;
	background: linear-gradient(278deg,#8836f3 10%, #a07df0 96%);
	border-radius: 0.33rem;
	color: #ffffff;
	letter-spacing: 1.36px;
	font-weight: bold;
	font-size: 0.34rem;
}






.partH{
	background: rgba(254,240,242,0.59);
}
.partHgroup{
	margin-top: 0.73rem;
	padding: 0 0.5rem;
}
.partHitem{
	padding: 0.15rem 0.23rem;
	height: 0.88rem;
	border-radius: 15px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	margin-bottom: 0.2rem;
}
.partHitem .partHicon{
	display: inline-block;
}
.partHitem .partHicon-active{
	display: none;
}
.partHitem img{
	width: 0.57rem;
	height: 0.58rem;
	margin-right: 0.24rem;
}
.partHitem p{
	color: #a07df0;
	letter-spacing: 1.28px;
	font-weight: bold;
	font-size: 0.32rem;
	margin-right: 0.09rem;
}
.partHitem.active p{
	color: #fff;
}
.partHitem span{
	color: #434245;
	font-size: 0.3rem;
}
.partHitem.active span{
	color: #fff;
}
.partHitem.active{
	background: #a07df0;
	box-shadow: 0px 0px 6px 0px rgba(255,71,71,0.32); 
}
.partHitem.active .partHicon{
	display: none;
}
.partHitem.active .partHicon-active{
	display: inline-block;
}
.partHimg{
	width: 5rem;
	height: 7rem;
	margin: 0 auto;
	margin-top: 1rem;
}
.partHimg img{
	display: none;
}
.partI{
	padding-bottom: 0;
}
.partIcontent{
	position: relative;
}
.partIbox{
	width: 6.54rem;
	padding: 0.2rem 0.36rem 0.36rem 0.36rem;
	background: #ffffff;
	border-radius: 9px;
	box-shadow: 0px 3px 15px 0px #d2b7ff; 
	margin: 0 auto;
	margin-top: 0.5rem;
}
.partIbg{
	position: absolute;
	left: 50%;
	top: 0.1rem;
	transform: translate(-50%,0);
	width: 6.54rem;
	height: 100%;
	opacity: 0.9;
	background: #a47df9;
	border-radius: 9px;
	box-shadow: 0px 3px 15px 0px rgba(255,51,51,0.16); 
	z-index: -1;
	margin-left: 0.1rem;
}
.partIimg{
	margin-bottom: 0.2rem;
}
.partIimg img{
	width: 2.66rem;
	height: 1.58rem;
}
.partItitle{
	font-size: 0.25rem;
	letter-spacing: 1px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 0.27rem;
}
.partIbox ul{
	display: flex;
	justify-content: space-between;
}
.partIbox ul li img{
	width: 0.43rem;
	height: 0.4rem;
}
.partIbox ul li p{
	font-size: 0.18rem;
	color: #595a5a;
	letter-spacing: 0.8px;
}
.partIbox ul li span{
	font-weight: bold;
	letter-spacing: 1.24px;
	color: #7c41ff;
	font-size: 0.28rem;
}
.partIfoot{
	margin-top: 0.5rem;
}
.partJ{
	background: #f9f7ff;
}
.partJimg{
	text-align: center;
}
.partJimg img{
	width: 7.17rem;
	height: 5.26rem;
}
.partJgroup{
	margin-top: 0.6rem;
	padding: 0 0.46rem;
}
.partJitem{
	height: 2.4rem;
	background: linear-gradient(179deg,#ffffff 0%, #e7dcff 100%);
	border-radius: 0.14REM;
	box-shadow: 0px 3px 6px 0px rgba(162,127,240,0.39); 
	overflow: hidden;
	position: relative;
}
.partJitem img{
	position: absolute;
	right: 0.1rem;
	top: 0.5rem;
}
.partJdesc{
	margin-top: 0.37rem;
	margin-left: 0.53rem;
}
.partJdesc p{
	color: #333333;
	letter-spacing: 1.2px;
	font-weight: bold;
	font-size: 0.3rem;
	margin-bottom: 0.16rem;
}
.partJdesc span{
	color: #595a5a;
	line-height: 0.38rem;
	letter-spacing: 0.88px;	
	font-size: 0.22rem;
}
.partKgroup{
	margin-top: 0.28rem;
	padding: 0 0.3rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.partKitem{
	width: 2.14rem;
	height: 1.07rem;
	border: 0.04rem solid #c4acf7;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.37rem;
	border-radius: 0.15rem;
	background: #fff;
}