
[v-cloak] {
	display:none;
}

/******************************/

.mobile-split {
	border-bottom:0.12rem solid #EEE;
}
.mobile-tips {
	position:relative;
	z-index:99;
	margin:0.2rem 0.15rem;
}
.mobile-tips b {
	display:inline-block;
	height:0.24rem;
	line-height:0.24rem;
	color:#999;
	font-size:0.15rem;
	padding-left:0.22rem;
	background:url(../images/mobile/icon-tips.png) no-repeat 0 2px;
	background-size:0.18rem auto;
}
.show-error label.error, .show-success {
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:999;
	display:block;
	height:24px;
	line-height:0.24rem;
	color:#F1A29A;
	font-size:0.15rem;
	padding-left:0.22rem;
	background:url(../images/mobile/icon-warm.png) #FFF no-repeat 0 2px;
	background-size:0.18rem auto;
}
.show-success {
	color:#6C0;
	background-image:url(../images/mobile/icon-success.png);
}

/******************************/

.border-top,
.border-left,
.border-right,
.border-bottom {
	position:relative;
}
.border-top:before,
.border-left:before,
.border-right:after,
.border-bottom:after {
	content:'';
	position:absolute;
	display:block;
}
.border-top:before {
	top:0;
	left:0;
	right:0;
	border-top:0.01rem solid #DDD;
	transform:scaleY(0.5);
}
.border-left:before {
	top:0;
	left:0;
	bottom:0;
	border-left:0.01rem solid #DDD;
	transform:scaleX(0.5);
}
.border-right:after {
	top:0;
	right:0;
	bottom:0;
	border-right:0.01rem solid #DDD;
	transform:scaleX(0.5);
}
.border-bottom:after {
	left:0;
	right:0;
	bottom:0;
	border-bottom:0.01rem solid #DDD;
	transform:scaleY(0.5);
}

/******************************/
/* index style!*/
/******************************/

.index-user {
	position:relative;
	border-bottom:0.12rem solid #F5F5F5;
}
.index-user:before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	display:block;
	border-top:0.01rem solid #E6E6E6;
	transform:scaleY(0.5);
}
.index-user .top {
	position:relative;
	height:1.2rem;
	padding-top:0.6rem;
	background:url(../images/mobile/index-bg.png) no-repeat center bottom;
	background-size:100% auto;
}
.index-user .top .set {
	position:absolute;
	top:0;
	right:0;
	display:block;
	color:#FFF;
	font-size:0.15rem;
	opacity:0.8;
	padding:0.15rem;
	padding-left:0.24rem;
	background:url(../images/icon-wechat.png) no-repeat 0 45%;
	background-size:0.2rem auto;
}
.index-user .top .explain {
	position:absolute;
	top:0;
	left:0;
	display:block;
	color:#FFF;
	font-size:0.15rem;
	opacity:0.8;
	padding:0.15rem;
}
.index-user .top .pic {
	overflow:hidden;
	width:1.2rem;
	height:1.2rem;
	margin:0 auto;
	border-radius:50%;
	border:0.04rem solid #FFF;
	box-shadow:0 -0.03rem 0.2rem RGBA(0, 0, 0, 0.1);
}
.index-user .con {
	text-align:center;
	margin:0.15rem 0 0.2rem 0;
}
.index-user .con .name {
	height:0.28rem;
	line-height:0.28rem;
	margin:0.1rem 0 0.15rem 0;
}
.index-user .con .name b {
	font-size:0.24rem;
}
.index-user .con .name .age {
	display:inline-block;
	color:#333;
	font-size:0.16rem;
	vertical-align:top;
	margin-left:0.1rem;
	padding:0 0.3em;
	background:#EEE;
}
.index-user .item {
	display:table;
	width:100%;
}
.index-user .con ul {
	display:table-row;
}
.index-user .con li {
	display:table-cell;
}
.index-user .con li:last-child {
	width:45%;
}
.index-user .con li b {
	display:inline-block;
	color:#38C0D8;
	padding-left:0.26rem;
	background:url(../images/mobile/icon-id.png) no-repeat;
	background-size:0.22rem auto;
}
.index-user .con li.phone b {
	background-image:url(../images/mobile/icon-tel.png);
}
.index-user .con li p {
	margin-top:0.03rem;
}

