@font-face{
	font-family:Alibaba-PuHuiTi-Bold;
	src:url('../font/Alibaba-PuHuiTi-Bold.ttf'),  
}

@font-face{
	font-family:Alibaba-PuHuiTi-Heavy;
	src:url('../font/Alibaba-PuHuiTi-Heavy.ttf'),  
}

@font-face{
	font-family:Alibaba-PuHuiTi-Light;
	src:url('../font/Alibaba-PuHuiTi-Light.ttf'),  
}

@font-face{
	font-family:Alibaba-PuHuiTi-Medium;
	src:url('../font/Alibaba-PuHuiTi-Medium.ttf'),  
}

@font-face{
	font-family:Alibaba-PuHuiTi-Regular;
	src:url('../font/Alibaba-PuHuiTi-Regular.ttf'),  
}

@font-face{
	font-family:DIN-Black-2;
	src:url('../font/IN-Black-2.otf'),  
}

@font-face{
	font-family:din-bold-2;
	src:url('../font/din-bold-2.ttf'),  
}

@font-face{
	font-family:DIN-Regular-2;
	src:url('../font/DIN-Regular-2.otf'),  
}

@font-face{
	font-family:SourceHanSansSC-VF;
	src:url('../font/SourceHanSansSC-VF.otf')format('otf'),  
}

@font-face{
	font-family:SOURCEHANSERIFCN-MEDIUM;
	src:url('../font/SOURCEHANSERIFCN-MEDIUM.OTF')format('otf'),  
}

.APB{
	font-family:Alibaba-PuHuiTi-Bold !important;
}

.APH{
	font-family:Alibaba-PuHuiTi-Heavy !important;
}

.APL{
	font-family:Alibaba-PuHuiTi-Light !important;
}

.APM{
	font-family:Alibaba-PuHuiTi-Medium !important;
}

.APR{
	font-family:Alibaba-PuHuiTi-Regular !important;
}

.DB{
	font-family:DIN-Black-2 !important;
}

.db-2{
	font-family:din-bold-2 !important;
}

.DR{
	font-family:DIN-Regular-2 !important;
}

.sc-VF{
	font-family:SourceHanSansSC-VF !important;
}

.sc-M{
	font-family:SOURCEHANSERIFCN-MEDIUM !important;
}

.layout-root {
	padding-bottom: 60px
}

.root-color{
	color:#f80d4a;	
}

.layout-container {
	position: relative
}

@media only screen and (min-width: 1024px) {
	.layout-root {
		padding: 0
	}
}

.layout-wrapper {
	max-width: 1360px;
	margin: 0 auto;
	padding: 0 16px
}

@media only screen and (min-width: 1024px) {
	.layout-wrapper {
		padding: 0 24px
	}
}

.page-home{
	background:#f2f8ff;
}

#root:not(.scrolled) .tiktok-logo{
	display:block;
}

#root:not(.scrolled) .tiktok-w-logo{
	display:none;
}

#root.scrolled .tiktok-logo{
	display:none;
}

#root.scrolled .tiktok-w-logo{
	display:block;
}

/*导航栏 开始*/
/*.layout-root.scrolled .layout-header .header-pc .header-logo {
	width: 0 !important
}

.layout-root.scrolled .layout-header .header-pc .header-nav {
	text-align: left
}*/

.layout-header .header-pc {
	display: none;
	/*background-color: rgba(0, 0, 0, 0.7)*/
}

.scrolled .layout-header .header-pc {
	background-color: #1F4485;
}

/*.scrolled .hfui-nav.hfui-nav-dark .hfui-nav-item{
	color: #000;
}*/

.layout-header .header-pc .header-wrap {
	padding: 0 16px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items:"center";
	align-items: center
}

.layout-header .header-pc .header-wrap .header-logo {
	-webkit-flex: none;
	flex: none;
	-webkit-transition: width .3s ease 0s;
	transition: width .3s ease 0s;
	width: 0;
	overflow: hidden;
	/*padding: 16px 0;*/
}

.layout-header .header-pc .header-wrap .header-logo .header-logo-link {
	display: block;
	height: 72px;
	line-height: 72px;
	font-size: 0
}

.layout-header .header-pc .header-wrap .header-logo .header-logo-link .header-logo-image {
	filter: unset;
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%
}

.scrolled .layout-header .header-pc .header-wrap .header-logo .header-logo-link .header-logo-image {
	filter: filter: brightness(0) invert(1);;
}

