@charset "utf-8";
/*公共
******************************/

/* ===============
 * 重新定义Html元素
 * =============== */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre,
	form, p, blockquote, fieldset, input {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em,
	strong, table, th, td {
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
}
strong {
	font-weight: bold;
}
ul, ol {
	list-style: none outside none;
}
fieldset, img {
	border: medium none;
	vertical-align: middle;
}
caption, th {
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input, select, textarea {
	border: none;
	vertical-align: middle;
}
input[type="submit"] {
	cursor: pointer;
}
i, cite, em {
	font-style: normal;
}
input, button, select, textarea {
	outline: none
}
dd {
	-webkit-margin-start: 0;
}
/* ==========================
 * 为旧版本浏览器格式化Html5元素
 * ========================== */
article, aside, dialog, footer, header, section, footer, nav, figure,
	menu {
	display: block;
}
/* 链接 */
a {
	color: #30a8e1;
	text-decoration: none;
	outline: medium none;
	transition-property: color;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}
a:link, a:visited, a:active {
	text-decoration: none;
}
/*清楚浮动*/
.clearfix:after {
	content: "\200B";
	display: block;
	height: 0px;
	clear: both;
}
.clearfix {
	*zoom: 1;
}
/*通用*/
body, button{
    font: 14px/20px "microsoft yahei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}
.txtover {
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}
.right {
	float: right;
}
.left {
	float: left;
}
.p-l-10{
    padding-left: 10px;
}
.p-l-20{
    padding-left: 20px;
}
.p-l-30{
    padding-left: 30px;
}
.p-l-40{
    padding-left: 40px;
}
.p-r-10{
    padding-right: 10px;
}
.p-r-20{
    padding-right: 20px;
}
.p-r-30{
    padding-right: 30px;
}
.p-r-40{
    padding-right: 40px;
}
.p-t-10{
    padding-top: 10px;
}
.p-t-15{
    padding-top: 15px;
}
.p-t-20{
    padding-top: 20px;
}
.p-t-30{
    padding-top: 30px;
}
.p-t-40{
    padding-top: 40px;
}
.p-b-10{
    padding-bottom: 10px;
}
.p-b-15{
    padding-bottom: 15px;
}
.p-b-20{
    padding-bottom: 20px;
}
.p-b-30{
    padding-bottom: 30px;
}
.p-b-40{
    padding-bottom: 40px;
}
.m-l-10{
    margin-left: 10px;
}
.m-l-20{
    margin-left: 20px;
}
.m-l-30{
    margin-left: 30px;
}
.m-l-40{
    margin-left: 40px;
}
.m-r-10{
    margin-right: 10px;
}
.m-r-20{
    margin-right: 20px;
}
.m-r-30{
    margin-right: 30px;
}
.m-r-40{
    margin-right: 40px;
}
.m-t-10{
    margin-top: 10px;
}
.m-t-20{
    margin-top: 20px;
}
.m-t-30{
    margin-top: 30px;
}
.m-t-40{
    margin-top: 40px;
}
.m-b-10{
    margin-bottom: 10px;
}
.m-b-20{
    margin-bottom: 20px;
}
.m-b-30{
    margin-bottom: 30px;
}
.m-b-40{
    margin-bottom: 40px;
}
.bgwhite{
    background: #fff;
}
.textCenter{
    text-align: center
}
.textLeft{
    text-align: left
}
.textRight{
    text-align: right
}
.link-color{
	color:#30a8e1;
}
.cursor{
	cursor: pointer;
}
.inlineBlock{
	display: inline-block;
}
.font18{
	font-size: 18px;
}
[v-cloak] {
    display: none;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"]{ -moz-appearance: textfield; }