html{ font-size: 10px; }
i{vertical-align: initial;}

.text-center{text-align: center;}
.text-right{text-align: right;}
.color-red{color: red;}

.layui-btn {
    height: 3.8rem;
    line-height: 3.8rem;
    padding: 0 1.8rem;
    font-size: 1.4rem;
    border-radius: 0.2rem;
}
.layui-btn-sm {
    height: 3.0rem;
    line-height: 3.0rem;
    padding: 0 1.0rem;
    font-size: 1.2rem;
}
.layui-btn-xs {
    height: 2.2rem;
    line-height: 2.2rem;
    padding: 0 .5rem;
    font-size: 1.2rem;
}

.layui-input, .layui-select, .layui-textarea {
    height: 3.8rem;
    line-height: 1.3;
    line-height: 3.8rem\9;
    border-radius: .2rem;
}

.layui-card-header {
    height: 4.2rem;
    line-height: 4.2rem;
    padding: 0 1.5rem;
    border-bottom: 1px solid #f6f6f6;
    border-radius: 2px 2px 0 0;
    font-size: 1.4rem;
}
.btn-logout{ background: gray; color: #fff; }

/*display盒子*/
.dis-box {display: -webkit-box;display: -moz-box;display: -ms-box;display: box;}
.box-flex {-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1; display: block; width:100%;}

.layui-card-footer {height: 4.2rem; line-height: 4.2rem; padding: 0 1.5rem;border-top: 1px solid #f6f6f6;color: #333; border-radius: 2px 2px 0 0;font-size: 14px; clear: both;}

/*顶部导航*/
.page-header{ height: 4.8rem; background: #F8F8F8; line-height: 4.8rem; }
.page-header h2{ text-align: center; font-size: 1.8rem; }

/*底部菜单*/

.footer-nav{ position:fixed; bottom:0; width:100%; height: 4.8rem; padding: 7px 0;text-align: center; background: #fff; border-top:1px solid #eee;}
.footer-nav .item i{ font-size:2.4rem;}
.footer-nav .item a{ }
.footer-nav .item p{font-size:1.4rem;}

.footer-nav .layui-container{    padding: 0 15px;}

/*关于我们*/
.about{}
.about img{width: 100%; height: auto;}
.about h2{ font-size: 2.2.rem; text-align: center;color: red; margin: 1.0rem 0; }
.about .content{ padding: 0 1.5rem ; font-size: 1.4rem; text-indent: 2.8rem; line-height: 150%; }
.about .content p { padding: .7rem; }
.about .tel,.about .address { padding: .7px 2rem; height: 3.2rem; /*border-bottom:1px solid #eee;*/ }
.about .tel img, .about .address  img{ width: 2.8rem; height: 2.8rem; }


/* 首页  预约首页*/
.index-nav{position:relative;left:0;top:0;padding:11.0rem 0;min-height:100%;box-sizing:border-box}
.index-nav-main{width:37.5rem;margin:0 auto;box-sizing:border-box;margin-top:1.5rem;text-align: center;}
.index-nav-main-box{padding:2.0rem;}

.index-nav-main .item i{ font-size:3.2rem;color:#3BCCCC;}
.index-nav-main .item a{ }
.index-nav-main .item p{font-size:1.8rem;}

@media screen and (max-width:768px){
	.index-nav{padding-top:0}
	.index-nav-main{width:30rem}
	.index-nav-box{padding:1rem}
}

.index-menu  {}
.index-menu .item { padding: 1.0rem .5rem ; border-bottom: 1px solid #eee; font-size: 1.6rem; }
.index-menu .item { clear: both; }
.index-menu .item a{ display: block; }
.index-menu .item i{ font-size: 2.4rem; vertical-align: sub;}
.index-menu .item i.right{float: right;color: #ccc;}




/*预约提示*/
.appointment-tip{padding: 0 1.5rem;}
.appointment-tip h2{  margin: 10px 0; font-size: 1.6rem; font-weight: bold; text-align: center;}
.appointment-tip .content{  font-size: 1.4rem;  line-height: 150%; }
.appointment-tip .content p { padding: .7rem;font-size: 1.4rem;  }

.appointment-footer {}
.appointment-footer { position:fixed; bottom:0; width:100%; height: 4.8rem; padding: .7rem 0;text-align: center; background: #fff; border-top:1px solid #eee;}
.appointment-footer .next{ text-align: right; line-height: 35px; }
.appointment-footer .next i{ font-size: 32px; color: #ccc;vertical-align:middle; }

@media screen and (min-width: 1200px){
    .appointment-footer {
        width: 1170px;
    }

}

/*科室选择*/
.department{}
.department-list {}
.department-list-item { padding: 1.0rem .5rem ; border-bottom: 1px solid #eee; }
.department-list-item a{ display: block; }
.department-list-item i{float: right;color: #ccc;}

.department-search{ position: relative; margin-top: 1.0rem; }
.department-search ii{ position: absolute; right: 1.0rem; top:.7rem; font-size: 2.2rem; }
.department-search button{ position: absolute; right: 0px; top:0px;padding-right: 1.0rem; font-size: 2.2rem; border: none; }

/*医生列表*/
.appointment-now {}
.appointment-now h2{ height: 4.8rem; line-height: 4.8rem; text-align: center; font-size: 1.8rem;border-bottom: 1px solid #eee; }
.appointment-now .list {}
.appointment-now .list .item{ height: 8.0rem; padding: 1.0rem; border-bottom: 1px solid #eee; position: relative; }
.appointment-now .list .item img{ width: 6.0rem; height: auto; float: left; border-radius: 3rem;}
.appointment-now .list .item .info{ margin-left:7.0rem; padding-top: 1.5rem; color: #155846; }
.appointment-now .list .item a{color: #155846;}
.appointment-now .list .item i{ position: absolute; right: 0; top: 33%; font-size: 3.2rem; color: #ccc; }


.appointment-date .tab-title{ padding: 1.0rem 0; font-size:  1.6rem; border-top: 1px solid #f6f6f9;   border-bottom: 1px solid #F3F4F9;}
.appointment-date .tab-title .active, .appointment-date  .tab-title .active a {    color: blue;}
.appointment-date .list { background: #fff; clear: both; }
.appointment-date .list .item{ height: 8.0rem; padding: 1.0rem; border-bottom: 1px solid #eee; position: relative; }
.appointment-date .list .item img{ width: 6.0rem; border-radius: 3rem; height: auto; float: left;}
.appointment-date .list .item .info{ margin-left:7.0rem; padding-top: 1.5rem; color: #155846; }
.appointment-date .list .item a{color: #155846;}
.appointment-date .list .item i{ position: absolute; right: 0; top: 33%; font-size: 3.2rem; color: #ccc; }

.appointment-date .date-container{}
.appointment-date .date-container ul{}
/*
.appointment-date .date-container ul li{ width: 14.1%; float: left; text-align: center; }
*/
.appointment-date .date-container .layui-card-body { padding: 1.0rem; }
.appointment-date .date-container .active p{      border-radius: 1.2rem;   background-color: #00a0ea;color: #fff; }
.appointment-date .date-container .swiper-container {width: 100%;height: auto;}
.appointment-date .date-container .swiper-slide {  }

.appointment-date .date-container .swiper-slide  strong{ display: block; }

.appointment-doctor .header {
    height: 8.0rem;
    background-image: url(../images/bg-doctor.jpg);
    background-size: 100% 100%;
    border-bottom: 1px solid #cdcdcd;
    font-size: 1.6rem;
    color: #fff
 }   

.appointment-doctor .header{  padding: 1.0rem; border-bottom: 1px solid #eee; position: relative; }
.appointment-doctor .header .info{ margin-left:7.0rem; }
.appointment-doctor .header h3{ padding-top: 1.5rem; }
.appointment-doctor .header img{ width: 6.0rem; height: auto; float: left;}

.appointment-doctor .header a{color: #fff;}
.appointment-doctor .header a{ display: block; position: absolute; right: .2rem; top: 35%; font-size: 1.6rem; }

.appointment-list{ font-size: 1.5rem; }
.appointment-list .item{  padding: 1.0rem; height: 4.2rem; border-bottom: 1px solid #eee;text-align: center; }

/* 登录 注册*/
.layadmin-user-login{position:relative;left:0;top:0;padding:110px 0;min-height:100%;box-sizing:border-box}
.layadmin-user-login-main{width:375px;margin:0 auto;box-sizing:border-box;margin-top:50px}
.layadmin-user-login-box{padding:20px}
.layadmin-user-login-header{text-align:center}
.layadmin-user-login-header h2{margin-bottom:10px;font-weight:300;font-size:2.4rem;color:#000}
.layadmin-user-login-header p{font-weight:300;color:#999}
.layadmin-user-login-body .layui-form-item{position:relative}
.layadmin-user-login-icon{position:absolute;left:1px;top:1px;width:38px;line-height:36px;text-align:center;color:#d2d2d2}
.layadmin-user-login-body .layui-form-item .layui-input{padding-left:38px}
.layadmin-user-login-codeimg{max-height:38px;width:100%;cursor:pointer;box-sizing:border-box}
.layadmin-user-login-other{position:relative;font-size:0;line-height:38px;padding-top:20px}
.layadmin-user-login-other>*{display:inline-block;vertical-align:middle;margin-right:10px;font-size:14px}
.layadmin-user-login-other .layui-icon{position:relative;top:2px;font-size:26px}
.layadmin-user-login-other a:hover{opacity:.8}
.layadmin-user-jump-change{float:right}
.layadmin-user-login-footer{position:absolute;left:0;bottom:0;width:100%;line-height:30px;padding:20px;text-align:center;box-sizing:border-box;color:rgba(0,0,0,.5)}
.layadmin-user-login-footer span{padding:0 5px}
.layadmin-user-login-footer a{padding:0 5px;color:rgba(0,0,0,.5)}
.layadmin-user-login-footer a:hover{color:#000}
.layadmin-user-login-main[bgimg]{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.05)}
.ladmin-user-login-theme{position:fixed;bottom:0;left:0;width:100%;text-align:center}
.ladmin-user-login-theme ul{display:inline-block;padding:5px;background-color:#fff}
.ladmin-user-login-theme ul li{display:inline-block;vertical-align:top;width:64px;height:43px;cursor:pointer;transition:all .3s;-webkit-transition:all .3s;background-color:#f2f2f2}
.ladmin-user-login-theme ul li:hover{opacity:.9}
@media screen and (max-width:768px){.layadmin-user-login{padding-top:0}
.layadmin-user-login-main{width:300px}
.layadmin-user-login-box{padding:10px}
}

/* 登录 注册 结束*/


.pay-appointment{ font-size: 1.6rem; }
.pay-appointment h2{ padding: 1.0rem; color:red; font-size: 1.8rem; font-weight: 400; border-bottom: 1px solid #ccc;}
.pay-appointment .item{  padding: .5rem 1.0rem; height: auto; line-height: 3.2rem; border-bottom: 1px solid #ccc;background: #eee; word-break:break-all; }
.pay-appointment .title{  padding: .5rem; height: 1.5rem; line-height: 1.5rem;  border-bottom: 1px solid #ccc;  }
.pay-appointment .pay-type{ padding: 1rem; height: 3.2rem; line-height: 3.2rem; border-bottom: 1px solid #eee; }
.pay-appointment .pay-type img{ width: 3.2rem; height: auto;}
.pay-appointment .botton{padding: 1.0rem .7rem;}


.patient-child{ font-size: 1.6rem; word-break:break-all; }

.patient-child .realname{ font-size: 1.6rem; font-weight: bold;}
.patient-child .avatar { float: left; }
.patient-child .avatar img{ width: 6.0rem;height: auto; }

.patient-child .info {margin:1.0rem 0 0 7rem;}

.patient-child .layui-form-radio{ margin: 0;font-size: 1.6rem; }
.patient-child .layui-card{ margin-bottom: 1.0rem; }
.patient-child .layui-card-footer{ font-size: 1.6rem;}
.patient-child .layui-card-footer i{ font-size: 1.8rem; }
.patient-child .layui-card-footer a{ margin-left: .7rem; }

.patient-child-info h2{ padding: 1.5rem 0; font-size: 1.8rem; text-align: center; }
.patient-child-footer{ 
    position: fixed;display: block;width: 100%;height: 4.0rem;bottom: 6.3rem; background: #f3f3f3;
    border-top: 1px solid #f6f6f9;
    left: 0;
    right: 0;
    z-index: 11;
    text-align: center;
}

.user-center{  }
.user-header{ padding: 1.5rem 0 ; padding-top:5rem ;border-bottom: 1px solid #eee;}
.user-header .avatar { float: left; }
.user-header .avatar img{ width: 8.0rem;height: auto; }
.user-header .info {margin:0px 0 0 9rem; font-size: 16px;}
.user-header .info h3{ padding-top: 1rem;font-size: 18px;}
.user-header .info p{ margin-top: 1.5rem; }
.user-header .info p i{ font-size: 1.8rem; }


.user-menu  {}
.user-menu .item { padding: 1.0rem .5rem ; border-bottom: 1px solid #eee; font-size: 1.6rem; }
.user-menu .item { clear: both; }
.user-menu .item a{ display: block; }
.user-menu .item i{ font-size: 2.6rem; vertical-align: sub;}
.user-menu .item i.right{float: right;color: #ccc;}

.user-doctor-follow .item{}
.user-doctor-follow .item{ font-size: 1.6rem; }
.user-doctor-follow .item .realname{ font-size: 1.6rem; font-weight: bold;}
.user-doctor-follow .item .avatar { float: left; }
.user-doctor-follow .item .avatar img{ width: 6.0rem;height: auto; }
.user-doctor-follow .item .info {margin:0px 0 0 7.0rem;}
.user-doctor-follow .item .button { position: absolute; top: 1.0rem;right: 1.5rem; }
.user-doctor-follow .item .button a{ display: block;margin-left: 0px;margin-bottom: 0.5rem; }
.user-doctor-follow .layui-card-body{ overflow: hidden; }


.doctor-info .header {
    height: 8.0rem;
    background-image: url(../images/bg-doctor.jpg);
    background-size: 100% 100%;
    border-bottom: 1px solid #cdcdcd;
    font-size: 1.6rem;
    color: #fff
 }   

.doctor-info .header{  padding: 1.0rem; border-bottom: 1px solid #eee; position: relative; }
.doctor-info .header .info{ margin-left:7.0rem; }
.doctor-info .header h3{ padding-top: 1.5rem; }
.doctor-info .header img{ width: 6.0rem; height: auto; float: left;}

.doctor-info .header a{color: #fff;}
.doctor-info .header a{ display: block; position: absolute; right: 2.0rem; top: 35%; font-size: 1.6rem; }
.doctor-info .header a i{color: #fff; font-size: 3.2rem;}
.doctor-info .header .layui-icon-heart-fill{ color: red; }
.doctor-info .layui-card{ margin-bottom: 1.5rem; }

 .tab-title {
    position: static;
    border-top: 1px solid #f6f6f9;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
    text-align: center;
    width: 100%;
    background: #fff;
    padding: 1.0rem; font-size:  1.6rem; border-top: 1px solid #f6f6f9;   border-bottom: 1px solid #F3F4F9;
}
.tab-title li {
    height: 1.8rem;
    line-height: 1.8rem;
    box-sizing: border-box;
    border-right: 1px solid #F3F4F9;
}
.tab-title li:last-of-type {
    border-right: 0;
}
.tab-title .active, .tab-title .active a {
    color: #EC5151;
}

.user-appointment {padding-top:5.0rem}
.user-appointment .tab-title{ padding: 1.0rem 0; font-size:  1.6rem; border-top: 1px solid #f6f6f9;   border-bottom: 1px solid #F3F4F9;}
.user-appointment .layui-card{ margin-bottom: 1.0rem; }
.user-appointment .layui-card-header strong { font-size: 1.6rem; }