* {
	margin: 0;
	padding: 0;
}

em,
i {
	font-style: normal
}

ul,
ol,
li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #333;
}

body,html{
	background: #f7f7f7;
	height: 100vh;
	overflow: hidden;
}
input,button{
	outline: none;
}
.main {
	width: 7.5rem;
	margin: 0 auto;
	font-family: "微软雅黑";
	color: #333;
	font-size: 0.28rem;
	overflow-x: hidden;
	height: calc(100vh - 1.6rem);	
	background: #ededed;
}

.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	zoom: 1;
}

.headerFix {
	/* position: fixed;
	left: 50%;
	margin-left: -3.75rem;
	top: 0;
	z-index: 999; */
	width: 7.5rem;
	margin: 0 auto;
}

.headTop {
	width: 100%;
	height: 0.88rem;
	background: #0389ff;
	padding-top: 0.55rem;
}

.headTop_left {
	display: block;
	width: 0.22rem;
	float: left;
	margin-left: 0.4rem;
	margin-top: 0.07rem;
}

.headTop h3 {
	display: block;
	float: left;
	margin-left: 1.5rem;
	color: #fff;
	text-align: center;
	font-size: 0.36rem;
}

.headTop_right {
	display: block;
	width: 0.56rem;
	float: right;
	margin-right: 0.35rem;
	margin-top: 0.1rem;
}

.zndz_header {
	width: 7.5rem;
	height: 1.25rem;
	background: #fff;
	font-size: 0.36rem;
	color: #242424;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.zndz_header img {
	position: absolute;
	width: 0.18rem;
	left: 0.3rem;
	top: 0.5rem;
}

.zndz_list {
	width: 7.1rem;
	padding: 0.15rem 0.2rem;
	color: #b3cefb;
	background: #0389ff;
	position: relative;
}

.zndz_list span {
	color: #808080;
}

.zndz_jd {
	padding: 0.25rem 0.3rem 1rem;	
}
.ysjj{
	height: 3.08rem;
	background: url(../img/bg.png) no-repeat center;
	background-size: 100% 100%;
	margin-bottom: 0.5rem;
}
.ysjj .box1{
	display: flex;
	padding: 0.22rem 0.2rem;
	box-sizing: border-box;
}
.ysjj .box1 img{
	width: 1.14rem;
	height: 1.14rem;
	margin-right: 0.25rem;
}
.ysjj .box1 .p1{
	font-size: 0.38rem;
	color: #000;
}
.ysjj .box1 .p2{
	font-size: 0.26rem;
	color: #000;
	line-height: 0.46rem;
}
.ysjj .box1 .p3{
	font-size: 0.24rem;
	color: #979797;
	line-height: 0.42rem;
}
.ysjj .box2{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.2rem 0.3rem;
	border-top: 1px solid #ededed;
}
.ysjj .box2 p{
	color: #979797;
	font-size: 0.23rem;
}
.ysjj .box2 p span{
	background-color: #63c6c7;
	border-radius: 0.3rem;
	padding: 0.05rem 0.1rem;
	color: #ffffff;
}
.zndz_doctorSend {
	width: 100%;
	margin-top: 0.4rem;
}

.zndz_doctorSend img {
	display: block;
	width: 0.78rem;
	float: left;
}

.zndz_doctorSend .msg {
	display: block;
	float: left;
	background: #fff;
	padding: 0.2rem;
	border-radius: 0.1rem;
	max-width: 5.22rem;
	margin-left: 0.28rem;
	line-height: 0.44rem;
}

.zndz_userSend {
	width: 100%;
	margin-top: 0.4rem;
}

.zndz_userSend img {
	display: block;
	width: 0.78rem;
	float: right;
}

.zndz_userSend .msg {
	display: block;
	float: right;
	background: #63c6c7;
	padding: 0.2rem;
	border-radius: 0.1rem;
	max-width: 5.22rem;
	margin-right: 0.28rem;
	line-height: 0.44rem;
	color: #fff;
}

