/* HEAD */
.head{
    height: 110px;
}
.logo{
    width: 152px;
}
.head_sowd{
    margin-left: 180px;
}
.city{
    position: absolute;
    top: 14px;
    left: -160px;
    cursor: pointer;
    font-size:12px;
    height: 54px;
}
.city_cont{
    width: 528px;
    position: absolute;
    top: 35px;
    border-radius: 5px;
    z-index: 10;
    border: 1px solid #ebeef5;
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    background: #fff;
    display: none;
}
.city_cont::before{
    position: absolute;
    top: -4px;
    left: 16px;
    content: '';
    width: 0;
    height: 0;
    border: 5px solid #0000;
    border-left-color: #fff;
    border-bottom-color: #fff;
    transform: rotate(135deg);
    margin-left: 4px;
}
.city_area{    
    height: 320px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.city_hover .if{
    display: inline-block;
    font-size:12px;
    color: #999;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    text-transform: none;
    vertical-align: baseline;
}
.city_active,.city_active .if{
    color: #49c066;
}
.city_active .if{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.city_item .city_no{
    width: 10px;
    color: #c5cad4;
    font-size:18px;
    line-height: 20px;
}
.city_item .city_province{
    width: 66px;
    text-align: right;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    color:#606266;
}
.city_item .city_list a{
    display: inline-block;
    font-size:14px;
    margin-right: 8px;
    line-height: 22px;
}
.city_nav a{
    background-color: #f1f3f6;
    border-radius: 5px;
    height: 24px;
    line-height: 24px;
    margin-right: 8px;
    text-align: center;
    width: 24px;
}


/* 搜索 */
.sowd{
    width: 610px;
}
.sowd .sowd_text{
    width: 542px;
    height: 42px;
    line-height: 42px;
    padding:0 16px;
    font-size: 16px;
    color: #B6B7B9;
    border: 1px solid #49c066;
}
.sowd .sowd_btn{
    width: 70px;
    height: 42px;
    _height: 25px;
    display: block;
    border: 0;
    cursor: pointer;
    background: #49c066 url(../images/search.png) no-repeat 25px center;
    background-size: 38% auto;
    position: absolute;
    top: 0px;
    right: -1px;
    color: #fff;
    font-size: 14px;
}
.sowd .sowd_btn:hover{
    opacity: .8;
}
.sowd_kwd{
    position: absolute;
}
.sowd_kwd a{
    padding-right: 8px;
    font-size:12px;
    color: #999999;
}
.ks_btn a{    
    font-size:18px;
    margin-left: 10px;
    font-weight: 500;
}
.ks_btn .if{
    font-size:18px;
    color: #3aaf56;
    padding-right: 4px;
}

/* NAV */
.nav{
    height: 46px;
}
.nav_left{
    height: 46px;
    line-height: 46px;
    color: #fff;
    font-size: 18px;
    background: #3aaf56;
    width: 200px;
    text-align: center;
}
.nav_left i{
    width: 3px;
    height: 3px;
    background: #fff;
    border-radius: 50%;
    margin:0 4px;
}
.nav_right{
    margin-left: 30px;
    margin-right: 30px;
}
.nav_right li a{
    font-size:18px;
    color: #fff;
    display: block;
    padding-right: 50px;
}
.nav_right li a:hover{
    opacity: .8;
}

.nav_column li{    
    width: 102px;
    height: 46px;
    line-height: 46px;
    text-align: center;
}
.nav_column li a{
    font-size:18px;
    color: #fff;
    display: block;
}
.column_active{
    background: #3aaf56;
    height: 46px;
}
.nav_column li a:hover{
    opacity: .8;
    background: #3aaf56;
}
/* NAV_BANNER */
.nav_quick{
    width: 200px;
}
.nav_quick_row {
    height: 94px;
    padding: 20px;
    border-left: 2px solid #f4f4f4;
}
.nav_active{
    background: #fff;
    cursor: pointer;
    border-left: 2px solid #49c066;
}
.nav_quick_title{
    font-size:17px;
    font-weight: 500;
}
.nav_quick_title span{
    color: #49c066;
    font-size:14px;
    font-weight: 400;
    padding-left: 6px;
}
.nav_other{
    margin-top: 5px;
}
.nav_other span{
    color: #999;
    font-size:14px;
    padding-right: 10px;
}
.nav_quick_cont{
    position: absolute;
    top: 0;
    left: 200px;
    width:500px;
    height: 380px;
    background: #fff;
    z-index: 9;
    box-shadow: 0 11px 13px rgb(0 0 0 / 8%);
    display: none;
}
.nav_quick_cont a:hover{
    opacity: .8;
}
.quick_cont_title{
    border-left: 3px solid #49c066;
    padding-left: 10px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
}
.quick_yy_news{
    margin-left: -20px;
}
.quick_yy_news li{
    margin-left: 20px;
    text-align: center;
}
.quick_yy_news .yy_img{
    display: block;
    width: 140px;
    height: 90px;
}
.quick_yy_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.quick_yy_news li .p{
    font-size:14px;
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0, 0.4);
    color: #fff;
    padding: 2px 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.quick_yy_news li a:hover{
    opacity: .8;
}
.quick_yy_news li .if_gd{
    font-size:20px;
    color: #49c066;
}
.quick_more{
    width: 460px;
    height: 60px;
    position: absolute;
    bottom:20px;
    left:20px;
}
.quick_more img{
    width: 460px;
    height: 60px;
    object-fit: cover;
}
.quick_dq_news{
    margin-left: -10px;
}
.quick_dq_news li{
    width: 84px;
    margin-left: 10px;
    background: #f1f1f1;
    border-radius: 5px;
    height: 84px;
    text-align: center;
    margin-bottom: 30px;
    line-height: 84px;
}
.quick_dq_news li a {
    font-size: 14px;
    font-weight: 400;
}
.quick_dq_news li .yy_img{
    width: 84px;
    height: 84px;
}
.quick_dq_news li p{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.3);
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
}
.nav_doctor{
    background: #f1f1f1;
    font-size:15px;
    margin-right: 20px;
    width: 80px;
    text-align: center;
    height: 26px;
    line-height: 24px;
    border-radius: 5px;    
}
.nav_doctor:hover{
    cursor: pointer;
}
.nav_doctor_active{
    background: #49c066;
    color: #fff;
}
.nav_doctor_news ul{
    margin-left: -20px;
}
.nav_doctor_news ul:last-child{
    display: none;
}
.nav_doctor_news li{
    margin-left: 20px;
    margin-bottom: 15px;
}
.nav_doctor_news li img{
    width: 58px;
    height: 58px;
}
.nav_doctor_news li .p{
    text-align: center;
    font-size: 14px;
}
.nav_service{
    margin-left: -20px;
}
.nav_service li{
    margin-left: 20px;
}
.nav_service .service_img{
    width: 100px;
    height: 100px;
}
.nav_service .service_img img{    
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.nav_service p{
    font-size:14px;
    text-align: center;
    padding-top: 4px;
}

/* BANNER - SWIPER */
.nav_swiper{
    width: 100%;
    height: 360px;
    overflow: hidden;
}
.nav_swiper .swiper-slide{    
    width: auto;
}
.nav_swiper a{
    display: block;
    height: 100%;
}
.nav_swiper a img{
    width: 100%;
    height: 100%;
}
.nav_swiper .swiper-pagination{    
    background: rgba(0,0,0,0.3);    
    z-index: 5;
    border-radius: 15px;
    width: 116px!important;
    position: absolute;
    bottom: 20px;
    left: 50%!important;
    margin-left: -58px;
}
.nav_swiper .swiper-pagination-bullet{
    width: 12px!important;
    height: 12px!important;
    background: #fff;
    z-index: 6;
    opacity: 1;
}
.nav_swiper .swiper-pagination-bullet-active{
    background: #49c066!important;
}

/* BK - SWIPER */
.bk_swiper{
    width: 800px;
    height: 366px;
    overflow: hidden;
}
.bk_swiper .swiper-slide{    
    width: auto;
}
.bk_swiper .swiper-slide img{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    z-index: 9;
}
.bk_swiper .bk_banner_text{
    position: absolute;
    top: 100px;
    left: 150px;
    z-index: 10;
    width: 360px;
}
.bk_swiper .bk_banner_text .bk_banner_kwd{
    font-size: 22px;
    font-weight: 700;
    color: #000;
}
.bk_swiper .bk_banner_text .bk_banner_title{
    font-size: 16px;
    font-weight: 400;
    color: #333;
}
.bk_swiper .bk_banner_text .bk_banner_btn{
    width: 130px;
    height: 36px;
    background: #49c066;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
}
.bk_swiper .swiper-pagination-bullet{
    width: 34px!important;
    height: 4px!important;
    background: #fff;
    z-index: 6;
    opacity: 1;
    border-radius: 5px;
}
.bk_swiper .swiper-pagination-bullet-active{
    background: #49c066!important;
}
.bk_swiper .swiper-pagination-bullet-active{
    background: #faf8ef;
}
.bk_swiper .swiper-button-next,.bk_swiper .swiper-button-prev{
    width: 40px!important;
    height: 40px!important;
    background: #fff;
    display: none;
    border-radius: 50%;
}
.bk_swiper .swiper-button-next .if,.bk_swiper .swiper-button-prev .if{
    font-size: 14px;
    color: #4d4d4c;
    font-weight: 400;
    display: inline-block;
}
.bk_swiper .swiper-button-prev .if{
    transform: rotate(180deg);
}
.bk_recom{
    border-radius: 5px;
}
.bk_recom li{
    margin-bottom: 15px;
}
.bk_recom li:last-child{
    margin-bottom: 0;
}
.bk_recom li>.if{
    width: 26px;
    font-size: 18px;
    color: #f6a11a;
}
.bk_recom li .if.if_more{
    font-size: 12px;
}
.bk_table li{    
    padding: 20px;
}
.bk_table li .if_ss{
    color: #49C066;
    padding-left: 5px;
}
.bk_table .bk_table_item1 li{
    width: 400px;
}
.bk_table .bk_table_item2 li{
    width: 200px;
}
.bk_table .bk_table_item3 li{
    width: 200px;
}
.bk_table .bk_table_item1 .p{
    font-weight: 600;
}
.bk_table .bk_table_item1 li:nth-child(2n){
    background: #d3f4dd;
    border: 1px solid #d3f4dd;
}
.bk_table .bk_table_item1 li:nth-child(odd){
    background: #f1f8f3;
    border: 1px solid #f1f8f3;
}
.bk_table .bk_table_item2 li:nth-child(odd){
    background: #f7f7f7;
    border: 1px solid #f7f7f7;
}
.bk_table .bk_table_item2 li:nth-child(2n){
    background: #fdfdfd;
    border: 1px solid #fdfdfd;
}
.bk_table .bk_table_item3 li:nth-child(odd){    
    background: #fdfdfd;
    border: 1px solid #fdfdfd;
}
.bk_table .bk_table_item3 li:nth-child(-2n+6){
    background: #f7f7f7;
    border: 1px solid #f7f7f7;
}
.bk_table .bk_table_item3 li:nth-child(2n+7){
    background: #f7f7f7;
    border: 1px solid #f7f7f7;
}

.bk_doctor_swiper{
    width: 100%;
    overflow: hidden;
}
.bk_doctor_swiper li{
    border-radius: 5px;
}
.bk_doctor_swiper li .doctor_img{
    width: 124px;
    height: 124px;
}
.bk_doctor_swiper li .doctor_name{
    height: 24px;
    line-height: 23px;
    padding: 0 4px;
    border-radius: 5px;
    color: #49c066;
    font-size:14px;
    border: 1px solid #49c066;
}
.bk_doctor_swiper li:hover{
    opacity: .8;
}
.bk_doctor_swiper .swiper-button-next,.bk_doctor_swiper .swiper-button-prev{
    width: 34px!important;
    height: 100px!important;
    background-image:none;
    background-color: rgba(0,0,0,.2);
    border-radius: 5px;
    right: 0!important;
    margin-top: -50px;
}
.bk_doctor_swiper .swiper-button-prev{
    left: 0!important;
    transform: rotate(180deg);
}
.bk_doctor_swiper .swiper-button-next .if,.bk_doctor_swiper .swiper-button-prev .if{
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    display: inline-block;
}
.bk_yy .yy_img{
    width: 164px;
    height: 108px;
}
.bk_yy li{
    margin-bottom: 20px;
    margin-right: 2%;
}
.bk_yy li:hover .yy_img{
    opacity: .8;
}
.bk_yy li:nth-child(3n+3){
    margin-right: 0;
}
.bk_yy .if_dw{
    font-size: 14px;
    padding-right: 3px;
}
.bk_news .yy_news .p{
    width: 260px;
    margin-right: 20px;
}
.bk_news .yy_news .d{
    text-align: right;
}

/* NAV - TJ */
.nav_news li{
    margin-top: 10px;
}
.nav_news .news_img{
    width: 93px;
    height: 74px;
}
.nav_news .nav_news_img:hover{
    opacity: .8;
}
.nav_news .nav_news_img img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
}
.news_img img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
}
.news_img:hover{
    opacity: .8;
}
.nav_news a:hover p{
    color: #49c066;
}
.nav_news a:hover .nav_news_img{
    opacity: .8;
}

