html {
  font-size: 20vw; 
  background: #fff;
  padding: 0; margin: 0; border: 0; vertical-align: baseline;
}
@media screen and (min-width: 640px) {
    html {
      font-size: 108px; } }
@media screen and (max-width: 640px) {
    html {
        font-size: 75px; } }
@media screen and (max-width: 320px) {
    html {
      font-size: 64px; } }


body{
    background: #ebebeb;
    max-width:640px;
    min-width:320px;
    padding:0;
    margin:0 auto;
    font-size:0.2em;
    color:#000;
    font-family: 'Microsoft YaHei';
    overflow: auto;
}
img,div{
  border: 0 none;
  vertical-align: top;
  width:100%;
  margin:0 auto;
 }
i, em {
  font-style: normal; 
}
input, select, textarea,button, h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0; 
}
a, a:visited ,a:hover {
  text-decoration: none;
  color:#000;
 }
li,ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
.header{
    width:100%;
    margin:0 auto;
}
.nav-menu{
    border-bottom: #f0f0f0 solid 1px;
}
.nav-menu ul{
    display: -webkit-flex;
    display: flex;
    width:100%;
    margin:0;
    padding:0;
    max-width: 640px;
}
.nav-menu ul li{
    flex:1;
    border-right:#8d8d8d solid 1px;
    text-align: center;
    height:27px;
    line-height: 27px;
    font-size: 0.2rem;
    margin: 0.1rem auto;
}
.nav-menu ul li:last-child{
    border-right:none;
}
.txtMarquee-left{ position:relative; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;width:100%;height:0.54rem;}
/* .txtMarquee-left .hd{ overflow:hidden;  height:30px;   } */
.txtMarquee-left .imgbox{float:left;width:10%;height:0.32rem;}
.txtMarquee-left .imgbox img{height:100%;width:auto;}
.txtMarquee-left .bd{ padding:0.11rem;width:99%;float: left;}
.txtMarquee-left .bd .tempWrap{ width:86%!important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; float: left;}
.txtMarquee-left .bd ul li{ margin-right:15px;  float:left; height:0.32rem; line-height:0.32rem;  text-align:left; _display:inline; width:auto !important; font-size:0.18rem; }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
/* .txtMarquee-left .bd ul li span{ color:#999;  } */
.nav{width:100%;margin:0.12rem 0 0;border-bottom: 1px solid #f0f0f0; }
.nav ul{display: -webkit-flex;display: flex;width: 100%;padding:0;margin: 0;}
.nav ul li{flex:1;
    margin:0 0.12rem;
}
.nav ul li p{text-align: center;font-size:0.18rem;font-weight:500;margin-top:0.06rem;}
/* .doctor{
    background-color:#f0f0f0;
    height:auto;
    width:100;
    margin:0 auto;
} */

.guahao-from{
    border:#e3e3e3 1px solid;
    border-radius: 5px;
    width:94%;
    height:auto;
    margin:0.1rem auto;
}
.guahao-from h4{
    font-size:0.22rem;
    color:#000;
    height: 26px;
    line-height: 26px;
}
.guahao-from div{
    margin:0.1rem auto;
    width:90%;
    height:auto;
    font-size: 0.2rem;
    color:#b6b6b6;
}
.guahao-from input{
    font-size: 0.2rem;
    color:#b6b6b6;
    border:#b6b6b6 1px solid;
    width:100%;
    height:0.5rem;
    padding-left:0.2rem;

}
.guahao .disease{
    width:94%;
    margin:0.1rem auto;
    border: #e3e3e3 1px solid;
    border-radius: 5px;
}
.disease textarea{
    width:100%;
    border:none;
    border-radius: 5px;
    padding:0.1rem;
    font-size: 0.2rem;
}
.guahao button{
    width:94%;
    margin-left:3%;
    margin-bottom: 0.1rem;
    background-color: #088b8f;
    color:#fff;
    border: none;
    border-radius: 20px;
    height:0.54rem;
    font-size: 0.22rem;
}
input::-webkit-input-placeholder{
            color:#b6b6b6;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#b6b6b6;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#b6b6b6;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#b6b6b6;
        }
textarea::-webkit-input-placeholder{
            color:#b6b6b6;
        }
        textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#b6b6b6;
        }
        textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#b6b6b6;
        }
        textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#b6b6b6;
        }
