@charset "utf-8";
/* CSS Document */

.pad2{ padding: 0.2rem;}
.padS3{ padding: 0 0.3rem;}
.marT3{ margin-top: 0.3rem;}
.marB2{ margin-bottom: 0.2rem;}
.marB3{ margin-top: 0.3rem;}
.marB5{ margin-bottom: 0.5rem;}
.marB7{ margin-bottom: 0.7rem;}
.bgf{ background-color: #fff;}


/*首页*/
.cnxk{ display: flex; justify-content: space-between; margin: 0.36rem 0}
.cnxk_tit{ display: flex; align-items: center; font-size: 0.3rem; line-height: 0.36rem; color: #2f4269;}
.cnxk_tit:before{ width: 0.29rem; height: 0.17rem; margin-right: 0.1rem; background-image: url(../images/icon_eye.png); background-size: 100% 100%; content: ""}
.cnxk_con{ display: flex; justify-content: space-between; align-items: center; width: 5.2rem; }
.cnxk_con > h3{ width: 5rem; height: 0.36rem; font-weight: normal; font-size: 0.28rem; line-height: 0.36rem; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.cnxk_con > h3 a{ color: #8895b4;}
.cnxk_con:after{ width: 0.09rem; height: 0.17rem; background-image: url(../images/arr_r1.png); background-size: 100% 100%; content: ""}

.sc1_wrap{ position: relative; width: 6.9rem; height: 2.1rem; margin-bottom: 0.5rem;}
#swiper1{ width: 6.9rem; height: 1.88rem;}
#swiper1 .swiper-slide{ position: relative; width: 6.9rem; height: 1.88rem; }

#swiper1 .swiper-slide img{ width: 6.9rem; height: 1.88rem; border-radius: 0.1rem;}

.swiper1-pagination{ position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10; display: flex; justify-content: center;}
.swiper1-pagination .swiper-pagination-bullet{  width: 0.5rem; height: 0.06rem; margin: 0 0.05rem; background-color: #d0e6fc; opacity: 1; border-radius: 0.03rem;}
.swiper1-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #3aa2ff;}

.col{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.4rem;}
.col > span{ display: flex; align-items: center; font-weight: bold; font-size: 0.28rem; line-height: 0.4rem; color: #333;}
.col > span:before{ width: 0.08rem; height: 0.32rem; margin-right: 0.12rem; background: -moz-linear-gradient(top, #ffc31d, #28a69a, #008cff); background: -webkit-linear-gradient(top , #ffc31d, #28a69a, #008cff);background: -o-linear-gradient(top , #ffc31d, #28a69a, #008cff); border-radius: 0.04rem; content: ""}
.col.sty2{ height: 0.8rem; padding: 0 0.24rem; background-color: #fff; border-radius: 0.2rem;}
.col.sty2 > span{ font-size: 0.32rem; letter-spacing: 0.1em;}

a.col_more{ display: flex; justify-content: space-between; align-items:center; margin-right: 0.12rem; font-size: 0.24rem; line-height: 0.3rem; color: #898989;}
a.col_more:after{ width: 0.11rem; height: 0.19rem; margin-left: 0.07rem; background-image: url(../images/arr_r2.png); background-size: 100% 100%; content: ""}

.jkrd_list{}
.jkrd_list li{  padding: 0.2rem 0; border-bottom: 0.01rem solid #eaeaea;}
.jkrd_list li > a{ display: flex; flex-wrap: wrap; align-items: center;}
.jkrd_list li > a > span{ width: 0.8rem; height: 0.3rem; margin-right: 0.14rem; font-size: 0.24rem; line-height: 0.3rem; color: #fff; text-align: center; background: -moz-linear-gradient(top, #2076ff, #80b1fe); background: -webkit-linear-gradient(top , #2076ff, #80b1fe);background: -o-linear-gradient(top , #2076ff, #80b1fe); border-radius: 0.04rem;}
.jkrd_list li > a > h3{ font-weight: normal; font-size: 0.28rem; line-height: 0.36rem; text-align: justify; color: #2f4269;}

.jxsp_con{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.jxsp_tem{ width: 3.4rem; height: 2.94rem; margin-bottom: 0.2rem; border-radius: 0.1rem; overflow: hidden;}
.jxsp_tem img{ width: 3.4rem; height: 1.94rem;}
.jxsp_tem h3{ height: 1rem; padding: 0.14rem 0.2rem 0; font-weight: normal; font-size: 0.28rem; line-height: 0.36rem; text-align: justify; background: -moz-linear-gradient(top, #fff, #e4f0ff); background: -webkit-linear-gradient(top , #fff, #e4f0ff);background: -o-linear-gradient(top , #fff, #e4f0ff); box-sizing: border-box;}
.jxsp_tem h3 a{ color: #2f4269; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.sc_jkkpzj_wrap{ position: relative; width: 6.9rem;}
#swiper_jkkpzj{ width: 6.9rem; height: 3.8rem; margin-bottom: 0.2rem;}
#swiper_jkkpzj .swiper-slide{ position: relative; width: 6.9rem; height: 3.8rem; }

.index_jkkpzj_tem{ position: relative; width: 6.9rem; height: 1.8rem; margin-bottom: 0.2rem; padding: 0.2rem 0.2rem 0; background: -moz-linear-gradient(bottom, #fff, #e4f0ff); background: -webkit-linear-gradient(bottom , #fff, #e4f0ff);background: -o-linear-gradient(bottom , #fff, #e4f0ff); border-radius: 0.1rem; box-sizing: border-box;}
.index_jkkpzj_tem > a{ display: flex; justify-content: space-between; align-items: center; width: 100%; height: 1.4rem; }
.index_jkkpzj_tem > a img{ float: left; width: 1.4rem; height: 1.4rem; border-radius: 50%;}
.index_jkkpzj_tem_r{ width: 4.8rem;}
.index_jkkpzj_tem_title{ display: flex; justify-content:left; padding-bottom: .14rem; border-bottom: 0.01rem solid #badeff;}
.index_jkkpzj_tem_title > h3{ margin-right: 0.14rem; font-size: 0.3rem; line-height: 0.3rem; color: #2f4269;}
.index_jkkpzj_tem_title > span{ font-size: 0.28rem; line-height: 0.3rem; color: #3aa2ff;}
.index_jkkpzj_tem_r > p{ margin-top: 0.14rem; font-size: 0.28rem; line-height: 0.32rem; color: #2f4269;}

.index_jkkpzj_tem_more{ position: absolute; top: 0; right: 0; width: 1.3rem; height: 0.32rem; background: -moz-linear-gradient(top, #2277ff, #80b1fe); background: -webkit-linear-gradient(top , #2277ff, #80b1fe);background: -o-linear-gradient(top , #2277ff, #80b1fe); border-radius: 0.14rem; border-bottom-right-radius: 0;}
.index_jkkpzj_tem_more > a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 0.24rem; line-height: 0.32rem; color: #fff;}
.index_jkkpzj_tem_more >:after{ width: 0.06rem; height: 0.12rem; margin-left: 0.06rem; background-image: url(../images/arr_r3.png); background-size: 100% 100%; content: ""}

.swiper_jkkpzj-pagination{ float: right; z-index: 10; }
.swiper_jkkpzj-pagination .swiper-pagination-bullet{ float: left; width: 0.12rem; height: 0.12rem; margin-left: 0.06rem; background-color: #d9d9d9; opacity: 1; border-radius: 0.06rem;}
.swiper_jkkpzj-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #287ad6;}

.pagination{  text-align: center; margin-bottom: 2rem}
.pagination a, .pagination span{  box-sizing: border-box; display: inline-block; width: 34px; height: 34px; margin: 0 4px; font-size: 14px; line-height: 32px; text-align: center; color: #666; background-color: #fff; border: 1px solid #e5efff; border-radius: 4px; cursor: pointer; }
.pagination span{ display: inline-block; font-size: 14px; line-height: 34px; margin: 0 5px;}
.pagination a:hover, .pagination .current{  color: #fff; background-color: #3582ff ; border-color: #e5efff ;}
.pagination .prev, .pagination .next{ box-sizing: border-box; width: auto; padding: 0 10px; height: 34px; cursor: pointer;}
.pagination .prev.current, .pagination .next.current{ color: #666; background: none; border: none; cursor: auto;}

.pages{ text-align: center;margin-bottom: 10px}
.pages a{box-sizing: border-box; display: inline-block; width: 34px; height: 34px; margin: 0 4px; font-size: 14px; line-height: 32px; text-align: center; color: #666; background-color: #fff; border: 1px solid #e5efff; border-radius: 4px; cursor: pointer; }
.pages span{ display: inline-block; font-size: 14px; line-height: 34px; margin: 0 5px;}
.pages a.first, .pages a.prev, .pages a.next, .pages a.last{ box-sizing: border-box; width: auto; padding: 0 10px; height: 34px; cursor: pointer;}
.pages a.current, .pages a:hover{ color: #fff; background-color: #3582ff ; border-color: #e5efff ;}


.index_other_wrap{ display: flex; justify-content: space-between;}
.index_other_tem{ position: relative; width: 2.14rem; height: 1.1rem; background-color: #fff; border-radius: 0.1rem; box-shadow: 0 0 5px 10px rgba(215,226,248,0.5); overflow: hidden; box-sizing: border-box;}
.index_other_tem:before{ position: absolute; bottom: -0.1rem; right: 0.1rem; opacity: 0.2; background-size: 100% 100%; content: ""}
.index_other_tem > a{ position: relative; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; font-weight: bold; font-size: 0.3rem; line-height: 0.36rem; color: #2f4269; z-index: 3}

.index_other_tem.tem1:before{ width: 0.68rem; height: 0.71rem; background-image: url(../images/icon_index_kphd.png);}
.index_other_tem.tem2:before{ width: 0.72rem; height: 0.72rem; background-image: url(../images/icon_index_kpjd.png);}
.index_other_tem.tem3:before{ width: 0.72rem; height: 0.7rem; background-image: url(../images/icon_index_rkgs.png);}

.index_des{ padding: 0.2rem 0 0.4rem; border-top: 0.01rem solid #eaeaea;}
.index_des p{ font-size: 0.24rem; line-height: 0.38rem; color: #898989; text-align: center;}

/*健康科普活动*/
.hjkkphd_tem_wrap{ margin-top: 0.3rem;}
.jkkphd_tem{  width: 6.9rem;  margin-bottom: 0.3rem; border-radius: 0.14rem; overflow: hidden;}

.jkkphd_tem img{ width: 6.9rem; height: 3.16rem;}
.jkkphd_bot{ position: relative; height: 3.9rem; padding: 0.18rem 0.38rem 0.3rem; background-color: #fcfcfc; border: 0.01rem solid #f5f5f5; box-sizing: border-box;}
.jkkphd_intro{ padding-right: 1.2rem;}
.jkkphd_intro h3{ height: 0.46rem; margin-bottom: 0.3rem; font:0.3rem/0.46rem "Microsoft Yahei"; color: #12132c; text-align: justify; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.jkkphd_intro h3 a{ color: #12132c;}
.jkkphd_item{ }
.jkkphd_item p{  font: 0.24rem/0.36rem "Microsoft Yahei"; color: #818181}

.jkkphd_status{ position: absolute; top: 0.18rem; right: 0.38rem; width: 1.1rem; height: 0.46rem; font: 0.24rem/0.46rem "Microsoft Yahei"; color: #fff; text-align: center; border-radius: 20px;}
.jkkphd_status.on{ background-color: #4dc898;}
.jkkphd_status.off{ background-color: #a9abad;}
a.btn_jkkphd{ display: block; width: 2.2rem; height: .52rem; margin: 0.3rem auto 0; font: 0.24rem/0.52rem "Microsoft Yahei"; color: #fff; text-align: center;  border-radius: 0.1rem; cursor: pointer;}
a.btn_jkkphd.on{ background-color: #8cb0ec;}
a.btn_jkkphd.off{ background-color: #91c2bc;}

a.btn_showMore{ display: flex; justify-content: right; align-items: center; margin: 0 0.4rem 0.4rem 0; font-size: 0.24rem; line-height: 0.3rem; color: #898989;}
a.btn_showMore:after{ width: 0.11rem; height: 0.19rem; margin-left: 0.1rem; background-image: url(../images/arr_r2.png); background-size: 100% 100%; content: ""}

a.btn_showMore1{ display: flex; justify-content: right; align-items: center; margin: 0.1rem 0.4rem 0.4rem 0; font-size: 0.24rem; line-height: 0.3rem; color: #898989;}
a.btn_showMore1:after{ width: 0.11rem; height: 0.19rem; margin-left: 0.1rem; background-image: url(../images/arr_r2.png); background-size: 100% 100%; content: ""}

.gl_common_tem{ display: flex; justify-content: space-between; padding: 18px 22px; margin-bottom: 20px; background-color: #fff; border: 1px solid #f5f5f5; border-radius: 10px; box-sizing: border-box;}
.gl_common_tem img{ width: 3.0rem; height: 2.0rem;}
.gl_common_tem_r{ width: 3.2rem;}
.gl_common_tem_r > h3{ height: 0.8rem; margin: 4px 0 10px; font: 24px/40px "Microsoft Yahei"; text-align: justify; color: #12132c;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 
.gl_common_tem_r > h3 a{ color: #12132c;}

.gl_common_tem_r > h3 a em {color:#c32121}
.gl_common_tem_info{ margin-bottom: 0.2rem; font: 18px/24px "Microsoft Yahei"; color: #12132c}
.gl_common_tem_item{ display: flex; justify-content: space-between; }
.gl_common_tem_tag{ display: flex; flex-wrap: wrap; justify-content: left; width: 860px;}
.gl_common_tem_tag li{width: auto;padding: 0px 18px;height: 48px; margin: 0 15px 15px 0 ;font: 18px/46px "Microsoft Yahei";color: #333;text-align: center;background-color: #efefef;border: 1px solid #efefef;border-radius: 10px;box-sizing: border-box;}
.gl_common_tem_tag li.cate{ color: #0080ed; background-color: #e0f1ff; border-color: #0080ed;}

.gl_common_tem_date{ margin-left: 20px; font: 18px/24px "Microsoft Yahei"; color: #a4a4a4; text-align: right}

/*活动通用页*/
.banner_hd{ margin-bottom: 0.1rem;}
.banner_hd img{ width: 100%; height: auto; border-radius: 0.2rem;}
.hd_des{ margin-bottom: 0.6rem; }
.hd_des p{ font: 0.24rem/0.46rem "Microsoft Yahei"; color: #818181; text-indent: 2em; text-align: justify; }

.hd_tem{ margin-bottom: 0.4rem;}
/*.hd_col{ text-align: center;}
.hd_col span{ display: inline-block; height: 32px; padding: 0 8px 20px; margin: 0 auto; font: bold 36px/40px "Microsoft Yahei"; color: #16243c; border-bottom: 6px solid #1d78ff;}*/
.hd_list{ padding: 0.12rem 0.22rem 0.2rem; margin-bottom: 0.3rem; background-color: #fff; border: 0.01rem solid #d4dae0; border-radius: 0.1rem; }
.hd_list li{ padding-bottom: 0.14rem; margin-top: 0.14rem; border-bottom: 0.01rem dashed #d4dae0;}
.hd_list li h3{ margin-bottom: 0.06rem; font: 0.24rem/0.44rem "Microsoft Yahei"; color: #16243c;  }
.hd_list li h3 a{ color: #16243c;}
.hd_list li span{ display: block; font: 0.24rem/0.3rem "Microsoft Yahei"; color: #999;}

/*资源库细览*/
.article_wrap{ margin-top: 0.3rem;}
.article_tit{ margin-bottom: 0.3rem; font-weight: bold; font-size: 0.32rem; line-height: 0.44rem; color: #273349; text-align: center;}
.article_item{ display: flex; justify-content: space-between; align-items: center; padding: 0.2rem; margin-bottom: 0.3rem; background-color: #fff; border-radius: 0.14rem;}
.article_item_l{ width: 4.9rem;}
.article_item_l > p{ font-size: 0.24rem; line-height: 0.5rem; color: #2c3045;}

.article_pDate{ display: flex; flex-direction: column; align-items:center; justify-content: center; width: 1.08rem; height: 1.08rem; background-color: #c6e4ff; border-radius: 0.2rem;}
.article_pDate > span.year{ font-size: 0.26rem; line-height: 0.3rem; color: #2c3045}
.article_pDate > span.date{ font-weight: bold; font-size: 0.28rem; line-height: 0.3rem; color: #2c3045;}

.article_con_wrap{ padding: 0.2rem; margin-bottom: 0.34rem; background-color: #fff; border-radius: 0.14rem;}
.article_con{ margin-bottom: 0.3rem; font-size: 0.28rem; line-height: 0.5rem; color: #2c3045; text-align: justify;}
.article_con p{ font-size: 0.28rem; line-height: 0.5rem; color: #2c3045; text-align: justify;}
.article_con img{ max-width: 80%;height: auto;}

.article_bot{ padding: 0.14rem 0.42rem; background-color: #f0f4f7;}
.article_bot p{ font-size: 0.24rem; line-height: 0.38rem; color: #2c3045;}

.article_btn{ display: flex; justify-content: space-between; margin-bottom: 0.3rem;}
.article_btn_tem{ display: flex; align-items: center; justify-content: center; width: 3.2rem; height: 0.78rem; font-size: 0.28rem; color: #fff; background-color: #48c7cf; border-radius: 0.16rem;} 
.btn_poster{ }

.btn_collect{ }
.btn_collect:before{ width: 0.27rem; height: 0.23rem; margin-right: 0.2rem; background-image: url(../images/icon_heart.png); background-size: 100% 100%; content: ""}
.btn_collect > p{ margin-right: 0.2rem; color: #fff;}
.btn_collect > span{ color: #fff;}

.article_xgyd_wrap{ padding: 0.24rem 0.2rem 0.3rem; margin-bottom: 0.3rem; background-color: #fff; border-radius: 0.16rem;}

.col_sty2{  margin-bottom: 0.3rem; border-bottom: 0.01rem solid #dfe4e8;}
.col_sty2 > span{ display: inline-block; padding: 0 0.38rem 0.22rem 0; font-weight: bold; font-size: 0.32rem; line-height: 0.34rem; color: #273349;  border-bottom: 0.06rem solid #1d78ff;}

.xgyd_con{}
.xgyd_tem{ display: flex; justify-content: space-between; padding-bottom: 0.3rem; margin-bottom: 0.3rem; border-bottom: 0.01rem solid #e8e8e8;}
.xgyd_tem:last-child{ margin-bottom: 0}
.xgyd_tem_l{ width: 3.5rem;}

.xgyd_tem_l > h3{ margin-bottom: 0.1rem; font-size: 0.28rem; line-height: 0.44rem; text-align: justify;}
.xgyd_tem_l > h3 a{ color: #273349}
.xgyd_tem_l .tag{  height: 0.36rem; padding: 0 0.1rem;  font-size: 0.24rem; line-height: 0.36rem; color: #fff; background: -moz-linear-gradient(top, #2076ff, #80b1fe); background: -webkit-linear-gradient(top , #2076ff, #80b1fe);background: -o-linear-gradient(top , #2076ff, #80b1fe); border-radius: 0.04rem; vertical-align: top;}

.xgyd_tem img{ width: 2.76rem; height: 1.56rem; border-radius: 0.1rem;}

xgyd_tem_2{ width: 5.5rem;}

.xgyd_tem_2 > h3{ margin-bottom: 0.1rem; font-size: 0.28rem; line-height: 0.44rem; text-align: justify;}
.xgyd_tem_2 > h3 a{ color: #273349}
.xgyd_tem_2 .tag{  height: 0.36rem; padding: 0 0.1rem;  font-size: 0.24rem; line-height: 0.36rem; color: #fff; background: -moz-linear-gradient(top, #2076ff, #80b1fe); background: -webkit-linear-gradient(top , #2076ff, #80b1fe);background: -o-linear-gradient(top , #2076ff, #80b1fe); border-radius: 0.04rem; vertical-align: top;}


.share-bg {
    position: fixed;
    width: 100vw;
    height:100vh;
    top:0px;
    left:0px;
    display: none;
    background:rgba(0,0,0,0.4);
    z-index: 100;
}
.share-poster-con {
    position: fixed;
    /* left: 50%; */
    top:1rem;
    /* margin-left: -3.25rem; */
    /* display: none; */
    opacity: 0;
    pointer-events: none;
      width: 6.5rem;
    z-index: 101;
    /* background: #fff;
    border-radius: 15px;
    padding: 16px;
    box-sizing: border-box; */
}

.share-page {
    width: 100%;
    display: none;
}
.share-page img {
    width: 100%;
    border-radius: 0.3rem;
}
.poster_html {
   
    width: 100%;
    background: #fff;
    padding: 16px;
    border-radius: 10px;
    box-sizing: border-box;
  
}
.poster_html .poster_head_img {
width: 100%;
}
.poster_html .poster_head_img img {
   width: 100%; 
   aspect-ratio: 16 / 9;
       border-radius: 0.3rem;
}

.poster_html .poster_title {
font-weight: bold;
font-size: 0.32rem;
line-height: 0.44rem;;
color:#273349;
margin-top:0.1rem;
}
.poster_html  .poster-infor {
margin-top:0.1rem;
  height:1.6rem;
}
.poster_html  .poster-infor .html-ewm {
    width: 1.6rem;
    height:1.6rem;
    float: left;
}
.poster_html  .poster-infor .html-ewm img {
 width: 1.6rem;
 height:1.6rem;
}



.poster_html  .poster-infor .html-ewm #qrcode {
 width: 1.6rem;
 height:1.6rem;
}

.poster_html  .poster-infor .html-ewm #qrcode canvas {
    position: absolute;
    opacity: 0;
}
.poster_html  .poster-infor .ewm-tips {
 float: left;
 font-size:0.24rem;
 color:#6c6f7c;
 padding-top: 35px;
 padding-left: 5px;
}
.poster_html  .poster-infor .ewm-tips p {
    line-height: 0.32rem;
}

.poster_html  .poster-infor .html-time {
    float: right;
    display: flex; 
    flex-direction: column; 
    align-items:center; 
    justify-content: center; 
    width: 1.08rem; 
    height: 1.08rem; 
    margin-top: 0.2rem;
    background-color: #c6e4ff; 
    border-radius: 0.2rem;
}

.poster_html  .poster-infor .html-time > p.year{ font-size: 0.26rem; line-height: 0.3rem; color: #2c3045}
.poster_html  .poster-infor .html-time > p.date{ font-weight: bold; font-size: 0.28rem; line-height: 0.3rem; color: #2c3045;}

/*.poster_html  .poster-infor .html-time p{
   line-height: 24px; 
}*/
.poster-btn-con {
    margin-top: 12px;
    height:48px;
    display: flex;
    justify-content: space-between
}
.poster-btn-con .btn-keep-share {    padding: 0px 47px;background:#fff;text-align: center;font-size:18px;color:#333;line-height: 48px;border-radius: 15px;cursor: pointer;float:left;}
.poster-btn-con  .btn-close-share {width: 109px;height:48px;background:#fff;text-align: center;font-size:18px;color:#333;line-height: 48px;border-radius: 15px;cursor: pointer;float:right;}

/*搜索*/
.col_sty3{ margin-bottom: 0.3rem; font-size: 0.28rem; line-height: 0.32rem; color: #273349;}

.search_hotWord_list{ display: flex; flex-wrap: wrap; justify-content: left; width: 100%; }
.search_hotWord_list li{ height: 0.46rem; padding: 0 0.26rem; margin: 0 0.1rem 0.1rem 0; font-size: 0.24rem; line-height: 0.46rem; color: #a7adb6; background-color: #fff; border-radius: 0.08rem;}
.rmxx_wrap{ position: relative; }

.rmxx_catetory{ display: flex; position: absolute; top: -0.68rem; right: 0; width: 3rem; height: 0.44rem; border-radius: 0.22rem; background-color: #5abbff;}
.rmxx_catetory > a{ width: 1rem; height: 0.44rem; font-weight: bold; font-size: 0.24rem; line-height: 0.44rem; text-align: center; color: #fff;  border-radius: 0.22rem;}
.rmxx_catetory > a.active{ background-color: #138ada;}

.rmxx_con{ padding: 0.08rem 0.15rem 0.3rem; background-color: #fff; border-radius: 0.15rem;margin-bottom: 0.2rem;}
.rmxx_tem{ display: flex; align-items: center; padding: 0.15rem 0; border-bottom: 0.01rem dashed #d1d1d1;}
.rmxx_tem:before{ width: 0.11rem; height: 0.12rem; background-image: url(../images/icon_rhombus.png); background-size: 100% 100%; content: ""}
.rmxx_tem .num{ margin-left: 0.27rem; font-size: 0.24rem; line-height: 0.32rem; color: #273349}
.rmxx_tem > h3{ width: 5.4rem; margin-left: 0.4rem; font-weight: normal; font-size: 0.24rem; line-height: 0.32rem;}
.rmxx_tem > h3 > a{ color: #273349}

.rmxx_tem1{display: flex; align-items: center; padding: 0.15rem 0; font-size: 20px;}


.personal_item_wrap{ display: flex; height: 0.8rem; margin: 0.3rem 0; background-color: #fff; border-radius: 0.2rem;}
.personal_item{ position: relative; display: flex; align-items: center; justify-content: center; width: calc(100% / 3); height: 0.8rem;}
.personal_item:after{ position: absolute; top: 50%; right: -0.1rem; width: 0.03rem; height: 0.4rem; margin-top: -0.2rem; background-color: #efefef; border-radius: 0.01rem; content: ""}
.personal_item:last-child:after{ display: none;}
.personal_item > a{ font-size: 0.24rem; color: #999999;}
.personal_item.active:before{ width: 0.08rem; height: 0.32rem; margin-right: 0.12rem; background: -moz-linear-gradient(top, #ffc31d, #28a69a, #008cff); background: -webkit-linear-gradient(top , #ffc31d, #28a69a, #008cff);background: -o-linear-gradient(top , #ffc31d, #28a69a, #008cff); border-radius: 0.04rem; content: ""}
.personal_item.active > a{ font-weight: bold; font-size: 0.32rem; color: #333333;}

.jkkpzj_tem{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:2rem;padding:.15rem .3rem .15rem .42rem;margin-bottom:.3rem;background-color:#fff;border:.01rem solid #f5f5f5;border-radius:.1rem;box-sizing:border-box}
.jkkpzj_tem_l{width:4.2rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.jkkpzj_tem_l h3{margin-bottom:0;font:.28rem/.3rem "Microsoft Yahei";color:#12132c;width: 1rem;}
.jkkpzj_tem_l h3 a{color:#12132c}
.jkkpzj_title{margin-bottom:0;font:.24rem/.36rem "Microsoft Yahei";color:#1f2033;/* white-space:nowrap; */width: 3rem;}
.jkkpzj_title2{width:100%;margin:0.1rem auto;font:.24rem/.36rem "Microsoft Yahei";color:#1f2033;}
.jkkpzj_intro{max-height:.96rem;font:.24rem/.32rem "Microsoft Yahei";color:#a4a4a4;text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.jkkpzj_tag{/* width:100%; */display:inline-block;margin-top:.1rem;height:.4rem;padding:0 .19rem;font:.24rem/.4rem "Microsoft Yahei";color:#3582ff;border:.01rem solid #3582ff;border-radius:.08rem;vertical-align:top;}
.jkkpzj_tem img{width:1.64rem;height:1.64rem;border-radius:50%}



/*知识*/
.zs_label_wrap{ display: flex; justify-content: space-between; margin-bottom: 0.3rem;}
.zs_label_wrap > select{ width: 3.3rem; height: 0.8rem; font-size: 0.24rem; line-height: 0.8rem; color: #6c6f7c; text-indent: 0.5em; background-color: #fff; border-radius: 0.2rem; outline: none; border: none;}

/*专家*/
.jz_label_wrap{ display: flex; justify-content: space-between; margin-bottom: 0.3rem;margin-top: 0.2rem;}
.jz_label_wrap > select{ width: 3.3rem; height: 0.8rem; font-size: 0.24rem; line-height: 0.8rem; color: #6c6f7c; text-indent: 0.5em; background-color: #fff; border-radius: 0.2rem; outline: none; border: none;}

.zs_catetory_wrap{ display: flex; justify-content: center; align-items:center; height: 0.8rem; margin-bottom: 0.3rem; background-color: #fff; border-radius: 0.2rem;}
.zs_catetory_tem{ width: 20%; text-align: center; font-size: 0.24rem; line-height: 0.24rem; color: #999;}
.zs_catetory_tem.active{ display: flex; flex-direction: column; align-items: center; color: #0f69ce;}
.zs_catetory_tem.active:after{ width: 0.14rem; height: 0.08rem; margin-top: 0.12rem; background-image: url(../images/arr_top1.png); background-size: 100% 100%; content: ""}

.list_wrap, .zs_list_wrap{ margin-bottom: 0.3rem;}

/**/
.col_sty4{}

.list_tem{ display: flex; justify-content: space-between; padding: 0.14rem; margin-bottom: 0.3rem; background-color: #fff; border-bottom: 0.01rem solid #eee; border-radius: 0.1rem; box-shadow: 0 0 0.04rem 0.04rem #eee;}
.list_tem_l{ width: 3.5rem;}
.list_tem_l > h3{ margin-bottom: 0.1rem; font-size: 0.28rem; line-height: 0.44rem; text-align: justify;}
.list_tem_l > h3 a{ color: #273349}
.list_tem_l .tag{  height: 0.36rem; padding: 0 0.1rem;  font-size: 0.24rem; line-height: 0.36rem; color: #fff; background: -moz-linear-gradient(top, #2076ff, #80b1fe); background: -webkit-linear-gradient(top , #2076ff, #80b1fe);background: -o-linear-gradient(top , #2076ff, #80b1fe); border-radius: 0.04rem; vertical-align: top;}

.list_tem_2{ width: 5.5rem;}
.list_tem_2 > h3{ margin-bottom: 0.1rem; font-size: 0.28rem; line-height: 0.44rem; text-align: justify;}
.list_tem_2 > h3 a{ color: #273349}
.list_tem_2 .tag{  height: 0.36rem; padding: 0 0.1rem;  font-size: 0.24rem; line-height: 0.36rem; color: #fff; background: -moz-linear-gradient(top, #2076ff, #80b1fe); background: -webkit-linear-gradient(top , #2076ff, #80b1fe);background: -o-linear-gradient(top , #2076ff, #80b1fe); border-radius: 0.04rem; vertical-align: top;}


.list_tem img{ width: 2.76rem; height: 1.56rem; border-radius: 0.1rem;}

/**/
.person_wrap{ display: flex; justify-content: space-between; padding: 0.3rem 0.2rem; margin-bottom: 0.3rem; background: -moz-linear-gradient(left, #b0daff, #e2f2ff); background: -webkit-linear-gradient(left , #b0daff, #e2f2ff);background: -o-linear-gradient(left , #b0daff, #e2f2ff); border-radius: 0.2rem;}
.person_wrap > img{ width: 1.5rem; height: 2rem; border-radius: 0.2rem;}

.person_intro{ width: 4.8rem;}
.person_intro_top{ position: relative; display: flex; justify-content: left; align-items: baseline; margin-bottom: 0.2rem; padding: 0.14rem 0; border-bottom: 0.01rem solid #a3c6e1;}
.person_name{ margin-right: 0.24rem; font: bold 0.36rem/0.38rem "Microsoft Yahei"; color: #2c3045;}
.person_title{ font: 0.24rem/0.36rem "Microsoft Yahei"; color: #2c3045;}
.person_hospital{ margin-bottom: 0.1rem; font: 0.24rem/0.32rem "Microsoft Yahei"; color: #2c3045}
.person_title2{ display: inline-block;  padding: 0.1rem 0.2rem; font: 0.24rem/0.32rem "Microsoft Yahei"; color: #fff; background-color: #91c7f5; border-radius: 0.21rem;}

.person_status{ position: absolute; top: 0.14rem; right: 0; display: flex; align-items:center; justify-content: space-between; height: 0.42rem; padding: 0 0.12rem; background: #48c7cf; border-radius: 0.21rem; cursor: pointer;}
.person_status:before{  width: 0.21rem; height: 0.2rem; margin-right: 0.12rem; background-image: url(../images/icon_star.png) ; background-size: 0.21rem 0.2rem; background-size: 100% 100%; content: ""}
.person_status span{ font: 0.24rem/0.24rem "Microsoft Yahei"; color: #ffffff; }
.person_status .person_btn{  height: 0.28rem; margin-right: 0.1rem; font: 0.24rem/0.28rem "Microsoft Yahei"; color: #fff; text-align: center; border-radius: 0.21rem; }
.person_status .person_btn.done{ background-color: #ff6b7a;}