/* TITLE - PUBLIC */
.title_h3{
    font-size: 22px;
    color: #333;
    font-weight: 400;
    line-height: 32px;
}
.title_h3 .if{
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    color: #49c066;
    padding-right: 4px;
}
.title_h3 .a_more{
    font-size: 15px;
    color: #999;
}
.title_h3 .a_more:hover,.title_h3 .a_more:hover .if_more{
    color: #49C066;
}
.title_h3 .if_more{
    font-size: 12px;
    color: #999;
}
.title_h4{
    font-size: 18px;
    color: #333;
    font-weight: 400;
    line-height: 24px;
}
.title_h4 span{
    font-size: 14px;
    color: #999;
    font-weight: 400;
}
.title_h4 .if{
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #49c066;
    padding-right: 4px;
}
.title_right{
    font-size: 16px;
    color: #333;
    font-weight: 400;
    line-height: 22px;
    cursor: pointer;
}
.title_right:hover,.title_right:hover i{
    color: #49c066;
}
.title_right .if_hyp{
    font-size: 16px;
    color: #333;
    font-weight: 400;
    line-height: 22px;
    margin-right: 4px;
    display: inline-block;
    width: 18px;
    height: 22px;
    -webkit-transition: -webkit-transform .5s ease-out;
    -moz-transition: -moz-transform .5s ease-out;
    -o-transition: -o-transform .5s ease-out;
    -ms-transition: -ms-transform .5s ease-out;
}

