@charset "utf-8";
/* CSS Document */
body,html { width:100%; height:100%;}
div {width:100%;}
* { padding:0; margin:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    font-family: "microsoft yahei","宋体",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    -webkit-tap-highlight-color:transparent;
}
a { text-decoration:none;}
input {
    outline:none;
    outline:0px;
    -webkit-user-select:auto;
    -khtml-user-select:auto;
    -moz-user-select:auto;
    -ms-user-select:auto;
    user-select:auto;
}
table { border-spacing: 0; width:100%;}
ul,ol {list-style:none;}
em{font-style: normal;}
img {display:block;width:100%;border:none;}
div,nav,ul,li,span,em,a,img { -webkit-tap-highlight-color:transparent;}
.clear {width:0; clear:both;}
.clearFix {zoom:1;}
[v-cloak] {
    display: none;
}
#app{
	width: 100%;
	height: 100%;
	position: relative;
}
.container{
	width: 100%;
	height: 100%;
	position: relative;
}

.loadDiv{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.64);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
.loadDiv .loadImgDiv{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1rem;
	height: 1rem;
	padding-top: .18rem;
	padding-left: .18rem;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background: rgba(0,0,0,.8);
	border-radius: .1rem;
}
.loadDiv .loadImg{
	width: .64rem;
	height: .64rem;
	-webkit-animation: rotate 1.5s linear infinite;
	animation: rotate 1.5s linear infinite;
}
@keyframes rotate {
	0%{
		transform: rotate(0);
	}
	100%{
		transform: rotate(360deg);
	}
}
@-webkit-keyframes rotate {
	0%{
		-webkit-transform: rotate(0);
	}
	100%{
		-webkit-transform: rotate(360deg);
	}
}