#jgChatDiv {
	width: 7.5rem;
	background: #fff;
	position: fixed;
	left: 50%;
	margin-left: -3.75rem;
	bottom: 0;
	z-index: 999;
	box-shadow: 0 0 20px #e3dfdf;
}
#jgChatDiv .inner{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1rem;
}
.sendLine {
	width: 7.1rem;
	padding: 0.2rem 0.2rem;
	display: flex;
	align-items: center;
}
#jgChatDiv .inner span{
	margin: 0 0.5rem;
}
.sendLine input {
	display: block;
	width: 5.2rem;
	padding-left: 0.3rem;
	height: 0.7rem;
	border: none;
	font-size: 0.28rem;
}

.sendLine button {
	display: block;
	float: right;
	width: 1.5rem;
	height: 0.62rem;
	background: none;
	border: none;
	font-size: 0.28rem;
	color: #fff;
	border-radius: 0.3rem;
	background-color: #63c6c7;
}

.zxLine {
	width: 7.1rem;
	padding: 0.1rem 0.2rem;
}

.zxLine div {
	float: left;
}

.zxLine div img {
	display: block;
	width: 0.42rem;
	float: left;
}

.zxLine div p {
	float: left;
	margin-left: 0.05rem;
}

.zndz_qiuck {
	width: 100%;
	margin-top: 0.45rem;
}

.zndz_qiuck_ts img {
	display: block;
	width: 2.64rem;
	margin: 0 auto;
}

.zndz_qiuck_choose {
	width: 3.2rem;
	margin-left: 1.2rem;
	margin-top: 0.2rem;
}

.zndz_qiuck_choose {
	display: block;	
	height: 0.62rem;
	padding: 0 0.2rem;
	text-align: center;
	background-color: #63c6c7;
	color: #fff;
	line-height: 0.62rem;
	border-radius: 0.4rem;
}


#zndz_ys {
	width: 100%;
	padding: 0.35rem 0 0.5rem 0;
	padding-top: 1.5rem;
	display: none;
}

#zndz_ys img {
	display: block;
	width: 100%;
}

#zndz_zd {
	width: 100%;
	padding: 0.35rem 0 0.5rem 0;
	padding-top: 1.5rem;
	display: none;
}

#zndz_zd .doctorList {
	width: 100%;
	margin-top: 0.3rem;
	overflow-x: scroll;
}

#zndz_zd .doctorList li {
	display: block;
	width: 1.7rem;
	height: 1.7rem;
	float: left;
	margin-left: 0.2rem;
}

#zndz_zd .doctorList ul {
	width: 19rem;
}

#zndz_zd .doctorList ul>li:first-child {
	margin-left: 0;
}

#zndz_zd .doctorList li img {
	display: block;
	width: 100%;
	box-shadow: 0 3px 0.2rem 0 rgba(0, 0, 0, .08);
}

.zndz_zd_header {
	width: 4.3rem;
	padding: 0.1rem 1.6rem;
	background: #525252;
}

.zndz_zd_header1 {
	color: #fff;
	float: left;
}

.zndz_zd_header2 {
	color: #b8b8b8;
	float: right;
}

.zndz_zd_ts {
	display: block;
	width: 5.7rem;
	margin: 0 auto;
	margin-top: 0.3rem;
}

#zndz_zd ul li p {
	width: 1.2rem;
	float: left;
	text-align: right;
	margin-top: 0.08rem;
}

#zndz_zd ul li input {
	width: 5.2rem;
	height: 0.6rem;
	padding-left: 0.14rem;
	background: #fff;
	font-size: 0.28rem;
	border-radius: 3px;
	border: 1px solid #30A3FF;
	margin-left: 0.2rem;
	box-shadow: 0 3px 0.2rem 0 rgba(0, 0, 0, .08);
}

#zndz_zd ul li input::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #30A3FF;
}

#zndz_zd ul li input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #30A3FF;
}

#zndz_zd ul li input:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #30A3FF;
}

.choose_time {
	margin-top: 0.6rem;
	width: 100%;
	height: 0.9rem;
	position: relative;
}

.choose_time input {
	display: block;
	width: 3.5rem;
	margin: 0 auto;
}

.postPhoto {
	width: 4.4rem;
	margin: 0 auto;
	margin-top: 0.65rem;
	background: #fff;
	border-radius: 0.1rem;
}

