/*轮播图*/
.BannerBox {
    height: 3.86rem;
}

.BannerBox img {
    width: 100%;
}

.BannerBox .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: .25rem;
}



/*选项卡*/
.action_menu {
    line-height: 0;
    font-size: 0;
    background: #fff;
}

.placeholder_bg {
    width: 100%;
    height: .14rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: url("../../images/index/placeholder_bg.png") no-repeat;
    background-size: cover;
}

.menu_box {
    padding: .3rem;
}

.img_large {
    border-bottom: .01rem solid #EFEFEF;
}

.menu_box ul {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: space-between;
}

.menu_box li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    align-items: center;
    line-height: 1;
    text-align: center;
}

.img_large li img {
    display: block;
    width: 1.16rem;
    height: 1.18rem;
    margin: 0 auto;
    margin-bottom: .05rem;
}

.img_small li img {
    display: block;
    width: .76rem;
    height: .76rem;
    margin: 0 auto;
    margin-bottom: .05rem;
}

/*新闻跑马灯*/
.news_box {
    width: 100%;
    height: 1.32rem;
    background: url("../../images/index/img_jkttbg@2x.png") no-repeat;
    background-size: contain;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.news_box .left_img {
    width: .84rem;
    height: .84rem;
}

.news_box .right_list {
    font-size: .28rem;
    color: #777;
    height: .84rem;
    overflow: hidden;
    width: 4.6rem;
    line-height: 1.5;
    position: relative;
    background: transparent;
}

.news_box .right_list li:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #777;
    border-radius: 50%;
    margin-right: .1rem;
    position: absolute;
    left: 0;
}

.news_box .right_list li {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    padding-left: .2rem;
}

