@charset "utf-8";
/* CSS Document */
.main {
	margin:0 auto 50px auto;
	max-width:640px;
}
.top {
	margin:0 auto;
	display:block;
	text-align:center;
	position: relative;
}
.top img {
	width:100%;
}
.top .tit {
	position: absolute;
	top: 25%;
	left: 0;
	display: block;
	width:100%;
	line-height: 2rem;
	font-size:26px;
	color: #fff;
	overflow: hidden;
	text-align: center;
}
.top .topbar {
	position: absolute;
	top: 55%;
	left: 0;
	display: block;
	width:96%;
	padding:0 2%;
	overflow: hidden;
}
.top .topbar .pic {
	padding:2px;
	background:#fff;
	line-height: 22px;
	font-size:12px;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
	float:left;
}
.top .topbar .pic img {
	width:50px;
	height:50px;
}
.top .topbar .hits {
	padding:2px 5px;
	background:#299ED4;
	line-height: 22px;
	font-size:12px;
	color: #fccd69;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .12);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .12);
	box-shadow: 0 2px 3px rgba(0, 0, 0, .12);
	float:right;
	margin-top:8%;
}
.meun {
	padding: 10px 0 2px 0;
	text-align:center;
	position:fixed;
	z-index:100;
	bottom:0;
	/*left:0;*/
	display:block;
	width:100%;
	max-width:640px;
	margin:0 auto;
}
.meun li {
	display:inline-block;
	float:left;
	width:50%;
}
.meun li a {
	display:block;
	margin:0 1%;
	border-radius: 2px;
	background-color: #289ed5;
	border-color: #289ed5;
	padding: .625em 1em;
	color:#fff;
}
.am {
	padding: 0 1rem;
}
.amlist .amitem {
	border-bottom:solid #CCC 1px;
	padding:10px 0;
	width:100%;
	margin:0 auto;
}
.amlist .am3 {
	width:25%;
	float:left;
}
.amlist .am7 {
	width:58%;
	float:left;
}
.amlist .ammsg {
	width:16%;
	float:right;
}
.amlist .ammsg b {
	font-size:12px;
	font-weight:300;
	color:#fff;
	background:#F60;
	padding:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .12);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .12);
	box-shadow: 0 2px 3px rgba(0, 0, 0, .12);
}
.amlist .aminp, .amlist .aminp:focus {
	border: 0;
	width: 100%;
	padding: 0;
}
.amitem .anbtn {
	border-radius: 2px;
	background-color: #289ed5;
	border-color: #289ed5;
	width: 100%;
	font-size: 1rem;
	color: #fff;
	display: inline-block;
	margin-bottom: 0;
	padding: .625em 1em;
	vertical-align: middle;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
	background-image: none;
	border: 1px solid transparent;
	cursor: pointer;
	outline: 0;
	-webkit-appearance: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: background-color 300ms ease-out, border-color 300ms ease-out;
	transition: background-color 300ms ease-out, border-color 300ms ease-out;
}
.amitem .anbtn:hover, .amitem .anbtn:active, .amitem .anbtn:focus {
	background-color: #0085e1;
	border-color: #0085e1;
}
.view.tag2 {
	margin: 10px 1rem;
}
.tag2 ul li {
	border-bottom:solid #CCC 1px;
	padding: 10px 0;
}
.tag2 ul li a {
	display:inline-block;
	line-height:1.5em;
	float:left;
	width:60%;
}
.tag2 ul li span {
	display:inline-block;
	line-height:1.5em;
	float:right;
	width:40%;
}
.view.tag3 {
	margin: 10px 1rem;
}
.tag3 ul li {
	border-bottom:solid #CCC 1px;
	padding: 10px 0;
}
.tag3 .fenxiang {
	padding:10px 0;
	width:100%;
	margin:0 auto;
	text-align:center;
}
.tag3 .fenxiang a {
	display:block;
	margin:0 1%;
	border-radius: 2px;
	background-color: #289ed5;
	border-color: #289ed5;
	padding: .625em 1em;
	color:#fff;
}
.cardview {
	margin: 10px 1rem;
}
.cardview ul li {
	border-bottom:solid #CCC 1px;
	padding: 10px 0;
}
.cardview .fenxiang {
	padding:10px 0;
	width:100%;
	margin:0 auto;
	text-align:center;
}
.cardview .fenxiang a {
	display:block;
	margin:0 1%;
	border-radius: 2px;
	background-color: #289ed5;
	border-color: #289ed5;
	padding: .625em 1em;
	color:#fff;
}
#qrCodeView {
	margin:10px auto;
	width:250px;
}
.foot {
	padding:5px 0;
	text-align:center;
	color:#CCC;
}
.list .item1 {
	display:inline-block;
	float:left;
	width:50%;
}
.list .item2 {
	display:inline-block;
	float:left;
	width:50%;
}
.smtxt {
	color:#F60;
}
.pages {
	margin:10px 0 0 0;
}
.login {
	padding:40px 0;
}
.loginout {
	margin:10px 0;
	padding:5px 0;
	background:#f2f2f2;
	text-align:right;
}
.loginout a {
	margin:0 10px;
}