@charset "utf-8";
html {
	font-size: 64px
}
article, aside, audio, body, dd, div, dl, dt, figure, footer, form, h1, h2, h3, h4, h5, h6, header, input, li, menu, nav, ol, p, section, textarea, ul, video {
	margin: 0;
	padding: 0
}
area, img, input, select, textarea {
	outline: 0;
	border: none
}
input, select, textarea {
	background: #FFF
}
mark {
	background: 0 0
}
-img {
	vertical-align: middle
}
textarea {
	resize: none
}
li {
	list-style-type: none
}
body {
font:.437rem/1 "Microsoft YaHei"
}
address, b, em, h1, h2, h3, h4, h5, h6, i, small, strong {
	font-style: normal;
	font-size: 100%
}
a, b, em, i, label, mark, small, span, strong {
	display: inline-block
}
a {
	outline: 0;
	color: inherit;
	text-decoration: none
}
.clear-fix {
	clear: both
}
.clear-fix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: "";
	font-size: 0;
	line-height: 0
}
.clearFix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: "";
	font-size: 0;
	line-height: 0
}
.fl {
	float: left
}
.fr {
	float: right
}
.no-mt {
	margin-top: 0!important
}
.no-mr {
	margin-right: 0!important
}
.no-mb {
	margin-bottom: 0!important
}
.no-ml {
	margin-left: 0!important
}
.c-tit {
 margin-top: .4rem;
 font-size: .46rem;
	color: #780203;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
}
.no-pt {
	padding-top: 0!important
}
.no-pr {
	padding-right: 0!important
}
.no-pb {
	padding-bottom: 0!important
}
.no-pl {
	padding-left: 0!important
}
.no-bt {
	border-top: none!important
}
.no-br {
	border-right: none!important
}
.no-bb {
	border-bottom: none!important
}
.no-bl {
	border-left: none!important
}
.no-ti {
	color: red;
	text-indent: 0
}
#container {
	overflow: hidden;
	margin: 0 auto;
	max-width: 640px
}
nav ul {
	clear: both;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-top: none
}
nav ul:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: "";
	font-size: 0;
	line-height: 0
}
nav li {
	float: left;
	box-sizing: border-box;
	width: 25%;
	height: 2.5rem;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	color: #555;
	text-align: center;
word-spacing:.78125rem;
font-size:.4375rem
}
/*nav li:first-of-type{background:#f5f5f5}*/

nav li:nth-of-type(4n) {
	border-right: none
}
nav li a {
	display: block;
	box-sizing: border-box;
padding-top:.3125rem;
	width: 100%;
	height: 100%
}
nav li p {
padding-top:.3125rem
}
nav li em {
	width: 1.09375rem;
	height: 1.09375rem
}
footer {
	background: #F7E8D3
}
/* 挂号 */

.gh-wrap {
	width: 9.375rem;
	margin: 0 auto;
 margin-bottom: .3125rem;
}
.gh-wrap img {
	width: 100%;
}
.guahao {
	width: 9.375rem;
	box-sizing: border-box;
	border-left: 1px solid #a0a0a0;
	border-right: 1px solid #a0a0a0;
 font-size: .375rem;
}
.guahao .guahao-logo {
	width: 8.71825rem;
	height: 1.3125rem;
	margin: 0 auto;
 margin-bottom: .234375rem
}
.guahao .guahao-logo img {
	width: 100%;
}
.guahao h2 {
	text-align: center;
	font-weight: normal;
	color: #6f6d6d;
 margin-bottom: .46875rem
}
.guahao div {
 margin-bottom:.5859375rem
}
.guahao form {
 padding:0 .234375rem
}
.guahao select {
	width: 6.25rem;
	float: right;
 font-size:.375rem;
	color: #a5a3a5;
 padding: 0 .390625rem;
 height:.78125rem;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid #a6a6a6;
 border-radius: .15625rem;
	box-sizing: border-box;
}
.guahao label {
	width: 2.34375rem;
 height:.78125rem;
	text-align: right;
 line-height:.78125rem
}
.guahao label span {
	color: #ff0000
}
.guahao label[for=content] {
	line-height: 1
}
.guahao label[for=man], .guahao label[for=woman] {
	width: auto;
	vertical-align: middle
}
.guahao input {
	box-sizing: border-box;
 padding:0 .390625rem;
	width: 6.25rem;
 height:.78125rem;
 font-size:.375rem;
 line-height:.78125rem;
	border: 1px solid #a6a6a6;
 border-radius: .15625rem;
	box-sizing: border-box;
}
.guahao input[type=radio] {
	width: auto;
	vertical-align: middle
}
.guahao textarea {
	box-sizing: border-box;
	width: 6.25rem;
	height: 1.875rem;
	border: 1px solid #a6a6a6;
 border-radius: .15625rem;
 font-size:.375rem;
}
.guahao input#date {
 background-size: .6875rem;
}
.submit {
	width: 3.75rem;
 height: .78125rem;
	margin: 0 auto!important;
}
.submit input {
	width: 3.75rem;
 height: .78125rem;
 border-radius: .390625rem;
	color: #fff;
	background: #f10101;
	border: none;
	text-align: center;
}
.guahao article {
	float: right;
	box-sizing: border-box;
	width: 11.23046875rem;
	height: 1.0986328125rem;
	line-height: 1.0986328125rem
}
.fl {
	float: left;
}
.wwiz {
	font-size: 0.375rem;
	line-height: 0.578125rem;
	margin: 0.3125rem 0;
	background: #e5e5e5;
	padding: 0.203125rem;
}
.wwiz span {
	color: #ff0000;
}
#swt {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 998;
	display: none;
	margin: -2.625rem 0 0 -3.90625rem;
	width: 7.8125rem;
	height: 5.25rem;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 0 10px #000;
	opacity: 0;
	transition: opacity .4s
}
#swt.active {
	opacity: 1
}
#swt article {
	position: absolute;
