html,body{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	font-size:12px;
	font-family:'微软雅黑','Arial';
	margin:auto;
	background:black;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.container{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
#videobox{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:100%;
	height:auto;
	overflow:hidden;
}
video{
	width:100%;
	height:auto;
}
#bp{
	position:absolute;
	left:20%;
	bottom:50%;
	font-size:50px;
	z-index:100;
	background:Red;
}

#floating-text {  
    position: absolute;  
    top: 50%; /* 初始位置在视口之外 */  
    left: 100%;  
    transform:translateX(0%) translateY(-50%); /* 水平居中 */  
    font-size: 3vw;  
    white-space: nowrap; /* 防止文本换行 */  
    pointer-events: none; /* 使得文本本身不可点击 */  
    /* 其他样式，如颜色、字体等 */ 
	z-index:1000;	
	display:flex;
	text-align:center;
	align-items:center;
	background:rgba(255,255,255,.3);
	padding:20px 50px;
	border-radius:2vw;
}  
#floating-text.active{
	transform:translateX(-100%) translateY(-50%); /* 水平居中 */ 
	left: 0%;  	
	transition:all 5s linear;
}
#floating-text span{
	margin:0 20px;
}
#floating-text img{
	height:3.6vw;
	width:auto;
}
.hidden {  
    display: none;  
}

#floating-text2 {  
    position: absolute;  
    bottom: 20%; /* 初始位置在视口之外 */  
    left: 100%;  
    transform:translateX(0%) translateY(0%); /* 水平居中 */  
    font-size: 3vw;  
    white-space: nowrap; /* 防止文本换行 */  
    pointer-events: none; /* 使得文本本身不可点击 */  
    /* 其他样式，如颜色、字体等 */ 
	z-index:1000;	
	display:flex;
	text-align:center;
	align-items:center;
	background:rgba(255,255,255,.3);
	padding:20px 50px;
	border-radius:2vw;
	
}  
#floating-text2.active{
	transform:translateX(-100%) translateY(-50%); /* 水平居中 */ 
	left: 0%;  	
	transition:all 5s linear;
}