@charset "UTF-8";
* {
	font-family: "Helvetica" , "Microsoft Yahei", sans-serif;
	margin: 0;
	border: 0;
	padding: 0;
	font-size: 14px;
	background-color: transparent;
}
body{ 
	background-color: #111;
	color: #FFF;
	width: 100vw;
	height: 100vh;
}
canvas{
	background-color: #111;
  	position: absolute;
  	z-index: -1;
}
.videoLoading{
	background-color: #222;
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
}
.container{
	transform-origin: 0 0;
	transition: 0.2s;
	-moz-transition: 0.2s; /* Firefox 4 */
	-webkit-transition: 0.2s; /* Safari 和 Chrome */
	-o-transition: 0.2s; /* Opera */
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
/*.videoLoading{background: url('../../images/C_images/all_bg/iframe_Share/video_bg.jpg') no-repeat center / 100% 100%;}*/
.videoLoaderBox{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;}
.videoLoaderBox span{font-size: 9.5rem;}
.videoLoaderBox .loading_bar_bg{
    display: block;
    overflow: hidden;
    width: 75%;
    height: 2%;
    background: url(../../images/C_images/all_bg/iframe_login/video_loading_bg.png) no-repeat center center / 100% 100%;
    position: relative;
    margin-top: 4%;}
.videoLoaderBox .loading_icon{
	display: block;
	position: absolute;
	top: 50%;
	width: 10%;
	background: url('../../images/C_images/all_bg/iframe_login/video_loading_icon.png') no-repeat center center / 100% 100%;
	padding-bottom: 10%;
	transform: translate(0,-50%);
	animation: video_loading 1.2s linear infinite;}
@keyframes video_loading{
	0%{
		left: 6%;
		opacity: 0.2;
	}
	50%{
		opacity: 1;
	}
	100%{
		left: 81%;
		opacity: 0.2;
	}
}
.vjs-error-display{
	display:none;
}