@font-face {
	font-family: 'HelveticaNeueLTPro';
	src: url('HelveticaNeueLTPro-ThEx.otf?v=201710130000'), url('HelveticaNeueLTPro-ThEx.otf?v=201710130000') format('embedded-opentype')
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
}

li {
	margin: 0;
	padding: 0
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border-radius: 10px;
	background: #efefef;
	transition: width .3s;
	opacity: .5;

	margin-left: 100px;
}

.swiper-pagination-bullet-active {
	width: 20px;
	background: #fff;
	opacity: 1;

	margin-left: 100px;
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
	bottom: 2.117rem;
}

.yc-banner-button {
	width: 69px;
	font-size: 18px;
	font-family: OPPOSans;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	line-height: 25px;
	width: 201px;
	height: 60px;
	line-height: 60px;
	border: 1px solid rgba(255, 255, 255, 1);
	border-radius: 30px;
	position: absolute;
	left: 19.80208333333333%;
	top: 60.95180722891566%;
	text-align: center
}

.yc-btn2 {
	position: relative;
	font-weight: 400;
	text-align: center;
	width: auto;
	line-height: 50px;
	height: 50px;
	font-size: 21px;
	overflow: hidden;
	position: relative;
	z-index: 0;
	cursor: pointer;
	color: #fff;
	border-radius: 35px;
	border: solid #fff 1px;
	width: 220px;
	text-align: center
}

.yc-btn2.raised {
	-moz-transition: all .1s;
	-o-transition: all .1s;
	-webkit-transition: all .1s;
	transition: all .1s;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d
}

.anim {
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1
}

.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%
}

.hoverable .anim {
	-moz-animation: anim-out .75s;
	-webkit-animation: anim-out .75s;
	animation: anim-out .75s
}

.hoverable .anim:after {
	-moz-animation: anim-out-pseudo .75s;
	-webkit-animation: anim-out-pseudo .75s;
	animation: anim-out-pseudo .75s
}

.hoverable .anim,
.hoverable .anim:after {
	animation-iteration-count: infinite;
	animation-duration: 1.3s
}

.yc-idx-btn {
	font-size: inherit;
	line-height: inherit;
	width: inherit;
	height: inherit;
	border: 0
}

@-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-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
	}
}

.yc-numberBar {
    padding: 4.5rem 0;
    left: 1.062rem;
    right: 1.062rem;
    width: 5.371rem;
    border-radius: 5px;
    z-index: 2;
    background-color: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    width: 100%;
    text-align: center;
    margin-top: -5px;
}

.yc-numberBar .y-numberItem {
    border-left: solid #ebebeb 1px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: none;
    font-family: HelveticaNeueLTPro, 微软雅黑;
    text-align: center;
    width: 22.574rem;
}

.yc-numberBar .y-numberItem:first-child {
    border-left: none;
}

.yc-numberBar .yckj-num,
.yc-numberBar .y-numberDesc {
    vertical-align: top;
}

.yc-numberBar .yckj-num {
    font-size: 3.4rem;
    line-height: 1;
}

.yc-numberBar .f-trustChoiceNum {
    display: inline-block;
}

.yc-numberBar .y-txt-char {
    font-size: 1.3rem;
    margin-left: 0.39rem;
    line-height: 1;
}

.yc-numberBar .y-numberDesc {
    padding-top: 1.9rem;
    font-size: 1.3rem;
    color: #707070;
}

.yc-strong-tool {
	padding-top: 101px;
}

.yc-index-title {
	text-align: center;
	font-size: 28px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(51, 51, 51, 1);
	line-height: 42px;
}

.yc-func-list {
	max-width: 1140px;
	margin: 0 auto;
	height: 718px;
	position: relative;
	top: -50px;
	height: auto
}

.yc-func-item-wrap:nth-child(4n+1) {
	margin-left: 0
}

.yc-func-item-wrap {
	width: auto;
	height: auto;
    margin: 0 23px 0px;
	display: inline-block;
	position: relative
}
.yc-index-title{
	margin-bottom: 150px;
}
.yc-func-item-icon {
	width: 150px;
	height: 150px;
	background: rgba(247, 249, 251, 1);
	border-radius: 75px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -75px;
	margin-top: -75px;
	font-size: 0
}

