@charset "utf-8";

*{	
	margin:0;
	padding:0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

html,
body {
	width: 100%;
	height: 100%;
}

html{ 
	overflow: hidden; 
}

body{
	color: #333;
	font-size: 0.28rem;
	font-weight: 400;
	font-family:"微软雅黑",arial,Helvetica,Verdana,sans-serif; 
}

h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

input,
textarea,
button {
	border:none;
	outline: none; 
	background:none;
	vertical-align: middle;
	-webkit-appearance: none;	/*消除iOS上方阴影*/
}

a { 
	cursor:pointer; 
	text-decoration:none; 
}

a:focus,
a:hover,
a:active {
	border:none;
	outline:none;
}

img { 
	border:none; 
	vertical-align: middle;
}

textarea { 
	resize:none; 
	overflow:auto; 
}

table {
	border:none; 
	border-spacing:0px; 
	border-collapse:collapse;
}

ol,
ul { 
	list-style:none;
}

button {
	border: 0 none;
	outline: 0 none;
	background: transparent;
}

/*定位 浮动*/
.fl{ float: left; }
.fr{ float: right; }
.pr{ position: relative; }
.pa{ position: absolute; }

.cf:after{ 
	content: ''; 
	height: 0; 
	display : block; 
	clear: both; 
	visibility: hidden; 
}

/* 单行省略 */
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*字体粗细*/
.thin {
	font-weight: 100;
}

.light {
	font-weight: 300;
}

.regular {
	font-weight: 400;
} 

.bold {
	font-weight: 700;
}

.ft46 {
	font-size: 0.46rem;
}

.ft48 {
	font-size: 0.48rem;
}

/*公用*/
.floor {
	width: 100%;
	padding: 0.2rem;
	background: #fff;
	border-radius: 0.3rem;
}

p.line {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 0.14rem;
}

/*连线*/
.img_line {
	left: 0;
	width: 100%;
	height: 0.48rem;
	bottom: -0.32rem;
	position: absolute;
	z-index: 2;
}

.img_line i {
	height: 100%;
	width: 0.12rem;
	margin-left: 1.05rem;
	background: url("../img/line.png") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}

section.floor.box_hide,
button.create.box_hide {
	opacity:0;
	-khtml-opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	animation:boxHide 1s;
	-moz-animation:boxHide 1s;
	-webkit-animation:boxHide 1s;
	-o-animation:boxHide 1s
}

/*input--- IOS*/
input::-webkit-input-placeholder { /* WebKit browsers*/ 
　　color:#ff8e8e;opacity:0.8;
　　}
input:-moz-placeholder { 	 		/* Mozilla Firefox 4 to 18*/ 
　　color:#ff8e8e;opacity:0.8;
　　}
input::-moz-placeholder {  			/* Mozilla Firefox 19+*/ 
　　color:#ff8e8e;opacity:0.8;
　　}
input:-ms-input-placeholder { 		/* Internet Explorer 10+*/ 
　　color:#ff8e8e;opacity:0.8;
}

/*弹框*/
.win_box,
.box_bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
}

.win_box {
	z-index: 8;
	animation:boxShow 1s;
	-moz-animation:boxShow 1s;
	-webkit-animation:boxShow 1s;
	-o-animation:boxShow 1s
}

.win_box.box_hide {
	animation:boxHide 1s;
	-moz-animation:boxHide 1s;
	-webkit-animation:boxHide 1s;
	-o-animation:boxHide 1s
}


.box_bg {
	background: rgba(0,0,0,0.5);
	z-index: 9;
}

.box_con {
	top: 50%;
	left: 50%;
	width: 4rem;
	position: absolute;
	min-height: 2rem;
	background: #fff;
	border-radius: 0.1rem;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	z-index: 10;
}

.box_con.load {
	width: 4rem;
	line-height: 2rem;
	text-align: center;
	font-size: 0.28rem;
	animation:load 2s infinite;
	-moz-animation:load 2s infinite;
	-webkit-animation:load 2s infinite;
	-o-animation:load 2s infinite;
	animation-direction:alternate;
	-webkit-animation-direction:alternate;
}

.box_con.alert {
	line-height: 2rem;
	text-align: center;
	font-size: 0.28rem;
}

body.un_roll {
	overflow: inherit;
}

.main.un_roll {
	overflow: inherit;
}

/* 弹框主体 */
@keyframes boxShow {
	0% {
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
		opacity:0
	}
	100% {
		filter:alpha(opacity=1);
		-moz-opacity:1;
		-khtml-opacity:1;
		opacity:1
	}
}@-moz-keyframes boxShow {
	0% {
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
		opacity:0
	}
	100% {
		filter:alpha(opacity=1);
		-moz-opacity:1;
		-khtml-opacity:1;
		opacity:1
	}
}@-o-keyframes boxShow {
	0% {
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
		opacity:0
	}
	100% {
		filter:alpha(opacity=1);
		-moz-opacity:1;
		-khtml-opacity:1;
		opacity:1
	}
}@-webkit-keyframes boxShow {
	0% {
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
		opacity:0
	}
	100% {
		filter:alpha(opacity=1);
		-moz-opacity:1;
		-khtml-opacity:1;
		opacity:1
	}
}

/*隐藏*/
@keyframes boxHide {
	0% {
		filter:alpha(opacity=1);
		-moz-opacity:1;
		-khtml-opacity:1;
		opacity:1
	}
	100% {
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
		opacity:0
	}
}@-moz-keyframes boxHide {
	0% {
		filter:alpha(opacity=1);
		-moz-opacity:1;
		-khtml-opacity:1;
		opacity:1
	}
	100% {
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
		opacity:0
	}
}@-o-keyframes boxHide {
	0% {
		filter:alpha(opacity=1);
		-moz-opacity:1;
		-khtml-opacity:1;
		opacity:1
	}
	100% {
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
		opacity:0
	}
}@-webkit-keyframes boxHide {
	0% {
		filter:alpha(opacity=1);
		-moz-opacity:1;
		-khtml-opacity:1;
		opacity:1
	}
	100% {
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
		opacity:0
	}
}

/* 加载弹窗 */
@keyframes load {
	0% {
		color: #fff;
		font-size: 0.28rem;
	}
	100% {
		color: #f74d47;
		font-size: 0.3rem;
	}
}@-moz-keyframes load {
	0% {
		color: #fff;
		font-size: 0.28rem;
	}
	100% {
		color: #f74d47;
		font-size: 0.3rem;
	}
}@-o-keyframes load {
	0% {
		color: #fff;
		font-size: 0.28rem;
	}
	100% {
		color: #f74d47;
		font-size: 0.3rem;
	}
}@-webkit-keyframes load {
	0% {
		color: #fff;
		font-size: 0.28rem;
	}
	100% {
		color: #f74d47;
		font-size: 0.3rem;
	}
}

/*::-webkit-scrollbar {
     width: 10px;
     height: 10px
}
::-webkit-scrollbar-button:vertical {
     display: none
}
::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
     background-color: #e2e2e2
}
::-webkit-scrollbar-thumb {
     border-radius: 0;
     background-color: rgba(0, 0, 0, .3)
}
::-webkit-scrollbar-thumb:vertical:hover {
     background-color: rgba(0, 0, 0, .35)
}
::-webkit-scrollbar-thumb:vertical:active {
     background-color: rgba(0, 0, 0, .38)
}*/