.tjBtn_table .if{
    font-size:14px;
    margin-right: 0;
    padding-right: 0;
    width: 15px;
    color: #999;
}

/* TIME - PUBLIC */
.date_view span,.date_view a{
    color: #999999;
    font-size:12px;
    font-weight: 400;
    line-height: 17px;
}
.date_view i{
    display: inline-block;
    width: 2px;
    height: 2px;
    background: #999999;
    border-radius: 50%;
    margin: 0 4px;
}

/* 医生 */
.doctor_swiper{
    height: 513px;
    overflow: hidden;
}
.doctor_swiper .swiper-slide{
    flex-shrink: 0;
    width: 100%;
    height: auto!important;
    position: relative;
    transition-property: transform;
}

/* LIST - START */
.bq_result{
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #333;
}
.tab_title{
    border-bottom: 2px solid #49C066;
    text-align: center;
}
.tab_title a{
    width: 70px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 5px 5px 0 0;
}
.tab_title a.tab_active{
    background: #49C066;
    color: #fff;
}
.news .news_img{
    width: 180px;
    height: 113px;
}
.news .a{
    font-weight: 700;
}
.news .wd_doctor{
    width: 280px;
}
.ask .if_w_w{
    display: inline-block;
    font-size: 18px;
    color: #f6a11a;
    margin-right: 10px;
}
.ask .if_w_d{
    display: inline-block;
    font-size: 18px;
    color: #49C066;
    margin-right: 10px;
    padding-top: 4px;
}
.ask .a{
    font-weight: 700;
}
.ask .doctor_img{
    width: 28px;
    height: 28px;
}
.ask .user_name{
    font-size: 12px;
    color: #999;
    padding-left: 7px;
}
.sowd_item li{
    width: 168px;
    margin-right: 10px;
    background: #f9f9f9;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 10px;
    line-height: 1;
}
.sowd_item li:nth-child(5n+5){
    margin-right: 0;
}
.sowd_item li a{
    line-height: 14px;
    padding: 8px 6px;
    font-size: 13px;
    font-weight: 400;
}
.news_load{
    height: 40px;
    text-align: center;
}
.news_load a{
    width: 96px;
    height: 32px;
    line-height: 32px;
    font-size: 15px;
    background: #F9F9F9;
    border-radius: 5px;
}
.page_size a, .page_size span{
    width: 40px;
    height: 34px;
    line-height: 32px;
    border-radius: 5px;
    margin-right: 8px;
    border: 1px solid #e5e5e5;
    text-align: center;
    font-size:14px;
}
.page_size .page_prev, .page_size .page_next{
    width: 52px;
}
.page_size .cur, .page_size a:hover {
    background: #49C066;
    color: #fff;
}
/* LIST - END */