.yc-func-item-name {
	padding-top: 21px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(101, 101, 101, 1);
	line-height: 1
}
.yc-func-item-parent{
	width: 240px;
	height: 305px;
}
.yc-func-item {
	text-align: center;
	line-height: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	cursor: pointer;
	display: block
}

.yc-func-item:hover,
.yc-func-item:active,
.yc-func-item:focus,
.yc-func-item:visited {
	text-decoration: none;
	color: inherit
}

.yc-func-item,
.yc-func-item * {
	transition: all 0.3s
}

.yc-func-item-top {
	width: 240px;
	height: 143px;
	position: relative;
	margin-top: 7px
}

.yc-func-item-bottom {
	height: 162px
}

.yc-func-item-bottom_desc {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(153, 153, 153, 1);
	padding-top: 13px;
	opacity: 0
}

.yc-func-item-bottom_button {
	width: 64px;
	height: 15px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(253, 113, 75, 1);
	width: 120px;
	height: 40px;
	border: 1px solid rgba(253, 113, 75, 1);
	border-radius: 20px;
	margin: 0 auto;
	margin-top: 25px;
	background-color: #fff;
	line-height: 40px;
	box-sizing: border-box;
	opacity: 0;
	display: block;
	text-decoration: none
}

.yc-func-item-bottom_button,
.yc-func-item-bottom_button:active,
.yc-func-item-bottom_button:focus,
.yc-func-item-bottom_button:hover {
	text-decoration: none;
	color: rgba(253, 113, 75, 1);
	background: #fff
}

.yc-func-item-wrap:hover .yc-func-item .yc-func-item-icon {
	width: 100%;
	height: 100%;
	line-height: 143px;
	left: 0;
	top: 0;
	margin: 0;
	border-radius: 0
}

.yc-func-item-wrap:hover .yc-func-item .yc-func-item-bottom_desc {
	opacity: 1
}

.yc-func-item-wrap:hover .yc-func-item .yc-func-item-bottom_button {
	opacity: 1
}

.yc-func-item-wrap:hover .yc-func-item .yc-func-item-name {
	padding-top: 25px
}

.yc-func-item-wrap:hover .yc-func-item {
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 2px 28px 1px rgba(218, 218, 218, 0.63);
	border-radius: 30px;
	transform: translateY(-60px)
}

.yc-func-item-wrap:hover .yc-func-item .yc-func-item-top {
	margin-top: 0
}



.yc-func-item-top-vNode {
	height: 100%;
	width: 0;
	vertical-align: middle;
	display: inline-block;
}

.yc-func-item-icon-img {
	/*background: url(../img/material.png) no-repeat -51px -51px;*/
	width: 60px;
	height: 48px;
	display: inline-block;
	vertical-align: middle;
}

.yc-func-item-icon-img[data-icon="videoShop"] {
	background-position: -199px -51px;
	width: 63px;
	height: 55px;
}

.yc-func-item-icon-img[data-icon="groupBuy"] {
	background-position: -349px -49px;
	width: 55px;
	height: 53px;
}

.yc-func-item-icon-img[data-icon="groupBuy"] {
	background-position: -349px -49px;
	width: 55px;
	height: 53px;
}

.yc-func-item-icon-img[data-icon="member"] {
	background-position: -495px -51px;
	width: 60px;
	height: 52px;
}

.yc-func-item-icon-img[data-icon="mulMct"] {
	background-position: -44px -195px;
	width: 61px;
	height: 55px;
}

.yc-func-item-icon-img[data-icon="dist"] {
	background-position: -198px -198px;
	width: 54px;
	height: 54px;
}

.yc-func-item-icon-img[data-icon="zeroShop"] {
	background-position: -345px -199px;
	width: 60px;
	height: 52px;
}

.yc-func-item-icon-img[data-icon="more"] {
	background-position: -495px -195px;
	width: 60px;
	height: 60px;
}

.yc_case_button_wrap.yc-index-main-button-wrap {
	position: static;

	margin-top: -67px;
	padding-bottom: 150px;
}

.yc_case_button {
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(254, 113, 75, 1);
	width: 160px;
	height: 50px;
	border: 1px solid rgba(254, 113, 75, 1);
	border-radius: 25px;
	text-align: center;
	line-height: 50px;
	display: block;
	margin: 0 auto;
	text-decoration: none;
}

.yc-btn-hover:hover {
	background-color: rgba(254, 113, 75, 1);
	color: #fff;
}

