@charset "utf-8";

/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* 去除iPhone中默认的input样式 */
input {
    /* -webkit-appearance:none; */
    resize: none;
}

/* 取消链接高亮  */

body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-family: 'Source Han Sans CN';}

/* 图片自适应 */
img {
    outline-width: 0px;
    vertical-align: top;
    max-width: 100%;
    height: 100%;
    width: 100%;
    /* ie8 */
    -ms-interpolation-mode: bicubic;
    /*为了照顾ie图片缩放失真*/
}

/* 设置HTML5元素为块 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
/* 清除轮廓 :focus焦点输入字段的，并设置其样式*/
*:focus {outline: none;}
/* 清除边距，边框 */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin: 0;padding: 0;border: none;}
/* 主体 */
body {margin: 0 auto;font-family: 'Source Han Sans CN';font-size: 100%;/* background: #f5f5f5; *//* padding-bottom: 50px; */font-size: 14px;}
em,i {
    font-style: normal;
}
a {text-decoration: none;color: #676767;font-family: 'Source Han Sans CN';cursor: pointer;}
a:hover {/*color: #969696;*/text-decoration: none;}
ul,
ol,
li {list-style: none;padding: 0;margin: 0;}
h1,
h2,
h3,
h4,
h5,
h6 {font-size: 100%;font-family: 'Source Han Sans CN';}
fieldset,img {border: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption,th {text-align: left;}
q:before,
q:after {content: "";}
input:password {ime-mode: disabled;}
.clear {clear: both;}
/*连续英文、数字换行*/
.wordwrap {word-break: break-all;word-wrap: break-word;}
/*单行文字超出显示省略号*/
.omg {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.t-css {width: 100%;display: table;}
.t-row-css {display: table-row;width: 100%;}
.t-cell-css {display: table-cell;overflow: hidden;vertical-align: middle;text-align: center;height: 100%;box-sizing: border-box;}
a,
span,
p,
h1,
h2,
h3,
div {font-family: 'Source Han Sans CN';}
.fl {float: left;}
.fr {float: right;}
/* 清除浮动 */
.clearfix:after {content: "";display: block;visibility: hidden;height: 0;clear: both;}
.clearfix {zoom: 1;}
::-webkit-input-placeholder {/* WebKit browsers */color: #999;font-size: 14px;/* line-height: 100%; */}

.unselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
    not supported by any browser */
}

/* 超出隐藏 */
.line_hide1{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}
.line_hide2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.line_hide3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.line_hide4{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;}


/* 定义 */
.width{width: 1200px;margin: 0 auto;}
.h_130{height: 130px;}

/* 背景 */
.b_96A0FF{background:#96A0FF;}
/* 字体 */
.f_97a1ff{color: #97a1ff;}
.f_8f8f8f{color: #8f8f8f;}
.f_fff{color: #fff;}

/* ------------------------------------- 列表背景图片 ---------------------------------- */
.bj{text-align: center;}
.bj > img{width: 1920px; height: 300px;}
/* ------------------------------------- 公共头部 ---------------------------------- */
.header{width: 1350px;margin: 0 auto;position: relative;}
.header_con{height: 156px;display: flex;align-items: center;position: relative;box-sizing: border-box;}
.header_con > .logo{position: absolute;left: -144px;}
.header_con > .logo img{width: 202px;height:134px;}
/* 导航 */
.nav{display: flex;align-items: center;margin: 20px 0 0 93px;}
.nav_a{width: 90px;padding: 0 0 19px 0;text-align: center;border-bottom: 6px solid transparent;margin: 0 16px 0 0;font-size: 22px;color: #666666;transition: all 0.3s;}
.nav_a:last-child{margin: 0 0 0 0;}
.nav_a:hover{border-bottom: 6px solid #2E4F9A;}
.nav_act{border-bottom: 6px solid #2E4F9A;}
/* 24小时免费 */
.mf{display: block;margin: 8px 20px 0 0;position: absolute;right: 25px;}
.mf > .zi{display: flex;align-items: center;margin: 0 0 12px 12px;}
.mf > .zi > div{color: #2E4F9A;margin: 0 10px 0 0;font-size: 18px;}
.mf > .zi > img{width: 20px;height: 20px;}
.mf > .phone{background: #F7F7F7;display: flex;align-items: center;padding: 7px 6px 5px 13px;border-radius: 13px;}
.mf > .phone > div{color:#333333;margin: 0 2px 0 0;letter-spacing: 4px;font-size: 12px;}
.mf > .phone > img{width: 16px;height: 16px;}
.wx {position: absolute;right: -140px;width: 165px;}


/* --------------------------------------------首页----------------------------------------- */
/* --------------------------------------------首页 轮播----------------------------------------- */
.carousel{background: #fff;position: relative;overflow: hidden;width: 100%;max-width: 1920px;min-width: 1440px; margin: 0 auto;}
.carousel .swiper-wrapper > .swiper-slide img{width: 100%;height: 100%;}
.swiper-button-prev,
.swiper-button-next{display: none;color: #fff;}
.carousel:hover .swiper-button-prev,
.carousel:hover .swiper-button-next{display: flex;}
.swiper-pagination >span{width: 12px;height: 12px;background: #96A0FF;border-radius: 50%;cursor: pointer;}
.swiper-pagination .swiper-pagination-bullet-active{background:#96A0FF;}

/* --------------------------------------------首页 医院资讯----------------------------------------- */
.index_bj{background: url(/statics/55lb/img/index_bj.png) no-repeat;height: 582px;background-size: cover;}
/* 题目 */
.pub{position: relative;margin: 0 0 100px 0;}
/* 亮条线 */
.pub::before{content: '';width: 340px;height: 1px;background: #CCCCCC;position: absolute;top: 90px;left: 430px;}
.pub::after{content: '';width: 64px;height: 4px;background: #2E4F9A;position: absolute;top: 89px;left: 568px;}
.pub_tit{display: flex;justify-content: center;align-items: center;margin: 0 0 18px 0;}
.pub_tit > img{width: 35px;height: 37px;margin: 0 10px 0 0;}
.pub_zi{color: #2E4F9A;font-size: 40px;}
.pub_en{font-size: 16px;color: #333333;text-align: center;}
/* 更多 */
.pub_more{background: #2E4F9A;padding: 6px 11px;color: #fff;position: absolute;top: 13px;right: 0;display: block;}
/* 新闻内容 */
.news{display: grid;grid-template-columns: repeat(2, 600px);grid-row-gap: 0px;grid-column-gap: 0px;}
.news_a{display: flex;}
.news_imgs{width: 300px;height: 300px;}
.news_imgs > img{object-fit: cover;}
/* 公共 */
.news_box{width: 300px;height: 300px;padding: 30px 20px 16px 20px;box-sizing: border-box;transition: all 0.3s;}
.news_time{height: 56px;display: flex;align-items: center;color: #999999;}
.news_time > span{color: #999999;font-size: 24px;margin: 0 6px 0 0;}
.news_tit{margin: 18px 0 40px 0;font-size: 20px;color: #333333;}
.news_des{color: #AAAAAA;height: 38px;line-height: 20px;margin: 0 0 35px 0;}
.views{color: #AAAAAA;display: flex;align-items: center;}
.views > img{width: 15px;height: 9px;margin: 0 5px 0 0;}
/* 1 */
.news_a0{background:#2E4F9A;}
.news_a0 > div{color: #fff;}
.news_a0 > div > span{color: #fff;}
/* 2 */
/* 3 4 5 */
/* 6 */
.news_a6{background: #12B7A4;}
.news_a6 > div{color: #fff;}
.news_a6 > div > span{color: #fff;}
/* hover */
.news_a:hover .news_box{box-shadow:#ececec 0px 0px 30px 4px;}
.news_a:hover .news_a0{box-shadow:#2E4F9A 0px 0px 30px 4px;}
.news_a:hover .news_a6{box-shadow:#12B7A4 0px 0px 30px 4px;}



/* --------------------------------------------首页 推荐热门医院----------------------------------------- */
.index_bj1{background: url(/statics/55lb/img/index_bj1.png) no-repeat;background-size: cover;}
.hos{display: grid;grid-template-columns: repeat(4, 296px);grid-row-gap: 50px;grid-column-gap: 5px;}
.hos_a{display: block;background: #fff;position: relative;}
.hos_imgs{width: 296px;height:296px;position: relative;}
.hos_imgs > img{object-fit: cover;}
/* 阅读量 */
.hos_imgs > .views{position: absolute;bottom: 90px;left: 10px;color: #fff;}
.hos_box{width: 100%;height: 82px;padding: 12px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-around;transition: all 0.3s;position: absolute;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.5);}
.hos_tit{text-align: center;color: #333333;font-size: 18px;color: #fff;}
.hos_des{text-align: center;color: #AAAAAA;color: #fff;}
/* hover */
/* .hos_a:hover .hos_box{background: #2E4F9A;}
.hos_a:hover div{color: #fff;} */


/* --------------------------------------------首页 优惠活动----------------------------------------- */
.prefer{padding: 38px 40px;box-sizing: border-box;position: relative;border: 1px solid #EEEEEE;}
/* 第一个 */
.prefer_con{display: flex;margin: 0 0 60px 0;}
.pre1_a{width: 320px;margin: 0 78px 0 0;transition: all 0.3s;}
.pre1_a:last-child{margin: 0 0 0 0;}
/* 458 218 */
.pre1_imgs{width: 320px;height: 320px;}
.pre1_imgs > img{border-radius: 8px 8px 0 0;object-fit: cover;}
.pre1_tit{color: #333333;font-size: 18px;margin: 30px 0 20px 0;}
.pre1_des{color: #999999;height: 74px;line-height: 24px;margin: 0 0 28px 0;}
/* 时间 */
.pre1_box{display: flex;align-items: center;justify-content: space-between;}
.pre1_box > div{color:#AAAAAA;}
/* hover */
.pre1_a:hover{transform: scale(1.1);}
.pre1_a:hover .pre1_tit{color: #2E4F9A;}
/* 第二个 */
.prefer_con2{display: flex;}
.pre2_a{width: 335px;margin: 0 56px 0 0;transition: all 0.3s;}
.pre2_a:last-child{margin: 0 0 0 0;}
.pre2_tit{color: #333333;font-size: 18px;margin: 0 0 4px 0;height: 48px;}
.pre2_box{display: flex;}
.pre2_imgs{width: 140px;height: 140px;margin: 0 0 0 20px;}
.pre2_imgs > img{object-fit: cover;}
.pre2_dt{display: flex;flex-direction: column;justify-content: space-around;width: 51%;flex: 1;}
.pre2_des{color: #999999;line-height: 22px;}
.pre2_tv{display: flex;align-items: center;justify-content: space-between;}
.pre2_tv > div{color:#AAAAAA;}
/* hover */
.pre2_a:hover .pre2_tit{color: #2E4F9A;}


/* --------------------------------------------首页 医生问诊----------------------------------------- */
.doc{display: grid;grid-template-columns: repeat(5, 162px);grid-row-gap: 78px;grid-column-gap: 97px;}
.doc_a{display: block;position: relative;}
.doc_imgs{width: 162px;height: 162px;}
.doc_imgs > img{border-radius: 50%;object-fit: cover;}
.doc_tit{text-align: center;color: #6A6A6A;font-size: 18px;margin: 19px 0 17px 0;}
.doc_add{text-align: center;color: #6A6A6A;}
.doc_ico{margin: 15px 0;text-align: center;}
.doc_ic{width: 26px;height: 26px;}
.doc_btns{display: flex;justify-content: center;}
.doc_btn{border: 1px solid #2E4F9A;border-radius: 12px;color: #2E4F9A;padding: 7px 24px;font-size: 17px;}
/* 翻转 */
.doc_fcon{position: absolute;top: 0;left: 0;}
.doc_fz{width: 162px;height: 335px;padding:114px 12px 76px 12px;box-sizing: border-box;position: relative;}
.doc_himgs{width: 162px;height: 335px;position: absolute;top: 0;left: 0;}
.doc_himgs > img{object-fit: cover;border-radius: 22px;}
.doc_bj{width: 162px;height: 335px;border-radius: 22px;opacity: 0.9;background: #2E4F9A;position: absolute;top: 0;left: 0;}
.doc_fz > .doc_tit{color: #fff;position: relative;}
.doc_fz > .doc_add{color: #fff;position: relative;}
.doc_fz > .doc_btns{position: relative;margin: 35px 0 0 0;}
.doc_fz > .doc_btns > div{color: #fff;border: 1px solid #fff;}
/* hover */
.doc_con{transition: 0.5s ease-in-out;perspective: 1000px;opacity: 1;}
.doc_fz{transition: 0.5s ease-in-out;backface-visibility:hidden;perspective: 1000px;transform: rotateY(-180deg);opacity: 0;}
.doc_a:hover .doc_con{transform: rotateY(-180deg);opacity: 0;}
.doc_a:hover .doc_fz{transform: rotateY(-360deg);opacity: 1;}

  

/* --------------------------------------------首页 一问一答----------------------------------------- */
.pub .pub_img{width: 40px;}
.qa{display: grid;grid-template-columns: repeat(4,294px);grid-row-gap: 0;grid-column-gap: 8px;}
.qa_a{display: block;position: relative;}
.qa_imgs{width: 294px;height: 294px;}
.qa_imgs > img{object-fit: cover;}
.qa_tit{font-size: 20px;color: #2E4F9A;text-align: center;padding: 0 10px;box-sizing: border-box;margin: 40px 0 16px 0;}
.qa_des{color: #333333;line-height: 24px;padding: 0 10px;box-sizing: border-box;height: 48px;}
/* 弹出 */
.qa_tcon{position: absolute;top: 0;left: 0;}
.qa_tc{width:294px; height:424px;padding: 98px 16px 48px 16px;position: relative;box-sizing: border-box;opacity: 0;transition: all 0.3s;}
.qa_timgs{width:294px; height:424px;position: absolute;top: 0;left: 0;}
.qa_timgs > img{object-fit: cover;}
.qa_bj{width:294px; height:424px;opacity: 0.5;background: #000;position: absolute;top: 0;left: 0;}
.qa_ttit{font-size: 20px;color: #FFFFFF;position: relative;}
.qa_tdes{font-size: 15px;color: #FFFFFF;position: relative;line-height:24px;height: 96px;margin: 29px 0 60px 0;}
.qa_btns{display: flex;position: relative;justify-content: center;}
.qa_btn{background: #FFFFFF;padding: 12px 39px;border: 1px solid #707070;color: #2E4F9A;border-radius: 19px;}
/* hover */
.qa_a:hover .qa_tc{opacity: 1;}

/* 公共筛选 */
.screen{height: 40px;}

/* ------------------------------------ 列表 医院 --------------------------------------- */
.yy{margin: 84px auto 0 auto;display: flex;width: 1500px;width: 1200px;}
/* 左侧不要 */
/* .yy_l{width: 200px;margin: 0 60px 0 0;} */
.yy_r{width: 1200px;}
/* 地址 医院医生共用 */
.yy_address{display: flex;justify-content: space-between;align-items: center;padding: 0 0 30px 0;border-bottom: 2px dashed #999999;}
.yy_atit{color: #333333;font-size: 32px;}
.yy_amp{display: flex;align-items: center;font-size: 19px;color: #333333;}
.yy_amp > img{width: 24px;height: 24px;}
.yy_amp > a{color: #7F7F7F;}
.yy_amp > span{color: #2E4F9A}
/* 列表 */
.yyl{border: 1px solid #EEEEEE;padding: 33px 36px;box-sizing: border-box;}
.yyl_a{display: flex;margin: 24px 0 0 0;padding: 0 0 24px 0;border-bottom: 1px dashed #E5E5E5;transition: all 0.3s;}
.yyl_a:first-child{margin: 0 0 0 0;}
.yyl_a:last-child{padding: 0 0 0 0;border:none}
.yyl_imgs{width: 200px;height: 200px;margin: 0 32px 0 0;}
.yyl_imgs > img{object-fit: cover;}
/* .yyl_box{width: 46%;display: flex;flex-direction: column;justify-content: space-around;} */
.yyl_box{width: 61%;display: flex;flex-direction: column;justify-content: space-around;flex: 1;}
.yyl_tit{color: #333333;font-size: 16px;}
.yyl_add{color: #999999;}
.yyl_add > span{color: #666666;}
.yyl_des{width: 556px;height: 65px;padding: 10px 22px;box-sizing: border-box;background: #F6F6F6;display: flex;flex-direction: column;justify-content: space-between;width: 100%;}
.yyl_des > div:first-child{color: #666666;}
.yyl_des > div:last-child{color: #999999;}
/* 按钮 */
.yyl_be{display: flex;justify-content: space-between;}
.yyl_btns{display: flex;}
.yyl_btn{width: 100px;height: 40px;text-align: center;line-height: 40px;margin: 0 12px 0 0;position: relative;}
.yyl_btn > img{width: 9px;height: 9px;position: absolute;right: 8px;top: 16px;}
.yyl_btns > div:first-child{border: 1px solid #2E4F9A;color: #2E4F9A;}
.yyl_btns > div:last-child{border: 1px solid #FF8000;color: #FF8000;}
/* hover */
.yyl_a:hover{transform: scale(0.9);}
.yyl_a:hover .yyl_tit{color: #2E4F9A;}
/* 翻页 */
.yy_page{width: 1500px;margin: 0 auto;padding: 55px 0 0 260px;box-sizing: border-box;}

/* -----------------------------------------公共翻页---------------------------------------------- */
.pages{display: flex;flex-wrap: wrap;justify-content: center;}
.pages > span{padding: 12px 16px;margin: 0 5px 5px 0;border: 1px solid #2E4F9A;background: #2E4F9A;color: #fff;}
.pages > a{padding: 12px 16px;margin: 0 5px 5px 0;border: 1px solid #E8E8E8;color: #A0A0A0;}




/* ------------------------------------ 列表 医生 --------------------------------------- */
.ys{margin: 84px auto 0 auto;display: flex;width: 1200px;}
.ys_l{width: 200px;margin: 0 30px 0 0;}
.ys_r{width: 970px;}
/* 左侧内容 */
.ys_l_tit{font-size: 32px;color: #2E4F9A;position: relative;padding: 0 0 30px 0;border-bottom: 2px dashed #999999;}
.ys_l_tit::before{content: 'POSITION SORTING';font-size: 12px;color: #2E4F9A;position: absolute;bottom: 15px;left: -9px;transform: scale(0.8);}
.ys_l > .wdzx_r_tit{margin: 40px 0 0 0;}
/* 切换 */
.ys_l_con{margin: 40px 0 0 0;}
.ys_l_ca{font-size: 25px;color: #888888;padding: 0 0 20px 12px;border-bottom: 2px dashed #999999;margin: 20px 0 0 0;cursor: pointer;position: relative;}
.ys_l_ca:first-child{margin: 0 0 0 0;}
/* 点击 */
.ys_l_cat{color:#2E4F9A;position: relative;}
.ys_l_cat::before{content: '';background: #F99500;border-radius: 2px;width: 4px;height: 35px;position: absolute;left: 0;top: 0;}
.ys_l_cho{color:#2E4F9A;position: relative;}
/* hover */
.ys_l_cho::before{content: '';background: #F99500;border-radius: 2px;width: 4px;height: 35px;position: absolute;left: 0;top: 0;}


/* -----------------------------------------列表 医生 医院 侧边----------------------------------------------------------- */
.cb{margin: 40px 0 0 0;}
.cb_a{display: block;width: 200px;margin:0 0 30px 0;}
.cb_imgs{width: 200px;height: 133px;}
.cb_imgs > img{border-radius: 3px;object-fit: cover;}
.cb_box{padding: 16px 14px 14px 14px;box-sizing: border-box;border: 1px solid #EFEFEF;border-top: none;}
.cb_tit{color: #2E4F9A;font-size: 15px;margin: 0 0 14px 0;}
.cb_des{color: #888888;font-size: 12px;line-height: 24px;}
/* 右侧 */
.ysl{display: grid;grid-template-columns: repeat(4, 218px);grid-row-gap: 50px;grid-column-gap: 32px;}
.ysl_a{display: block;width: 218px;position: relative;}
.ysl_con{position: relative;}
.ysl_imgs{width:218px;height: 308px;}
.ysl_imgs > img{border-radius: 13px;object-fit: cover;}
.ysl_box{width: 180px;height: 70px;border-radius: 9px;background: #5F92F6;padding: 10px 10px 13px 10px;text-align: center;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;position: absolute;bottom: 0;left: 19px;}
.ysl_tit{color: #FFFFFF;font-size: 20px;}
.ysl_add{color: #FFFFFF;font-size: 12px;}
/* 翻转 */
.ysl_fcon{position: absolute;top: 0;left: 0;}
.ysl_fz{width: 218px;height: 308px;padding:40px 20px 20px 20px;box-sizing: border-box;position: relative;}
.ysl_fimgs{width: 218px;height: 308px;position: absolute;top: 0;left: 0;}
.ysl_fimgs > img{object-fit: cover;border-radius: 13px;}
.ysl_fbj{width: 218px;height: 308px;border-radius: 13px;opacity: 0.9;background: #2E4F9A;position: absolute;top: 0;left: 0;}
.ysl_fz > .ysl_ftit{color: #fff;position: relative;text-align: center;font-size: 24px;margin: 20px 0;}
.ysl_fz > .ysl_fadd{color: #fff;position: relative;text-align: center;font-size: 18px;}
.ysl_fz > .ysl_fbtns{position: relative;margin: 35px 0 0 0;display: flex;justify-content: center;}
.ysl_fz > .ysl_fbtns > div{color: #fff;border: 1px solid #fff;padding: 7px 24px;font-size: 17px;border-radius: 12px;}
/* hover */
.ysl_con{transition: 0.5s ease-in-out;perspective: 1000px;opacity: 1;}
.ysl_fz{transition: 0.5s ease-in-out;backface-visibility:hidden;perspective: 1000px;transform: rotateY(-180deg);opacity: 0;}
.ysl_a:hover .ysl_con{transform: rotateY(-180deg);opacity: 0;}
.ysl_a:hover .ysl_fz{transform: rotateY(-360deg);opacity: 1;}
/* 推荐医生 */
.ysltj{display: grid;grid-template-columns: repeat(4, 218px);grid-row-gap: 50px;grid-column-gap: 32px;display: none;}



/* ------------------------------------ 列表 项目百科 --------------------------------------- */
.xm{margin: 40px auto 0 auto;}


/* 地址 */
.address{display: flex;justify-content: space-between;align-items: center;padding: 0 0 30px 0;border-bottom: 2px dashed #999999;margin: 84px auto 0 auto;}
.atit{color: #333333;font-size: 32px;}
.amp{display: flex;align-items: center;font-size: 19px;color: #333333;}
.amp > img{width: 24px;height: 24px;}
.amp > a{color: #7F7F7F;}
.amp > span{color: #2E4F9A}

/* 内容 */
.xm_con{margin: 0 0 36px 0;}
.xm_tit{height: 95px;overflow: hidden;border-radius: 5px 5px 0 0;position: relative;padding: 20px 38px;box-sizing: border-box;display: flex;justify-content: space-between;}
/* 方片1*/
.xm_tit::before{content:'';background: #3E5CA1;width:540px;height: 95px;transform: skewX(-60deg);position: absolute;top: 0;left: -97px;}
.xm_tit::after{content:'';background: #192B60;width:1078px;height: 95px;transform: skewX(-60deg);position: absolute;top: 0;right: -80px;}
/*  */
/* 文字 */
.xm_text{position: relative;z-index: 1;display: flex;flex-direction: column;justify-content: space-between;}
.xm_text > div:first-child{color: #FFFFFF;font-size: 24px;}
.xm_text > div:last-child{color: #FFFFFF;}
/* 图片 */
.xm_imgs{position: relative;z-index: 1;display: flex;align-items: center;}
.xm_imgs > div{color: #FFFFFF;font-size: 24px;margin: 0 26px 0 0;}
.xm_imgs > img{width: auto;height: 55px;}
/* 不同的方片颜色 */
/* 牙齿矫正 */
.xm_se1::before{background: #5F92F6;}
.xm_se1::after{background: #274183;}
/* 牙齿美白 */
.xm_se2::before{background: #50B8F2;}
.xm_se2::after{background: #215081;}
/* 补牙 */
.xm_se3::before{background: #9A76FA;}
.xm_se3::after{background: #3F3585;}
/* 儿童牙科 */
.xm_se4::before{background: #6A84FA;}
.xm_se4::after{background: #2B3B85;}
/* 牙周治疗 */
.xm_se5::before{background: #31C6CF;}
.xm_se5::after{background: #145673;}
/* 活动义齿 */
.xm_se6::before{background: #F99500;}
.xm_se6::after{background: #66421E;}
/* 内容 */
.xm_box{display: grid;grid-template-columns: repeat(2, 600px);grid-row-gap: 0px;grid-column-gap: 0px;border: 1px solid #AABCCC;border-top: none;}
.xm_a{display: flex;width: 600px;height: 52px;border-right: 1px solid #AABCCC;border-bottom: 1px solid #AABCCC;}
.xm_a:nth-child(2n){border-right: none;}
.xm_a:last-child{border-bottom: none;}
.xm_a:nth-last-child(2){border-bottom: none;}
.xm_a > div{width: 360px;overflow: hidden;font-size: 18px;display: flex;align-items: center;justify-content: center;}
.xm_a > div:first-child{color: #1F4E78;border-right: 1px solid #AABCCC;}
.xm_a > div:last-child{color: #000000;}






/* ------------------------------------ 列表 医院资讯 优惠活动 --------------------------------------- */
.list{margin: 50px auto 0 auto;}
.list_a{display: flex;padding: 33px;box-sizing: border-box;}
/* 238 158 */
.list_imgs{width: 240px;height: 240px;margin: 0 33px 0 0;}
.list_imgs > img{object-fit: cover;}
.list_box{width: 75%;display: flex;flex-direction: column;justify-content: space-around;}
.list_tit{color: #333333;font-size: 22px;}
.list_des{color: #999999;line-height: 24px;font-size: 16px;}
.list_tv{display: flex;align-items: center;justify-content: space-between;}
.list_a:hover {box-shadow: 0px 3px 16px 0px rgba(46, 79, 154, 0.26);}
.list_page{padding: 60px 0 0 0;}



/* ------------------------------------ 列表 口腔社区 使用的是首页的 --------------------------------------- */
.kqsq{display: grid;grid-template-columns: repeat(4,278px);grid-row-gap: 60px;grid-column-gap: 29px;margin: 50px auto 0 auto;}
/* 覆盖 */
.kqsq .qa_imgs{width: 278px;height: 278px;}
.kqsq .qa_tc{width: 278px;height: 372px;}
.kqsq .qa_tc .qa_timgs{width: 278px;height: 372px;}
.kqsq .qa_tc .qa_bj{width: 278px;height: 372px;}
.kqsq .qa_box{border: 1px solid #dedede;border-top: none;padding: 10px 0 0 0;}
.kqsq .qa_tit{margin: 0 0 10px 0;}
.kqsq .qa_tdes{margin: 30px 0;}

/* ------------------------------------ 列表 问答中心 --------------------------------------- */
.wdzx{padding: 56px 0 0 0;}
/* 提问 */
.wdzx_search{display: flex;align-items: center;margin: 0 0 62px 0;}
.wdzx_search > img{width: 300px;margin: 0 14px 0 0;}
.sear{width: 800px;height: 64px;border: 1px solid #707070;border-radius: 20px;display: flex;align-items: center;justify-content: space-between;padding: 0 0 0 28px;box-sizing: border-box;margin: 0 18px 0 0;}
.sear > input{width: 94%; height: 100%;font-size: 20px;}
.sear > input::placeholder{font-size: 20px;}
.sear_btn{width: 160px; height: 64px;border-radius: 20px;border: 1px solid #2E4F9A;color: #2E4F9A;line-height: 64px;text-align: center;font-size: 24px;cursor: pointer;}
/* 展示 */
.wdzx_con{display: flex;}
.wdzx_l{width: 800px;margin: 0 30px 0 0;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08);padding: 38px 56px 58px 56px;box-sizing: border-box;}
.wdzx_r{width: 370px;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08);padding: 42px 36px 42px 36px;box-sizing: border-box;}
/* 左侧 */
.wdzx_l_tit{border-bottom: 2px solid #A1A1A1;position: relative;padding: 0 0 6px 0;}
.wdzx_l_tit::before{content: "";position: absolute;bottom: -2px;left: 0;background: #2E4F9A;width: 57px;height: 4px;}
.wdzx_l_tit > div{font-size: 22px;color: #000000;}
.wdzx_l_tit > h1{font-size: 22px;color: #000000;}
.wdzx_lbox{margin:46px 0 0 0;}
.wdzx_la{margin: 0 0 30px 0;display: block;}
.wdzx_la:last-child{margin: 0 0 0 0;}
.wdzx_la_tit{font-size: 20px;color: #2E4F9A;line-height: 22px;}
.wdzx_la_time{padding: 26px 0;font-size: 16px;}
.wdzx_la_box{background: #2E4F9A;width: 674px;padding: 32px 25px;box-sizing: border-box;color: #fff;font-size: 16px;line-height: 24px;margin: 22px 0 0 0;position: relative;}
/* 箭头 */
.jian{border: 14px solid;border-color: transparent transparent #2E4F9A transparent;position: absolute;top: -26px;left: 12px;width: 0;}
/* 右侧 */
.wdzx_r_tit{border-bottom: 2px solid #A1A1A1;height: 50px;position: relative;}
.wdzx_r_tit::before{content: "";position: absolute;bottom: -2px;left: 0;background: #F99500;width: 57px;height: 4px;}
.wdzx_r_tit > div{font-size: 22px;color: #707070;}
.wdzx_rbox{padding: 40px 0 0 0;box-sizing: border-box;}
.wdzx_ra{display: block;color: #7B7B7B;font-size: 20px;margin: 0 0 39px 0;height: 28px;}
.wdzx_ra:last-child{margin: 0 0 0 0;}
.wdzx_ra:hover{color: #2E4F9A;}
/* 推荐 */
.tj{display: flex;padding: 78px 0 0 0;}
.tj_l{width: 980px;margin: 0 20px 0 0;}
.tj_r{width: 200px;}
.tj_tit{color: #707070;font-size: 35px;margin: 0 0 30px 0;}
.tj_l_con{display: flex;}
/* 左侧 左側 */
.tj_cl{width: 640px;height: 452px;margin: 0 20px 0 0;position: relative;}
.tj_cl > img{border-radius: 10px;object-fit: cover;}
.tj_box{position: absolute;bottom: 0; width: 100%;padding: 17px 19px 11px 19px;box-sizing: border-box;background: rgba(0, 0, 0, 0.4);border-radius: 10px;}
.tj_title{color: #FFFFFF;font-size: 18px;}
.tj_des{color: #FFFFFF;line-height: 24px;}
/* 左侧 右侧 */
.tj_cr{width: 310px;display: flex;flex-direction: column;justify-content: space-between;}
.tj_cr > a{display:block;width: 310px;height: 214px;position: relative;}
.tj_cr > a > img{border-radius: 10px;object-fit: cover;}
/* 右侧 */
.tj_ra{display: block;height: 90px;display: flex;flex-direction: column;justify-content: space-between;border-bottom: 1px dashed #999999;padding: 14px 0;}
.tj_ra:first-child{padding: 0 0 14px 0;}
.tj_ra:last-child{padding:14px 0 0 0;border-bottom:none;}
.tj_ra_tit{color: #333333;font-size: 16px;}
.tj_ra_des{color: #999999;line-height: 22px;font-size: 12px;}
.tj_ra_time{color: #999999;font-size: 12px;}





/* ---------------------------------------详情页 问答中心---------------------------------------------------------- */
/* .wds .content{width: 100%;} */


/* -----------------------------------------详情页 医院 医生------------------------------------------ */
/* 地址 */
.xian{box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);height: 1px;}
.add_bj{border-bottom: 2px dashed #999999;}
.add{font-size: 19px;color: #333333;padding: 30px 0;width: 1200px;margin: 0 auto;line-height: 26px;}
.add > img{width: 24px;height: 24px;}
.add > span{color: #2E4F9A;overflow: hidden;}
/* 内容 */
.yys{padding:28px 0 0 0;margin: 0 auto;width: 1200px;}
.yys_con{display: flex;}
.yys_imgs{width: 540px;height: 364px;margin: 0 30px 0 0;}
.yys_imgs > img{object-fit: cover;}
.yys_box{width: 510px;display: flex;flex-direction: column;justify-content: space-around;}
.yys_box > h1{font-size: 24px;}
.yys_add{color: #999999;font-size: 15px;}
.yys_add > a{color: #2E4F9A;}
.yys_des{width: 556px;height: 125px;padding: 20px 22px;box-sizing: border-box;background: #F6F6F6;display: flex;flex-direction: column;justify-content: space-between;width: 100%;}
.yys_des > div:first-child{color: #666666;}
.yys_des > div:last-child{color: #999999;height: 48px;line-height: 24px;}
/* 按钮 */
.yys_btn{height: 46px;margin: 0 12px 0 0;position: relative;border: 1px solid #2E4F9A;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.yys_btn > div{color: #2E4F9A;margin: 0 10px 0 0;}
.yys_btn > img{width: 12px;height: 12px;}
/* 题目 */
.yys_con1{border-bottom: 2px dashed #A1A1A1;height: 50px;position: relative;margin: 35px 0 0 0;}
.yys_con1::before{content: "";position: absolute;bottom: -2px;left: 0;background: #2E4F9A;width: 57px;height: 4px;}
.yys_con1 > div{font-size: 22px;color: #333333;}
.yys > .content{margin:30px 0 0 0;}
/* 医生团队 */
.yys_ys{display: grid;grid-template-columns: repeat(5, 218px);grid-row-gap: 50px;grid-column-gap: 27px;margin: 20px 0 0 0;}

/* 公共评论 */
.form_title{color: gray;font-size: 16px;display: flex;align-items: center;padding: 0 0 0 16px;position: relative;}
.form_title::before{content:'';width: 4px;height:28px;border-radius: 2px;background: #F99500;position: absolute;left: 0;top: 0;}
.form_title > div{font-size: 20px;color: #333;font-weight: bold;}
.dp{margin: 30px 0 0 0;}
.dp .text{width: 98%;height: 111px;resize: none;outline: none;margin: 10px 0;border: 1px solid #F1F1F1;padding: 10px;box-sizing: border-box;border-radius: 10px;}
.dp .btn{text-align: center;width: 90px;line-height: 30px;background: #F99500;color: #fff;margin: 0 10px 18px 0;border: none;border-radius: 10px;cursor: pointer;}
/* 列表 */
.dp_con{margin: 24px 0 0 0;}
.dp_box{margin: 0 0 24px 0;padding: 25px 36px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);box-sizing: border-box;position: relative;}
.dp_box:last-child{margin: 0 0 0 0;}
.dp_ask_box{display: flex;}
.dp_imgs{width: 72px;height: 72px;margin: 0 24px 0 0;}
.dp_text{width: 91%;}
.dp_tit{font-size: 16px;color: #999999; margin: 0 0 12px 0;}
.dp_zi{color: #999999;line-height: 24px;}
.dp_time{text-align: end;color: #999999;}
/* 回复 */
.dp_answer_box{border-top: 1px dashed #D8D8D8;margin-top: 5px;padding-top: 5px;}
.dp_answer_text{font-size: 16px;color: #999999;display: flex;line-height: 24px;}
.dp_answer_text>span:first-of-type{width: 72px;margin-right: 14px;padding-left: 10px;}
.dp_answer_text>span:last-of-type{word-break: break-all;}
.dp_answer_text>span:last-of-type>p{display: inline;}
.dp_answer_box .dp_time{padding-right: 5px;}
/* 标记 */
.dp_jian{width: 4px;height:28px;border-radius: 2px;background: #F99500;position: absolute;left: 0;top: 0;}
.dp_ts{font-size: 18px;text-align: center;padding: 15px 0;}


/* -----------------------------------------详情页 项目------------------------------------------ */
.xms{padding:40px 0 0 0;margin: 0 auto;width: 1200px;}
.xms_con{height: 215px;background: #3E5CA1;border-radius: 5px;padding: 45px 28px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;}
.xms_con > h1{color: #FFFFFF;font-size: 34px;}
.xms_con > div{font-size: 20px;color: #FFFFFF;line-height: 34px;height: 68px;}
/* 提示 */
.xmc_con1{border-bottom: 1px dashed #A1A1A1;height: 50px;position: relative;margin: 35px 0;}
.xmc_con1::before{content: "";position: absolute;bottom: -2px;left: 0;background: #2E4F9A;width:88px;height: 2px;}
.xmc_con1 > div{font-size: 22px;color: #333333;}
/* 内容 */
.xmc_con2{margin: 0 0 30px 0;}
.xmc_box{border-bottom: 1px dashed #A1A1A1;padding:18px 0;}
.xmc_box:first-child{padding: 0 0 18px 0;}
.xmc_tit{color: #333333;font-size: 22px;padding: 0 0 0 16px;position: relative;}
.xmc_tit::before{content: "";position: absolute;top: 0px;left: 0px;background: #9EADD0;width:4px;height: 30px;border-radius: 2px;}
.xmc_text{margin: 20px 0 0 0;}
/* 项目参数 */
.xmc_tcon{margin: 20px 0 0 0;border: 1px solid #616161;width: 1140px;}
.xmc_tcon .xmc_tbox:nth-child(2n){background:#D9D9D9;}
.xmc_tbox{display: flex;}
.xmc_tbox > div{height: 54px;display: flex;display: flex;align-items: center;justify-content: center;text-align: center;}
.xmc_tbox > div:nth-child(1),
.xmc_tbox > div:nth-child(3){width: 240px;}
.xmc_tbox > div:nth-child(2),
.xmc_tbox > div:nth-child(4){width: 280px;}
.xmc_ts{color: #000000;height: 54px;display: flex;align-items: center;justify-content: center;}
/* 优惠列表 */
.xmyh_con{border-bottom: 1px dashed #A1A1A1;height: 50px;position: relative;}
.xmyh_con::before{content: "";position: absolute;bottom: -2px;left: 0;background: #2E4F9A;width:88px;height: 2px;}
.xmyh_con > div{font-size: 22px;color: #333333;}
.xmyh{width: 1200px;margin: 0 auto;}
.xmyh_a{display: flex;border-bottom: 1px solid #F7F7F7;padding: 32px 0;}
.xmyh_a:first-child{padding: 0 0 32px 0;}
.xmyh_imgs{width:200px;height: 200px;margin: 0 35px 0 0;}
.xmyh_box{width: 76%;display: flex;flex-direction: column;justify-content: space-around;flex: 1;}
.xmyh_tit{color: #333333;font-size: 22px;}
.xmyh_des{color: #999999;line-height: 24px;font-size: 16px;}
.xmyh_tv{display: flex;align-items: center;justify-content: space-between;}

/* ------------------------------------------------------详情页 公共--------------------------------------- */
.show{padding:40px 0 0 0;margin: 0 auto;width: 1200px;display: flex;}
.show_l{width: 940px;margin: 0 60px 0 0;}
.show_r{width: 200px;}
/* 左侧 */
.show_l_con{border: 1px solid #EEEEEE;padding: 40px 30px !important;box-sizing: border-box;}
.show_l_con > h1{font-size: 24px;text-align: center;}
.show_l_box{display: flex;align-items: center;justify-content: space-between;padding: 22px 0 30px 0;border-bottom: 1px solid #EEEEEE;}
.show_l_box > div{color: #AAAAAA;}

/* -----------------------公共底部-------------------------- */
.footer_bj {
    background: #4A4A4A;
    margin: 50px 0 0 0;
    padding: 40px 0;
}

.footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer_con {
    width: 250px;
    margin-bottom: 20px;
    margin-left: 350px;
}

.footer_con img {
    width: 180px;
    height: auto;
}

.focon {
    flex: 1;
    padding: 20px;
    color: #ccc;
    font-size: 12px;
}

.focon > div:first-child {
    width: 80px;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
}

.focon a {
    display: block;
    color: #bbb;
    margin-bottom: 8px;
    text-decoration: none;
}

.focon a:hover {
    color: #fff;
}

.focon_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.focon_box div {
width: 20%;
}
.focon_line {
    width: 1px;
    margin: 0 20px;
    border-left: 1px solid #FFFFFF;
}

.dibu {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
    background: #333;
    color: #999;
    font-size: 12px;
}

.dibu a {
    color: #999;
    text-decoration: none;
    margin: 0 10px;
}

.dibu a:hover {
    color: #fff;
}



/* ------------------------------------seo----------------------------------------------- */
#content{ padding: 0.5em; font-size: 16px;}
#content h1{font-size: 20px;}
#content p {padding:5px 0; font-size:16px; line-height:30px; color:#333333;text-indent: 2em;}
#content p img,#content img { display:block; margin:0 auto; max-width:600px;max-height: 400px; height:400px !important;width: 600px !important;object-fit: cover;}
#content h3{font-size: 18px; font-weight: bold; padding: 6px; text-align: left;}
#content table p{text-indent:0;}
.selectTdClass{background-color:#edf5fa !important}
#content table{margin-bottom:10px;border-collapse:collapse;display:table;}
#content td,#content th{padding: 5px 10px;border: 1px solid #DDD;}


/* 机器生成图片使用 m */
#content p .jqsc_img1,
#content .jqsc_img1{height: auto !important;width: auto !important;}

/* 后期修改 */
.header_alter {
    width: 1440px;
}
.logo_alter {
    left: 4px !important;
}
.nav_alter {
    margin-left: 215px;
}
.mf_alter {
    right: 20px;
    margin-right: 0;
}