.index-user .con .bind-tips p {
	color:#999;
	margin-bottom:0.06rem;
}

/******************************/

.index-nav {
	display:table;
	table-layout:fixed;
	width:100%;
	text-align:center;
	border-collapse: collapse;
	border-spacing: 0;
}
.index-nav ul {
	display:table-row;
}
.index-nav li {
	position:relative;
	display:table-cell;
}
.index-nav li:before,
.index-nav ul:last-child li:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:1;
	display:block;
	transform:scaleY(0.5);
	border-top:0.01rem solid #DDD;
}
.index-nav ul:last-child li:after {
	top:auto;
	bottom:0;
}

/******************************/

.index-nav li a {
	position:relative;
	display:block;
	padding:0.15rem 0;
}
.index-nav li a:after {
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	z-index:1;
	display:block;
	transform:scaleX(0.5);
	border-right:0.01rem solid #DDD;
}
.index-nav li:last-child a:after {
	border:0;
}
.index-nav li i {
	display:block;
	width:0.32rem;
	margin:0 auto;
}
.index-nav li b {
	display:block;
	margin-top:0.08rem;
}

/******************************/
/* check-hd style!*/
/******************************/

.check-hd {
	position:relative;
	position:relative;
	padding:0.12rem 0.15rem;
	background:#FFF;
}
.check-hd .title {
	position:relative;
	padding-left:0.24rem;
	background:url(../images/mobile/check-hd-gray.png) no-repeat 0 45%;
	background-size:0.20rem auto;
}
.check-hd .title.on {
	background-image:url(../images/mobile/check-hd.png);
}
.check-hd .more {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
}
.check-bd {
	position:relative;
	color:#666;
	background:#FFF;
}
.check-bd:before,
.check-bd:after {
	content:'';
	display:block;
	border-top:0.01rem solid #DDD;
	transform:scaleY(0.5);
}
.check-bd .box {
	padding:0.12rem 0.15rem;
}

/******************************/
/* make-1 style!*/
/******************************/

.hospital-list li {
	position:relative;
	border-bottom:0.12rem solid #F1F1F1;
	background:#FFF;
}
/*.hospital-list li:after {
	content:'';
	display:block;
	border-bottom:0.01rem solid #E6E6E6;
	transform:scaleY(0.5);
}*/
.hospital-list li .item {
	position:relative;
	display:block;
	padding:0.15rem 0.3rem 0.08rem 0.14rem;
}
.hospital-list li .item:before {
	content:'';
	position:absolute;
	top:0;
	right:0.12rem;
	bottom:0;
	display:block;
	width:0.14rem;
	opacity:0.3;
	background:url(../images/icon-arrow.png) no-repeat right 50%;
	background-size:0.14rem auto;
}
.hospital-list li .pic {
	float:left;
	width:0.32rem;
	height:0.32rem;
	line-height:0.16rem;
	color:#FFF;
	text-align:center;
	font-size:0.14rem;
	padding:0.08rem;
	margin-right:-100%;
	border-radius:50%;
	background:#E44535;
}
.hospital-list li .con {
	margin-left:0.58rem;
}

/******************************/

.hospital-list li .title {
	position:relative;
	line-height:1.318;
	color:#38C0D8;
	font-size:0.17rem;
}

/******************************/

.hospital-list li .address {
	margin-top:0.06rem;
	padding-left:0.22rem;
	background:url(../images/mobile/icon-address-gray.png) no-repeat 0 0.03rem;
	background-size:0.18rem auto;
}

/******************************/

.hospital-list li .tel {
	position:relative;
	display:block;
	height:0.4rem;
	line-height:0.4rem;
	margin:0 0 0 0.72rem;
}
.hospital-list li .tel i {
	float:left;
	padding-left:0.22rem;
	background:url(../images/mobile/icon-tel-gray.png) no-repeat 0 47%;
	background-size:0.18rem auto;
}
.hospital-list li .tel:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	display:block;
	border-top:0.01rem solid #E6E6E6;
	transform:scaleY(0.5);
}

/******************************/
/* make-2 style!*/
/******************************/