.yc_btn_hover:hover {
	background-color: rgba(254, 113, 75, 1);
	color: #fff;
}

a {
	text-decoration: none;
}

.yc_index_main {
	background: url(../img/index_bg.svg) no-repeat;
	background-position: center top;
	background-size: 1920px 4800px;
	max-width: 100%;
	overflow: hidden;
}

.yc_one2Three_content {
	width: 1200px;
	margin: 0 auto;
	height: 515px;
	position: relative;
	line-height: 1； margin-top: 103px
}
.yc_index_title {
    text-align: center;
    font-size: 28px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51,51,51,1);
    line-height: 42px;
}

.yc_one2Three_content_side {
	position: absolute;
	left: 0;
	top: 0;
	width: 420px;
	height: 100%;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 4px 24px 0 rgba(33, 32, 30, 0.1);
	border-radius: 10px;
	z-index: 3
}

.yc_one2Three_content_side_top {
	width: 172px;
	height: 57px;
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	line-height: 32px;
	width: 420px;
	height: 119px;
	background: linear-gradient(90deg, rgba(254, 113, 75, 1) 0, rgba(254, 142, 75, 1) 100%);
	border-radius: 10px 10px 0 0;
	box-sizing: border-box;
	padding-left: 34px;
	padding-top: 31px;
	color: #fff;
	background: url(../img/material.png?v=202009091240) no-repeat 0 -350px
}

.yc_one2Three_content_side_bottom {
	width: 420px;
	height: 396px;
	background: rgba(255, 255, 255, 1);
	border-radius: 10px;
	padding: 16px 0;
	padding-top: 10px;
	padding-bottom: 13px
}

.yc_one2Three_content_side_bottom_item {
	display: block;
	height: 121px;
	padding-left: 77px;
	padding-right: 36px;
	overflow: hidden;
	margin-top: 5px
}

.yc_one2Three_content_side_bottom_item:first-child {
	margin-top: 0
}

.yc_one2Three_content_side_bottom_item:hover,
.yc_one2Three_content_side_bottom_item:active,
.yc_one2Three_content_side_bottom_item:visited,
.yc_one2Three_content_side_bottom_item:focus {
	text-decoration: none;
	color: inherit
}

.yc_one2Three_content_side_bottom_item_top {
	margin-top: 16px;
	vertical-align: middle;
	line-height: 34px;
	position: relative
}

.yc_one2Three_content_side_bottom_item_top_icon {
	width: 22px;
	height: 22px;
	background: rgba(252, 111, 80, 1);
	position: absolute;
	left: -44px;
	top: 8px;
	background: url(../img/material.png?v=202009091240) no-repeat -461px -355px
}

.yc_one2Three_content_side_bottom_item_top_icon[data-icon="mobi"] {
	background-position: -463px -400px
}

.yc_one2Three_content_side_bottom_item_top_icon[data-icon="pc"] {
	background-position: -460px -446px
}

.yc_one2Three_content_side_bottom_item[data-active="true"] .yc_one2Three_content_side_bottom_item_top_icon {
	background-position: -511px -355px
}

.yc_one2Three_content_side_bottom_item[data-active="true"] .yc_one2Three_content_side_bottom_item_top_icon[data-icon="mobi"] {
	background-position: -513px -400px
}

.yc_one2Three_content_side_bottom_item[data-active="true"] .yc_one2Three_content_side_bottom_item_top_icon[data-icon="pc"] {
	background-position: -510px -446px
}

.yc_one2Three_content_side_bottom_item_top_button:active,
.yc_one2Three_content_side_bottom_item_top_button,
.yc_one2Three_content_side_bottom_item_top_button:focus,
.yc_one2Three_content_side_bottom_item_top_button:visited {
	width: 55px;
	height: 12px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	width: 90px;
	height: 34px;
	color: rgba(252, 111, 80, 1);
	border-radius: 16px;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	opacity: 0;
	cursor: pointer;
	text-decoration: none;
	box-sizing: border-box;
	border: solid 1px rgba(252, 111, 80, 1);
	border-radius: 17px
}

.yc_one2Three_content_side_bottom_item_top_button:hover {
	text-decoration: none
}

.yc_one2Three_content_side_bottom_item_bottom {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(153, 153, 153, 1);
	line-height: normal
}