top:-.3515625rem;
right:-.3515625rem;
	overflow: hidden;
width:.703125rem;
height:.703125rem;
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 4px #000
}
#swt h2 {
margin:.40625rem 0 .15625rem 0;
	color: #323232;
	text-align: center;
font-size:.65625rem
}
#swt h3 {
margin-bottom:.40625rem;
	color: #323232;
	text-align: center;
font-size:.375rem
}
#swt section {
	clear: both;
	margin: 0 auto;
	width: 6.25rem
}
#swt section:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: "";
	font-size: 0;
	line-height: 0
}
#swt input[name=tel] {
	float: left;
	box-sizing: border-box;
padding:.15625rem;
	width: 4.21875rem;
	height: 1.1875rem;
	border: 1px solid #323232;
	border-right: none;
	border-radius: 10px 0 0 10px;
font-size:.40625rem;
	line-height: 1.1875rem
}
#swt input[type=submit] {
	float: right;
	box-sizing: border-box;
	width: 2.03125rem;
	height: 1.1875rem;
	border-radius: 0 10px 10px 0;
	background: #323232;
	color: #fff;
	text-align: center;
font-size:.4375rem;
	line-height: 1.1875rem;
	-webkit-appearance: none
}
#swt em {
	position: relative;
margin:0 .15625rem 0 .375rem;
width:.9375rem;
height:.9375rem;
	vertical-align: middle
}
#swt i {
	position: absolute;
top:.03125rem;
right:.046875rem;
width:.375rem;
height:.375rem;
	text-align: center;
font-size:.3125rem;
line-height:.375rem
}
#swt a {
	position: absolute;
	bottom: 0;
	width: 50%;
	height: 1.375rem;
	background: #029829;
	color: #fff;
	line-height: 1.375rem
}
#swt a:first-of-type {
	left: 0;
	border-bottom-left-radius: 10px
}
#swt a:last-of-type {
	right: 0;
	border-bottom-right-radius: 10px;
	background: #f97400
}
.noMt {
	margin-top: 0!important
}
.noMr {
	margin-right: 0!important
}
.noMb {
	margin-bottom: 0!important
}
.noMl {
	margin-left: 0!important
}
.noPt {
	padding-top: 0!important
}
.noPr {
	padding-right: 0!important
}
.noPb {
	padding-bottom: 0!important
}
.noPl {
	padding-left: 0!important
}
.noBt {
	border-top: none!important
}
.noBr {
	border-right: none!important
}
.noBb {
	border-bottom: none!important
}
.noBl {
	border-left: none!important
}
body {
	margin: 0 auto;
	max-width: 640px
}
.common-title {
padding:.375rem 0 .28125rem;
border-top:.46875rem solid #F7E8D3;
	color: #340201;
	text-align: center;
font-size:.625rem
}
