@charset "utf-8";

/* ===================== 基础样式 ===================== */

body {
	margin: 0;
	background-color: #f0f1f1;
	font-family: "Microsoft YaHei", "微软雅黑", Tahoma, "Lucida Grande", Arial, sans-serif;
	font-size: 16px;
}

/* ===================== 页面主框 ===================== */

.page-box {
	width: 100%;
	border-top: 5px solid #323436;
	border-bottom: 5px solid #323436;
	margin: 10% auto 0;
	background-color: #ffffff;
}

.page-inner {
	width: 740px;
	margin: 0 auto;
	overflow: hidden;
}

.panel-wrap {
	padding: 10px;
}

/* ===================== 面板块 ===================== */

.panel {
	margin: 10px auto;
	margin-right: 30px;
	border: 1px solid #0080c0;
}

.panel-title {
	text-align: center;
	margin: 0 auto;
	color: #0080c0;
	letter-spacing: 2px;
}

.panel--danger {
	border-color: #ff0000;
}

.panel--danger .panel-title {
	color: #ff0000;
	font-weight: bold;
}

/* ===================== 注意事项列表 ===================== */

.notice-list {
	margin: 5px;
	padding-left: 40px;
}

.notice-list li {
	color: #0080c0;
	margin: 8px 0;
}

/* ===================== 充值线路按钮 ===================== */

.route-list {
	list-style: none;
	margin: 30px 0 0 60px;
	padding: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
}

.route-list li {
	width: 150px;
	height: 40px;
	float: left;
	margin: 0 30px 36px 0;
}

.route-link {
	display: block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	color: #ffffff;
	background-color: #ff6317;
	text-align: center;
	text-decoration: none;
}

.route-link:hover {
	background-color: #6bc30d;
	color: #ffffff;
}

/* ===================== 底部健康忠告 ===================== */

.site-footer {
	background-color: #f1f1f1;
	margin: 0;
	padding: 1px 0;
	text-align: center;
}