@charset "utf-8";
html,body,
h1,h2,h3,h4,h5,h6,
hr,p,blockquote,
dl,dt,dd,ul,ol,li,
pre,
form,fieldset,legend,button,input,textarea,
th,td,
figure{
	margin:0;
	padding:0
}
html,body{
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
	color:#888888;
}
html{
	font-size: 625%;
}
body{
	font-size: .12rem;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
}
ul,ol,dl,li,dt,dd {
	list-style:none
}
a{
	text-decoration:none;
	-webkit-tap-highlight-color:transparent; 
	-webkit-user-focus: none;
	-webkit-user-select: none;
	-moz-tap-highlight-color:transparent; 
	-moz-user-focus: none;
	-moz-user-select: none;
	-ms-tap-highlight-color:transparent; 
	-ms-user-focus: none;
	-ms-user-select: none;
	-o-tap-highlight-color:transparent; 
	-o-user-focus: none;
	-o-user-select: none;
	tap-highlight-color:transparent; 
	user-focus: none;
	user-select: none;
}
input,select,textarea,button{
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.fleft{float:left;}
.fright{float:right;}
.fclear{clear: both;}

.tleft{text-align: left;}
.tcenter{text-align: center;}
.tright{text-align:right;}


.lh1{line-height: 1;}
.lh15{line-height: 1.5;}
.lh2{line-height: 2;}
.lh25{line-height: 2.5;}
.lh3{line-height: 3;}
.lh35{line-height: 3.5;}
.lh4{line-height: 4;}
.lh45{line-height: 4.5;}
.lh5{line-height: 5;}


.mcenter{margin:auto;}

.block{display:block;}
.inline{display:inline;}
.inline-block{display:inline-block;}
.table{display: table;}
.table-cell{display: table-cell; vertical-align: middle;}
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}	
.ellipsis{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.of-auto{overflow: auto;}.ofx-auto{overflow-x: auto;}.ofy-auto{overflow-y: auto;}
.of-visible{overflow: visible;}.ofx-visible{overflow-x: visible;}.ofy-visible{overflow-y: visible;}
.of-scroll{overflow: scroll;}.ofx-scroll{overflow-x: scroll;}.ofy-scroll{overflow-y: scroll;}
.of-hidden{overflow: hidden;}.ofx-hidden{overflow-x: hidden;}.ofy-hidden{overflow-y: hidden;}
.border-box{
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

/* 特殊意义的类选择器 */


.flex-row{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	
	display:-o-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:-webkit-flex;
	display:flex;	
	-o-flex-direction:row;
	-ms-flex-direction:row;
	-moz-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row;
}
.flex-row-reverse{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;

	display:-o-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:-webkit-flex;
	display:flex;	
	-o-flex-direction:row-reverse;
	-ms-flex-direction:row-reverse;
	-moz-flex-direction:row-reverse;
	-webkit-flex-direction:row-reverse;
	flex-direction:row-reverse;
}
.flex-column{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;

	display:-o-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:-webkit-flex;
	display:flex;	
	-o-flex-direction:column;
	-ms-flex-direction:column;
	-moz-flex-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column;
}
.flex-column-reverse{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;

	display:-o-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:-webkit-flex;
	display:flex;	
	-o-flex-direction:column-reverse;
	-ms-flex-direction:column-reverse;
	-moz-flex-direction:column-reverse;
	-webkit-flex-direction:column-reverse;
	flex-direction:column-reverse;
}
.flex-wrap{
	-o-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.flex-wrap-reverse{
	-o-flex-wrap:wrap-reverse;
	-ms-flex-wrap:wrap-reverse;
	-moz-flex-wrap:wrap-reverse;
	-webkit-flex-wrap:wrap-reverse;
	flex-wrap:wrap-reverse;
}
.flex-wrap-inverse{
	-o-flex-wrap:wrap-inverse;
	-ms-flex-wrap:wrap-inverse;
	-moz-flex-wrap:wrap-inverse;
	-webkit-flex-wrap:wrap-inverse;
	flex-wrap:wrap-inverse;
}

.flex-main-start{
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;
	-o-justify-content:flex-start;
	justify-content:flex-start;
}
.flex-main-end{
	-webkit-justify-content:flex-end;
	-moz-justify-content:flex-end;
	-ms-justify-content:flex-end;
	-o-justify-content:flex-end;
	justify-content:flex-end;
}

.flex-main-center{
	-webkit-justify-content:center;
	-moz-justify-content:center;
	-ms-justify-content:center;
	-o-justify-content:center;
	justify-content:center;
}
.flex-main-around{
	-webkit-justify-content:space-around;
	-moz-justify-content:space-around;
	-ms-justify-content:space-around;
	-o-justify-content:space-around;
	justify-content:space-around;
}
.flex-main-between{
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
}
.flex-line-start{
	-webkit-align-items:flex-start;
	-moz-align-items:flex-start;
	-ms-align-items:flex-start;
	-o-align-items:flex-start;
	-align-items:flex-start;
}
.flex-line-end{
	-webkit-align-items:flex-end;
	-moz-align-items:flex-end;
	-ms-align-items:flex-end;
	-o-align-items:flex-end;
	-align-items:flex-end;
}
.flex-line-center{
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	-o-align-items:center;
	-align-items:center;
}
.flex-line-baseline{
	-webkit-align-items:baseline;
	-moz-align-items:baseline;
	-ms-align-items:baseline;
	-o-align-items:baseline;
	-align-items:baseline;
}
.flex-line-stretch{
	-webkit-align-items:stretch;
	-moz-align-items:stretch;
	-ms-align-items:stretch;
	-o-align-items:stretch;
	-align-items:stretch;
}

.flex-cross-start{
	-webkit-align-content:flex-start;
	-moz-align-content:flex-start;
	-ms-align-content:flex-start;
	-o-align-content:flex-start;
	-align-content:flex-start;
}
.flex-cross-end{
	-webkit-align-content:flex-end;
	-moz-align-content:flex-end;
	-ms-align-content:flex-end;
	-o-align-content:flex-end;
	-align-content:flex-end;
}
.flex-cross-center{
	-webkit-align-content:center;
	-moz-align-content:center;
	-ms-align-content:center;
	-o-align-content:center;
	-align-content:center;
}
.flex-cross-stretch{
	-webkit-align-content:stretch;
	-moz-align-content:stretch;
	-ms-align-content:stretch;
	-o-align-content:stretch;
	-align-content:stretch;
}
.flex-cross-around{
	-webkit-align-content:space-around;
	-moz-align-content:space-around;
	-ms-align-content:space-around;
	-o-align-content:space-around;
	align-content:space-around;
}
.flex-cross-between{
	-webkit-align-content:space-between;
	-moz-align-content:space-between;
	-ms-align-content:space-between;
	-o-align-content:space-between;
	align-content:space-between;
}




















.flex-item {
	-o-flex:1;
	-ms-flex:1;
	-moz-flex:1;
	-webkit-flex:1;
	flex:1;
}
.flex-item-2 {
	-o-flex:2;
	-ms-flex:2;
	-moz-flex:2;
	-webkit-flex:2;
	flex:2;
}
.flex-item-3{
	-o-flex:3;
	-ms-flex:3;
	-moz-flex:3;
	-webkit-flex:3;
	flex:3;
}
.flex-item-4{
	-o-flex:4;
	-ms-flex:4;
	-moz-flex:4;
	-webkit-flex:4;
	flex:4;
}
.flex-item-5{
	-o-flex:5;
	-ms-flex:5;
	-moz-flex:5;
	-webkit-flex:5;
	flex:5;
}
.flex-item-6{				
	-o-flex:6;
	-ms-flex:6;
	-moz-flex:6;
	-webkit-flex:6;
	flex:6;
}











.flex-item-start{
	-webkit-align-items:flex-start;
	-moz-align-items:flex-start;
	-ms-align-items:flex-start;
	-o-align-items:flex-start;
	-align-items:flex-start;
}
.flex-item-end{
	-webkit-align-items:flex-end;
	-moz-align-items:flex-end;
	-ms-align-items:flex-end;
	-o-align-items:flex-end;
	-align-items:flex-end;
}
.flex-item-center{
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	-o-align-items:center;
	-align-items:center;
}
.flex-item-baseline{
	-webkit-align-items:baseline;
	-moz-align-items:baseline;
	-ms-align-items:baseline;
	-o-align-items:baseline;
	-align-items:baseline;
}
.flex-item-stretch{
	-webkit-align-items:stretch;
	-moz-align-items:stretch;
	-ms-align-items:stretch;
	-o-align-items:stretch;
	-align-items:stretch;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% { 
		-webkit-transform: scale(0);
				transform: scale(0);
	} 40% { 
		-webkit-transform: scale(1.0);
				transform: scale(1.0);
	}
}
.bounce-delay-delay-loading {
	margin: 10px auto;
	text-align: center;
}

.bounce-delay-delay-loading>* {
	width: 18px;
	height: 18px;
	background-color: #333;

	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.bounce-delay-delay-loading>:nth-child(1) {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.bounce-delay-delay-loading>:nth-child(2) {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}