.button-next {
	width:100%;
	border-radius:0;
	box-shadow:0 -0.05rem 0.2rem RGBA(0, 0, 0, 0.05);
}
.hospital-map {
	padding:0.12rem 0.15rem;
	background:#FFF;
}
.hospital-map .address {
	color:#666;
	font-size:0.15rem;
	padding-left:0.2rem;
	margin-top:0.08rem;
	background:url(../images/mobile/icon-address-gray.png) no-repeat 0 0.02rem;
	background-size:0.18rem auto;
}
.hospital-map .tel {
	position:relative;
	font-size:0.15rem;
	white-space:nowrap;
	margin-top:0.05rem;
}
.hospital-map .tel a {
	display:block;
	color:#666;
	padding-left:0.2rem;
	background:url(../images/mobile/icon-tel-gray.png) no-repeat 0.01rem 0.04rem;
	background-size:0.16rem auto;
}
.hospital-map .tel a b {
	color:#38C0D8;
}

/******************************/
/* make-3 style!*/
/******************************/

.package-base {
	position:relative;
	display:block;
	color:#666;
	margin-bottom:0.1rem;
}
.package-base:after {
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	display:block;
	width:0.2rem;
	background:url(../images/mobile/icon-radio.png) no-repeat right 45%;
	background-size:0.2rem auto;
}
.package-base.on:after {
	background-image:url(../images/mobile/icon-radio-on.png);
}

.set-meal {
	background:#FFF;
}
.set-meal .tips {
	text-align:center;
	font-size:0.18rem;
	padding-top:0.15rem;
}
.set-meal li {
	overflow:hidden;
	margin:0.12rem 0;
}
.set-meal li .item {
	position:relative;
	display:block;
	color:#FFF;
	padding:0.15rem 0.1rem;
	border-radius:0.1rem;
	background:#009688;
}
.set-meal li .title {
	color:#FFF;
	padding-right:0.4rem;
}
.set-meal li .info {
	font-size:0.15rem;
	padding:0.25em 0.75em 0 0.5em;
}
.set-meal li .order {
	position:absolute;
	top:0.5em;
	right:-1.5em;
	width:6em;
	color:#FFF;
	text-align:center;
	font-size:0.12rem;
	padding:0.2em 0 0.1em 0;
	transform:rotate(45deg);
	box-shadow:0 0 0.1rem RGBA(0, 0, 0, 0.1);
	background:#F90;
}

/******************************/
/* person-list style!*/
/******************************/

.person-list li:after {
	content:'.';
	display:block;
	clear:both;
	line-height:0;
	visibility:hidden;
}
.person-list li:before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	display:block;
	border-top:0.01rem solid #DDD;
	transform:scaleY(0.5);
}
.person-list li {
	position:relative;
	padding:0.15rem;
}
.person-list li .item {
	display:block;
}
.person-list li .pic {
	float:left;
	width:0.6rem;
	line-height:0.6rem;
	color:#FFF;
	text-align:center;
	font-size:0.2rem;
	opacity:0.5;
	margin-right:-100%;
	border-radius:50%;
	background:#6CF;
}
.person-list li .con {
	float:left;
	margin-left:0.75rem;
}
.person-list li .con .name {
	font-size:0.19rem;
}
.person-list li .con .name .sex,
.person-list li .con .name .sex2 {
	display:inline-block;
	width:0.21rem;
	height:0.21rem;
	color:#FFF;
	text-align:center;
	font-size:0.14rem;
	margin-left:0.05rem;
	background:#38C0D8;
}
.person-list li .con .name .sex2 {
	background:#F9C;
}
.person-list li .con .phone,
.person-list li .con .idcard {
	color:#666;
	margin:0.05rem 0;
	padding-left:0.26rem;
	background:url(../images/mobile/icon-tel-gray.png) no-repeat 0 45%;
	background-size:0.18rem auto;
}
.person-list li .con .idcard {
	background-image:url(../images/mobile/icon-id-gray.png);
}

/******************************/
/* check-report style!*/
/******************************/

