@charset "utf-8";

/*css nomalize*/
/* CSS reset 	//解决H5中的一些默认样式*/
* {
	margin: 0;
	padding: 0;
}

*, *:after, *:before {
	-webkit-box-sizing: border-box;
}

body {
	font-family: Helvetica, Arial, sans-serif;
}

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

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

abbr, acronym {
	border: 0;
}

a {
	text-decoration: none;
}

/* 解决兼容而加的样式 */
a, img {
	-webkit-touch-callout: none;
	/*禁止长按链接与图片弹出菜单*/
}

html, body {
	-webkit-user-select: none;
	/*禁止选中文本*/
	user-select: none;
}

button, input, optgroup, select, textarea {
	-webkit-appearance: none;
	/*去掉webkit默认的表单样式*/
}

a,img,div,button,input,optgroup,select,textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/
}

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
}

/*响应式部分*/
@media screen and (min-width:900px) {}

@media screen and (max-device-width: 480px) {}

@media screen and (max-device-width: 310px) {}

/*弹出层*/
.alertshade {
	padding: 0.3em 1.2em;
	background: rgba(0, 0, 0, 0.5);
	color: rgba(255, 255, 255, 0.9);
	font-size: 18px;
	border-radius: 8px;
	position: fixed;
	margin: 0 auto;
	bottom: 50%;
	max-width: 175px;
	left: 50%;
	display: none;
	z-index: 999;
}

/* 	清除浮动 */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.clearfix {
	zoom: 1;
	clear: both
}

/*图片自适应*/
.img_responsive {
	max-width: 100%;
	display: line-block;
	height: auto;
}

/* 显示隐藏 */
.hide {
	display: none;
}

.show {
	display: block;
}

/* 浮动 */
.fl,.fr {
	display: inline;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

/**text-alig n*/
.txt-c {
	text-align: center;
}

.txt-l {
	text-align: left;
}

.txt-r {
	text-align: right;
}

a {
	text-decoration: none;
}

/*定位*/
.p-r {
	position: relative;
}

.p-a {
	position: absolute;
}

.align-middle {
	vertical-align: middle;
}