@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-container.tiktok{
	background: #f2f8ff;
}

.tiktok .container-backing {
	display:none;
}

.root-color{
	color:#f80d4a;	
}

.section-title .section-cn-title{
	font-family: SOURCEHANSERIFCN-MEDIUM !important;
}

#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;
}

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

.tiktok .top-banner-logo .hf-logo{
	width:166px;
}

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

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

.tiktok .top-banner-intro .banner-slogan{
	color: #666666;
	gap: 10px;
}

.tiktok .top-banner-meta{
	width:100%;
}

.tiktok .top-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%);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width: 1024px) {
	.tiktok .pain .hfui-grid-col:nth-child(odd) .pain-meta-item{
		-webkit-justify-content: flex-end;
		justify-content: flex-end
	}
		
	.tiktok .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服务 开始*/
.tiktok .service .service-item{
	font-size:18px;
	font-family: SOURCEHANSERIFCN-MEDIUM !important;
    background: #ffffff80;
    box-shadow: 0px 0px 10px #a8c9ff99;
}

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

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

.tiktok .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;
}

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

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


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

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

@media only screen and (min-width: 768px) {
	.tiktok .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服务流程 结束*/

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

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

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

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

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

    .tiktok .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) {

}	
/*关于火蝠 结束*/

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

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

.tiktok .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;
}

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

.tiktok .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);  
    }  
}
/*解决方案 结束*/

/*平台优势 开始*/
.tiktok .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%);
}

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

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

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

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

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

@media only screen and (min-width: 768px) {
	.tiktok .advantage-item-01{
		background-image: url(../images/advantage_01.png);
	}
	
	.tiktok .advantage-item-02{
		background-image: url(../images/advantage_02.png);
	}
	
	.tiktok .advantage-item-03{
		background-image: url(../images/advantage_03.png);
	}
	
	.tiktok .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) {

}	
/*平台优势 结束*/

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