* {
	magin: 0;
	padding: 0;
}

body{
	font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
}

#screen{
	position: relative;
	width: 100%;
	height:100%;
	-moz-user-select:none;
	-webkit-user-select:none;
	user-select:none;
	/*pointer-events:none;*/
}

#webglDiv {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
    /*background: radial-gradient(at center center,#ffffff 0,#343f4c 100%);*/

}
#webglDiv.webglDiv {
    background: radial-gradient(at center center,#ffffff 0,#343f4c 100%);

}
.webdDiv4Ar{
	background:  no-repeat center  center;
	filter:alpha(Opacity=100);
	-moz-opacity:1;
	opacity: 1;
}














.progress-wrap{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:black;
	z-index: 999;
}

/* --------- progress-wrap --------- */


#loaded{
	line-height:.3rem;
	margin-left: -.1rem;
	font-size: .18rem;
	color:#f1f1f1;
	text-align: center;
}









/*分割线*/
.splitLine{
	height: .02rem;
	background-color: rgba(20,33,53,0.85);
	margin: 0.04rem auto;
}



/* info */

#info-container {
    position:absolute;
    right: .05rem;
    top: 1rem;

    max-width: 20vw;
    max-height: 10vh;
    overflow: auto;

    font-size: .2rem;
    color: #ffffff;
    background-color: rgba(20,33,53,0.4);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.25);
    border:1px rgba(255,255,255,0) dashed;
    border-radius: .1rem;
    padding: .1rem;

    display: none;
}


#modelName {
	position:absolute;
	right: .05rem;
	top: 2.5rem;

	max-width: 20vw;
	max-height: 10vh;
	overflow: auto;

	font-size: .2rem;
	color: #ffffffb3;
	border-radius: .1rem;
	padding: .1rem;

	pointer-events: none;
	/*display: none;*/
}