.layout-header .header-pc .header-wrap .header-nav {
	-webkit-flex: auto;
	flex: auto;
	text-align: left
}

.layout-header .header-pc .header-wrap .header-menu {
	width: 240px;
	text-align: right;
	-webkit-flex: none;
	flex: none
}

.layout-header .header-h5 {
	display: block;
	padding: 0 16px;
	background-color: #1F4485;
}

.layout-header .header-h5 .header-wrap .header-menu {
	padding: 8px 0
}

.layout-header .header-h5 .header-wrap .header-logo {
	font-size: 0;
	line-height: 1;
	text-align: center;
	padding:10px 0;
}

.layout-header .header-h5 .header-wrap .header-logo .header-logo-link {
	display: inline-block;
	vertical-align: middle
}

.layout-header .header-h5 .header-wrap .header-logo .header-logo-link .header-logo-image {
	display: block;
	height: 50px;
	width: auto
}

.layout-header.is-fixed,
.layout-header.is-sticky {
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999
}

@media only screen and (min-width: 1024px) {
	.layout-header .header-pc {
		display: block
	}

	.layout-header .header-h5 {
		display: none
	}

	.layout-header.is-fixed {
		position: fixed
	}

	.layout-header .header-pc .header-wrap .header-logo {
		/*width: 220px;*/
		width: 300px;
	}

	.layout-header .header-pc .header-wrap .header-nav {
		text-align: right;
	}
}

@media only screen and (min-width: 1280px) {
	/*.layout-header .header-pc .header-wrap {
		padding: 0 24px
	}*/

	.layout-header .header-pc .header-wrap .header-logo {
		/*width: 220px;*/
		width: 300px;
	}

	.layout-header .header-pc .header-wrap .header-nav {
		text-align: right;
	}
}

@media only screen and (min-width: 1600px) {
	/*.layout-header .header-pc .header-wrap {
		padding: 0 32px
	}*/

	.layout-header .header-pc .header-wrap .header-logo {
		/*width: 220px;*/
		width: 300px;
	}

	.layout-header .header-pc .header-wrap .header-nav {
		text-align: right;
	}
}
/*导航栏 结束*/

/*公共标题 开始*/
.section-title{
	position: relative;
	margin-bottom: 16px;
	color: #FF0603;
	text-align: center
}

.section-title .section-cn-title{
	font-size: 24px;
	font-family: SOURCEHANSERIFCN-MEDIUM !important;
	line-height:1.5;
	display:block;
}

.section-title .section-desc{
	font-size: 18px;
	line-height: 1.5;
	display:block;
}

.section-title .section-en-title{
	font-size: 16px;
	line-height:1.5;
	text-transform: uppercase;
	display:block;
}

.section-title>i {
	display: none;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	background-color: #999;
}

.section-title>em {
	display: block;
	width: 100%;
	height: 2px;
	position: relative;
	background-color: #305cdf;
}

.section-title>i:before,
.section-title>i:after {
	content: '';
	display: block;
	width: 48px;
	height: 2px;
	background-color: #999;
	position: absolute;
	top: 4px
}

.section-title>em:after {
	content: '';
	display: block;
	width: 20%;
	height: 8px;
	background-color: #305cdf;
	position: absolute;
	top: -3px;
	left:40%;
}

.section-title>i:before {
	left: -56px
}

.section-title>i:after {
	left: 18px
}

@media only screen and (min-width: 1024px) {
	.section-title{
		margin-bottom: 48px;
	}

	.section-title.section-20{
		margin-bottom: 20px;
	}


	.section-title.section-0{
		margin-bottom: 0px;
	}

	.section-title  .section-cn-title{
		font-size: 36px;
	}

	.section-title .section-desc{
		font-size: 24px;
	}

	.section-title  .section-en-title{
		font-size: 14px;
	}

	.section-title>i ,.section-title>em {
		display: block
	}
}

.section-title.section-title-light {
	color: #fff
}

.section-title.section-title-light>i {
	background-color: #fff
}

.section-title.section-title-light>i:before,
.section-title.section-title-light>i:after {
	background-color: #fff
}

.section-title.section-title-black {
	color: #000
}

.section-title.section-title-black>i {
	background-color: #000
}


.section-title.section-title-black>i:before,
.section-title.section-title-black>i:after {
	background-color: #000
}
/*公共标题 结束*/

