:root {
    /* 主题色 */
    --index-main-color: #dccfc7;
    --index-main-bg-color: #dccfc7;
    --index-main-font-size: 1rem;
    --index-main-border-color: #dadada;
    --index-main-btn-bg-color: linear-gradient(180deg, #c77110 0%, #a15a0a 100%);
    --index-main-btn-color: #c77110;
}

* {
    padding: 0;
    margin: 0;
}

body {
    max-width: 46.875rem;
    margin: 0 auto;
    padding-bottom: 3.75rem;
}

a {
    color: var(--index-main-btn-color);
    text-decoration: none;
}

a:visited {
    color: var(--index-main-btn-color);
}

/* 底部导航 */
.index-tab-bar {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #fff;
    border-top: .0625rem solid var(--index-main-border-color);
    z-index: 99999;
    display: flex;
    align-items: center;
    padding: .3125rem 0;
}

.index-tab-bar .tab-bar-item {
    width: calc(100% / 4);
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .875rem;
}

.index-tab-bar .tab-bar-item.border-right {
    border-right: .0625rem solid var(--index-main-border-color);
}

.tab-bar-item .tab-bar-item-icon {
    width: 1.875rem;
    height: 2.125rem;
}

.tab-bar-item .tab-bar-item-icon.icon1 {
    background: url(https://video.lezhenliao.com/default/zdyzrgsz-h5/tabbar/home.jpg) no-repeat;
    background-size: 1.875rem 2.125rem;
}

.tab-bar-item .tab-bar-item-icon.icon2 {
    width: 5rem;
    background: url(https://video.lezhenliao.com/default/zdyzrgsz-h5/tabbar/dhwz.gif) no-repeat;
    background-size: 3.75rem 2.125rem;
    background-position: 1.25rem 0;
}

.tab-bar-item .tab-bar-item-icon.icon3 {
    width: 3.75rem;
    background: url(https://video.lezhenliao.com/default/zdyzrgsz-h5/tabbar/zxwz.gif) no-repeat;
    background-size: 2.6875rem 2.125rem;
    background-position: 1.25rem 0;
}

.tab-bar-item .tab-bar-item-icon.icon4 {
    width: 3.125rem;
    background: url(https://video.lezhenliao.com/default/zdyzrgsz-h5/tabbar/nav.png) no-repeat;
    background-size: 10rem auto;
    background-position: -4.5625rem 0;
}

.top-logo-image,
.index-title-card-image {
    display: block;
    width: 100%;
}

/* 轮播图 */
.index-top-swiper {
    position: relative;
    width: 100%;
    height: 15rem;
    --swiper-theme-color: var(--index-main-color);
    --swiper-pagination-color: var(--index-main-color);
    overflow: hidden;
}

.index-top-swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.index-top-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 出诊医院 */
.visit-hospital-box {
    width: 100%;
    padding: .625rem .375rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-bottom: .0625rem solid var(--index-main-border-color);
}

.visit-hospital-box .hospital-icon-image {
    color: var(--index-main-btn-color);
    font-size: 1.25rem;
    margin-right: .25rem;
}

.visit-hospital-box .visit-hospital-text {
    line-height: 1.25rem;
    font-size: var(--index-main-font-size);
}

/* 出诊日历 */
.visit-calendar-box {
    width: 100%;
    padding: .625rem;
    box-sizing: border-box;
}

.visit-calendar-box table {
    width: 100%;
    border-collapse: collapse;
    border: .0625rem solid #000000;
}

.visit-calendar-box table tr {
    border-bottom: .0625rem solid #000000;
}

.visit-calendar-box table th {
    background-color: var(--index-main-bg-color);
}

.visit-calendar-box table th,
.visit-calendar-box table td {
    width: calc(100% / 8);
    border-right: .0625rem solid #000000;
    text-align: center;
    font-size: .875rem;
    padding: .25rem 0;
}

.visit-calendar-box .visit-calendar-btn {
    background: var(--index-main-btn-bg-color);
    color: #ffffff;
    border: none;
    font-size: .75rem;
    padding: .125rem .3125rem;
    border-radius: .3125rem;
}

/* 主任介绍 */
.index-title-card {
    width: 100%;
    padding: .625rem;
    box-sizing: border-box;
    background-color: var(--index-main-bg-color);
}

.index-title-card .doctor-name-en {
    display: inline-block;
    background: #e9e0d7;
    border-left: .125rem solid #be6d14;
    font-size: var(--index-main-font-size);
    font-weight: bold;
    color: #fff;
    text-indent: .25rem;
    padding-right: .25rem;
}

.index-title-card .doctor-name-zh-box {
    margin-top: .625rem;
}

.index-title-card .doctor-name-zh-box .doctor-name-zh,
.index-title-card .doctor-name-zh-box .doctor-title {
    vertical-align: bottom;
}

.index-title-card .doctor-name-zh-box .doctor-name-zh {
    font-size: 1.5rem;
    color: var(--index-main-btn-color);
    margin-right: .25rem;
}

.doctor-introduce-box {
    width: 100%;
    padding: .625rem;
    box-sizing: border-box;
    text-align: justify;
}

.doctor-introduce-box .doctor-introduce-title {
    font-weight: bold;
}

.doctor-introduce-box .doctor-introduce-content {
    text-align: justify;
}

.index-title-card .index-yuyue-btn {
    width: 100%;
    padding: .625rem 1.25rem;
    box-sizing: border-box;
}

.index-title-card .index-yuyue-btn button {
    width: 100%;
    height: 2.5rem;
    font-size: var(--index-main-font-size);
    border: none;
    border-radius: 1.25rem;
    color: #ffffff;
    background: var(--index-main-btn-bg-color);
}

.index-title-card .index-yuyue-tel-box {
    width: 100%;
    padding: 0 .625rem;
    box-sizing: border-box;
}

.index-title-card .index-yuyue-tel-box img {
    width: 100%;
}

/* 门诊实录 */
.index-title-card.index-mzsl {
    width: 100%;
    display: flex;
    padding: .625rem .3125rem;
}

.index-title-card.index-mzsl .index-mzsl-left {
    width: calc(100% / 3);
    margin-right: .3125rem;
}

.index-title-card.index-mzsl .index-mzsl-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.index-title-card.index-mzsl .index-mzsl-right .index-mzsl-right-top {
    display: flex;
}

.index-title-card.index-mzsl .index-mzsl-right .index-mzsl-right-top img {
    width: calc(100% / 2.03);
}

.index-title-card.index-mzsl .index-mzsl-right .index-mzsl-right-top img:first-child {
    margin-right: .3125rem;
}

.index-title-card.index-mzsl .index-mzsl-right .index-mzsl-right-bottom {
    width: 100%;
    margin-top: .3125rem;
}

/* 社会荣誉 */
.index-title-card .index-title-card-content {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: .625rem;
}

.index-title-card .index-title-card-content .doctor-image {
    width: 50%;
}

.index-title-card .index-title-card-content .doctor-honor-box .doctor-honor-item {
    display: flex;
    margin-bottom: .625rem;
}

.index-title-card .index-title-card-content .doctor-honor-box .doctor-honor-item:last-child {
    margin-bottom: 0;
}

.index-title-card .index-title-card-content .doctor-honor-box .doctor-honor-item img {
    width: 1.25rem;
    min-width: 1.25rem;
    height: 1.25rem;
}

/* 远程看诊优势 */
.index-title-card .index-yckzys-text {
    margin-bottom: .625rem;
    text-align: justify;
    text-indent: 2rem;
}

.index-title-card .index-yckzys-content.content-zhankai {
    height: 6.5625rem;
    overflow: hidden;
}

.index-title-card .index-yckzys-more {
    text-align: center;
    margin: .625rem 0;
}

.index-title-card .index-yckzys-more span,
.index-title-card .index-lfys-more span {
    color: var(--index-main-btn-color);
    font-size: var(--index-main-font-size);
}

/* 疗法优势 */
.index-title-card .index-lfys-content {
    width: 100%;
}

.index-title-card .index-lfys-content h2,
.index-title-card .index-lfys-content h3 {
    text-align: center;
}

.index-title-card .index-lfys-content h2 {
    padding-bottom: .625rem;
}

.index-title-card .index-lfys-content h3 {
    padding: .625rem 0;
}

.index-title-card .index-lfys-content p {
    text-indent: 2rem;
    text-align: justify;
    margin-bottom: .625rem;
}

.index-title-card .index-lfys-more {
    text-align: center;
    margin: .625rem 0;
}

.index-title-card .index-lfys-content.content-zhankai {
    height: 11rem;
    overflow: hidden;
}

/* 视频推荐 */
.index-title-card .index-doctor-video-box {
    width: 100%;
}

.index-title-card .index-doctor-video-box video {
    margin-bottom: .625rem;
}

/* 底部 */
.index-title-card .index-footer-top {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: .625rem;
}

.index-title-card .index-footer-top .wx-qrcode-image {
    width: 10rem;
}

.index-title-card .index-footer-bottom {
    width: 100%;
    font-size: .875rem;
    text-align: center;
}