html{
	width: 100%;
	height: 100%;
}
html,body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
input:-webkit-autofill {
 -webkit-text-fill-color: #fff !important;
 transition: background-color 5000s ease-in-out 0s;
}
#titlebox{
	width: 100%;
	height: 60px;
	background:rgba(28,29,30,1);
}
.tilb{
	width: 80%;
	margin: 0px auto;
}
.tb_logo{
	width: 100px;
	height: 34px;
	padding-top: 13px;
}

.tb_logo>img{
	width: 100%;
	height: 100%;
}
.tb_login{
	float: right;
	width:102px;
	height:25px;
	background:rgba(35,174,229,1);
	border-radius:2px;
	margin-top: -27px;
}
.tb_login_img{
	width:25px;
	float: left;
}
.tb_login_img>img{
	width: 12px;
	height: 12px;
	margin-left: 11px;
	margin-top: 6.5px;
}
.tb_login_deglu{
	font-size:9px;
	margin-left: 5px;
	line-height: 25px;
	font-family:Source Han Sans CN;
	font-weight:400;
	float: left;
	color:rgba(255,255,255,1);
	cursor: pointer;
}
.top_img{
	width: 100%;
	float: left;
}
.top_img>img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.center_xuqiu{
	width: 80%;
	margin: 0px auto;
	display: flex;
}
.center_xuqiu>div{
	flex:1;
}
.c_xuqiu_left{
	margin-top: 16%;
}
.cxuq_l_topimg{
	width:100%;
}
.cxuq_l_topimg>img{
	width: 100%;
}
.cxuq_l_box{
	width: 60%;
	margin-top: 33px;
}
.cxuq_l_box a{
	color: #001017;
}
.cxuql_box_login,.cxuql_box_zhuce{
	width:100px;
	height:30px;
	border:1px solid rgba(0,0,0,1);
	border-radius:2px;
	float: left;
	text-align: center;
	font-size:14px;
	line-height:30px;
	cursor: pointer;
	margin-top: 10px;
	margin-left: 20px;
}
.cxuql_box_login{
	background:rgba(0,16,23,1);
	color:#ffffff;
}
/* .cxuql_box_zhuce{
	
} */
.c_xiqiu_right{
	margin-left: 20px;
}
.c_xiqiu_right>img{
	width: 100%;
	
}
/* 合作流程 */
.hezuo{
	width: 100%;
	height:826px;
	background: url(../image/home_hezuo_bg@2x.png) no-repeat;
	background-size: 100% 100%;
	float: left;
}
.hez_br{
	width: 100%;
	height:30px;
	font-size:28px;
	font-family:Source Han Sans CN;
	font-weight:bold;
	color:rgba(255,255,255,1);
	line-height:30px;
	text-align: center;
	margin-top: 70px;
}
.hez_img{
	width: 80%;
	height: auto;
	margin: 10px auto;
}
.hez_img>img{
	width: 100%;
}
.hezuo a{
	color:rgba(255,255,255,1);
	text-decoration: none;
}
.hez_more{
	margin: 20px auto;
	    width: 120px;
	    text-align: center;
	    line-height: 30px;
	    height: 30px;
	    background: rgba(35,174,229,1);
	    border-radius: 2px;
	    font-size: 15px;
	    font-family: Source Han Sans CN;
	    font-weight: 300;
	    color: rgba(255,255,255,1);
	}
	