/* SOWD - STARAT */
.sowd_sequence a{
    font-size: 15px;
    border-radius: 5px;
    background: #f9f9f9;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.sowd_sequence a.bg_49{
    background: #49C066;
    color:#fff;
}
.sowd_sequence a:hover{
    background: #49C066;
    color: #fff;
}
.sowd_list_item{
    border-radius: 5px;
    padding: 20px 10px 10px 40px;
    margin-top: 20px;
}
.sowd_list_item .sowd_sequence_item{
    width: 40px;
    height: 30px;
    position: absolute;
    left: -10px;
    top: 20px;
}
.sowd_list_item .sowd_sequence_item i{
    width: 26px;
    height: 26px;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    background: #49C066;
    font-style: unset;
}
.sowd_list_item .sowd_sequence_item span{
    border-left: 10px solid #49c066;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
}
.sowd_list_item li{
    margin-bottom: 10px;
}
.u_list li.cl_2{
    margin-left: 4%;
}
.u_list li.cl_2:last-child,.u_list li.cl_2:nth-last-child(2){
    margin-bottom: 0;
    padding-bottom: 0;
}
.u_list li.cl_3{
    margin-left: 2%;
}
.u_list li.cl_4{
    margin-left: 1.3%;
}
.u_list li i{
    width: 4px;
    height: 4px;
    background: #e0e0e0;
    border-radius: 50%;
    margin-right: 8px;
}
.u_list li.cl_2:nth-child(2n+1){
    margin-left: 0;
}
.u_list li.cl_3:nth-child(3n+1){
    margin-left: 0;
}
.u_list li.cl_4:nth-child(4n+1){
    margin-left: 0;
}
.sowd_list_more{
    width: 126px;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    background: #f3f8f1;
    color: #49C066;
    border-radius: 5px;
    text-align: center;
}
.sowd_cont li{
    margin-bottom: 20px;
}
/* SOWD - END */

/* 精选 */
.jx_hot a{
    height: 120px;
    border-radius: 5px;
    text-align: center;
    color: #FFFFFF;
}
.jx_hot a p:first-child{
    font-size: 18px;
    line-height: 30px;
}
.jx_hot a p:last-child{
    font-size: 14px;
    line-height: 20px;
}
.jx_hot a:first-child{
    background: url(../images/jx_hot_01.png) 50%/cover no-repeat;
}
.jx_hot a:nth-child(2){
    background: url(../images/jx_hot_02.png) 50%/cover no-repeat;
}
.jx_hot a:nth-child(3){
    background: url(../images/jx_hot_03.png) 50%/cover no-repeat;
}
.jx_hot a:nth-child(4){
    background: url(../images/jx_hot_04.png) 50%/cover no-repeat;
}
.jx_hot a:hover{
    opacity: .8;
}

/* TAG - PUBLIC  */
.jx{
    margin-top: 10px;
}
.jx h4{
    background: #fafafa;
    font-size:12px;
    color: #999999;
    height: 20px;
    line-height: 18px;
    font-weight: 400;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    padding: 0 8px;
}
.jx a:hover h4{
    color: #49c066;
}
.jx span{
    font-size:12px;
    color: #999999;
    padding-left: 10px;
}

/* DOCTOR - PUBLIC */
.doctor_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border:1px solid #ededed;
}

/* 问答 */
.wd_doctor{    
    height: 46px;
}
.wd_doctor .doctor_img{
    width: 46px;
    height: 46px;
}
.wd_doctor .doctor_img:hover{
    opacity: .8;
}
.wd_doctor_detail p:first-child a{
    color: #333;
    font-size:16px;
    line-height: 21px;
}
.wd_doctor_detail p:first-child .pl_10{
    color: #999;
    font-size: 14px;
    line-height: 18px;
}
.wd_doctor_detail p:last-child{
    color: #999;
    font-size: 14px;
    line-height: 18px;
}
.wd_doctor_detail p:last-child .if_v{
    color: #f6a11a;
    font-size:16px;
    padding-right: 2px;
}
.wd_doctor_detail p a:hover{
     color:#49c066
}
.wd_title .if_w_w{
    color: #f6a11a;
    font-size: 16px;
    padding-top: 3px;
}
.wd_title .a{
    padding-left: 6px;
}
.wd_title .p_2{
    height: 44px;
}
.wd_news li i{
    width: 4px;
    height: 4px;
    background: #e0e0e0;
    border-radius: 50%;
    margin-right: 8px;
}
.wd_news li{
    border-bottom: 1px dotted #E5E5E5;
    padding-bottom: 18px;
    margin-bottom: 18px;
}
.wd_news li:last-child{
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* RANK */
.doctor_rank{
    background: #fafafa;    
}
.doctor_rank_list .zx_doctor{
    width: 50px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    background-color: rgb(248,152,136);
    font-size: 14px;
    height: 23px;
    line-height: 23px;
}
.doctor_rank_cont{
    height: 60px;
}
.doctor_rank_cont .doctor_img{
    width: 60px;
    height: 60px;
}
.doctor_rank_cont .p_r i{
    position: absolute;
    top: 17px;
    left: -3px;
    z-index: 2;
    font-style: normal;
    font-size:14px;
    color: #FFFFFF;
}
.doctor_rank_cont .p_r::before{
    content: "\e77e";
    position: absolute;
    top: 16px;
    left: -10px;
    font-size: 24px;
    color: #f87d6f;
    z-index: 1;
}
.doctor_rank .doctor_img{
    display: block;
    width: 60px;
    height: 60px;
}
.doctor_rank .doctor_img:hover{
    opacity: .8;
}
.doctor_rank_tech{
    color: #999;
    font-size:14px
}
.doctor_column{
    height: 60px;
    line-height: 60px;
    text-align: right;
    background:#49c066 url(../images/doctor_column.png) no-repeat left bottom;
}
.doctor_column:hover{
    opacity: .8;
}
.doctor_column a{
    color: #fff;
    padding-right: 20px;
}
.doctor_column .if{
    font-size:14px
}
.doctor_name{
    font-size:16px;
    color: #333;
}

/* HT_SWIPER */
.ht_swiper{
    width: 100%;
    overflow: hidden;
    touch-action: pan-y;
    position: relative;    
}
.ht_swiper::before{
    font-family: "if" !important;
    content: '\e634';
    display: inline-block;
    height: 21px;
    left: 0;
    position: absolute;
    width: 21px;
    color: #49c066;
    background: #fff;
    z-index: 3;
}
.ht_swiper .swiper-wrapper{
    width: 360px!important;
    margin-left: 24px!important;
    height: auto;
}
.ht_swiper .swiper-slide{
    width: auto;
    flex-shrink: 0;
    font-size:12px;
    color: #999;
    line-height: 17px;
    position: relative;
}
.ht_swiper .swiper-slide:hover{
    color: #49c066;
}
.ht_swiper .swiper-slide::after{
    content: "";
    display: inline-block;
    height: 12px;
    line-height: 12px;
    margin: 3px 5px 0 5px;
    position: relative;
    vertical-align: top;
    width: 1px;    
    background-color: #dcdfe6;
}
.ht_swiper .swiper-slide:last-child::after{
    content: none;
}

/* 科普 */
.kp_news{
    margin-left: -30px;
}
.kp_news li{
    width: 380px;
    margin-left: 30px;
    margin-bottom: 30px;
}
.kp_news:nth-child(n+2){
    display: none;
}

/* 标签 */
.bq_news{
    margin-left: -30px;
}
.bq_news li{
    width: 380px;
    margin-left: 30px;
    margin-bottom: 30px;
}
.bq_news .bq_img{
    width: 93px;
    height: 70px;
}
.bq_img img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
}
.bq_news a:hover p{
    color: #49c066;
}
.bq_news a:hover .bq_img{
    opacity: .8;
}
.bq_list li{
    margin-right: 15px;
    margin-bottom: 20px;
}
.bq_list li:nth-child(3n+3){
    margin-right: 0;
}
.bq_list li:hover .bq_img{
    opacity: .8;
}
.bq_list .bq_img{
    width: 113px;
    height: 85px;
}

