/* 疾病搜索 */
.disease-body {
    background-color: #fff;
}
.disease-tab-wraper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 6rem;
    align-items: center;
    height: 62rem;
    background: #F5F5F5;
    border-radius: 10px;
    margin: 0 20rem;
    padding: 6rem;
    box-sizing: border-box;
}
.disease-tab-wraper .tab-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50rem;
    font-size: 26rem;
    color: #666666;
    border-radius: 14px;
}
.disease-tab-wraper .tab-item.active {
    background: #0052FE;
    color: #fff;
}

.disease-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 100%;
}
.disease-content .content-left {
    height: calc(100% - 172rem);
    overflow: hidden;
    overflow-y: auto;
}
.disease-content .content-left {
    background: #F5F5F5;
}
.disease-content .list-item.open {
    background-color: #EFF1F4;
}
.disease-content .item-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28rem 0 28rem 30rem;
    font-size: 28rem;
    color: #4A4A4A;
}
.disease-content .item-link .item-link {
    flex: 1;
}
.disease-content .item-link .arrow_icon {
    flex-shrink: 0;
    width: 20rem;
    height: 10rem;
    background: url(../images/public/top_arrow.png) no-repeat;
    background-position: center center;
    background-size: 20rem 10rem;
    margin-right: 30rem;
    transform: rotate(180deg);
}
.disease-content .list-item.open > .item-link {
    background-color: #F5F5F5;
}
.disease-content .list-item.open > .item-link .arrow_icon {
    transform: rotate(0deg);
}
.disease-content .sub-list {
    overflow: hidden;
    height: 0;
}
.disease-content .list-item.open .sub-list {
    height: auto;
}
.disease-content .sub-list .sub-list-item.active {
    background-color: #fff;
}
.disease-content .sub-list .sub-list-item .disease-list-wraper {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 50%;
    height: calc(100% - 172rem);
    overflow-y: auto;
}
.disease-content .sub-list .sub-list-item.active .disease-list-wraper {
    display: block;
}
.scrollerFooter {
    text-align: center;
    font-size: 20rem;
    color: #666;
    margin-bottom: 20rem;
}
/* 疾病搜索-END */

/* 疾病详情页面 */
.content {
    margin: 0 20rem;
}
.disease-head {
    color: #fff;
    margin: 0 40rem 20rem 40rem;
}
.disease-head h1 {
    font-size: 44rem;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 60rem;
    margin-bottom: 8rem;
}
.disease-head p {
    font-size: 22rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 32rem;
}
.scroll-tab-wraper {
    margin: 20rem 0;
}
.desease-summarize {
    font-size: 30rem;
    color: #676767;
    line-height: 50rem;
    letter-spacing: 1px;
    padding: 20rem;
}
.registration {
    margin-top: 30rem;
}
.registration img {
    width: 100%;
}
.disease-block {
    margin-top: 30rem;
}
.videos-list .videos-item:last-child {
    border-bottom: 2rem dashed #DCDCDC;
}
.related-doctor-swiper {
    margin: 20rem;
}
.related-doctor-swiper .swiper-slide {
    width: 560rem;
}
/* 疾病详情页面-END */