.news_box .right_list li > span {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*广告*/
.img_top {
    height: 1.6rem;
    width: 100%;
}

.img_bottom {
    height: 1.4rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.img_bottom img {
    height: 100%;
    width: 3.36rem;
}

/*健康推荐*/

.index_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    height: auto;
    padding: 0;
}

.index_title > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.index_title .icon_right {
    display: inline-block;
    width: .36rem;
    height: .36rem;
    background: url("../../images/index/icon_fanhx@2x.png") no-repeat;
    background-size: contain;
    margin-left: .1rem;
}

/*科室推荐*/
.office_list ul {
    display: flex;
    flex-wrap: wrap;
}

.office_list ul > li {
    width: 1.54rem;
    height: .5rem;
    position: relative;
    margin-right: .2rem;
    margin-bottom: .2rem;
}

.office_list ul > li:nth-child(4n) {
    margin-right: 0;
}

.office_list li > a {
    display: flex;
    width: 100%;
    height: 100%;
    border: .02rem solid #C8DCEE;
    background: #F1FAFF;
    border-radius: 25px;
    align-items: center;
    justify-content: center;
}

.office_list li > a .icon_hot {
    display: block;
    width: .3rem;
    height: .3rem;
    background: url("../../images/index/icon_hot.png") no-repeat;
    background-size: contain;
    position: absolute;
    right: -5px;
    top: -5px;
}

/*广告*/
.advertising_box {
    background: #fff;
}

.advertising_box > a {
    display: block;
}

/*医生推荐*/
.DocRecommend {
    background: #fff;
    padding: .3rem;
}

.slide_list {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    line-height: 1;
}

.slide_list ul {
    display: flex;
    justify-content: flex-start;
}

.slide_list li {
    min-width: 1.46rem;
    max-width: 1.46rem;
    font-size: 0;
    margin-right: .28rem;
    float: left;
}

.slide_list li:last-child {
    margin-right: 0;
}

.slide_list li > a {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.slide_list li p {
    width: 100%;
}

.slide_list li span {
    padding-left: .1rem;
}

.slide_list li img {
    display: block;
    height: 1.46rem;
    border-radius: 6px;
}

.slide_list li .product_name {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: .24rem;
    color: rgba(128, 128, 128, 1);
    line-height: 1.3;
}

.slide_list li .doc_price {
    font-size: .26rem;
    color: #FA5339;
    display: flex;
    align-items: center;
}

/*常见疾病*/
.illness_list ul {
    display: flex;
    flex-wrap: wrap;
}

.illness_list ul > li {
    height: .5rem;
    margin-right: .2rem;
    margin-bottom: .2rem;
    padding: .14rem .28rem;
    border: .02rem solid #C8DCEE;
    background: #F1FAFF;
    border-radius: 25px;
}

.illness_list li > a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

/*医院推荐*/
.hospital_list {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    line-height: 1;
}

.hospital_list > ul {
    display: flex;
    justify-content: flex-start;
}

.hospital_list li {
    min-width: 3.14rem;
    max-width: 3.14rem;
    float: left;
    margin-right: .1rem;
}

.hospital_list li > a {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
}

.hospital_list li > a .hos_img {
    width: 100%;
    height: 2.27rem;
}

.hospital_list li > a .hos_img > img {
    height: 100%;
    border-radius: 8px;

}

.hospital_list li > a .hos_name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hospital_list li > a .hos_type span {
    font-size: .22rem;
    color: rgba(83, 120, 155, 1);
    padding: .06rem .14rem;
    background: rgba(241, 250, 255, 1);
    border-radius: 4px;
    margin-right: .1rem;
}
.hospital_list li > a .hos_type span:last-child{
    margin-right: 0;
}
.hospital_list li > a .hos_addr {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*发现新闻列表*/
.find_box {
    background: #fff;
    font-size: 0;
    line-height: 1;
    padding-bottom: .4rem;
}

.tab_container {
    height: .87rem;
    width: 100%;
    position: relative;
    background: #Fff;
}

.tab_container.scroll {
    position: fixed;
    top: .88rem;
    left: 0;
    right: 0;
    z-index: 999;
}

.tab_box {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    overflow-x: auto;
    line-height: 1;
    padding: 0 0.3rem;
    border-bottom: 0.01rem solid #E6E6E6;

}

.tab_box .list_box {
    flex-grow: 1;
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    line-height: 1;
    height: 100%;
}

.tab_box .list_box > ul {
    display: flex;
    justify-content: flex-start;
    height: 100%;
}

.tab_box .list_box li {
    font-size: .3rem;
    color: rgba(153, 153, 153, 1);
    margin-right: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    position: relative;
    white-space: nowrap;
}

.tab_box .list_box li.active {
    font-size: .36rem;
    color: rgba(20, 141, 255, 1);
}

.tab_box .list_box li.active:after {
    content: "";
    width: .44rem;
    height: .06rem;
    background: rgba(20, 141, 255, 1);
    border-radius: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.tab_box .list_box > li:last-child {
    margin-right: 0;
}

.tab_box .slide_btn {
    width: .36rem;
    height: .36rem;
    background: url("../../images/index/icon_sdg@2x.png") no-repeat;
    background-size: contain;
}

.tab_box .slide_btn.slide {
    background-image: url("../../images/index/icon_sdg_s@2x.png");
}

/*展开列表*/
.hide_list_bg {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 1.76rem;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.hide_list > ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    background: #fff;
    z-index: 99;
}

.hide_list li {
    width: 1.56rem;
    height: .56rem;
    margin-right: .2rem;
    margin-bottom: .2rem;
    background: url("../../images/index/icon_bankdbsk@2x.png") no-repeat;
    background-size: contain;
    font-size: .28rem;
    color: rgba(33, 33, 33, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hide_list li:nth-child(4n) {
    margin-right: 0;
}

.hide_list li.active {
    color: rgba(20, 141, 255, 1);
}

/*新闻列表*/
.NewsList {
    background: #fff;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 1;
}

.NewsList ul {
    padding: 0 0.3rem;
}

.NewsList li {
    padding: .3rem 0;
    border-bottom: 0.01rem solid #EBEBEB;
}

.NewsList li > a {
    display: block;
    width: 100%;
    height: 100%;
}

.NewsList li .newTitle {
    color: #333333;
    line-height: 1.3;
}

.NewsList li .newTime {
    color: #999999;
    display: flex;
    justify-content: space-between;
}

/*一张图片的样式*/
.NewsList li.img1 > a {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.NewsList li.img1 a > div {
    height: 1.88rem;
}

.NewsList li.img1 .newImg {
    display: block;
    min-width: 2.5rem;
    max-width: 2.5rem;
    margin-left: .2rem;
}

.NewsList li.img1 .newImg > img {
    max-height: 100%;
    min-height: 100%;
    max-width: 100%;
    min-width: 100%;
}

.NewsList li.img1 .newMess {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}

/*三张图片的样式*/
.NewsList li.img2 .newImg,
.NewsList li.img3 .newImg {
    display: flex;
    justify-content: space-between;
    height: 1.74rem;
}

.NewsList li.img2 .newImg > p,
.NewsList li.img3 .newImg > p {
    flex-grow: 1;
    height: 100%;
    margin-right: .12rem;
}

.NewsList li.img2 .newImg > p:last-child,
.NewsList li.img3 .newImg > p:last-child {
    margin-right: 0;
}

.NewsList li.img2 .newImg img,
.NewsList li.img3 .newImg img {
    height: 100%;
}