/* 医院 */
.yy_cont .area_l_l{
    border-radius: 5px;
}
.yy_hot{
    margin-left: -10px;
}
.yy_hot li{
    width: 62px;
    margin-left: 10px;
    background: #f1f1f1;
    border-radius: 5px;
    height: 26px;
    text-align: center;
    margin-bottom: 10px;
    overflow: hidden;
}
.yy_hot li:nth-child(n+8){
    margin-bottom: 0;
}
.yy_hot li:hover{
    background: #49c066;
}
.yy_hot li:hover a{
    color: #fff;
}
.yy_hot li a{
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
}
.yy_tj{
    margin-left: -10px;
}
.yy_tj li{
    margin-left: 10px;
}
.yy_tj li:hover{
    opacity: .8;
}
.yy_tj li .yy_img{
    width: 180px;
    height: 120px;
}
.yiyuan .yy_img {
    display: flex; /* 开启 Flexbox 布局 */
    justify-content: center; /* 水平居中 */
    align-items: center;
}
.yy_img img{
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 5px;
}
.yy_tj li .a{
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0, 0.4);
    color: #fff;
    padding:2px 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 100%;
}
.yy_item li{
    margin-bottom: 10px;
}
.yy_item li:nth-child(13),.yy_item li:nth-child(14){
    margin-bottom: 0;
}
.yy_find .yy_img{
    width: 84px;
    height: 84px;
}
.yy_find p{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.3);
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
}
.yy_find li a:hover{
    opacity: .8;
}
.yy_news li{
    margin-bottom: 18px;
}
.yy_news li:last-child{
    margin-bottom: 0;
    border-bottom: none;
}
.yy_news li a:hover .p{
    color: #49c066;
}
.yy_news i{
    width: 20px;
    height: 20px;
    color: #999;
    font-size:14px;
    margin-top: 2px;
}
.yy_news li:first-child i{
    color: #ff5601;
}
.yy_news li:nth-child(2) i{
    color: #ff8401;
}
.yy_news li:nth-child(3) i{
    color: #ffaa01;
}

/* HOME */
.home_nav a,.home_nav span{
    overflow: hidden;
    font-size: 13px;
    margin-right: 4px;
    color: #999;
}
.home_nav i{
    font-size: 12px;
    padding-left: 4px;
    color: #999;
}
.home_nav a:hover{
    color: #49c066;
}

/* ARTICLE */
.detail_h1{
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
    color: #333;
}
.detail_h1 span{
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: #333;
}
.detail_swiper{
    width: 100%;
    overflow: hidden;
    touch-action: pan-y;
    position: relative;
}
.detail_swiper .swiper-slide{
    width: auto;
    height: 20px;
    background: rgb(241, 248, 243);
    border: 1px solid rgb(170, 220, 183);
    border-radius: 5px;
    padding: 0px 8px;
    margin-right: 10px;
    display: block;
    
}
.detail_swiper .swiper-slide:hover{
    opacity: .8;
}
.detail_swiper .swiper-slide h4{
    font-size: 12px;
    font-weight: 400;
    color: rgb(73, 192, 102);
    line-height: 18px;
}
.detail_data{
    font-size: 13px;
    color: #ccc;
}
.detail_data .if{
    font-size: 13px;
    color: #ccc;
}
.detail_thumbnail{
    width: 160px;
    height: 108px;
}
.detail_thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.statement{
    background: #f9f9f9;
}
.statement_title{
    font-size:14px!important;
    color: #999!important;
}
.statement p{    
    font-size:14px!important;
    margin-bottom: 0!important;
    color: #999!important;
}
.statement .if{
    font-size:16px;
    color: #f6b731;
    padding-right: 5px;
}
.detail_zan a{
    display: block;
    font-size:14px!important;
    height: 30px;
    border: 1px solid #999;
    color: #999;
    border-radius: 5px;
    background-color: #fff;
    transition: all .3s ease;
    padding: 0 6px;
    /*letter-spacing: 4px;*/
}
.detail_zan a:hover{
    opacity: .8;
}
.detail_zan a.zan_active{
    background: #999;
    color: #fff;
    border: none;
}
.detail_link{
    padding-left: 18px;
    line-height: 36px;
}
.detail_link::before{
    content: "";
    width: 4px;
    height: 4px;
    background: #999;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 17px;
    left: 8px;
}
/* ARTICLE */

