@charset "utf-8";
/*CSS Document */
/*clear: both; */
/*display: block;*/
/*background:transparent;*/
/*font-weight:bold;*/
body{
	margin: 0px;
	padding: 0px;
	font-family: "Microsoft YaHei";
	font-size: 14px;
}
div, ul, li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	overflow: hidden;
}

img{
    float: left;
    margin: 0;
    padding: 0;
	/* user-select: none;
	pointer-events: none; */
}

.LoadServer{
	display:none;
	position: fixed;
	top: 0rem;
	left: 0rem;
	width: 18rem;
	height: 100%;
	/* background: rgba(0,0,0,0.8); */
	z-index: 999999;
}
.LoadServerBody{
	position: absolute;
	top: 50%;
	left: 0rem;
	width: 18rem;
	height: 26rem;
	margin-top: -13rem;
}
.LoadServerBodyText{
	position: absolute;
    top: 12.2rem;
    left: 4rem;
    width: 10rem;
    height: 1.6rem;
    background: #121212;
    font-size: 0.6rem;
    color: #fff;
    text-align: center;
    line-height: 1.6rem;
    border-radius: 0.3rem;
}
.LoadServerBodyText span{
	animation:LoadServerBodyText 0.3s infinite linear;
	}
@keyframes LoadServerBodyText{
	0%{opacity:1;}
	50%{opacity:0.5;}
	100%{opacity:1;}
}
.LoadServerBodyIcon{
	position: absolute;
    top: 12.2rem;
    left: 4rem;
    width: 1.6rem;
    height: 1.6rem;
}
.LoadServerBodyIconing{
	position: absolute;
    top: 0.3rem;
    left: 0.3rem;
    width: 0.8rem;
    height: 0.8rem;
	border: 0.1rem solid #fff;
	border-left-color: #121212;
	border-right-color: #121212;
	border-top-color: #fff;
	border-bottom-color:#ffff;
	border-radius: 100%;
	animation:LoadServerBodyIconing 0.5s infinite linear;
	}
@keyframes LoadServerBodyIconing{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}

.Tips{
	position: fixed;
	top: -2rem;
	left: 0.5rem;
	width: 17rem;
	height: 1.6rem;
	text-align:center;
	line-height:1.6rem;
	background: rgba(193,39,45,0.8);
	color: #fff;
	font-size: 0.6rem;
	border-radius:0.3rem;
	transition: top 0.2s;
	-moz-transition: top 0.2s;
	-webkit-transition: top 0.2s;
	-o-transition: top 0.2s;
	opacity:0;
}