/* banner背景图、搜索框、分类导航 */
.section-1{
    background: url(/static/index/pc/images/index_1_bg.webp) no-repeat center;
    background-size: 100% 100%;
}
.section-1 .box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.section-1 .box1{
    width: 320px;
    margin-top: 90px;
    margin-left: 30px;
    position: relative;
    min-width: 245px;
}
.section-1 .box1 .search{
    width: 100%;
height: 45px;
opacity: 1;
border-radius: 22.5px;
background: rgba(255, 255, 255, 1);
border: none;
padding: 9px 20px;
}
.section-1 .box1 .search::placeholder{
    font-size: 18px;
font-weight: 400;
letter-spacing: 0px;
line-height: 26.06px;
color: rgba(0, 0, 0, 0.2);
}
.section-1 .box1 button {
    position: absolute;
    right: 20px;
    top: 12px;
    width: 22px;
    height: 22px;
    background: url(/static/index/pc/images/search.webp) no-repeat;
    background-size: auto;
    background-size: 100%;
    border: none;
    cursor: pointer;
  }
.section-1 .box2{
    width: 290px;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
  
    justify-content: space-between;
    gap: 40px;
    background: rgba(255, 255, 255, 1);
}

.section-1 .box2 .fast_nav .tit{
    height: 28px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 26.06px;
    color: rgba(255, 131, 185, 1);
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}
.section-1 .box2 .fast_nav .tit:before{
    content: "";
    display:block;
    width: 20px;
    height: 20px;
}
.section-1 .box2 .fast_nav:nth-child(1) .tit:before{
    background: url(/static/index/pc/images/yiyuan-icon.webp) no-repeat center;
    background-size: 100% 100%;
   
}
.section-1 .box2 .fast_nav:nth-child(2) .tit:before{
    background: url(/static/index/pc/images/jibin_icon.webp) no-repeat center;
    background-size: 100% 100%;
   
}
.section-1 .box2 .fast_nav:nth-child(3) .tit:before{
    background: url(/static/index/pc/images/bk_icon.webp) no-repeat center;
    background-size: 100% 100%;
   
}
.section-1 .box2 .fast_nav .list{
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    justify-content: space-between;
    margin-top: 7px;
}
.section-1 .box2 .fast_nav .list a{
    display: block;
    width: 80px;
height: 30px;
mix-blend-mode: multiply;
text-align: center;
opacity: 1;
border-radius: 8px;
background: rgba(255, 242, 248, 1);
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 30px;
color: rgba(0, 0, 0, 0.5);
}
/* 热门话题 */
.section-2 {
    margin-top: 20px;
}
.section-2 .hot_topic{
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.03); 
    padding: 20px;
    display: flex;