.check-report li:before {
	content:'';
	position:absolute;
	top:-0.01rem;
	left:0;
	right:0;
	display:block;
	border-top:0.01rem solid #DDD;
	transform:scaleY(0.5);
}
.check-report li:after {
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	display:block;
	border-top:0.01rem solid #DDD;
	transform:scaleY(0.5);
}
.check-report li {
	position:relative;
	padding:0 0.15rem;
	margin-bottom:0.12rem;
	background:#FFF;
}
.check-report li .head:before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	display:block;
	border-top:0.01rem solid #DDD;
	transform:scaleY(0.5);
}
.check-report li .head {
	position:relative;
	color:#666;
	font-size:0.14rem;
	padding:0.12rem 0;
	background:#FFF;
}
.check-report li .head .state {
	position:absolute;
	top:50%;
	right:0.15rem;
	margin-top:-0.12rem;
}
.check-report li .item:after {
	content:'.';
	display:block;
	clear:both;
	line-height:0;
	visibility:hidden;
}
.check-report li .item {
	display:block;
	padding:0.15rem 0;
}
.check-report .pic {
	float:left;
	width:0.4rem;
	line-height:0.18rem;
	color:#FFF;
	text-align:center;
	opacity:0.5;
	padding:0.1rem;
	margin-right:-100%;
	border-radius:50%;
	background:#6CF;
}
.check-report li .con {
	float:left;
	margin-left:0.75rem;
}
.check-report li .con .title {
	font-size:0.18rem;
}
.check-report li .con .info {
	color:#666;
	margin-top:0.05rem;
}

/******************************/
/* check-detail style!*/
/******************************/

.check-detail {
	position:relative;
}
.check-detail .menu:before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	display:block;
	border-bottom:0.01rem solid #DDD;
	transform:scaleY(0.5);
}
.check-detail .menu:after {
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	display:block;
	border-right:0.01rem solid #DDD;
	transform:scaleX(0.5);
}
.check-detail .menu {
	position:relative;
	float:left;
	width:0.5rem;
	margin-right:-100%;
	box-shadow:0.05rem 0 0.1rem RGBA(0, 0, 0, 0.05);
	background:#FFF;
}
.check-detail .menu li a:after {
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	display:block;
	border-bottom:0.01rem solid #DDD;
	transform:scaleY(0.5);
}
.check-detail .menu li a {
	position:relative;
	display:block;
	width:0.2rem;
	min-height:3em;
	line-height:1.25;
	color:#666;
	text-align:center;
	padding:0.1rem 0.15rem;
}
.check-detail .menu li.on a {
	z-index:999;
	color:#FFF;
	background:#38C0D8;
}
.check-detail .menu li.on a:after {
	display:none;
}
.check-detail .detail {
	margin-left:0.49rem;
}
.check-detail .detail ul {
	display:none;
}
.check-detail .detail ul.on {
	display:block;
}
.check-detail .detail li {
	position:relative;
	padding:0.18rem 0.15rem 0.18rem 0.2rem;
}
.check-detail .detail li:after {
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	display:block;
	border-bottom:0.01rem solid #DDD;
	transform:scaleY(0.5);
}
.check-detail .detail .title {
	position:relative;
}
.check-detail .detail .title.on {
	padding-right:1.2rem;
}
.check-detail .detail .title b {
	display:inline-block;
	color:#38C0D8;
	margin-right:0.1rem;
}
.check-detail .detail .title span.value:before,
.check-detail .detail .title span.value:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:999;
	display:block;
	border-bottom:0.01rem solid #999;
	transform:scaleY(0.5);
}
.check-detail .detail .title span.value:after {
	top:auto;
	bottom:0;
}
.check-detail .detail .title span.value {
	position:absolute;
	top:0.02rem;
	right:0;
	display:block;
	height:0.21rem;
	line-height:0.21rem;
	color:#FFF;
	font-size:0.14rem;
	padding-left:0.5em;
	background:#999;
}
.check-detail .detail .title span.value i:after {
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	display:block;
	border-right:0.01rem solid #999;
	transform:scaleX(0.5);
}
.check-detail .detail .title span.value i {
	position:relative;
	float:right;
	min-width:1em;
	color:#666;
	text-align:center;
	padding:0 0.5em;
	margin-left:0.5em;
	background:#FFF;
}
.check-detail .detail .title span.explain {
	display:block;
	color:#999;
}
.check-detail .detail .info b {
	font-size:0.2rem;
}
.check-detail .detail .info i {
	color:#999;
	font-size:0.14rem;
}


























