@charset "utf-8";
/* CSS 前台通用 */

* { max-height: 999999px; } /* 禁掉 Font Boosting 特性（Webkit 给移动端浏览器提供的一个特性） */
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}
body { margin:0; padding:0; font-family: 'Arial','Microsoft YaHei','微软雅黑','SimSun','宋体'; line-height:1.8; font-size:0.24rem; color:#555; background-color:#fff; }
img { max-width:100%; border:none; }
a { color:inherit; text-decoration:none; }
.container { width:6.4rem; margin:0 auto; margin-top:1.6rem; overflow:hidden; }
.load { width:100%; height:auto; padding:.2rem; font-size:.18rem; color:#999; text-align:center; display:none; }
.no-more { width:100%; height:auto; padding:.2rem; font-size:.16rem; color:#999; text-align:center; display:none; }

/* banner */
.banner { position:relative; width:140%; height: auto; margin-left: -20%; }
.banner img { display: block; width:100%; height:auto; }

/* 表单元素样式 */
input[type="text"],input[type="password"] {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	width:100%;
	height: .34rem;
    line-height: .24rem;
	padding: .04rem .06rem;
	border: 1px solid #ccc;
    border-radius: .04rem;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    color: #555;
	background-color: #fff;
}
textarea {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	width:100%;
	line-height: .2rem;
	padding: .04rem .06rem;
	border: 1px solid #ccc;
	border-radius: .04rem;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    color: #555;
	background-color: #fff;
}
select {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	height:.3rem;
	line-height: .2rem;
	padding: .04rem .06rem;
	border: 1px solid #ccc;
	border-radius: .04rem;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    color: #555;
	background-color: #fff;
}
select:focus,input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
	border-color:rgba(82,168,236,0.8);
	box-shadow:0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(82,168,236,0.6);
}
.error input, .error select, .error textarea {
	border-color: #B94A48;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #B94A48;
}

/* 提示、警告样式 */
.alert {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	width:100%;
	height:.3rem;
	line-height: .2rem;
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    border-radius: .04rem;
	font-size: .18rem;
    color: #C09853;
    margin-top: .05rem;
    padding: .04rem .14rem;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	display:none;
}
.alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}
.alert-info {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
}
.alert-error {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}