align-items: center;
justify-content: space-between;
    overflow: hidden;
}
.section-2 .img{
    width: 172px;
    height: 52px;
    flex: 0 0 auto
}
.section-2 .list{
    flex: 0 0 auto;
}
.section-2 .list li{
    width: 319px;
}
.section-2 .list{
    width: 958px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 16px;
    justify-content: space-between;
}
.section-2 .list a{
    display: block;
    height: 22px;
    font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 20px;
color: rgba(0, 0, 0, 0.4);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* 优秀专科医生 */
.section-3{
    margin-top: 30px;
}
.section-3 .content{
    margin-top: 36px;
    display: flex;
    justify-content: space-between;
}
.section-3 .content .box1{
    display: flex;
gap: 20px;
align-items: start;
}
.section-3 .content .box1 .item{
    width: 270px;
    padding: 20px;
    border-radius: 10px;
background: rgba(250, 250, 250, 1);
position: relative;
}
.section-3 .content .box1 .item:nth-child(2){
    width: 285px;
}
.section-3 .content .box1 .item::before{
    content: '';
    display: block;
    width: 117px;
    height: 111px;
    background: url(/static/index/pc/images/doctor_icon.webp) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 20px;
    top: -11px;
}
.section-3 .content .box1 .img{
    width: 70px;
height: 70px;
opacity: 1;
border-radius: 120px;
overflow: hidden;
margin-bottom: 10px;
}
.section-3 .content .box1 .en{
    height: 32px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 28px;
    color: rgba(255, 125, 179, 1); 
}
.section-3 .content .box1 .cn{
    height: 32px;
    opacity: 0.8;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 28px;
    color: rgba(16, 16, 18, 1);
}
.section-3 .content .box1 .des{
    opacity: 0.5;
font-size: 18px;
font-weight: 400;
letter-spacing: 0px;
line-height: 36px;
color: rgba(0, 0, 0, 1);
margin: 10px 0 18px;
display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.section-3 .content .box1 .item:nth-child(2) .des{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.section-3 .content .box1 button{
    display: block;
    width: 180px;
height: 50px;
opacity: 1;
border-radius: 40px;
background: rgba(255, 255, 255, 1);
border: none;
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 50px;
color: rgba(255, 125, 179, 1);
margin: 0 auto;
}
.section-3 .content .box2{
    width: 315px;
    border-radius: 10px;
background: rgba(255, 247, 251, 1);
padding: 20px;
position: relative;
top: -21px;
overflow: hidden;
}
.section-3 .content .box2 .tit{
    height: 22px;
opacity: 0.8;
font-size: 20px;
font-weight: 900;
letter-spacing: 0px;
line-height: 20px;
color: rgba(0, 0, 0, 1);
}
.section-3 .content .box2 .des{
    opacity: 0.5;
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 20px;
color: rgba(0, 0, 0, 1);
margin: 6px 0 10px;
}
.section-3 .content .box2 .yy_swiper{
    border-radius: 20px;
background: rgba(255, 255, 255, 1);
padding: 15px;
}
.section-3 .content .box2 .yy_swiper .swiper-pagination-bullet{
    width: 5px;
height: 5px;
opacity: 1;
background: rgba(255, 207, 228, 1);
}
.section-3 .content .box2 .yy_swiper .swiper-pagination-bullet-active{
    background: rgba(250, 105, 168, 1);
}
.section-3 .content .box2 .yy_swiper .item{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: start;
}
.section-3 .content .box2 .yy_swiper .item:nth-child(2n){
    margin: 14px 0 0;
    padding-top: 14px;
    border-top:  1px dashed rgba(255, 166, 203, 0.5);
}
.section-3 .content .box2 .yy_swiper li .img{
    width: 50px;
height: 50px;
opacity: 1;
border-radius: 120px;
overflow: hidden;
}
.section-3 .content .box2 .yy_swiper li .info{
    width: 190px;
}
.section-3 .content .box2 .yy_swiper li .title{
    display: block;
    height: 22px;
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 20px;
color: rgba(0, 0, 0, 0.9);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.section-3 .content .box2 .yy_swiper li .tag{
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 5px 0 10px;
}
.section-3 .content .box2 .yy_swiper li .tag span{
    display: block;
    padding: 0 7px;
    height: 25px;
    border-radius: 8px;
background: rgba(255, 242, 248, 1);
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 25px;
color: rgba(0, 0, 0, 0.5);
}
.section-3 .content .box2 .yy_swiper li .rank{
    display: flex;
    align-items: center;
    height: 20px;
mix-blend-mode: multiply;
opacity: 1;
border-radius: 8px;
background: rgba(255, 246, 207, 1);
font-size: 12px;
font-weight: 400;
letter-spacing: 0px;
line-height: 20px;
color: rgba(170, 101, 8, 1);
margin-bottom: 5px;
}
.section-3 .content .box2 .yy_swiper li .rank:before{
    content: '';
    display: block;
    width: 60px;
    height: 20px;
background: url(/static/index/pc/images/rank_icon.webp) no-repeat;
background-size: 100% 100%;
margin-right: 5px;
}
.section-3 .content .box2 .yy_swiper li .rank span{
    font-size: 12px;
font-weight: 900;
letter-spacing: 0px;
line-height: 20px;
color: rgba(170, 101, 8, 1);
margin-left: 3px;
}
.section-3 .content .box2 .yy_swiper li .dizhi{
    font-size: 12px;
font-weight: 400;
letter-spacing: 0px;
line-height: 20px;
color: rgba(0, 0, 0,0.5);
}
/* 快捷导航 */
.section-4{
    margin-top: 10px;
}
.section-4 .content{
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.section-4 .content .left{
    width: 315px;
height: 360px;
border-radius: 10px;
}
.section-4 .content .right{
    width: 865px;
height: 360px;
opacity: 1;
border-radius: 10px;
background: linear-gradient(180deg, rgba(255, 247, 251, 1) 0%, rgba(255, 247, 251, 0) 100%);
text-align: center;
padding: 40px 45px 45px;
}
.section-4 .content .right .tit{
    height: 22px;
font-size: 18px;
font-weight: 400;
letter-spacing: 0px;
line-height: 20px;
color: rgba(232, 95, 154, 1);
}
.section-4 .content .right .des{
    height: 22px;
opacity: 0.5;
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 20px;
color: rgba(0, 0, 0, 1);
margin-top: 6px;
}
.section-4 .content .right .list{
    margin-top:30px;
    display: flex;
    justify-content: space-between;
   column-gap: 30px;
   row-gap: 15px;
    align-items: center;
    flex-wrap: wrap;
}
.section-4 .content .right .list li{
    width: 104px;
height: 90px;
border-radius: 10px;
background: linear-gradient(180deg, rgba(254, 158, 200, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
}
.section-4 .content .right .list li img{
    width: 30px;
height: 30px;
margin: 18px auto 2px;
}
.section-4 .content .right .list li .title{
    height: 30px;
opacity: 0.5;
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 30px;
color: rgba(0, 0, 0, 1);
}
/*  百科知识详解*/
.section-5{
    margin-top: 30px;
}
.section-5 .content{
    margin-top: 30px;
}
.section-5 .content .box{
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.section-5 .content .box1{
   width: 590px;
   display: flex;
   flex-wrap: wrap;
   justify-content:space-between;
   align-items: center;
   gap: 20px;
}
.section-5 .content .box1 .item{
    width: 285px;
opacity: 1;
border-radius: 10px;
background: rgba(250, 250, 250, 1);
padding: 15px;
}
.section-5 .content .box1 .item .img{
    display: block;
    width: 255px;
height: 130px;
opacity: 1;
border-radius: 10px;
}
.section-5 .content .box1 .item .title{
    display: block;
    height: 35px;
opacity: 0.8;
font-size: 20px;
font-weight: 400;
letter-spacing: 0px;
line-height: 30px;
color: rgba(0, 0, 0, 1);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 10px;
}
.section-5 .content .box1 .item .des{
    opacity: 0.5;
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 28px;
color: rgba(0, 0, 0, 1);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.section-5 .content .box1 .item:nth-child(3){
    width: 590px;
    display: flex;
    justify-content:space-between;
    align-items: center;
    padding: 20px;
 }

.section-5 .content .box1 .item:nth-child(3) .img{
    width: 180px;
height: 150px;
opacity: 1;
border-radius: 5px;
}

.section-5 .content .box1 .item:nth-child(3) .info{
    width: 355px;
}
.section-5 .content .box1 .item:nth-child(3) .title{
    height: auto;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 28.96px;
    color: rgba(0, 0, 0, 1);
    margin-top: 0;
   
    white-space: wrap;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.section-5 .content .box1 .item:nth-child(3) .des{
    padding-top: 19px;
    margin-top: 15px;
    border-top:1px solid rgba(255, 131, 185, 1);
}
.section-5 .content .box2{
    width: 590px;
}
.section-5 .content .box2 .img{
    width: 590px;
height: 265px;
border-radius: 10px;
overflow: hidden;
}
.section-5 .content .box2 .list{
    width: 590px;
opacity: 1;
border-radius: 10px;
background: rgba(250, 250, 250, 1);
padding:25px 30px ;
display: flex;
flex-wrap: wrap;
overflow: hidden;
column-gap: 20px;
row-gap: 25px;
margin-top: 20px;
}
.section-5 .content .box2 .list a{
    display: block;
    padding: 0 8px;
    height: 30px;
mix-blend-mode: multiply;
border-radius: 8px;
background: rgba(0, 0, 0, 0.05);
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 30px;
color: rgba(0, 0, 0, 0.5);
}
.section-5 .content1 .tit{
    height: 30px;
opacity: 0.8;
font-size: 20px;
font-weight: 900;
letter-spacing: 0px;
line-height: 28.96px;
color: rgba(250, 105, 168, 1);
}
.section-5 .content2 .tit{
    height: 30px;
opacity: 0.8;
font-size: 20px;
font-weight: 900;
letter-spacing: 0px;
line-height: 28.96px;
color: rgba(104, 184, 237, 1);
}
.section-5 .content3 .tit{
    height: 30px;
opacity: 0.8;
font-size: 20px;
font-weight: 900;
letter-spacing: 0px;
line-height: 28.96px;
color: rgba(170, 201, 103, 1);
}
/* 名医问答 */
.section-6{
margin-top: 30px;
}
.section-6 .content{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.section-6 .left{
    width: 800px;
}
.section-6 .left .list{
    column-count: 2;
    column-gap: 20px;
}
.section-6 .left .list li{
    width: 390px;
    opacity: 1;
    border-radius: 10px;
    background: rgba(250, 250, 250, 1);  
    padding: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}
.section-6 .left .list li .title{
    display: flex;
    align-items:center;
    gap: 10px;

font-size: 20px;
font-weight: 400;
letter-spacing: 0px;
line-height: 28.96px;
color: rgba(0, 0, 0, 1);
}
.section-6 .left .list li:nth-child(2) .title{
    align-items: flex-start;
}
.section-6 .left .list li .title:before{
content: '';
display: block;
width: 30px;
height: 30px;
background: url(/static/index/pc/images/q_icon.webp) no-repeat center;
  background-size: 100% 100%;
  flex: 0 0 auto;
}
.section-6 .left .list li .des{
    font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 28px;
color: rgba(0, 0, 0, 0.5);
margin-top: 10px;
padding-top: 10px;
border-top:  1px solid rgba(255, 131, 185, 1);
}
.section-6 .right{
    width: 380px;
}
.section-6 .right .box1{
    border-radius: 10px;
    padding: 20px;
background: linear-gradient(180deg, rgba(255, 224, 238, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
overflow: hidden;
}
.section-6 .right .box1 .head .tit{
    color: rgba(250, 105, 168, 1);
    opacity: 1;
}
.section-6 .right .box1 .head .en{
    color: rgba(255, 156, 199, 1);
    opacity: 0.8;
}
.section-6 .right .box1 .list{
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;align-items: start;
}
.section-6 .right .box1 .list li{
    display: flex;
    align-items: center;
    gap: 15px;
}
.section-6 .right .box1 .list li .title{
    height: 22px;
    opacity: 0.8;
    /** 文本1 */
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 23.17px;
    color: rgba(0, 0, 0, 1);
    display: block;
    width: 274px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.section-6 .right .box1 .list li:nth-child(1)::before{
    content: '1';
    display: block;
    width: 20px;
    height: 20px;
    opacity: 1;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0px;
    line-height: 20px;
    text-align: center;
    color: rgba(212, 48, 48, 1);
}
.section-6 .right .box1 .list li:nth-child(2)::before{
    content: '2';
    display: block;
    width: 20px;
    height: 20px;
    opacity: 1;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0px;
    line-height: 20px;
    text-align: center;
    color: rgba(255, 141, 26, 1);
}
.section-6 .right .box1 .list li:nth-child(3)::before{
    content: '3';
    display: block;
    width: 20px;
    height: 20px;
    opacity: 1;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0px;
    line-height: 20px;
    text-align: center;
    color: rgba(255, 195, 0, 1);
}
.section-6 .right .box1 .list li:nth-child(4)::before{
    content: '4';
    display: block;
    width: 20px;
    height: 20px;
    opacity: 1;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 20px;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
}
.section-6 .right .box1 .list li:nth-child(5)::before{
    content: '5';
    display: block;
    width: 20px;
    height: 20px;
    opacity: 1;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 20px;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
}
.section-6 .right .box1 .list li:nth-child(6)::before{
    content: '6';
    display: block;
    width: 20px;
    height: 20px;
    opacity: 1;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 20px;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
}
.section-6 .right .box1 .list li:nth-child(2)::after,.section-6 .right .box1 .list li:nth-child(5)::after{
  content: '';
  display: block;
  width: 16px;
height: 16px;
background: url(/static/index/pc/images/hot_icon.webp) no-repeat center;
  background-size: 100% 100%;
  flex: 0 0 auto;
}
.section-6 .right .box2{
    margin-top: 20px;
}
.section-6 .right .box2 .img{
    width: 380px;
height: 325px;
overflow: hidden;
transform: scale(1);
}