.yc_one2Three_content_side_bottom_item_top_name {
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(51, 51, 51, 1);
	padding-bottom: 10px
}

.yc_one2Three_content_side_bottom_item,
.yc_one2Three_content_side_bottom_item * {
	transition: opacity .3s .15s
}

.yc_one2Three_content_side_bottom_item[data-active="true"] {
	background: linear-gradient(90deg, rgba(255, 241, 237, 1) 0, rgba(255, 243, 240, 1) 100%)
}

.yc_one2Three_content_side_bottom_item[data-active="true"] .yc_one2Three_content_side_bottom_item_top_button {
	opacity: 1
}

.yc_one2Three_content_side_bottom_item[data-active="true"] .yc_one2Three_content_side_bottom_item_top_name {
	color: #fe714b
}

.yc_footer_banner {
	height: 150px;
	line-height: 1;
	text-align: center;
	position: relative;
	overflow: hidden
}

.yc_footer_banner_img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -75px;
	margin-left: -960px;
	background: url(../img/material.png?v=202009091240) no-repeat 0 -1104px;
	width: 1920px;
	height: 150px
}

.yc_footer_banner_text {
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	padding-top: 33px;
	padding-bottom: 16px
}

.yc_footer_banner_button {
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	width: 140px;
	height: 44px;
	box-sizing: border-box;
	line-height: 44px;
	border: 1px solid rgba(238, 238, 238, 1);
	border-radius: 22px;
	margin: 0 auto;
	display: block
}

.yc_blog_wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 71px
}

.yc_blog_list {
	width: 1600px;
	text-align: center;
	margin-left: -200px
}

.yc_blog_item {
	display: inline-block;
	margin: 0 62px;
	text-align: left;
	padding-bottom: 58px;
	vertical-align: top
}

.yc_blog_item_left {
	text-align: right;
	display: inline-block;
	vertical-align: top;
	padding-right: 26px
}

.yc_blog_item_right {
	display: inline-block;
	width: 448px;
	vertical-align: top
}

.yc_blog_item_left_top {
	display: inline-block
}

.yc_blog_item_left_bottom {
	display: inline-block
}