.tequan {
    width:96%;
    margin:0 auto;
    height:auto;
    background-color: #fff;
    text-align: center;
}
.tequan h2{
    margin:0 auto 0.1rem;
    padding-top:0.3rem;
}
.tequan-xm ul{
    display: -webkit-flex;
    display: flex;
}
.tequan-xm ul li{
    flex:1;
    background-color: #ebebeb;
    border-radius: 5px;
    text-align: center;
    margin:0.1rem;
   padding:0.09rem 0;
}
.tequan-xm ul li a{
    font-size: 0.15rem;
    margin:0;
    padding:0;
}
.anli-box .hd ul{
    width:100%;
    display: -webkit-flex;
    display: flex;
    padding:0;
    margin:0.2rem auto;
}
.anli-box .hd ul li{
    flex:1;
    color:#000;
    font-size: 0.2rem;
    text-align: center;
    /* height:0.4rem;
    line-height: 0.4rem; */
    padding:0.12rem 0;
    background-color: #dddddd;
}
.anli-box .hd ul li.on{
    border: none;
    color: #fff;
    background-color: #088b8f;
}
.anli-box .bd ul{
    width:100%;
    margin:0 auto;
    padding:0 ;
}
.anli-box .bd ul li{
    width:100%;
}
.anli-box .bd ul li img{
    width:100%;
}

.anli-box .bd .anli-text{
position: relative;
height:auto;
margin:0.2rem auto 0.3rem;
width:100%;
font-size:0.18rem;
}
/* .anli-box .bd .anli-text .zixun{
    position: absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
    width:2.3rem;
    height:0.4rem;
    text-align: center;
}
.anli-box .bd .anli-text .zixun .zixun-btn{
    position: relative;
    width:100%;
    height:0.4rem;
}
.anli-box .bd .anli-text .zixun .zixun-btn .zixun-btn-text{
    position: absolute;
    width:100%;
    height:auto;
    top:0;
    left:0;
}
.anli-box .bd .anli-text .zixun .zixun-btn a{
    height:0.4rem;
    line-height: 0.38rem;
    color:#fff;
    font-size:0.2rem;
    text-align: center;
    
} */
.address{
    width:100%;
    margin: 0 auto;
    height:auto;
    display: -webkit-flex;
    display: flex;
    padding: 0 0 0.2rem;
}
.address-left{
    flex:1;
    text-align: center;
    padding:0 0.06rem;
}
.address-right{
    flex: 5;
    text-align: left;
    color:#6e6e6e;

}
.address-right h3{
    margin:0.35rem 0 0.05rem;
}
@media screen and (max-width: 320px) {
    .address-right h3{
        margin:0.1rem 0 0.05rem;}
    }
.address-right h4{
    color: #088b8f;
    margin:0.05rem 0;
}
.address-right p{
    margin:0.02rem 0;
    font-size:0.15rem;
}
.shuxian{
    width:1px;
    background: #088b8f;
    margin:0.05rem auto;
}
@media screen and (min-width: 640px) {
    .shuxian3{
        height:1.0rem!important;}
    }
@media screen and (min-width: 370px) {
    .shuxian3{
        height:1.70rem!important;}
    }
@media screen and (min-width: 410px) {
    .shuxian3{
        height:1.1rem!important;}
    }
.ditu{
   width:96%!important;
   padding-bottom:1.6rem!important;
   margin:0 auto!important;
   background:#fff!important;
}


.tequan-btn{
    display: flex;
    display: -webkit-flex;
    width:100%;
    margin:0.4rem auto;
   /*  background-color:#f0f0f0; */
}
.tequan-btn a{
    width:42%;
    margin:0 4%;
    color:#fff;
    background-color: #088b8f;
    border-radius: 30px;
    font-size:0.18rem;
}


.list{
    width:96%;
    height:auto;
    margin:0 auto;
}
.list dd{
    border-bottom:1px #636363 dashed;
    padding:0.12rem 0;
    width:100%;

}
.list dd:first-child{
    border-top:1px #636363 dashed;
}
.list dd a{
   color:#636363;
   font-size:0.2rem;
   /* margin-left:-0.1rem; */
}
.list dd i{
    float:right;
    color:#636363;
}
.list dd li{
    list-style-type: disc;
    color: #088b8f;
}
.title{
    background-color: #088b8f;
    color:#fff;
    width:100%;
    margin:0 auto;
    height:0.52rem;
    position: relative;
}