@charset "utf-8";
	body {
	font-family:"微软雅黑";
	overflow-x:hidden
}
@font-face {
	font-family:'HelveticaNeueLTPro';
	src:url('HelveticaNeueLTPro-ThEx.otf?v=201710130000'),url('HelveticaNeueLTPro-ThEx.otf?v=201710130000') format('embedded-opentype')
}
.f-btn>a {
	display:inline-block;
	border:1px solid #fff;
	text-decoration:none;
	text-align:center;
	color:#fff;
	font-family:"微软雅黑"
}
.img-responsive {
	width:100%
}
.text-title {
	font-size:30px;
	font-family:"微软雅黑"
}
.fa-banner {
	position:relative
}
.f-section {
	position:absolute;
	top:53.5%;
	left:18.3%
}
.f-section .register {
	position:relative;
	overflow:hidden;
	font-family:"微软雅黑"
}
.fa-specialty {
	padding-top:50px;
	padding-bottom:120px;
	text-align:center
}
.text-title {
	padding-bottom:12px;
	color:#333;
	font-family:"微软雅黑"
}
.fa-specialty .content-title {
	margin:0 auto;
	font-family:"微软雅黑";
	color:#333;
	text-align:center;
	font-size:16px;
	line-height:80px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
.fa-specialty .row {
	margin-top:50px
}
.fa-specialty .f-content {
	padding:0 1.235rem
}
.fa-specialty .specialty-item {
	position:relative;
	padding: 0 15px;
	display:inline-block
}
.fa-specialty .bg-img {
	margin:0 auto;
	box-shadow:0 0 25px 6px rgba(217,223,231,0.4);
	transition:box-shadow .3s ease;
}
.fa-specialty .bg-img:hover {
	box-shadow:0 0 15px 2px rgba(217,223,231,0.8)
}
.fa-specialty .specialty-content {
	width:100%;
	height:100%;
	position:absolute;
	top:11.09%;
	left:0;
	display:inline-block
}
.fa-specialty .specialty-content .specialty-img {
	margin:0 25%;
	width:50%
}
.fa-specialty .specialty-content .specialty-img .f-img {

}
.fa-specialty .specialty-content .content-description {
	font-family:"微软雅黑";
	color:#666;
	margin-top:3.76%;
	text-align:center
}
.specialty-content:hover+.bg-img {
	box-shadow:0 0 15px 2px rgba(217,223,231,0.8)
}
.fa-step {
	position:relative;
	padding-top:80px;
	padding-bottom:65px;
	background:url(/image/mallApp/main4-bg.jpg?v=201812051626) no-repeat;
	background-size:100% 100%;
	overflow-x:hidden
}
.fa-step .text-title {
	color:#fff
}
.fa-step .img-responsive {
	margin:0 auto;
	width:auto
}
.fa-step .swiper-pagination {
	top:167px;
	bottom:auto;
	z-index:9
}
.fa-step .step {
	margin-top:236px
}
.fa-step .pagination-item {
	display:inline-block;
	width:180px;
	height:120px;
	margin-left:20px;
	margin-right:20px;
	color:#fff;
	border:1px solid #fff;
	border-radius:10px
}
.fa-step .pagination-right {
	width:11px;
	height:19px;
	position:absolute;
	margin-top:50px;
	background:url(/image/mallApp/right.png) no-repeat
}
.fa-step .pagination-icon {
	display:inline-block;
	width:11px;
	height:120px;
	vertical-align:bottom
}
.fa-step .pagination-item.pagination-active {
	color:#f73;
	background-color:#fff
}
.fa-step .step-title {
	font-size:20px;
	font-weight:bold;
	line-height:75px
}
.fa-step .pagination-msg {
	font-size:16px;
	display:block;
	line-height:8px
}
.firstTypeIcon {
	width:0;
	height:0;
	display:inline-block;
	position:absolute;
}
.firstTypeIcon:after {
	content:'';
	display:block;

	border-right:1px solid #fff;
	border-top:1px solid #fff;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg)
}
.fa-nowOpen.float {
	position:fixed;
	bottom:0;
	z-index:10;
	width:100%
}
.fa-nowOpen-btn {
	position:absolute;
	margin-top:-0.25rem;
	margin-left:1.5rem
}
.fa-nowOpen-btn a {
	position:relative;
	overflow:hidden;
	height:.155rem;
	line-height:.155rem;
	width:.53rem;
	font-size:.06rem
}
.nowOpenTitle {
	color:#fff;
	font-size:.095rem;
	position:absolute;
	margin-top:-0.43rem;
	margin-left:1.5rem
}
.fa-mobi {
	display:none
}
.fa-pc {
	display:block
}
.text-summary {
	font-size:.059rem;
	font-family:"微软雅黑"
}
.fa-template {
	padding-top:.273rem;
	padding-bottom:.305rem;
	background:url(/image/index/screen3/main3-bg.jpg?v=201812051626) no-repeat;
	background-size:100% 100%;
	text-align:center
}
.fa-template .text-title {
	color:#333
}
.fa-template .text-summary {
	color:#777;
	margin-top:.078rem
}
.fa-template .fa-template-select {
	margin-top:.156rem
}
.fa-template .fa-template-btn {
	text-align:center
}
.fa-template .fa-template-btn .f-more {
	color:#f73;
	border-color:#f73;
	transition:background-color .3s,color .3s
}
.fa-template .fa-template-btn .f-more:hover {
	background-color:#f73;
	color:#fff
}
.fa-template .f-template {
	display:none
}
.fa-template #f-appletsTemplate {
	display:block
}
.fa-template .f-template-applets {
	margin:0 1.399rem;
	margin-top:.391rem;
	margin-bottom:.434rem
}
.fa-template .f-template-applets .col-2 {
	width:20%;
	float:left
}
.fa-template .f-template-applets .f-wrapper {
	margin:0 auto;
	width:.789rem;
	position:relative
}
.fa-template .f-template-mall {
	margin:0 1.2rem;
	margin-top:.236rem;
	margin-bottom:.236rem
}
.fa-template .f-template-mall .col-2 {
	width:20%;
	float:left
}
.fa-template .f-template-mall .f-wrapper {
	margin:0 auto;
	width:.86rem;
	position:relative
}
.fa-template .f-template-mall .content-wrapper {
	margin:0 auto;
	width:.789rem;
	position:absolute;
	top:.173rem;
	left:.035rem
}
.fa-template .f-template-pcMall {
	margin-left:1.399rem;
	margin-bottom:.217rem
}
.fa-template .f-template-pcMall .row {
	margin-top:.158rem
}
.fa-template .f-template-pcMall .f-wrapper {
	margin-right:.374rem;
	width:1.34rem;
	position:relative;
	overflow:hidden;
	float:left
}
.fa-template .f-template-pcMall .content-wrapper {
	margin:0 auto;
	width:100%;
	position:absolute;
	top:.05rem;
	left:0
}
.fa-template .f-img {
	box-shadow:0 0 25px 4px rgba(217,223,231,0.4)
}
.fa-template .f-mask {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0;
	filter:alpha(opacity=0);
	transition:opacity .3s
}
.fa-template .f-fill {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	display:inline-block;
	width:100%;
	padding-top:.293rem;
	text-align:center
}
.fa-template .qrWrap {
	width:.575rem;
	height:.575rem;
	border-radius:3px;
	opacity:0;
	filter:alpha(opacity=0);
	transition:opacity .3s;
	padding:.032rem;
	margin:0 auto;
	background-color:#fff
}
.fa-template .f-qr {
	display:inline-block;
	width:100%;
	height:100%
}
.fa-template .f-action {
	display:inline-block;
	width:.566rem;
	margin-top:.078rem;
	opacity:0;
	filter:alpha(opacity=0);
	cursor:pointer;
	transition:opacity .3s
}
.fa-template .f-wrapper {
	transition:transform .3s ease,box-shadow .3s ease
}
.fa-template .f-wrapper:hover {
	transform:translate3d(0,-10px,0)
}
.fa-template .f-wrapper:hover .f-mask {
	opacity:.5;
	filter:alpha(opacity=50)
}
.fa-template .f-wrapper:hover .f-action {
	opacity:1;
	filter:alpha(opacity=100)
}
.fa-template .f-wrapper:hover .qrWrap {
	opacity:1;
	filter:alpha(opacity=100)
}
@media(max-width:1200px) {
	.fa-specialty .f-content {
	padding:0 .1rem
}
.specialty-item {
	min-width:187px
}
.fa-specialty .specialty-content .content-description {
	font-size:.03rem
}
.fa-specialty .bg-img {
	width:auto
}
.fa-specialty .specialty-content .specialty-img .f-img {
	width:auto
}
}@media(max-width:1024px) {
	.fa-template .f-template-applets {
	margin-left:.65rem;
	margin-right:.65rem
}
.fa-template .f-template-applets .f-wrapper {
	width:80%
}
.fa-template .f-template-pcMall {
	margin-left:.65rem;
	margin-right:.65rem
}
.fa-template .f-template-pcMall .f-wrapper {
	width:1.685rem
}
}@media(max-width:960px) {
	.fa-step .pagination-item {
	width:1.45rem;
	height:1rem;
	margin-left:.1rem;
	margin-right:.1rem
}
.fa-step .step-title {
	font-size:.15rem;
	line-height:.6rem
}
.fa-step .pagination-msg {
	font-size:.117rem
}
.fa-step .pagination-right {
	margin-top:.4rem
}
.fa-step .pagination-icon {
	height:1rem
}
}@media(max-width:880px) {
	.nowOpenTitle {
	margin-top:-0.7rem;
	font-size:.2rem
}
.fa-nowOpen {
	display:none
}
.fa-nowOpen-btn {
	margin-top:-4.25%
}
.fa-nowOpen-btn a {
	width:.63rem
}
}@media(min-width:879px) {

}@media(max-width:768px) {
	.fa-mobi {
	display:block
}
.f-btn>a {
	width:.999rem;
	height:.3rem;
	line-height:.3rem;
	font-size:.15rem
}
.text-title {
	font-size:.35rem;
	padding-bottom:0
}
.text-summary {
	font-size:.2rem
}
.f-section .banner-text {
	font-size:.117rem
}
.fa-select {
	height:.45rem
}
.fa-specialty {
	overflow:hidden;
	padding-top:.491rem;
	padding-bottom:.491rem
}
.fa-specialty .row {
	margin-top:.491rem
}
.fa-specialty .row .text-title {
	font-size:.35rem;
	padding-bottom:.5rem
}
.fa-specialty .f-content {
	margin:0;
	padding:0
}
.fa-specialty .content-title {
	font-size:.2rem
}
.fa-template {
	overflow:hidden;
	padding-top:.491rem
}
.fa-template .text-summary {
	margin-top:.2rem
}
.fa-template .fa-template-select {
	margin-top:.399rem
}
.fa-template .f-more {
	font-size:.2rem;
	margin-top:1.109rem
}
.fa-template .fa-template-wrap {
	margin-top:.5rem
}
.fa-template #f-appletsTemplate {
	position:relative
}
.fa-template #f-mallTemplate .content-wrapper {
	height:4.395rem;
	position:absolute;
	top:.43rem;
	left:.088rem
}
.fa-template #f-pcMallTemplate .content-wrapper {
	height:1.908rem;
	width:3.32rem;
	position:absolute;
	top:.127rem;
	left:0;
	overflow:hidden
}
.fa-step {
	padding-top:.8rem;
	padding-bottom:.5rem
}
.fa-step .swiper-pagination {
	top:1.8rem
}
.fa-step .step {
	margin-top:2rem
}
.fa-nowOpen .text-summary {
	margin-top:.2rem
}
.fa-nowOpen-btn {
	margin-top:-5%
}
}@media(max-width:600px) {
	.fa-step .pagination-item {
	width:1.2rem;
	height:.8rem;
	margin-left:.05rem;
	margin-right:.1rem;
	float:left
}
.fa-step .step-title {
	font-size:.2rem;
	line-height:.3rem
}
.fa-step .pagination-msg {
	font-size:.1rem;
	line-height:initial
}
.fa-step .pagination-right {
	margin-top:.25rem;
	background-size:70%
}
.fa-step .pagination-icon {
	height:.8rem;
	float:left
}
.swiper-pagination {
	margin-left:10%
}
}@media(max-width:400px) {
	.fa-step .pagination-msg {
	font-size:.15rem
}
.fa-nowOpen-btn {
	margin-top:-5.5%
}
}.anim {
	position:absolute;
	top:50%;
	left:50%;
	-moz-transform:translateY(-50%) translateX(-50%);
	-ms-transform:translateY(-50%) translateX(-50%);
	-webkit-transform:translateY(-50%) translateX(-50%);
	transform:translateY(-50%) translateX(-50%)
}
.anim:before {
	position:relative;
	content:'';
	display:block;
	margin-top:100%
}
.anim:after {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	border-radius:50%
}
.anim {
	-moz-animation:anim-out .75s;
	-webkit-animation:anim-out .75s;
	animation:anim-out .75s
}
.anim:after {
	-moz-animation:anim-out-pseudo .75s;
	-webkit-animation:anim-out-pseudo .75s;
	animation:anim-out-pseudo .75s
}
.anim,.anim:after {
	animation-iteration-count:infinite;
	animation-duration:1.3s
}
@-webkit-keyframes anim-in {
	0% {
	width:0
}
100% {
	width:100%
}
}@-moz-keyframes anim-in {
	0% {
	width:0
}
100% {
	width:100%
}
}@-ms-keyframes anim-in {
	0% {
	width:0
}
100% {
	width:100%
}
}@keyframes anim-in {
	0% {
	width:0
}
100% {
	width:100%
}
}@-webkit-keyframes anim-in-pseudo {
	0% {
	background:rgba(0,0,0,0.25)
}
100% {
	background:transparent
}
}@-moz-keyframes anim-in-pseudo {
	0% {
	background:rgba(0,0,0,0.25)
}
100% {
	background:transparent
}
}@-ms-keyframes anim-in-pseudo {
	0% {
	background:rgba(0,0,0,0.25)
}
100% {
	background:transparent
}
}@keyframes anim-in-pseudo {
	0% {
	background:rgba(0,0,0,0.25)
}
100% {
	background:transparent
}
}@-webkit-keyframes anim-out {
	0% {
	width:0
}
100% {
	width:100%
}
}@-moz-keyframes anim-out {
	0% {
	width:0
}
100% {
	width:100%
}
}@-ms-keyframes anim-out {
	0% {
	width:0
}
100% {
	width:100%
}
}@keyframes anim-out {
	0% {
	width:0
}
100% {
	width:100%
}
}@-webkit-keyframes anim-out-pseudo {
	0% {
	background:rgba(0,0,0,0.25)
}
100% {
	background:transparent
}
}@-moz-keyframes anim-out-pseudo {
	0% {
	background:rgba(0,0,0,0.25)
}
100% {
	background:transparent
}
}@-ms-keyframes anim-out-pseudo {
	0% {
	background:rgba(0,0,0,0.25)
}
100% {
	background:transparent
}
}@keyframes anim-out-pseudo {
	0% {
	background:rgba(0,0,0,0.25)
}
100% {
	background:transparent
}
}