/*BANNER 开始*/
.page-home .banner{
    background-repeat: no-repeat;
    background-image: url(../images/banner.jpg);
	background-size:cover;
    background-position: center;
	position: relative;
}

.page-home .banner-logo .hf-logo{
	width:166px;
}

.page-home .banner-logo i,
.layout-header .header-ht-logo i{
	width: 1px;	
    height: 24px;
    background-color: #4a5259;
    margin: 0px 20px;
}

.page-home .banner-logo .tiktok-logo{
	width:135px;
}

.page-home .banner-intro .banner-slogan{
	color: #666666;
	gap: 10px;
}

.page-home .banner-meta{
	width:100%;
}

.page-home .banner-btn .hfui-btn{
	height: auto !important;
	line-height: 1 !important;
    padding: 10px 50px;
	border:1px solid #fff;
	border-radius: 50px;
    background: linear-gradient(73deg, #1b6ef4 0%, #4ae1eb 100%);
}

.page-home .banner-btn .btn-intro-first{
    text-shadow: 0px 3px 1px #084de7;	
}

.page-home .banner-btn .counter{
	line-height:1;
    text-shadow: 0px 3px 1px #fff;	
}

.page-home .banner-btn .btn-intro-two{
    text-shadow: 0px 3px 1px #13a7dd;	
}

@media only screen and (min-width: 768px) {
	.page-home .banner-meta{
		width:70%;
	}
}

@media only screen and (min-width: 1024px) {
	.page-home .banner-meta{
		width:60%;
	}	
}

@media only screen and (min-width: 1280px) {
	.page-home .banner-meta{
		width:50%;
	}	
}

@media only screen and (min-width: 1600px) {
	.page-home .banner-meta{
		width:50%;
	}	
}

@media only screen and (min-width: 1920px) {
		.page-home .banner-meta{
		width:50%;
	}
}
/*BANNER 结束*/

/*关于TIKTOK 开始*/
/*.page-home .pain .layout-wrapper{
    background-repeat: no-repeat;
    background-image: url(../images/pain_bg.png);
	background-size:cover;
    background-position: center;
	position: relative;
}*/

.page-home .pain .pain-title{
	position:absolute;
	transform: translate(-50%, -50%);
	top:50%;
	left:50%;
}

.page-home .pain .hfui-grid-row {
    grid-row-gap: 80px;
}

.page-home .pain .hfui-grid-col:nth-child(odd){
	
}

.page-home .pain .pain-meta .hfui-grid-col:nth-child(1) .pain-meta-item,
.page-home .pain .pain-meta .hfui-grid-col:nth-child(5) .pain-meta-item{
	padding-right:180px;
}

.page-home .pain .pain-meta .hfui-grid-col:nth-child(2) .pain-meta-item,
.page-home .pain .pain-meta .hfui-grid-col:nth-child(6) .pain-meta-item{
	padding-left:180px;
}

.page-home .pain .pain-meta .hfui-grid-col:nth-child(3) .pain-meta-item{
	padding-right:230px;
}

.page-home .pain .pain-meta .hfui-grid-col:nth-child(4) .pain-meta-item{
	padding-left:230px;
}

.page-home .pain .pain-meta-item{
	column-gap:10px;
}

.page-home .pain .pain-meta-img{
	display:inline-block;
	background:#176bf5;
	border-radius: 50%;
}

.page-home .pain .pain-meta-img > img{
	width:40px;
}

@media only screen and (min-width: 768px) {
	.page-home .pain .layout-wrapper{
		background-repeat: no-repeat;
		background-image: url(../images/pain_bg.png);
		background-size:cover;
		background-position: center;
		position: relative;
	}
	
	.page-home .pain .hfui-grid-col:nth-child(odd) .pain-meta-item{
		-webkit-justify-content: flex-end;
		justify-content: flex-end
	}
	
	.page-home .pain .hfui-grid-col:nth-child(odd) .pain-meta-first{
		order: -1!important;
	}	
}

@media only screen and (min-width: 1024px) {
	.page-home .pain .hfui-grid-col:nth-child(odd) .pain-meta-item{
		-webkit-justify-content: flex-end;
		justify-content: flex-end
	}
		
	.page-home .pain .hfui-grid-col:nth-child(odd) .pain-meta-first{
		order: -1!important;
	}	
}

@media only screen and (min-width: 1280px) {
	
}

@media only screen and (min-width: 1600px) {

}

@media only screen and (min-width: 1920px) {

}
/*关于TIKTOK 结束*/

/*TIKTOK服务 开始*/
.page-home .service .service-item{
	font-size:18px;
	font-family: SOURCEHANSERIFCN-MEDIUM !important;	
    background: #ffffff80;
    box-shadow: 0px 0px 10px #a8c9ff99;
}

.page-home .service .service-item > img{
    width:100px;
}
/*TIKTOK服务 结束*/

/*TIKTOK服务流程 开始*/
.page-home .flow{
    background-repeat: no-repeat;
    background-image: url(../images/flow_bg.jpg);
	background-size:cover;
    background-position: center;
	position: relative;
}

.page-home .flow .flow-list{
	padding:135px 0;
    background-repeat: no-repeat;
    background-image: url(../images/flow_intro_bg.png);
	background-size:cover;
    background-position: center;
	position: relative;
}

.page-home .flow .flow-list .hfui-grid-row{
	-webkit-justify-content: center;
	justify-content: center
}

.page-home .flow .flow-item{
	font-size:18px;
	font-family: SOURCEHANSERIFCN-MEDIUM !important;
}

.page-home .flow .flow-item >img{
	width:107px;
}

.page-home .flow .element-box-1 {
    position: absolute;
	bottom: -70px;
    /* right: -30px; */
	right: 0px;
}

@media only screen and (min-width: 768px) {
	.page-home .flow .flow-list .hfui-grid-row{
		-webkit-justify-content: unset;
		justify-content: unset;
	}
}

@media only screen and (min-width: 1024px) {
	
}

@media only screen and (min-width: 1280px) {
	
}

@media only screen and (min-width: 1600px) {

}

@media only screen and (min-width: 1920px) {

}	
/*TIKTOK服务流程 结束*/

/*关于火蝠 开始*/
.page-home .about {
    position: relative;
	overflow:hidden;
}

.page-home .about-meta-item{
	font-family: Alibaba-PuHuiTi-Medium !important;
    background: #ffffff80;
    box-shadow: 0px 0px 10px #a8c9ff99;
}

.page-home .about-meta .counter{
	line-height:1;
}

@media only screen and (min-width: 768px) {
	
}

@media only screen and (min-width: 1024px) {
    .page-home .about .about-left-wrap{
        position: absolute;
        top: 0;
        left: 0; 
        width: 30%;
        height: 100%;	
    }

    .page-home .about .about-right-wrap{
		width:70%;
		float:right;
    }
}

@media only screen and (min-width: 1280px) {
	
}

@media only screen and (min-width: 1600px) {

}

@media only screen and (min-width: 1920px) {

}	
/*关于火蝠 结束*/

/*解决方案 开始*/
.page-home .solution{
	position:relative;
}

.page-home .solution .solution-wrap{
	position: sticky;
    z-index: 50;
}

.page-home .solution:after{
    content: "";
    background-repeat: no-repeat;	
    background-image: url(../images/solution_bg.png);
	background-size:cover;
    background-position: center;
    display: block;
    width: 100%;
    height: 440px;
    position: absolute;
    z-index: 10;
    bottom: 0px;
}

.page-home .solution .solution-item{
	font-family: SOURCEHANSERIFCN-MEDIUM !important;
}

.page-home .solution .solution-item > img{
	animation: myfirst 1s infinite;
}

@keyframes myfirst {  
    0% {  
        transform: translate(0px, 0px);  
    }  
    50% {  
        transform: translate(0px, -10px);  
    }  
    100% {  
        transform: translate(0px, 0px);  
    }  
}
/*解决方案 结束*/

/*平台优势 开始*/
.page-home .advantage-btn .hfui-btn{
    height: auto !important;
    line-height: 1 !important;
	padding: 5px;	
	border:1px solid #fff;
	border-radius: 50px;
    background: linear-gradient(73deg, #1b6ef4 0%, #4ae1eb 100%);
}

.page-home .advantage-btn .hfui-btn span{
	text-shadow: 0px 1px 3px #1670f6;
	font-family: SOURCEHANSERIFCN-MEDIUM !important;
}

.page-home .advantage-btn .hfui-btn-intro{
	border: 1px solid #fff;
    border-radius: 50px;
    padding: 10px 60px;
}

.page-home .advantage-item{
    background: #ffffff80;
    box-shadow: 0px 0px 10px #a8c9ff99;
	background-repeat: no-repeat;
    background-position: right;
	position: relative;
}

.page-home .advantage-item h4,
.page-home .advantage-item p{
	font-family: SOURCEHANSERIFCN-MEDIUM !important;
}

.page-home .advantage-item-01,
.page-home .advantage-item-02,
.page-home .advantage-item-03,
.page-home .advantage-item-04{
    background-image: unset;
}

@media only screen and (min-width: 768px) {
	.page-home .advantage-item-01{
		background-image: url(../images/advantage_01.png);
	}
	
	.page-home .advantage-item-02{
		background-image: url(../images/advantage_02.png);
	}
	
	.page-home .advantage-item-03{
		background-image: url(../images/advantage_03.png);
	}
	
	.page-home .advantage-item-04{
		background-image: url(../images/advantage_04.png);
	}	
}

@media only screen and (min-width: 1024px) {

}

@media only screen and (min-width: 1280px) {
	
}

@media only screen and (min-width: 1600px) {

}

@media only screen and (min-width: 1920px) {

}	
/*平台优势 结束*/

/*热招商家 开始*/
.page-home .business .business-item{
    background: #ffffff80;
    box-shadow: 0px 0px 10px #a8c9ff99;
	height:100%;
	font-size: 18px;
    font-family: SOURCEHANSERIFCN-MEDIUM !important;
}
/*热招商家 结束*/

/*侧边导航 开始*/
.fixMenu {
    position: fixed;
    z-index: 999999;
    right: 20px;
    top: 250px;
}
.fixMenu ul li p img{
	width:18px;
	display:block;
	padding-bottom:10px;
}
.fixMenu ul li{
	font-size: 14px;
    line-height: 20px;
    padding:10px;
    width: 21px;
    position: relative;
    z-index: 9999;
	box-sizing: unset;
}
.fixMenu ul{
    height: 270px;
    background: #ffffff;
    box-shadow: 0px 10px 30px rgb(0 0 0 / 5%);
    border-radius: 51px;
    text-align: center;
}
.fixMenu ul li:nth-child(1) {
	padding-bottom:5px;
	padding-top: 13px;
}
.fixMenu ul li:nth-child(2) p img{
	padding-top: 15px;
    border-top: 1px solid #707070;
}
.fixMenu ul li:hover{
	color:#F80D4A;
}
.fixMenu .qrcode {
    position: absolute;
    background-color: #fff;
    padding: 10px;
    left: -134px;
    top: 0px;
    display: none;
}
.fixMenu .item{
	padding:5px 0px;
}
.fixMenu .item p{
	padding-top:5px;
	text-align:center;
	color:#F80D4A;
}
.fixMenu .qrphone {
    position: absolute;
    background-color: #fff;
    padding: 10px;
    left: -229px;
    top: 0px;
    display: none;
	color:#F80D4A;
}
.fixMenu .qrphone p{
	font-size:14px;
	padding:15px;
	border-bottom:1px dotted #F80D4A;
}
.fixMenu .qrphone p:last-child{
	border-bottom:none;
}
.fixMenu .arrow {
	width: 0;
    height: 0;
    border-width: 14px;
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    right: -38px;
    top: 65px;
}
.diphone,.code{
	position:relative;
}
/*侧边导航 结束*/

/*底部 开始*/
.footer .footer-menu ul{
	gap: 20px;
}

.footer .footer-menu ul li a{
	font-size:17px;
	font-weight: bold;
}

.footer .footer-logo{
	width: 128px;
}

.footer .footer-logo img{
	width: 100%;
}

.footer .footer-contact .hfui-grid-row{
	-webkit-align-items: center;
	align-items: center;
}

.footer .footer-address,
.footer .service-list{
	font-size:15px;
	color: #7B7B7B;
}

.footer .footer-address p:not(:last-child),
.footer .service-list p:not(:last-child){
	padding-bottom: 15px;
}

.footer .service-list span{
	color:#000000;
}

.footer .code-list p{
	font-size: 18px;
	padding-bottom:5px;
}

.footer .code-list img{
	width:100px;
}

.footer .code-list ul{
	gap:10px;
}

.footer .copy-right  {
	border-top:1px solid #BFBFBF;
	padding:50px 0px 30px 0px;
	text-align:center;
}
/*底部 结束*/