.yc_blog_item_left_top,
.yc_blog_item_right_top {
	font-size: 18px;
	font-family: Arial;
	font-weight: 400;
	color: rgba(51, 51, 51, 1);
	display: inline-block;
	max-width: 448px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.yc_blog_item_right_top:hover {
	color: #fe724c
}

.yc_blog_item_left_bottom,
.yc_blog_item_right_bottom {
	padding-top: 21px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(153, 153, 153, 1);
	display: inline-block;
	line-height: 20px
}

.yc_blog_item_right_bottom {
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	max-height: 60px;
	width: 448px
}

.yc_blog_module {
	width: 1200px;
	margin: 0 auto
}

.yc_blog_module_wrap {
	width: 1300px;
	margin-left: -50px
}

.yc_blog_module_tab {
	overflow: hidden;
	width: 260px;
	border-bottom: solid #eceeef 1px;
	margin: 0 auto
}

.yc_blog_module_tab_item {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999;
	float: left;
	width: 50%;
	font-family: Microsoft YaHei;
	font-weight: 400;
	padding-bottom: 18px;
	position: relative;
	text-align: center;
	cursor: pointer
}

.yc_blog_module_tab_item::after {
	content: "";
	display: none;
	width: 30px;
	height: 3px;
	background: rgba(254, 113, 75, 1);
	border-radius: 2px;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -15px
}

.yc_blog_module_section {
	overflow: hidden
}

.yc_blog_module_section_list {
	width: 200%
}

.yc_blog_module_section_item {
	float: left;
	width: 1300px
}

.yc_blog_module_section .yc_blog_module_section_list {
	transition: all .3s
}

.yc_blog_module_section[data-tab="1"] .yc_blog_module_section_list {
	margin-left: -100%
}

.yc_blog_wrap {
	margin: 0 auto
}

.yc_blog_module_tab_item_active {
	color: rgba(254, 113, 75, 1)
}

.yc_blog_module_tab_item_active::after {
	display: block
}

.yc_func_item_icon {
	line-height: 150px;
	text-align: center
}

.yc_func_item_icon_img {
	background: url(../img/index/material.png?v=202009091240) no-repeat -0.51rem -0.51rem;
	    width: .60rem;
	    height: .48rem;
	    display: inline-block;
	    vertical-align: middle;
	    margin: auto;
	    background-size: 19.44rem 12.83rem;
}

.yc_func_item_icon_img[data-icon="videoShop"] {
	background-position: -1.99rem -0.51rem;
	width: .63rem;
	height: .55rem
}

.yc_func_item_icon_img[data-icon="groupBuy"] {
	background-position: -3.49rem -0.49rem;
	width: .55rem;
	height: .53rem
}

.yc_func_item_icon_img[data-icon="member"] {
	background-position: -4.95rem -0.51rem;
	width: .60rem;
	height: .52rem
}

.yc_func_item_icon_img[data-icon="mulMct"] {
	background-position: -0.44rem -1.95rem;
	width: .61rem;
	height: .55rem
}

.yc_func_item_icon_img[data-icon="dist"] {
	background-position: -1.98rem -1.98rem;
	width: .54rem;
	height: .54rem
}

.yc_func_item_icon_img[data-icon="zeroShop"] {
	background-position: -3.45rem -1.99rem;
	width: .60rem;
	height: .52rem
}

.yc_func_item_icon_img[data-icon="more"] {
	background-position: -4.95rem -1.95rem;
	width: .60rem;
	height: .60rem
}


.yc_carousel,
.yc_carousel * {
	transition: all .3s
}

.fa-template {

	background-size: 100% 100%;
	text-align: center;
	padding-top: 119px;
	padding-bottom: 10rem;
}

.yc_carousel_content {
	width: 100%;
	height: inherit;
	overflow: hidden
}

.yc_carousel_list {
	width: 420%;
	height: inherit;
	overflow: hidden;
	position: relative;
	left: 0
}

.yc_carousel_item {
	float: left;
	width: 400px;
	/*height: 382px;*/
	margin-right: 18px;
	top: 0;
	position: relative
}

.yc_carousel_item_box {
	width: 261px;
	height: 340px;
	margin-right: 52px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 10px 27px 3px rgba(175, 175, 175, 0.2);
	border-radius: 20px;
	margin: 0 26px;
	position: relative
}


.yc_carousel_item_name {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	padding-top: 20px;
	font-size: 14px;
	line-height: 1;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(153, 153, 153, 1);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.yc_carousel_item_name a {
	text-decoration: none;
	color: inherit
}

.yc_carousel_arrow {
	width: 48px;
	height: 48px;
	background: rgba(248, 249, 251, 1);
	border-radius: 50%;
	position: absolute;
	left: -108px;
	top: 50%;
	margin-top: -12px;
	cursor: pointer;
	background: url(../img/material.png?v=202009091240) no-repeat -570px -355px;
	transition: none
}

.yc_carousel_arrow_right {
	left: auto;
	right: -108px;
	background-position: -638px -355px
}

.yc_carousel_arrow:hover {
	background-position: -570px -423px
}

.yc_carousel_arrow_right:hover {
	background-position: -638px -423px
}

.yc_carousel[data-tab="1"] .yc_carousel_list {
	left: -1250px
}

.yc_carousel[data-tab="2"] .yc_carousel_list {
	left: -2500px
}

.yc_carousel[data-tab="3"] .yc_carousel_list {
	left: -3750px
}

.yc_carousel_item_mallApp {
	width: inherit;
	height: inherit;
	position: relative;
	border-radius: 16px;
	overflow: hidden
}

.yc_carousel_item_mallApp_v1 {
	border: solid #e3e3e3 1px
}

.yc_carousel_item_mallApp_mask {
	width: inherit;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0;
	top: 0;
	display: none
}

.yc_carousel_item_mallApp_img {
	width: 100%;
	display:block;
	/*height: inherit;*/
}

.yc_carousel_item_mallApp_qrCode {
	margin: 0 auto;
	margin-top: 20px;
	width: 146px;
	height: 146px;
	box-sizing: border-box;
	border-radius: 3px;
	background: url(../img/loading_2b.gif) #fff no-repeat center center;
	overflow: hidden;
	margin-bottom: 25px
}

.yc_carousel_item_mallApp_btn {
	margin: 0 auto;
	margin-bottom: 10px;
	width: 146px;
	height: 34px;
	background: #f73;
	border-radius: 17px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	display: block;
	line-height: 34px
}

.yc_carousel_item_mallApp_btn:visited,
.yc_carousel_item_mallApp_btn:hover,
.yc_carousel_item_mallApp_btn:active,
.yc_carousel_item_mallApp_btn:focus {
	text-decoration: none;
	color: #fff
}

.yc_carousel_item_mallApp_btn_preview {
	margin: 0 auto;
	width: 146px;
	height: 34px;
	background: #fff;
	border-radius: 17px;
	font-size: 14px;
	color: #f73;
	text-decoration: none
}

.yc_carousel_item_mallApp_btn_preview:visited,
.yc_carousel_item_mallApp_btn_preview:hover,
.yc_carousel_item_mallApp_btn_preview:active,
.yc_carousel_item_mallApp_btn_preview:focus {
	text-decoration: none;
	color: #f73
}

.yc_carousel_item_mallApp_qrCode_img {
	width: 100%;
	height: 100%;
	background-size: 100% 100%
}

.yc_carousel_item_mallApp:hover .yc_carousel_item_mallApp_mask {
	display: block
}

.yc_carousel_item {
	transition: all .3s
}

.yc_carousel_item:hover {
	top: -10px
}

.yc_carousel_item:hover .yc_carousel_item_name {
	color: #333
}

.yc_carousel_item_mobi_parent {
	/*height: 453px*/
}

.yc_carousel_item_mobi_parent .yc_carousel_item_mobi {
	top: 0
}

.yc_carousel_item_mobi_parent:hover .yc_carousel_item_mobi {
	top: -10px
}

.yc_carousel_item_mobi_parent:hover .yc_carousel_item_mallApp_mask {
	border-radius: 0 0 16px 16px
}

.yc_carousel_item_mobi .yc_carousel_item_mallApp_img {
	border-radius: 0 0 16px 16px
}

.yc_carousel_item_mobi {
	/*background: url(../img/mobi.svg) no-repeat;
	height: 382px;*/
	box-sizing: border-box;
	padding-top: 24px;
	overflow: visible
}

.fa-select .select-item {
	width: 130px;
	color: #999
}

.fa-select {
	background: transparent;
	border-bottom: solid #eceeef 1px;
	box-shadow: none;
	position: relative
}

.fa-select .selectAct,
.fa-select .select-item:hover {
	background: transparent;
	color: #fe714b
}

.fa-select .selectAct:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 100%;
	width: 30px;
	height: 3px;
	background: rgba(254, 113, 75, 1);
	border-radius: 2px;
	margin-left: -15px;
	margin-bottom: 3px;
	transform: translateY(-3px)
}

.yc_platform_carousel {
	margin: 0 auto;
	width: 1260px
}

.yc_platform_carousel_item {
	width: 1260px;
	display: none
}

.yc_platform_carousel_list {
	width: 100%
}

.yc_platform_carousel[data-tab="0"] .yc_platform_carousel_item[data-index="0"] {
	display: block
}

.yc_platform_carousel[data-tab="1"] .yc_platform_carousel_item[data-index="1"] {
	display: block
}

.yc_platform_carousel[data-tab="2"] .yc_platform_carousel_item[data-index="2"] {
	display: block
}

.yc_carousel_pc {
	width: 1260px
}

.yc_carousel_pc .yc_carousel_block {
	width: 1260px;
	float: left
}

.yc_carousel_pc .yc_carousel_list {
	width: 5056px;
	overflow: hidden;
	margin-top: -20px
}

.yc_carousel_pc .yc_carousel_item {
	line-height: 1;
	width: 356px;
	border-radius: 0;
	margin-bottom: 38px;
	height: 290px;
	margin: 19px 32px;
	cursor: pointer;
}

.yc_carousel_pc .yc_carousel_item .yc_carousel_item_box_parent {
	background: transparent;
	height: 290px;
	overflow: hidden;
}

.yc_carousel_pc .yc_carousel_item_top {
	width: 356px;
	height: 229px;
	box-sizing: border-box;
	padding-top: 15px;
	border-radius: 0;
	background: #fff url(../img/site.svg) no-repeat;
	overflow: hidden;
	border-radius: 15px
}

.yc_one2Three_content {
	margin-top: 103px
}

.yc_one2Three_content_main {
	box-sizing: border-box
}

.yc_one2Three_content_main_list {
	position: absolute;
	width: 1060px;
	height: 515px;
	opacity: .8;
	left: 0;
	top: 0;
	left: 261px;
	padding-left: 160px;
	box-sizing: border-box;
	background: url(../img/material.png?v=202009091240) no-repeat 0 -529px
}

.yc_one2Three_content_main_item {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	opacity: 0;
	transition: opacity .3s
}

.yc_one2Three[data-tab="0"] .yc_one2Three_content_main_item[data-index="0"] {
	opacity: 1
}

.yc_one2Three[data-tab="1"] .yc_one2Three_content_main_item[data-index="1"] {
	opacity: 1
}

.yc_one2Three[data-tab="2"] .yc_one2Three_content_main_item[data-index="2"] {
	opacity: 1
}

.yc_one2Three_content_main_item_animBox {
	width: 1000px;
	height: 700px;
	margin-top: -95px;
	display: block
}

.yc_carousel {

	width: 1240px;
	height: auto;
	margin: 0 auto;
	position: relative;

}

.J_tab_component .yc_tab {
	position: relative;
}

.yc_tab_item[data-active="true"] {
	color: rgba(254, 114, 76, 1);
}

.yc_tab_item {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	width: 130px;
	padding: 18px 0;
	line-height: 1;
	color: #9a9a9a;
	text-align: center;
	display: inline-block;
	position: relative;
	cursor: pointer;
}

.yc_tab {
	display: inline-block;
	border-bottom: solid #eceeef 1px;
	font-size: 0;
}

.yc_platform_carousel .yc_carousel_list {
	padding-bottom: 72px;
	padding-top: 72px;
}

.J_tab_component .yc_tab::after {
	position: absolute;
	left: 0;
	content: '';
	display: block;
	width: 30px;
	height: 3px;
	background: rgba(254, 114, 76, 1);
	border-radius: 2px;
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 50px;
	transition: left .3s .1s;
}

.J_tab_component[data-tab="2"] .yc_tab::after {
	left: 310px;
}

.J_tab_component[data-tab="1"] .yc_tab::after {
	left: 180px;
}

.yc_carousel_item_mallapp_box {
	position: relative;
	width: 400px;
	/*height: 382px;*/
	transition: all .3s;
	top: 0;
}

.yc_carousel_item_mobi_content {
	position: relative;
	width: 100%;
	height: 100%;
	border: solid #e3e3e3 1px;
	border-radius: 16px;
	/*border-top-left-radius: 0;
	border-top-right-radius: 0;*/
	border-top: 0;
	overflow: hidden;
	/*height: 354px;*/
	box-sizing: border-box;
}

.yc_carousel_pc .yc_carousel_item_box {
	width: 100%;
	margin-left: 0;
	background: transparent;
}

.yc_carousel_pc .yc_carousel_item_bottom {
	padding-top: 20px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(153, 153, 153, 1);
	position: relative;
}

.yc_carousel_item_bottom_optArea {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	background: rgba(255, 255, 255, 1);
	text-align: center;
	box-sizing: border-box;
	padding-top: 12px;
	font-size: 0;
	display: none;
}

.yc_carousel_item_bottom_optArea_button {
	display: inline-block;
	height: 34px;
	text-align: center;
	line-height: 34px;
	background: #fd6040;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	border-radius: 17px;
	width: 116px;
	margin-left: 24px;
	font-size: 14px;
}

.yc_carousel_item_bottom_name a {
	text-decoration: none;
	color: inherit;
	font-size: 14px;
}

.yc_carousel_item_top_child {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: solid 1px #e3e3e3;
	box-sizing: border-box;
	border-radius: 0 0 15px 15px;
}

.yc_carousel_item_top_imgWrap {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.yc_carousel_item_bottom_optArea_preview:hover,
.yc_carousel_item_bottom_optArea_preview:active,
.yc_carousel_item_bottom_optArea_preview:visited,
.yc_carousel_item_bottom_optArea_preview:focus,
.yc_carousel_item_bottom_optArea_preview {
	background: #2f82ff;
}

.fa_case_carousel[data-status="start"] .yc_carousel_arrow:first-child,
.yc_carousel[data-status="start"] .yc_carousel_arrow:first-child,
.fa_case_carousel[data-status="start"] .yc_carousel_arrow:first-child:hover,
.yc_carousel[data-status="start"] .yc_carousel_arrow:first-child:hover {
	opacity: .5;
	background-position: -570px -355px;
	cursor: default
}

.fa_case_carousel[data-status="end"] .yc_carousel_arrow_right,
.yc_carousel[data-status="end"] .yc_carousel_arrow_right,
.fa_case_carousel[data-status="end"] .yc_carousel_arrow_right:hover,
.yc_carousel[data-status="end"] .yc_carousel_arrow_right:hover {
	opacity: .5;
	background-position: -638px -355px;
	cursor: default
}

.yc_carousel_pc .yc_carousel_arrow:first-child {
	left: -78px
}

.yc_carousel_pc .yc_carousel_arrow_right {
	right: -78px
}

.fa_case_carousel {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 464px
}



.fa_case_carousel_wrap {
	width: 1252px;
	margin-left: -26px;
	overflow: hidden;
	padding-top: 50px
}

.fa_case_carousel_item {
	width: 261px;
	height: 340px;
	margin-right: 52px;
	float: left;
	margin: 0 26px
}


.fa_case_carousel_item:hover .fa_case_carousel_item_box {
	top: -10px;

}

.fa_case_carousel_list {
	width: 200%;
	overflow: hidden;
	padding: 20px 0;
	padding-bottom: 40px
}

.fa_case_carousel[data-tab="0"] .fa_case_carousel_list {
	margin-left: 0
}

.fa_case_carousel[data-tab="1"] .fa_case_carousel_list {
	margin-left: -100%
}

.fa_case_carousel[data-tab="2"] .fa_case_carousel_list {
	margin-left: -200%
}

.yc_case_section_item {
	display: none
}

.yc_case_section[data-tab="0"] .yc_case_section_item[data-index="0"] {
	display: block
}

.yc_case_section[data-tab="1"] .yc_case_section_item[data-index="1"] {
	display: block
}

.yc_case_section[data-tab="2"] .yc_case_section_item[data-index="2"] {
	display: block
}

.fa_case_tab_wrap {
	text-align: center;
	padding-top: 30px
}

.fa_case_carousel_item_info {
	padding: 0 20px;
	padding-top: 56px;
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	cursor: pointer
}

.fa_case_carousel_item_info_img {
	width: 119px;
	height: 119px;
	border-radius: 50%;
	border: 1px solid #eee;
	margin: 0 auto;
	overflow: hidden
}

.fa_case_carousel_item_info_line {
	width: 24px;
	height: 3px;
	background: rgba(253, 106, 38, 1);
	border-radius: 2px;
	margin: 0 auto;
	margin-top: 36px
}

.fa_case_carousel_item_info_name {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(62, 62, 62, 1);
	padding-top: 43px;
	text-align: center
}

.fa_case_carousel_item_box {
	width: 261px;
	height: 340px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 10px 27px 3px rgba(175, 175, 175, 0.2);
	border-radius: 20px;
	position: relative
}

.fa_case_carousel_item_bg {
	position: absolute;
	left: 0;
	top: 0;
	height: 95%;
	width: 100%;
	display: none;
	overflow: hidden;
}

.fa_case_carousel_item_bg_mask {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1.92) 54%);
	z-index: 99;
}

.fa_case_carousel_item_bg_mask_qrCode {
	width: 132px;
	height: 132px;
	margin: 0 auto;
	margin-top: 125px;
	background-size: 132px 132px
}

.fa_case_carousel_item_bg_mask_name {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(61, 61, 61, 1);
	padding-top: 30px;
	text-align: center;
	line-height: 1
}

.fa_case_carousel_item_box {
	position: relative;
	overflow: hidden;
	top: 0
}

.fa_case_carousel_item,
.fa_case_carousel_item * {
	transition: all 0.3s;
}

.fa_case_carousel_item_bg_mask_button {
	width: 56px;
	height: 12px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	cursor: pointer;
	display: block;
	width: 100px;
	height: 34px;
	background: rgba(253, 113, 75, 1);
	box-shadow: 0 6px 5px 0 rgba(255, 87, 42, 0.2);
	border-radius: 17px;
	margin: 0 auto;
	text-align: center;
	line-height: 34px;
	color: #fff;
	position: absolute;
	bottom: 14px;
	left: 50%;
	margin-left: -50px;
}

.J_tab_component {
	margin-bottom: 50px;
}

.swiper-slide a img {
	width: 100%;
}

.yc-numberBar .y-numberList {
	font-size: 0;
	display: inline-block;

}


