.top-banner.sell-solution {
	background:#008aff;
}
.top-banner.social-solution {
	background:#5060e6;
}
.relation {
	background:#f5fbff;
	height:656px;
}
.relation img {
	margin:0 auto;
	height:420px;
}
.tradition img {
	margin:0 auto;
	margin-bottom:50px;
}
.store {
	background:url(../images/bg_e0db4ca3e07f4179afd0c27774ed7a85.png) no-repeat;
	padding-bottom:50px;
	background-size:100% 100%;
}
.store-title {
	font-size:26px;
	font-weight:500;
	color:#fff;
	text-align:center;
	padding:50px 0;
}
.store-container {
	justify-content:center;
}
.store-item {
	width:290px;
	height:360px;
	background:rgba(255,255,255,0.2);
	padding:80px 30px 0 30px;
	color:#fff;
	text-align:center;
	margin:0 38px;
}
.store .iconfont {
	width:70px;
	margin:0 auto;
	font-size:70px;
	font-weight:500;
	color:transparent;
	background:linear-gradient(90deg,#70b5fa,#1576fb);
	-webkit-background-clip:text;
	display:block;
}
.store-tit {
	font-size:20px;
	padding:44px 0 24px 0;
}
.store-subtit {
	font-size:14px;
	line-height:34px;
}
.member {
	align-items:center;
	padding-top:50px;
}
.member-left {
	padding-left:40px;
	width:440px;
}
.member-right {
	padding-left:160px;
}
.member-tit {
	font-size:26px;
	color:#3b426b;
	padding-bottom:24px;
}
.member-subtit {
	line-height:30px;
	font-size:18px;
	color:#5d6494;
}
.commission {
	background:url(../images/free.png) no-repeat;
	background-size:100% 100%;
	height:240px;
	text-align:center;
	padding-top:50px;
	box-sizing:border-box;
	color:#fff;
}
.commission a {
	display:block;
	color:#fff;
}
.commission-tit {
	font-size:28px;
	padding-bottom:16px;
}
.commission .free {
	width:116px;
	height:36px;
	line-height:36px;
	box-sizing:border-box;
	border-radius:4px;
	border:1px solid #fff;
	margin:0 auto;
	margin-top:8px;
}
/*社交电商解决方案*/.relationship {
	background-color:#f5fbff;
	padding-bottom:60px;
}
.relationship .marginauto {
	padding:76px 154px;
	display:flex;
	justify-content:space-between;
	background:url(../images/social-low.png) no-repeat;
	background-position:center;
	box-sizing:border-box;
	position:relative;
}
.relationship .rela-item {
	width:200px;
	font-size:16px;
	color:#3B426B;
	line-height:30px;
	position:relative;
}
.relationship .rela-tit {
	font-size:24px;
	padding-bottom:4px;
	font-weight:500;
	color:#3b426b;
}
.relationship .rela-item:before {
	content:'';
	position:absolute;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#5a81ff;
	left:-20px;
	top:10px;
}
.rela-left {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	height:318px;
}
.relationship .rela-img {
	position:absolute;
	left:363px;
	top:160px;
}
.social-main {
	justify-content:space-around;
	font-size:22px;
	color:#3b426b;
	padding-bottom:50px;
}
.poster {
	background:#f5fbff;
}
.poster-container {
	padding-bottom:50px;
	justify-content:center;
}
.poster-subtit {
	font-size:14px;
	color:#5d6494;
	text-align:center;
	padding-top:28px;
}
.poster-item {
	margin:0 30px;
}
.social-mem {
	background:#f5fbff;
	padding-top:0;
}
.social-mem .marginauto {
	height:460px;
	align-items:center;
}
.commission-three {
	justify-content:center;
}
.three-item {
	background:url(../images/threebg.png) right bottom no-repeat;
	width:240px;
	height:260px;
	padding:0 22px;
	box-sizing:border-box;
	box-shadow:0 0 16px rgba(148,165,198,.3);
	margin:50px 25px;
	font-size:14px;
	color:#5d6494;
	line-height:28px;
}
.three-item img {
	padding-top:40px;
}
.three-tit {
	font-size:16px;
	font-weight:500;
	padding:30px 0 10px 0;
	color:#3b426b;
}
.commission-money {
	height:786px;
	background:#f8f9fd;
}
.commission-money img {
	margin:0 auto;
}
.commission-special {
	background:url(../images/specialbg.png) no-repeat;
	background-size:100% 100%;
	height:600px;
}
.special-title {
	font-size:26px;
	font-weight:500;
	color:#fff;
	text-align:center;
	padding:68px 0;
}
.special-container {
	justify-content:center;
}
.special-item {
	text-align:center;
	width:210px;
	height:250px;
	margin:0 25px;
	font-size:16px;
	color:#3B426B;
	background:#fff;
	border-radius:4px;
}
.special-item img {
	margin:0 auto;
	padding-top:38px;
}
.special-item:nth-of-type(2n) {
	margin-top:60px;
}
.special-item p {
	padding-bottom:10px;
}
.commission-page {
	justify-content:center;
	font-size:16px;
	color:#5D6494;
	text-align:center;
	padding-bottom:20px;
}
.commi-cerate {
	padding-bottom:10px;
	margin:0 auto;
}
.comm-case {
	margin:20px auto;
}
.service-alert {
	width:430px;
	height:150px;
	background:#fff;
	border-radius:10px;
	box-shadow:0px 8px 20px rgba(26,58,129,0.15);
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-30%);
	z-index:-1;
	opacity:0;
	transition:all .3s ease;
	padding:20px 40px 20px 26px;
	display:flex;
	align-items:center;
	box-sizing:border-box;
}
.service-alert-close {
	width:15px;
	height:15px;
	position:absolute;
	top:12px;
	right:12px;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
}
.service-alert-close .close-icon {
	display:block;
	transition:transform .2s ease;
	transform-origin:center;
}
.service-alert-close:hover .close-icon {
	transform:rotate(90deg);
}
.service-alert.active {
	z-index:20;
	transform:translate(-50%,-50%);
	opacity:1;
}
.service-alert .service-alert-avatar {
	width:66px;
	height:66px;
	background:#E7F0FF;
	border-radius:66px;
	overflow:hidden;
	margin-right:14px;
}
.service-alert .service-alert-avatar .avatar-img {
	display:block;
}
.service-alert .service-alert-intro {
	line-height:32px;
	font-size:18px;
	font-weight:bold;
	color:#3B426B;
	margin-right:30px;
}
.service-alert .service-alert-qrcode {
	display:block;
	width:110px;
	height:110px;
}