/* ASK START*/
.ask_title{
    padding: 20px 20px 20px 40px;
    border-top: 2px solid #49c066;
}
.answer_title{
    padding: 20px 20px 20px 40px;
    border-top: 2px solid #f6a11a;
}
.ask_title .ask_icon{
    width: 40px;
    height: 30px;
    position: absolute;
    left: -10px;
    top: 24px;
}
.answer_title .ask_icon{
    width: 40px;
    height: 30px;
    position: absolute;
    left: -10px;
    top: 18px;
}
.ask_icon .if {
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}
.ask_icon .if_wenti{
    background: #49c066;
}
.ask_icon .if_huida{
    background: #f6a11a;
}
.ask_icon span {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
.ask_icon.ask_wt_icon span {
    border-left: 10px solid #49c066;
}
.ask_icon.ask_hd_icon span {
    border-left: 10px solid #f6a11a;
}
.ask_describe_title{
    font-size:14px;
    color: #999;
}
.ask_describe_info{
    font-size:15px;
    line-height: 25px;
}
.like_ask{
    padding: 0 20px 20px 20px;
}
.answer_tips{
    font-size: 18px;
    color: #f6a11a;
    font-weight: 500;
}
.answer_tips span{
    color: #999;
    font-size:14px
}
.answer_title .zx_btn{
    width: 90px;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
    height: 26px;
    line-height: 25px;
    border:1px solid #ccc;
    color: #ccc;
}
.answer_title .zx_doctor{
    border:1px solid #f6a11a;
    color: #f6a11a;
    background: #f6a11a;
}
.answer_title .zx_doctor.bg_f6{
    color: #fff;
}
/* ASK END */

/* ARTICLE - AD */
.detail_ad_img{
    width: 100px;
    height: 100px;    
    background-size: 100% 100%;
}
.detail_ad:first-child .detail_ad_img{
    background: url(../images/detail_ad_01.png) no-repeat;
}
.detail_ad:nth-child(2) .detail_ad_img{
    background: url(../images/detail_ad_02.png) no-repeat;
}
.detail_ad:last-child .detail_ad_img{
    background: url(../images/detail_ad_03.png) no-repeat;
}
.detail_ad_cont{
    width: 140px;
}
.detail_ad_cont .a{
    font-weight: 700;
}
.answer_title .answer_doctor{
    padding: 8px 12px;
}
.detail_ad_cont .zx_doctor{
    display: inline-block;
    text-align: center;
    width: 80px;
    height: 27px;
    line-height: 27px;
    border-radius: 15px;
    color: #FFFFFF;
    font-size:15px;
    background: -webkit-linear-gradient(top,#ffca92,#ff8401);
    background: linear-gradient(180deg,#ffca92,#ff8401);
}
.zx_doctor:hover{
    opacity: .8;
}

/* YIYUAN ARTICLE - START */
.yy_detail{    
    border-top: 2px solid #49c066;
}
.yy_detail .yy_img{
    width: 240px;
    height: 172px;
}
.yy_detail .yy_img img{
    object-fit: scale-down;
}
.yy_detail_data span,.yy_detail_data a{
    font-size: 13px;
    font-weight: 400;
    color: #999;
}
.yy_describe{
    text-align: justify;
    font-size: 15px;
    color: #7f7f7f;
}
.yy_detail_item .art-table{
    margin: 0;
}
.yy_detail_item .detail_article p:last-child{
    margin-bottom: 0;
}
.yy_detail_item .ys_comment>div:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.yy_service{
    width: 190px;
    border-left: 1px solid #e5e5e5;
}
.yy_service a{
    display: inline-block;
    width: 140px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    font-size: 15px;
    border-radius: 5px;
}
.yy_service a:first-child{    
    color: #ffffff;
}
.yy_service a:last-child{    
    color: #49c066;
}
.yy_service a:hover{
    opacity: .8;
}
.yy_service .if{
    padding-right: 4px;
}
.environment_swiper{
    width: 278px;
    height: 200px;
    overflow: hidden;
    position: relative;
}
.environment_swiper .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.environment_swiper .swiper-slide{
    width: 278px!important;
}
.environment_swiper .swiper-pagination{
    bottom: 5px!important;
}
.environment_swiper .swiper-pagination-bullet{
    width: 24px!important;
    height: 2px;
}
.environment_swiper .swiper-pagination-bullet-active{
    background: #faf8ef;
}
.environment_swiper .swiper-button-next,.environment_swiper .swiper-button-prev{
    width: 40px!important;
    height: 40px!important;
    background: #fff;
    display: none;
    border-radius: 50%;
}
.environment_swiper .swiper-button-next .if,.environment_swiper .swiper-button-prev .if{
    font-size: 14px;
    color: #4d4d4c;
    font-weight: 400;
    display: inline-block;
}
.environment_swiper .swiper-button-prev .if{
    transform: rotate(180deg);
}
/* YIYUAN ARTICLE - END */

/* YISHENG -  START */
.dq_item a{
    line-height: 26px;
    font-size: 15px;
    margin-right: 10px;
    padding: 0 8px;
    border-radius: 5px;
    margin-bottom: 5px;
}
.dq_item .dq_label{
    font-weight: 700;
    width: 80px;
    line-height: 26px;
    font-size:16px;
}
.dq_item .dq_active{
    background: #49C066;
    color: #fff;
}

.doctor{
    margin-left: -20px;
}
.doctor .data_null:hover{
    border:1px solid #fff;
}
.doctor li{
    width: 409px;
    margin-left: 20px;
    border:1px solid #fff;
    border-radius: 5px;
}
.doctor li .doctor_img{
    width: 80px;
    height: 80px;
}
.doctor li .a{
    font-weight: 700;
}
.doctor li .a span{
    font-weight: 400;
    font-size:13px;
    color: #999;
}
.doctor li:hover{
    border:1px solid #ccc;
}
.doctor li:hover .a{
    color: #49C066;
}
.yy_detail .doctor_img{
    width: 120px;
    height: 120px;
}
/* YISHENG - END */

/* NEWS - PUBLIC */
.like .title_h4,.strategy .title_h4,.like.title_h4{
    font-weight: 700;
}
.like .like_btns{
    height: 24px;
    line-height: 24px;
}
.like .like_btns div{
    padding: 0 8px;
    font-size: 12px;
    border-radius: 2px 0 0 2px;
    border: 1px solid #e6e6e6;
    cursor: pointer;
}
.like_active,.strategy_active,.right_yy_active{
    background: #49c066;
    color: #fff;
}
.like .like_btns div:nth-child(n+1){
    border-right: none;
}
.like .like_btns div:last-child{
    border-right: 1px solid #e6e6e6;
}
.like_cont ul:last-child{
    display: none;
}
.like_news .news_img{
    width:90px;
    height:68px;
}
.like_news{
    margin-left: -20px;
}
.like_news li{
    width: 409px;
    margin-left: 20px;
    margin-bottom: 20px;
}
.like_news li:nth-child(n+6){
    margin-bottom: 0;
}
.like_news li a:hover .a{
    color: #49c066;
}
.like_news li a:hover img{
    opacity: .8;
}
.like_news .news_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.strategy_cont .strategy_item:nth-child(n+2){
    display: none;
}
.strategy_cont .wd_news {
    margin-left: -20px;
}
.strategy_cont .wd_news li{
    width: 409px;
    margin-left: 20px;
    margin-bottom: 20px;
}
.strategy_cont .wd_news li:nth-child(n+7){
    margin-bottom: 0;
    padding-bottom: 0;
}
.strategy_cont .wd_news li:nth-last-child(2){
    border-bottom: none;
}
.tj_news .bq_news li{
    width: 402px;
    padding: 16px;
    background: #fff;
    -webkit-box-shadow: 0 0 7px 1px hsl(0deg 0% 94% / 88%);
    box-shadow: 0 0 7px 1px hsl(0deg 0% 94% / 88%);
    border-radius: 5px;
    margin-bottom: 10px;
}
.right_news{
    padding: 0 10px;
}
.right_news ul:last-child{
    display: none;
}

/* VIDEO - START */
.video{
    margin-left: -10px;
}
.video li{
    width: 202px;
    border-radius: 5px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.video .video_bg{
    width: 100%;
    height: 0;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video .video_bg .if_video{
    color: #fff;
    font-size: 36px;
}
.video .video_img{
    width: 181px;
    height: 152px;
}
.video_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video li:hover{
    border-color: #ccc;
}
.video li:hover .a{
    color: #49C066;
}
.video li:hover .video_bg{
    height: 100%;
}
.detail_article .video_js{
    object-fit: cover;
    width: 50%;
}
/* VIDEO - END */

/* YIYUAN - ITEM */
.yy_survey .flex{
    font-size:15px;
}
.yy_survey label{
    color: #999999;
    width: 80px;
}
.yy_tc_doctor{
    margin-left: -20px;
}
.yy_tc_doctor li{
    width: 266px;
    margin-left: 20px;
    margin-bottom: 20px;
}
.yy_tc_doctor li:nth-child(n+6){
    margin-bottom: 0;
}
.yy_tc_doctor .doctor_img{
    width: 58px;
    height: 58px;
}
.yy_tc_hospital li{
    width: 266px;
}
.yy_tc_hospital li:first-child,.yy_tc_hospital li:nth-child(2),.yy_tc_hospital li:nth-child(3){
    margin-top: 0;
}
.yy_tc_hospital span{
    height: 16px;
    line-height: 15px;
    margin-left: 3px;
    padding:0 4px;
    border-radius: 8px;
    font-size: 12px;
    color: #49c066;
    border: 1px solid #49c066;
    min-width: 50px;
}
.yy_region{
    margin: 0 20px 20px 20px;
    font-size: 14px;
    line-height: 22px;
}
.yy_region .flex{
    width: 409px;
}
.yy_region label{
    color: #333;
    width: 50px;
    font-size:14px;
}
.yy_region a{
    display: block;
    color: #999;
    font-size:14px;
    padding-right: 10px;
}
.yy_region a:hover{
    color: #49c066;
}
.ys_comment .user_img{
    width: 40px;
    height: 40px;
}
.user_img img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.user_name{
    color: #333;
    font-size:14px;
}
.user_name:hover{
    color: #49C066;
}
.user_name span{
    height: 20px;
    padding: 0 5px;
    line-height: 18px;
    background: #ff5800;
    border: none;
    font-size: 12px;
    color: #fff;
    margin-left: 5px;
    border-radius: 3px;
}
.ys_comment_info{
    font-size:15px;
    line-height: 22px;
}

.ys_right_yy .yy_img{
    width: 278px;
    height: 200px;
}
.ys_right_yy .p{
    text-align: center;
}
.yiyuan li:hover .a{
    color: #49C066;
}

.yiyuan .yy_img{
    width: 192px;
    height: 130px;
}
.yiyuan .a{
    font-weight: 700;
}
.sowd_title{
    width: 90px;
}
.sowd_relation a{
    height: 20px;
    background: rgb(241, 248, 243);
    border: 1px solid rgb(170, 220, 183);
    border-radius: 5px;
    padding: 0px 8px;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 5px;
}
.sowd_relation h4{
    font-size: 12px;
    font-weight: 400;
    color: rgb(73, 192, 102);
    line-height: 18px;
}
/* YIYUAN - END */


/* HUATI - START */
.jx_detail .bq_img{
    width: 250px;
    height: 160px;
}
.jx_describe{
    font-size:15px;
    color: #7f7f7f;
    line-height: 22px;
}
.jx_describe span{    
    font-size:14px;
    color: #3AAF56;
    cursor: pointer;
}
.jx_describe .if{
    font-size: 12px;
}
/* HUAITI - END */

/* RIGHT */
.news_top li{
    margin-bottom: 10px;
}
.news_top li:last-child{
    margin-bottom: 0;
}
.news_top li>i{
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 12px;
    margin-top: 2px;
    margin-right: 10px;
    background: #C9D1DA;
    border-radius: 3px;
    text-align: center;
    line-height: 15px;
    font-style: inherit;
}
.news_top li:first-child .p{
    color: #ff4443;
}
.news_top li .d{
    margin-top: 5px;
}
.news_top li:nth-child(n+2) .news_top_h{
    display: none;
}
.news_top li:first-child>i{
    background: #ff5601;
}
.news_top li:nth-child(2)>i{
    background: #ff8401;
}
.news_top li:nth-child(3)>i{
    background: #ffaa01;
}
.news_top li .date_view{
    padding-top: 5px;
}
.right_jx:nth-child(3),.right_jx:nth-child(4){
    display: none;
}
.right_jx li{
    margin-right: 5px;
    height: 29px;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    padding: 0 8px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 10px;
}
.right_jx li:hover{
    background: #49c066;    
}
.right_jx li:hover a{
    color: #fff;
}
.right_jx li a{
    font-size: 14px;
    color: #666;    
}
.artBtn_table .if{
    display: inline-block;
    width: 15px;
    height: 14px;
    font-size:14px;
    color: #999;
    cursor: pointer;
    -webkit-transition: -webkit-transform .5s ease-out;
    -moz-transition: -moz-transform .5s ease-out;
    -o-transition: -o-transform .5s ease-out;
    -ms-transition: -ms-transform .5s ease-out;
}
.right_yy_cont .doctor_rank_list li:last-child{
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}
.right_yy_cont ul:nth-child(n+2){
    display: none;
}
.right_yy_cont li:hover .doctor_img{
    opacity: .8;
}
.right_yy_cont li:hover .doctor_name{
    color: #49c066;
}
.right_yy_news li:last-child{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
/*.right_yy_news .yy_img{
    width: 110px;
    height: 80px;
}*/
.right_yy_news .yy_img {
    width: 110px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.right_yy_news .yy_img img{
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 5px;
}
.right_yy_news li:hover .yy_img{
    opacity: .8;
}
.right_yy_news li:hover .a{
    color: #49c066;
}
.right_ad{
    position: sticky;
    top: 20px;
    transition: all .3s;
}
/*友情链接*/
.link a{
    font-size: 14px;
    color: #333;
    height: 34px;
    line-height: 34px;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    padding: 0 8px;
    margin-right: 15px;
}
.link a:hover{
    color: #49C066;
}
/* FOOTER */
.foot a:hover{
    color: #49c066;
}
.foot_logo{
    width: 154px;
    height: 67px;
}
.foot_logo img{
    width: 100%;
    height: 100%;
}
.foot_nav li a{
    color: #ffffff;
    font-size:14px;
    font-weight: 400;
    padding:0 8px;
    border-left: 1px solid #fff;
}
.foot_nav li:first-child a{
    border-left: none;
    padding-left: 0;
}
.foot_ma div{
    margin-left: 20px;
}
.foot_ma p{    
    color: #ffffff;
    font-size:14px;
    font-weight: 400;
    text-align: center;
}
.foot_ma img{
    width: 102px;
    height: 102px;
}
.foot_qualifications{
    color: #ffffff;
    font-size:14px;
    font-weight: 400;
}
.foot_qualifications a{
    color: #ffffff;
    font-size:14px;
    font-weight: 400;
}
.foot_qualifications img{
    max-width: 20px;
}

/*表单弹出层*/
.form_modal{
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .4);
    position: fixed;
    top: 0;
    display: none;
    z-index: 1000;
    /*opacity: 0;*/
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.form_modal_body{
    width: 100%;
    height: 100%;
}
.form_modal_box{
    width: 360px;
    height: 490px;
    border-radius: 5px;
    position: relative;
    background: #fff;
}
.form_modal_top{
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    background-color: #F8F8F8;
    border-radius: 5px 5px 0 0;
    font-weight: 500;
}
.form_modal_close{
    cursor: pointer;
}
.form_modal_close .if{
    color: #333;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
.form_modal_item label{
    width: 80px;
    font-size: 15px;
    margin-bottom: 10px;
}
.form_modal_item input{
    width: 100%;
    height: 35px;
    margin-bottom: 0;
    padding: 4px 4px 4px 10px;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #333;
    font-size: 15px;
}
.form_modal_item textarea{
    width: 100%;
    min-height: 140px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #333;
    font-size: 15px;
}
.form_modal_item input:focus,.form_modal_item textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}
.form_modal_btn{
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 5px;
    color: #fff;
    background: #49c066;
    cursor: pointer;
    outline: none;
    font-size: 16px;
}
/*返回顶部*/
.top_btn{
    position: fixed;
    display: none;
    right: 20px;
    bottom: 20px;
    background-color: #d9d9d9;
    border-radius: 3px;
}
.top_btn .if{
    display: block;
    padding: 8px 3px;
    color: #a6a6a6;
    font-size: 20px;
}
/*医院导航*/
.catalog{
    width: 52px;
    position: fixed;
    left: 50%;
    top: 223px !important;
    z-index: 99;
    margin-left: 620px;
    text-align: center;
}
.catalog_item{
    width: 52px;
    height: 52px;
    border: 1px solid #e6e6e6;
    font-size: 12px;
    line-height: 15px;
    color: #666;
    padding: 11px;
    margin-bottom: 10px;
    background: #fff;
}
.catalog_item:last-child{
    margin-bottom: 0;
}
.catalog_active{
    border: 1px solid #a9dbb5;
    color: #49c066;
}

/* 美化table样式 */
/* 表格样式 */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

thead {
    background-color: #49c066;
    color: white;
}

th, td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
}

th {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
}

tbody tr:nth-child(even) {
    background-color: #f8f8f8;
}

tbody tr:hover {
    background-color: #f1f8f3;
    transition: background-color 0.3s ease;
}

td {
    font-size: 14px;
    color: #333;
}

/* 响应式设计 */
@media screen and (max-width: 600px) {
    table {
        border: 0;
    }
    
    table caption {
        font-size: 1.3em;
    }
    
    thead {
        display: none;
    }
    
    tr {
        margin-bottom: 10px;
        display: block;
        border-bottom: 2px solid #ddd;
    }
    
    td {
        display: block;
        text-align: right;
        font-size: 13px;
        border-bottom: 1px dotted #ccc;
    }
    
    td:last-child {
        border-bottom: 0;
    }
    
    td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }
}