@charset "utf-8";
/*base.css*/
html, body, div, span, input, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd,
	q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend, caption, tfoot, thead, article, aside,
	canvas, details, figcaption, figure, footer, header, hgroup, menu, nav,
	section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0;
	/*vertical-align: baseline;*/
	background: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

body, button, input, select, textarea {
	-moz-osx-font-smoothing: grayscale
}

html {
	font-size: 100px;
}

@media ( min-width : 320px) {
	html {
		font-size: 100px;
	}
}

@media ( min-width : 360px) {
	html {
		font-size: 110px;
	}
}

@media ( min-width : 400px) {
	html {
		font-size: 120px;
	}
}

@media ( min-width : 440px) {
	html {
		font-size: 130px;
	}
}

@media ( min-width : 480px) {
	html {
		font-size: 140px;
	}
}

@media ( min-width : 520px) {
	html {
		font-size: 150px;
	}
}

@media ( min-width : 560px) {
	html {
		font-size: 160px;
	}
}

@media ( min-width : 600px) {
	html {
		font-size: 170px;
	}
}

@media ( min-width : 700px) {
	html {
		font-size: 180px;
	}
}
/*-----------  清除默认样式结束  --------------*/
/*消息提示样式开始*/
.item-layer {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: 0;
	z-index: 1111;
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-ms-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	transition-duration: 300ms;
	visibility: hidden;
}

.showItemLayer {
	opacity: 0.7;
	visibility: visible;
}

.hideItemLayer {
	opacity: 0;
	visibility: hidden;
}

.item-message {
	width: 94%;
	left: 3%;
	position: fixed;
	top: 50%;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	z-index: 1114;
	opacity: 0;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
	padding: .16875rem 0.0875rem 0.09375rem;
	font-size: .1rem;
	color: #575757;
}

.item-message>.msg-title {
	width: 100%;
	padding: 0.075rem;
}

.msg-title>h3 {
	font-size: .15rem;
	line-height: .3rem;
	text-align: center;
	font-weight: bold;
}

.item-message>.msg_content {
	width: 100%;
	padding: .1rem 0.075rem .2rem;
	font-size: .15rem;
	line-height: .15rem;
	text-align: center;
}

.item-message>.msg-btns {
	width: 100%;
}

.msg-btns>.ebt-btn {
	display: inline-block;
	width: 100%;
	text-align: center;
	/*background-color: #005BAC;*/
	background-color: #d1414c;
	color: #fff;
	height: .3215rem;
	line-height: .3215rem;
	font-size: .15rem;
	opacity: 1;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
	cursor: pointer;
}

.msg-btns>.ebt-btn:active {
	/*background-color: rgba(0, 91, 172, 0.62);*/
	opacity: .7;
}

.preloader {
	width: 34px;
	height: 34px;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: preloader-spin 1s steps(12, end) infinite;
	animation: preloader-spin 1s steps(12, end) infinite;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 1114;
	margin: -17px 0 0 -17px;
}

.preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("../img/loading.gif");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
}
/*消息提示样式结束*/
.form-error {
	display: block;
	width: 100%;
	float: right;
	overflow: hidden;
	text-align: left;
	line-height: 1em;
	color: #e83344;
	font-weight: normal;
	font-size: 0.14rem;
	padding-top: 0.1375rem;
	padding-left: 0.3125rem;
}
/*电脑设备低分辨率设备*/
@media screen and (min-width:1025px) and (max-width:1359px) {
	.item-message {
		width: 30%;
		left: 35%;
		position: fixed;
		top: 50%;
		background-color: #fff;
		-webkit-box-shadow: 0 0 5px #000;
		-moz-box-shadow: 0 0 5px #000;
		box-shadow: 0 0 5px #000;
		z-index: 1114;
		opacity: 0;
		-webkit-transition: opacity 500ms;
		-moz-transition: opacity 500ms;
		-ms-transition: opacity 500ms;
		-o-transition: opacity 500ms;
		transition: opacity 500ms;
		padding: .16875rem 0.0875rem 0.09375rem;
		font-size: .1rem;
		color: #575757;
	}
}
/*电脑设备高分辨率设备*/
@media screen and (min-width:1360px) {
	.item-message {
		width: 30%;
		left: 35%;
		position: fixed;
		top: 50%;
		background-color: #fff;
		-webkit-box-shadow: 0 0 5px #000;
		-moz-box-shadow: 0 0 5px #000;
		box-shadow: 0 0 5px #000;
		z-index: 1114;
		opacity: 0;
		-webkit-transition: opacity 500ms;
		-moz-transition: opacity 500ms;
		-ms-transition: opacity 500ms;
		-o-transition: opacity 500ms;
		transition: opacity 500ms;
		padding: .16875rem 0.0875rem 0.09375rem;
		font-size: .1rem;
		color: #575757;
	}
}