.postPhoto span {
	display: block;
	width: 3.36rem;
	margin: 0 auto;
	padding: 0.25rem 0;
	text-align: center;
	border-bottom: 1px dashed #dcdcdc;
}

.postPhoto>span:last-child {
	border-bottom: none;
}

.chooseAge {
	width: 100%;
	margin-top: 0.3rem;
}

.chooseAge select {
	width: 3rem;
	height: 0.5rem;
	font-size: 0.28rem;
	display: block;
	float: left;
	margin-left: 1.07rem;
	background: #fff;
	border: 1px solid #AAAAAA;
}

.chooseAge button {
	display: block;
	width: 1rem;
	height: 0.5rem;
	float: left;
	margin-left: 0.3rem;
	border: 1px solid #AAAAAA;
	background: #EAEAEA;
}

.tempWrap {
	overflow-x: scroll !important;
	overflow-y: hidden !important;
}

#doctorList li {
	width: 6.3rem;
	padding: 0.15rem 0.2rem 0.3rem 0.2rem;
	margin: 0 auto;
	margin-top: 0.45rem;
	box-shadow: 0 3px 0.2rem 0 rgba(0, 0, 0, .08);
	border-radius: 0.1rem;
}

.doctorList_left {
	width: 0.93rem;
	float: left;
}

.doctorList_right {
	width: 5.2rem;
	float: right;
}

.doctorList_left img {
	display: block;
	width: 100%;
}

.doctorList_right span {
	display: block;
	width: 100%;
	margin-top: 0.15rem;
}

.doctorList_right>span:first-child {
	margin-top: 0;
}

.doctorList_right span h3 {
	font-size: 0.36rem;
	display: inline-block;
}

.doctorList_right span small {
	font-size: 0.28rem;
	display: inline-block;
}

.doctorList_right span .line2 {
	display: block;
	width: 0.64rem;
	float: left;
	margin-top: 0.03rem;
}

.doctorList_right span h4 {
	display: block;
	font-size: 0.24rem;
	float: left;
	margin-left: 0.15rem;
	font-weight: normal;
	margin-top: 0.03rem;
}

.doctorList_right span .line4 {
	display: block;
	width: 1.64rem;
	float: left;
	margin-top: 0.07rem;
}

.doctorList_right span b {
	display: block;
	float: left;
	margin-left: 0.1rem;
	color: #ff6050;
}

.doctorList_right span dd {
	display: block;
	float: left;
	margin-left: 0.2rem;
	color: #9b9b9b;
}

.doctorList_right span p {
	color: #555555;
}

.doctorList_right span em {
	display: block;
	float: left;
	color: #555555;
	margin-left: 0.15rem;
	font-size: 0.26rem;
}

.doctorList_right span>em:first-child {
	margin-left: 0;
}
#tel,.biao button{
	display: block;
	width: 4.1rem;
	height: 0.62rem;
	margin: 0.2rem auto;
	box-sizing: border-box;
	border-radius: 0.4rem;
	text-align: center;
	border: none;
}
.biao button{
	background-color: #63c6c7;
	color: #fff;
}
#tel{
	background-color: #ededed;
}
#tel::input-placeholder{
	color: #474747;
}
.sub-nav .btns{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 0.2rem;
}
.sub-nav ul{
	padding-top: 0.6rem;
	height: 4.6rem;
	overflow-y: auto;
}
.sub-nav li{
	color: #666;
	text-align: center;
	font-size: 0.3rem;
	line-height: 0.6rem;
	border-bottom: 1px solid #eee;
}
.sub-nav li.on{
	color: #2D98FF;
}
.nav,.sub-nav{
	/* display: none; */
	position: fixed;
	left: 0;
	right: 0;
	bottom: -100%;
	background: #fff;
	z-index: 999999999;
	padding: 0.2rem;
	height: 5rem;
	border-top-left-radius: 0.2rem;
	border-top-right-radius: 0.2rem;
}
.btns{
	height: 0.5rem;
	display: flex;
	background: #fff;
	align-items: center;
	justify-content: space-between;
}
.btns button{
	color: #2D98FF;
	font-size: 0.3rem;
	border: none;
	outline: none;
	background: none;
}
.btns button.cancel{
	color: #666;
}
.bg{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	z-index: 99;
}