html,body {font-family:Microsoft YaHei,���ź�; height:100%; width:100%;}
body {overflow-x:hidden; margin:0 auto; padding:0; max-width:7.5rem; -moz-user-select:none;-webkit-user-select:none; -ms-user-select:none; user-select:none; overflow-x:hidden; -webkit-overflow-scrolling:touch}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,tr,th,td,img{ padding:0; margin:0; font-size:.28rem;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
ul,ol{list-style:none;}
img { border:none;max-width:100%; border-width:0; margin:0; padding:0; vertical-align:top;margin-top:-1px }
a{text-decoration:none; -webkit-appearance:none; -webkit-tap-highlight-color:transparent; color: #000}
input{ outline: none; border: none}
i,em{ font-style:normal;}
.clear{ clear: both;}
.fl{float: left;}
.fr{float: right;}
input[type=button], input[type=submit], input[type=reset], input[type=file], button,input,select { cursor: pointer; -webkit-appearance: none; }
.clear{
clear:both;
}
.clearfix:after {
visibility: hidden;
display: block;
clear: both;css/public.css
height: 0;
font-size: 0;
content: ".";
}
.clearfix {
zoom: 1;
}
.l{float:left;}
.r{float:right;}
.w690{width:6.9rem;margin:0 auto;}
#LRdiv0{display:none !important}
#whole{
width:7.5rem;
height:auto;
margin:0 auto;
}
/* 顶部 */
.head .head-logo{
height:1.28rem;
background: linear-gradient(0, #f7e3a3, #fef6d1);
box-sizing:border-box;
padding:0.32rem 0 0 0.35rem;
}
.head .head-logo a{
width:0.5rem;
display:inline-block;
}
.head .head-logo .Img-logo{
width: 4.26rem;
padding-left: 0.66rem;
}
.head .head-contarent{
padding-bottom:0.2rem;
background:#ddf6f5;
box-sizing:border-box;
padding:0.26rem 0.17rem 0.2rem;
margin-top:-0.18rem;
border-radius:0.2rem;
}
.head-contarent .head-hospital{
color:#009d9d;
font-size:0.25rem;
text-indent:1em;
line-height:1;
}
.head-contarent .head-info{
height:4.3rem;
background:white;
border-radius:0.2rem;
margin-top:0.18rem;
box-shadow:0.02rem 0 0.17rem #b5d3d2;
box-sizing:border-box;
padding:0.2rem 0 0 0.2rem;
}
.head-info .info-title{
display:flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
padding-right:0.33rem;
}
.info-title .title-left h3{
line-height:1;
color:#333;
font-size:0.36rem;
margin-bottom:0.18rem;
}
.info-title .title-left span{
display:block;
padding:0.09rem 0.15rem;
line-height:1;
font-size:.24rem;
color:#00c8c8;
border-radius:0.1rem;
background:#e6fafa;
margin-right:0.14rem;
float:left;
}
.info-title .title-right{
width:0.88rem;
}
.head-info .top{
height:0.49rem;
line-height:0.49rem;
background:#ffead2;
color:#b36519;
font-size:0.24rem;
padding:0 0 0 0.1rem;
width:4.8rem;
border-radius:0.1rem;
margin-top:0.12rem;
}
.head-info .top img{
width:0.42rem;
vertical-align: text-top;
margin-right:0.05rem;
}
.head-info .introduce{
margin-top:0.28rem;
}
.head-info .introduce dl{
display:flex;
align-items: center;
line-height:1;
color:#333;
margin-bottom:0.22rem;
}
.head-info .introduce dl dt{
font-size:0.29rem;
font-weight:bold;
padding-right:0.11rem;
}
.head-info .introduce dl dd{
font-size:0.24rem;
}
.head-info .introduce dl dd a{
color:#a19f9f;
}
.head-info .introduce dl dd span{
display:block;
padding:0.07rem 0.14rem;
font-size:0.22rem;
color:#7d7d7d;
border-radius:0.1rem;
border:1px solid #7d7d7d;
margin-right:0.1rem;
float:left;
}
.head-contarent .head-serve{
background:white;
border-radius:0.2rem;
margin-top:0.18rem;
box-sizing:border-box;
padding-bottom:0.2rem;
}
.head-serve .serve-title h3{
line-height:1;
color:#333;
font-size:0.29rem;
padding:0.2rem 0 0.2rem 0.2rem;
}
.head-serve .video-box{
width: 6.7rem;
height: 4.3rem;
margin:0 auto;
}
.video-box .box-list{
height:1.83rem;
}
.video-box .box-list video{
width:100%;
object-fit: fill
}
.video-box .btn{
width:0.78rem;
display:flex;
margin: 2.2rem auto 0;
justify-content:space-between;
}
.video-box .btn img{
width:0.24rem;
}
/* .head-serve .gh{
width:6.79rem;
height:1.39rem;
background:#36b3fb;
border-radius:0.1rem;
margin-top:0.2rem;
}
.head-serve .gh a{
display:block;
color:white;
width:100%;
height:100%;
padding:0.35rem 0 0 0.2rem;
background:url("../images/gh-icon.png") no-repeat 5.36rem 0.3rem/1.1rem 1.09rem;
}
.head-serve .gh a h3{
color:white;
line-height:1;
font-size:0.29rem;
}
.head-serve .gh a p{
font-size:0.24rem;
margin-top:0.1rem;
} */
.showText{
width:100%;
height:100%;
background:rgba(0,0,0,0.7);
position:fixed;
top:0;
left:0;
z-index:999999;
display:none;
}
.showText .box{
width:100%;
height:80vh;
background:white;
position:fixed;
bottom:-80vh;
border-radius:0.4rem 0.4rem 0 0;
transition: bottom 0.5s;
}
.showText .box .title{
text-align:center;
font-size:0.35rem;
color:#333;
font-weight:bold;
padding-top:0.2rem;
line-height:1;
}
.showText .box .btn{
position:absolute;
right:0.45rem;
top: 0.16rem;
font-size: 0.38rem;
color:#333;
}
.showText .box .content .tab{
display:flex;
justify-content: space-around;
border-bottom:1px solid #e6e6e6;
margin-top:0.4rem;
}
.showText .box .content .tab div{
font-size:0.32rem;
line-height:1;
padding-bottom:0.2rem;
position:relative;
}
.showText .box .content .tab div.on:after{
content:'';
width:0.4rem;
height:0.06rem;
background:#00c8c8;
position:absolute;
left:0;
right:0;
bottom:-0.07rem;
margin:0 auto;
}
.showText .box .content .tab div.on{
color:#00c8c8;
font-weight:bold;
}
.showText .box .content .cot{
height:69vh;
width:100%;
position:absolute;
bottom:0;
}
@media screen and (min-width: 1201px) {
.showText .box .content .cot{
height:60vh;
}
}
/* 设置了浏览器宽度不小于1201px时 */
@media screen and (max-width:900px) {
.showText .box .content .cot{
height:61vh;
}
}
/* 设置了浏览器宽度不大于1200px时 */
@media screen and (max-width: 559px) {
.showText .box .content .cot{
height:66vh;
}
}
/* 设置了浏览器宽度不大于900px时 */
@media screen and (max-width:433px) {
.showText .box .content .cot{
height:68vh;
}
}
.showText .box .content .cot .swiper-container{
width: 100%;
height: 100%;
}
.showText .box .content .cot .swiper-slide{
height: auto;
color:#333;
box-sizing:border-box;
padding:0 0.2rem;
}
.showText .box .content .cot .swiper-slide h3{
font-size:0.37rem;
line-height:1;
margin-bottom:0.2rem;
}
.showText .box .content .cot .swiper-slide h2{
font-size:0.3rem;
}
.showText .box .content .cot .swiper-slide p{
line-height:1.8;
font-size:0.25rem;
text-indent:2em;
margin-bottom:0.25rem;
}
/* 导航 */
.nav{
margin-top:0.15rem;
border-radius: 0.2rem;
background:#f6f6f6;
padding-top:0.32rem;
padding-bottom:0.11rem;
}
.nav .nav-home{
margin-bottom:0.25rem;
}
.nav .nav-home ul{
display:flex;
width:6.64rem;
margin:0 auto;
justify-content: space-between;
}
.nav .nav-home ul li{
font-size:0.35rem;
position:relative;
}
.nav .nav-home ul li a{
color:#333;
}
.nav .nav-home ul .on:after{
content:'';
width:0.53rem;
height:0.07rem;
background:#18377c;
position:absolute;
bottom:-0.06rem;
left:0;
right:0;
margin:0 auto;
}
.nav .nav-home ul li.on a{
color:#18377c;
font-weight:bold;
}
.nav .yyjs{
width:6.9rem;
text-indent:1em;
margin:0 auto;
}
.nav .yyjs p{
font-size:0.25rem;
color:#333;
line-height:1.5;
}
.nav .jb-nav{
width:7.16rem;
height:11.83rem;
background:#fff;
margin:0.29rem auto 0;
border-radius:0.2rem;
overflow:hidden;
box-shadow:0.02rem 0 0.15rem #b5d3d2;
}
.jb-nav .jb-dh{
line-height:0.75rem;
background:#18377c;
color:white;
font-weight:bold;
font-size:0.35rem;
text-indent:0.2rem;
}
.jb-nav .public-tit{
height:0.81rem;
position:relative;
line-height:0.81rem;
text-indent:0.39rem;
color:#383838;
font-size:0.31rem;
}
.jb-nav .public-tit:after{
content:'';
width:0.06rem;
height:0.39rem;
background:#18377c;
position:absolute;
left:0.21rem;
top:50%;
margin-top:-0.15rem;
}
.jb-nav .public-tit a{
display:block;
float:right;
width:1.64rem;
height:0.45rem;
background:#3bb0ad;
line-height:0.45rem;
text-align:center;
color:white;
border-radius:0.1rem;
vertical-align:text-top;
text-indent: 0;
margin-top:0.19rem;
margin-right:0.26rem;
}
.jb-nav .navs{
height:auto;
width:6.9rem;
margin:0 auto;
border-width:1px 0 1px 0;
border-style:solid;
border-color:#e7e7e7;
padding:0.29rem 0;
}
.jb-nav .navs ul{
display:flex;
flex-wrap:wrap;
}
.jb-nav .navs ul li{
width:33.333333%;
box-sizing:border-box;
height:2.12rem;
border-style:solid;
border-width:0 1px 0 0;
border-color:#e7e7e7;
text-align:center;
}
.jb-nav .navs ul li:nth-child(3n){
border-right:0;
}
.jb-nav .navs ul li:nth-child(n+4){
border-top-width:1px;
}
.jb-nav .navs ul li a{
display:block;
width:100%;
height:100%;
}
.jb-nav .navs ul li img{
display:inline-block;
width:1.09rem;
height:1.09rem;
margin:0.3rem auto 0.16rem;
padding:0;
}
.jb-nav .navs ul li p{
color:#76777a;
font-size:0.25rem;
height:0.3rem;
line-height:0.3rem;
}
/* 贴心服务 */
.intimate{
height:8.8rem;
background:#ddf6f5;
border-radius:0.2rem;
padding:0.23rem 0.18rem 0;
margin-bottom:1rem;
}
.intimate .intimate-serve{
height:3.74rem;
background:white;
border-radius:0.2rem;
box-sizing:border-box;
padding:0.2rem 0.2rem 0 0.2rem;
box-shadow: 0.02rem 0 0.17rem #b5d3d2;
}
.intimate .intimate-serve .serve-title{
line-height:1;
border-bottom:2px solid #f1f1f1;
padding-bottom:0.17rem;
color:#333;
}
.intimate .intimate-serve ul{
display:flex;
margin-top:0.24rem;
justify-content:space-between;
}
.intimate .intimate-serve ul li{
border:0.06rem solid #18377c;
width:2.09rem;
height:2.45rem;
box-sizing:border-box;
}
.intimate .intimate-serve ul li img{
width:1.84rem;
display:block;
margin:0.08rem auto 0.13rem;
}
.intimate .intimate-serve ul li p{
font-size:0.2rem;
text-align:center;
line-height:1.3;
}
.intimate .intimate-environment{
height:4.5rem;
background:white;
border-radius:0.2rem;
box-sizing:border-box;
padding:0.2rem 0.2rem 0 0.2rem;
box-shadow: 0.02rem 0 0.17rem #b5d3d2;
margin-top:0.22rem;
}
.intimate .intimate-environment .serve-title{
line-height:1;
border-bottom:2px solid #f1f1f1;
padding-bottom:0.17rem;
color:#333;
}
.intimate .intimate-environment ul{
display:flex;
margin-top:0.24rem;
flex-wrap:wrap;
justify-content:space-between;
}
.intimate .intimate-environment ul li{
width:2.1rem;
margin-bottom:0.16rem;
}
.head1{
height:1.56rem;
text-align:center;
background:#00cec6;
color:white;
line-height:1;
display:flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
align-content: center;
}
.head1 h3{
font-size:0.38rem;
margin-bottom:0.16rem;
}
.head1 h3 img{
vertical-align: bottom;
width:0.5rem;
margin-right:0.1rem;
}
.head1 p{
font-size:0.26rem;
}
/* 挂号 */
.gh{
padding-top:0.29rem;
}
.gh .gh-b{
padding-bottom:0.32rem;
}
.gh .box .container{
background:#ffffff;
box-sizing:border-box;
padding:0.3rem 0.5rem;
}
.gh .box form .container div {
margin-bottom: 0.39rem; /* 假设每个表单项之间有10px的间距 */
}
.gh .box form .container label{
font-size:0.24rem;
font-weight:bold;
}
.gh .box form .container label.info{
vertical-align: top;
}
.gh .box form .container label span{
color:#d9001b;
}
.gh .box form .container input[type="text"], input[type="tel"], input[type="date"] ,select[name="disease"],select[name="jztime"]{
width:5.04rem; /* 假设输入框宽度为200px，可根据需要调整 */
padding: 0.15rem; /* 假设输入框内边距为5px */
border: 1px solid #ccc; /* 假设输入框边框样式 */
border-radius: 4px; /* 假设输入框有圆角 */
box-sizing:border-box;
display:line-block;
font-size:0.24rem;
color:#858383;
}
.gh .box form .container select[name="disease"]{
background:url("../images/jiantou2.png") no-repeat 4.66rem center/0.15rem 0.14rem;
}
.gh .box form .container textarea{
width:5.04rem; /* 假设输入框宽度为200px，可根据需要调整 */
border: 1px solid #ccc;
border-radius: 0.06rem;
font-size: 0.24rem;
color:#858383;
height: 2.61rem;
resize: unset;
}
.gh .box form input[type="submit"] {
width:6.7rem;
height:0.8rem;
background:#36b3fb;
color:#fff;
margin:0.27rem auto 0;
display:block;
border-radius:0.4rem;
font-size:0.34rem;
}
.gh .box p{
font-size:0.24rem;
color:#333;
text-align:center;
padding:0.29rem 0 0.54rem;
}
.gh .box p>span{
color:#bf0000;
}