/* 近期合作案例 */
.anli{
	width: 80%;
	margin-top: 50px;
	margin-left: 10%;
	float: left;
}
.anli_bt{
	width: 100%;
	text-align: center;
	font-size:28px;
	font-family:Source Han Sans CN;
	font-weight:bold;
	color:rgba(28,29,30,1);
	line-height:30px;
	height: 30px;
}
.anli_lie{
	width: 100%;
	height: auto;
	margin-top: 50px;
}
.al_lie_box{
	width: 32%;
	height: auto;
	margin-left: 1%;
	float: left;
	margin-top: 3%;
}
.all_b_img{
	width: 100%;
	float: left;
}
.allb_i_bj{
	width: 100%;
}
.allb_i_bj>img{
	width: 100%;
	height: 215px;
	object-fit: cover;
	border-radius:4px;
}
.allb_i_star{
	width: 100%;
	height: 215px;
	margin-top: -215px;
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.allb_i_star>img{
	width:80px;
	height: 80px;/* 
	margin-top: 67px;
	margin-left: 40%; */
}
.all_b_bg{
	float: left;
	width: 100%;
	margin-top: 20px;
}
.allb_n_namelogo{
	width: 12%;
	height: auto;
	float: left;
}
.allb_n_namelogo>img{
	width: 80%;
	height: auto;
	margin-top: 7%;
	border-radius:50px;
}
.allb_n_right{
	width: 88%;
	float: left;
}
.allb_nright_top{
	width: 100%;
	height:28px;
	font-size:17px;
	font-family:Source Han Sans CN;
	font-weight:400;
	color:rgba(28,29,30,1);
	line-height:28px;
}
.allb_nright_top span{
	margin-left: 5px;
}
.allbnr_t_name{
	max-width: 46%;
	white-space:initial;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	float: left;
}
.allb_nright_top .allbnr_t_xian{
	float: left;
	margin-left:0px;
}
.allb_nright_top .allbnr_t_youxinae{
	max-width: 47%;
	white-space:initial;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	float: left;
	margin-left: 10px;
	font-size: 15px;
}
.allb_nright_jianjie{
	height:18px;
	font-size:9px;
	font-family:Source Han Sans CN;
	font-weight:300;
	color:rgba(153,153,153,1);
	line-height:18px;
	white-space:initial;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	float: left;
}
.all_video{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0px;
	z-index: 200;
	background-color: #000000;
	display: none;
}
video{
	width: 100%;
	height: 100%;
}
/* 已入驻UP/主播 */
.yiup{
	width: 100%;
	min-height: 300px;
	background:rgba(247,247,247,1);
	float: left;
	margin-top: 50px;
}
.up_bt{
	width: 100%;
	text-align: center;
	height:30px;
	font-size:25px;
	font-family:Source Han Sans CN;
	font-weight:bold;
	color:rgba(5,21,28,1);
	line-height:30px;
	float: left;
	margin-top: 50px;
}
.up_box{
	width: 80%;
	height: auto;
	margin-left: 10%;
	float: left;
}
.upb_bg{
	width: 20%;
	margin-left: 4%;
	margin-top: 4%;
	background:rgba(255,255,255,1);
	border-radius:2px;
	float: left;
}
.upb_b_logo{
	width: 80px;
	height: 25px;
	background: url(../image/home_zhiming@2x.png) no-repeat;
	background-size: 100% 100%;
	color:rgba(255,255,255,1);
	line-height:25px;
	font-size:9px;
	text-align: center;
}
.upb_b_logoimg{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center; /*垂直居中*/
	justify-content: center; /*水平居中*/
}
.upb_b_logoimg>img{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: cover;
}
.upb_b_name{
	width: 100%;
	text-align: center;
	height:25px;
	font-size:15px;
	font-family:Source Han Sans CN;
	font-weight:bold;
	color:rgba(5,21,28,1);
	line-height:25px;
	white-space:initial;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin-top: 10px;
}

.upb_b_nr{
	width: 100%;
	text-align: center;
	font-size:14px;
	color:rgba(5,21,28,1);
	height:25px;
	line-height:25px;
}
.upb_b_math{
	width: 100%;
	margin-top: 38px;
	padding-bottom: 40px;
}
.upb_b_math>div{
	width: 49.5%;
	float: left;
	text-align: center;
	height:30px;
	font-size:10px;
	font-family:Source Han Sans CN;
	font-weight:400;
	color:rgba(179,181,182,1);
	line-height:30px;
}
.upb_b_math>div>span{
	color: #23AEE5;
}
.upb_b_math .up_xian{
	width: 1px;
	height: 16px;
	background:rgba(231,237,243,1);
	float: left;
	margin-top: 5px;
}
.up_ruzhu{
	width:120px;
	height:30px;
	margin: 0px auto;
	background:rgba(35,174,229,1);
	border-radius:2px;
	line-height: 30px;
	font-size:15px;
	font-family:Source Han Sans CN;
	font-weight:300;
	color:rgba(255,255,255,1);
	text-align: center;
	margin-top: 50px;
	
}
.yiup a{
	float: left;
	width: 100%;
	text-decoration: none;
	padding-bottom: 50px;
}
/* 合作平台 */
.hezuopingtai{
	width: 100%;
	min-height: 185px;
	background:#1C1D1E;
	float: left;
}
.hz_bt{
	width: 100%;
	height:30px;
	text-align: center;
	font-size:25px;
	font-family:Source Han Sans CN;
	font-weight:bold;
	color:rgba(255,255,255,1);
	line-height:30px;
	float: left;
	margin-top: 40px;
}
.hz_bg{
	width: 80%;
	height: auto;
	margin-left: 10%;
	
}
.hzb_bg{
	float: left;
	margin-left: 2%;
	margin-top: 30px;
}
.hzb_b_img{
	width: 100%;
	height: auto;
}
.hzb_b_img>img{
	width: 100%;
	border-radius: 50%;
}
.hzb_b_text{
	text-align: center;
	height:20px;
	font-size:10px;
	font-family:Source Han Sans CN;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:20px;
	margin-bottom: 40px;
}
/* 合作伙伴 */
.friend{
	width: 100%;
	height: auto;
	margin-top: 40px;
	float: left;
}
.f_bt{
	width: 100%;
	text-align: center;
	height:30px;
	font-size:25px;
	font-family:Source Han Sans CN;
	font-weight:bold;
	color:rgba(28,29,30,1);
	line-height:30px;
}
.f_img{
	width: 80%;
	margin: 0px auto;
}
.f_img>img{
	width: 100%;
}
/* 底部导航 */
.in_bottom{
	width: 100%;
	float: left;
	min-height:123px;
	background:rgba(28,29,30,1);
}
.inb_bg{
	width: 80%;
	margin: 0px auto;
}
.inbb_left{
	width: 70%;
	height: auto;
}
.inbbl_bt{
	width: 80px;
	height: 16px;
	margin-top: 16px;
}
.inbbl_bt>img{
	width: 100%;
}
.inbblb_bg{
	width: 100%;
	float: left;
	margin-top: 20px;
	border-left: 1px solid rgba(255,255,255,0.1);
	margin-bottom: 20px;
}
.inbbl_lianjie,.inbbl_linxi{
	height: auto;
	width: 100%;
	float: left;
}
.inbbl_lianjie>a{
	text-decoration: none;
}
.inbbl_l_a{
	width: 80px;
	text-align: center;
	height:15px;
	font-size:13px;
	font-family:Source Han Sans CN;
	font-weight:400;
	color:rgba(179,181,182,1);
	line-height:15px;
	float: left;
}
.inbblx_phone{
	text-align: center;
	height:15px;
	font-size:13px;
	font-family:"SourceHanSansCN-Light";
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:15px;
	margin-left: 5px;
	float: left;
	padding: 10px;
}
.inbbl_logo{
	width: 100%;
	height:15px;
	font-size:14px;
	font-family:Source Han Sans CN;
	font-weight:300;
	color:rgba(179,181,182,1);
	line-height:15px;
	margin-left: 15px;
	float: left;
	margin-top: 25px;
	
}
.inbb_right{
	width: 60px;
	height: 60px;
	float: right;
}
.inbbr_img{
	width: 100%;
}
.inbbr_img>img{
	width: 100%;
}
.inbbr_text{
	width: 100%;
	text-align: center;
	height:15px;
	font-size:8px;
	font-family:Source Han Sans CN;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:15px;
	margin-top: 5px;
}

@media screen and (min-device-width:1100px) and (max-width:1440px) {
	.hezuo {
		height: 650px;
	}
}
@media screen and (min-device-width:1000px) and (max-width:1109px) {
	.hezuo {
		height: 570px;
		margin-top: 20px;
	}
}
@media screen and (min-device-width:700px) and (max-width:999px) {
	.hezuo {
		height: 500px;
		margin-top: 20px;
	}
}
@media screen and (max-width:699px) {
	.hezuo {
		height: 400px;
		margin-top: 20px;
	}
	.upb_b_logo {
		width: 62px;
		height: 21px;
		line-height: 21px;
	}
	.top_img {
		/*height: 200px;*/
	}
	.upb_b_logoimg{
		margin-top: 20px;
	}
	.hzb_bg {
		width: 22%;
	}
	.center_xuqiu {
		width: 96%;
		margin-left: 2%;
	}
	.anli,.up_box{
		width: 100%;
		margin-left: 0px;
	}
	.al_lie_box {
	    width: 45%;
	    height: auto;
	    margin-left: 3%;
	    float: left;
	    margin-top: 3%;
	}
	.upb_bg{
		width: 45%;
		height: auto;
		margin-left: 3%;
		float: left;
		margin-top: 3%;
	}
	.f_img{
		width: 90%;
		margin-left: 5%;
	}
}