:root {
  --primary-color: rgb(57, 126, 242);
  --back-b-color: linear-gradient(
    135deg,
    rgb(33, 71, 182) 0%,
    rgb(57, 126, 242) 100%
  );
  --back-w-color: white;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "PingFang HK", "PingFang TC", "Helvetica Neue",
    "Microsoft JhengHei", sans-serif;
  line-height: 1.6;
  color: #2c3e50;
  background: #f8fafc;
}

/* Header */
.header {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  position: sticky;
  top: 0;
  z-index: 1000;
  border-bottom: 1px solid rgba(59, 130, 246, 0.1);
}

.header-top {
  background: var(--back-b-color);
  color: #ffffff;
  padding: 12px 0;
  font-size: 14px;
  font-weight: 500;
}

.header-top .container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.contact-info {
  display: flex;
  gap: 40px;
  align-items: center;
}

.contact-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.header-main {
  padding: 20px 0;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(20px);
}

.header-main .container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  display: flex;
  align-items: center;
  gap: 15px;
}

.logo-icon {
  width: 55px;
  height: 55px;
  background: linear-gradient(135deg, rgb(33, 71, 182), var(--primary-color));
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: var(--back-w-color);
  box-shadow: 0 8px 25px rgba(30, 64, 175, 0.3);
}

.logo-text {
  display: flex;
  flex-direction: column;
}

.logo-title {
  width: 250px;
  margin-left: -14px;
}

.logo-subtitle {
  font-size: 13px;
  color: #64748b;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.search-area {
  flex: 1;
  max-width: 500px;
  margin: 0 60px;
  position: relative;
}

.search-box {
  position: relative;
  display: flex;
  background: #ffffff;
  border: 2px solid #e2e8f0;
  border-radius: 50px;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.search-box:focus-within {
  border-color: var(--primary-color);
  box-shadow: 0 10px 40px rgba(59, 130, 246, 0.15);
}

.search-input {
  flex: 1;
  padding: 18px 25px;
  border: none;
  font-size: 16px;
  outline: none;
  background: transparent;
  color: #2c3e50;
}

.search-input::placeholder {
  color: #9ca3af;
  font-weight: 400;
}

.search-btn {
  padding: 18px 35px;
  background: linear-gradient(135deg, rgb(33, 71, 182), var(--primary-color));
  color: var(--back-w-color);
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s ease;
}

.search-btn:hover {
  background: linear-gradient(135deg, #1e3a8a, #2563eb);
  transform: translateX(-2px);
}

.user-actions {
  display: flex;
  gap: 20px;
  align-items: center;
}
.change-lan {
  background: var(--primary-color);
}
.btn-consult {
  padding: 15px 30px;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: var(--back-w-color);
  text-decoration: none;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  transition: all 0.3s ease;
  box-shadow: 0 8px 25px rgba(239, 68, 68, 0.3);
  display: flex;
  align-items: center;
  gap: 8px;
}

.btn-consult:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 35px rgba(239, 68, 68, 0.4);
}

.btn-appointment {
  padding: 15px 30px;
  background: transparent;
  color: rgb(33, 71, 182);
  text-decoration: none;
  border: 2px solid rgb(33, 71, 182);
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  transition: all 0.3s ease;
}

.btn-appointment:hover {
  background: rgb(33, 71, 182);
  color: var(--back-w-color);
  transform: translateY(-2px);
}

/* Navigation */
.nav {
  background: var(--back-b-color);
  padding: 0;
  position: relative;
}

.nav::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.3),
    transparent
  );
}

.nav .container {
  max-width: 80%;
  margin: 0 auto;
  padding: 0 30px;
}

.nav-list {
  display: flex;
  list-style: none;
  justify-content: space-between;
}

.nav-item {
  position: relative;
  flex: 1;
}
.select {
  margin-left: 40px;
}
.nav-link {
  display: block;
  padding: 18px 20px;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.nav-link::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.1),
    transparent
  );
  transition: left 0.5s ease;
}

.nav-link:hover::before {
  left: 100%;
}

.nav-link:hover,
.nav-link.active {
  color: var(--back-w-color);
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

.nav-link.active {
  background: rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 -3px 0 rgba(255, 255, 255, 0.8);
}
.fixedRight {
  position: fixed;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
}
.fixedRight > div {
  width: 80px;
  height: 70px;
  margin-bottom: 10px;
  border-radius: 8px;
  background-color: #e6e6e6;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
  padding: 5px;
  transition: all 0.3s ease;
}
.fixedRight > div:hover {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.showText {
  font-size: 20px;
  color: var(--primary-color);
  font-weight: 600;
}

.language-options {
  position: absolute;
  right: 70px;
  top: 0;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  display: none;
}
.language-options.show {
  display: block;
}
.language-options div {
  width: 120px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  cursor: pointer;
  transition: background-color 0.2s;
}
.language-options div:hover {
  background-color: #f5f5f5;
}
.language-switch {
  position: relative;
}
/* mian content */
.main_con {
  /* background: rgba(255, 255, 255, 0.98); */
  width: 68%;
  margin: 0 auto;
  border-radius: 15px;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.yymain_con {
  flex-direction: column;
}

/* Breadcrumb */
.breadcrumb {
  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
  padding: 15px 0;
  font-size: 14px;
  border-bottom: 1px solid #cbd5e1;
}

.breadcrumb .container {
  max-width: 1400px;
  margin: 0 auto;
}

.breadcrumb a {
  color: var(--primary-color);
  text-decoration: none;
  font-weight: 500;
}

.breadcrumb a:hover {
  color: rgb(33, 71, 182);
}

/* Main Content */
.main-wrapper {
  max-width:77%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: 20px;
  padding-top: 20px;
}
.main-content{
  width:65%;
}
.sidebar{
  width: 30%;
}
/**
 * 医生
 */
.filterBox {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  margin-top: 0px;
}

.filterBox .title {
  margin-bottom: 24px;
  padding-top: 20px;
  line-height: 30px;
  font-size: 22px;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  text-align: center;
  color: #333;
}

.filterBox .box {
  padding: 0 30px;
}

.filterBox li {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
  clear: both;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.filterBox li .tit {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.filterBox li .all span {
  display: inline-block;
  width: 50px;
  line-height: 30px;
  font-size: 16px;
  color: #666;
}

.filterBox li .all {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.filterBox li .all a {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 92px;
  line-height: 28px;
  font-size: 16px;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 5px;
}

.filterBox li .all .active {
  border-color: var(--primary-color);
}

.filterBox li .con {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  line-height: 28px;
  overflow: hidden;
  position: relative;
  margin-top: 10px;
  display: flex;
  align-items: center;
}

.filterBox li .con a,
.filterBox li .con .item {
  display: inline-block;
  margin: 0 2px 6px 17px;
  padding: 0 5px;
  line-height: 30px;
  font-size: 16px;
  color: #999;
  cursor: pointer;
}

.filterBox li .con .active {
  color: var(--primary-color);
}

.filterBox li .active,
.filterBox li a:hover {
  color: var(--primary-color);
}

.filterBox li.project-two .tit span,
.filterBox li.project-one .tit span {
  width: 66px;
}

.filterBox .tit2 {
  font-size: 16px;
  color: #666666;
  line-height: 28px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: bold;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.doctorBox {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.doctorBox .hd {
  border-radius: 10px;
  width: 100%;
  margin-bottom: 20px;
  background-color: #fff;
}

.doctorBox .hd ul {
  overflow: hidden;
  list-style: none;
}

.doctorBox .hd li {
  position: relative;
  float: left;
  margin-right: 20px;
  padding: 13px 20px 11px;
  line-height: 50px;
  font-size: 20px;
  color: #333;
}

.doctorBox .hd li.active {
  color: var(--primary-color);
}

.doctorBox .hd li.active::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  font-size: 0;
  background-color: var(--primary-color);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.doctorBox .hd li.zxBtn {
  cursor: pointer;
}
.doctor-list {
  width: 80%;
}

.doctor-list li {
  position: relative;
  margin: 0 30px;
  padding: 30px 0;
  overflow: hidden;
  border-bottom: 1px solid #ededed;
}

.doctor-list li:last-child {
  border-bottom: none;
}

.doctor-list .pic {
  float: left;
  display: block;
  margin-right: 30px;
  width: 188px;
  height: 130px;
  overflow: hidden;
  border-radius: 6px;
}

.doctor-list .pic img {
  width: 100%;
  height: 100%;
  filter: blur(5px);
}

.doctor-list .title {
  height: 24px;
  line-height: 24px;
}

.doctor-list .title .name {
  float: left;
  margin-right: 10px;
  min-width: 50px;
  font-size: 18px;
  color: #333333;
  font-weight: bold;
}

.doctor-list .title .name:hover {
  color: var(--primary-color);
}

.doctor-list .title .job-title {
  line-height: 24px;
  font-size: 14px;
  color: #999;
  vertical-align: text-bottom;
}

.doctor-list .hospital {
  margin-top: 8px;
  color: #999;
}

.doctor-list .tags {
  height: 24px;
  border: 1px solid #e6e6e6;
  margin-top: 8px;
}

.doctor-list .tags span {
  margin-right: 20px;
  line-height: 24px;
  font-size: 14px;
  color: #333;
}

.doctor-list .zxBtn {
  position: absolute;
  top: 30px;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 80px;
  height: 30px;
  line-height: 28px;
  font-size: 16px;
  color: #333;
  text-align: center;
  border: 1px solid #333;
  border-radius: 5px;
  cursor: pointer;
}

.doctor-list + .pagination {
  margin-top: 20px;
  margin-bottom: 45px;
}

/**
 * 医生详情
 */
.doctorShow .page-l {
  float: left;
  width: 930px;
}

.doctorShow .page-r {
  float: right;
  width: 330px;
}

.doctorShow h2 {
  padding: 26px 0 24px;
  line-height: 24px;
  font-size: 20px;
  color: #333;
  border-bottom: 2px solid #ededed;
}

.doctorShow h2 .icon2 {
  float: left;
  display: block;
  margin-right: 5px;
  width: 20px;
  height: 24px;
}

.doctor-info {
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  position: relative;
  margin-bottom: 30px;
  padding: 27px 0 20px 27px;
  overflow: hidden;
}

.doctor-info .logo {
  float: left;
  display: block;
  width: 160px;
  height: 160px;
  border-radius: 50%;
}

.doctor-info .cr {
  float: left;
  margin-left: 20px;
  width: 800px;
}

.doctor-info .cr h1 {
  margin-bottom: 11px;
  max-width: 800px;
  height: 44px;
  line-height: 44px;
  font-size: 20px;
  color: #333;
  overflow: hidden;
}

.doctor-info .cr p {
  clear: both;
  line-height: 24px;
  font-size: 16px;
  color: #666;
}

.doctor-info .cr p span {
  color: #333;
}

.doctor-info .cr .project-row .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #333;
}

.doctor-info .cr .project-row .tit > span {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 40px;
  line-height: 40px;
}

.doctor-info .cr .project-row .tit .tags {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.doctor-info .cr .project-row .tit .tags a,
.doctor-info .cr .project-row .tit .tags span {
  display: inline-block;
  margin: 5px 10px 5px 0;
  padding: 0 13px;
  min-width: 50px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #333;
  text-align: center;
  background: rgba(242, 202, 95, 0.1);
  border-radius: 5px;
}

.doctor-info .cr .project-row .tit .tags .cBtn {
  padding-left: 5px;
  color: #333;
  cursor: pointer;
  background: none;
}

.doctor-info .zxBtn {
  position: absolute;
  top: 30px;
  right: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 80px;
  height: 30px;
  line-height: 28px;
  font-size: 16px;
  color: #333;
  text-align: center;
  border: 1px solid #333;
  border-radius: 5px;
  cursor: pointer;
}

.doctor-intro {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 0 30px;
}

.doctor-intro .bd {
  padding: 22px 0;
}

.doctor-intro .desc {
  margin-bottom: 20px;
  line-height: 30px;
  font-size: 16px;
  color: #666;
}

.doctor-intro .desc .cBtn {
  padding-left: 5px;
  color: #333;
  cursor: pointer;
}

.doctor-intro p {
  line-height: 26px;
  font-size: 16px;
  color: #666;
}

.doctor-intro p span {
  color: #999;
}

.doctor-intro p a {
  color: #666;
}

.doctor-intro .project-row {
  margin-top: 25px;
  padding-top: 28px;
  border-top: 2px solid #ededed;
}

.doctor-intro .project-row .tit {
  line-height: 26px;
  font-size: 16px;
  color: #666;
}

.doctor-intro .project-row .tags a,
.doctor-intro .project-row .tags span {
  display: inline-block;
  margin: 5px 10px 5px 0;
  padding: 0 13px;
  min-width: 50px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #333;
  text-align: center;
  background: rgba(242, 202, 95, 0.1);
  border-radius: 5px;
}

.doctor-intro .project-row .tags .cBtn {
  padding-left: 5px;
  color: #333;
  cursor: pointer;
  background: none;
}

.doctor-contact {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 0 30px;
}

.doctor-contact .bd {
  padding: 22px 0 30px;
  text-align: center;
}

.doctor-contact .tit {
  line-height: 26px;
  font-size: 16px;
  color: #666;
}

.doctor-contact .tit span {
  color: #999;
}

.doctor-contact .zxBtn {
  display: block;
  margin-top: 24px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  border-radius: 10px;
  background-color: #333;
}

.doctor-team {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  margin-bottom: 30px;
}

.doctor-team h2 {
  margin: 0 30px;
}

.doctor-team ul {
  margin: 20px 0 20px 21px;
  overflow: hidden;
}

.doctor-team li {
  position: relative;
  float: left;
  margin: 9px;
  padding: 30px 12px 0 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 344px;
  height: 135px;
  overflow: hidden;
  border: 1px solid #e9e5e5;
  border-radius: 5px;
}

.doctor-team .pic {
  float: left;
  display: block;
  margin-right: 7px;
  width: 69px;
  height: 69px;
  overflow: hidden;
  border-radius: 100%;
}

.doctor-team .pic img {
  width: 100%;
  height: 100%;
}

.doctor-team .name {
  display: block;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  color: #666;
  width: auto;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.doctor-team .name:hover {
  color: var(--primary-color);
}
.doctor-team .tags {
  margin-top: 8px;
  overflow: hidden;
  line-height: 28px;
}

.doctor-team .tags em {
  float: left;
  display: block;
  color: #333;
}

.doctor-team .tags span {
  float: left;
  display: block;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.doctor-team .zxBtn {
  position: absolute;
  top: 30px;
  right: 23px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 80px;
  height: 30px;
  line-height: 28px;
  font-size: 16px;
  color: #333;
  text-align: center;
  border: 1px solid #333;
  border-radius: 5px;
  cursor: pointer;
}

.doctor-other {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  margin-bottom: 30px;
}

.doctor-other h2 {
  margin: 0 30px;
}

.doctor-other .doctor-list {
  margin-bottom: 25px;
}

.doctor-other .doctor-list li {
  padding: 27px 0 3px;
  border-bottom: none;
}

.doctor-other .doctor-list .pic {
  margin-right: 20px;
  width: 140px;
  height: 96px;
}

.doctor-other .doctor-list .title .name {
  margin-right: 15px;
  font-size: 16px;
}

.doctor-other .doctor-list .hospital {
  margin-top: 3px;
}

.doctor-other .doctor-list .tags {
  margin-top: 18px;
}

.doctor-other .doctor-list .zxBtn {
  top: 27px;
}

/**
 * 医院
 */
/**
 * 医院栏目页
 */
.bottom_main_con {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.hospital-list {
  margin-bottom: 30px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
}
.hospital-list li {
  cursor: pointer;
}

.hospital-list li {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #e6e6e6;
}
.hospital-list li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.hospital-list li div {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.hospital-list .pic {
  position: relative;
  float: left;
  width: 122px;
  height: 122px;
  overflow: hidden;
  border-radius: 50%;
  margin-top: 40px;
  filter: blur(10px);
}

.hospital-list .pic img {
  display: block;
  width: 100%;
  height: 100%;
  filter: blur(5px);
}

.hospital-list .pic i {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  display: inline-block;
  width: 28px;
  height: 28px;
}

.hospital-list .info {
  position: relative;
  float: left;
  margin-left: 9px;
  padding: 0 48px 20px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 695px;
  min-height: 125px;
  overflow: hidden;
  border-bottom: 1px solid #f5f5f5;
}

.hospital-list h3 {
  height: 25px;
  width: 95%;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin: 5px 0px 10px 0px;
  overflow: hidden;
}

.hospital-list h3 div {
  text-overflow: ellipsis;
  font-size: 16px;

  color: #333333;
  font-weight: bold;
}

.hospital-list h3 div:hover {
  color: var(--primary-color);
}

.hospital-list h3 .attest-btn {
  display: inline-block;
  margin-left: 5px;
  width: 70px;
  height: 26px;
  background: url(../image/attest_1.png) center no-repeat;
  background-size: 70px;
}

.hospital-list h3 .attest-btn.attest-0 {
  background-image: url(../image/attest_0.png);
}

.hospital-list .address-text {
  margin: 10px 0px 5px 0px;
  max-height: 50px;
  font-size: 14px;
  padding: 0px 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.hospital-list .tags {
  background-color: rgb(227, 72, 60, 0.5);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin: 0px 20px 30px 20px;
  border-radius: 12px;
  font-weight: 600;
  width: 90%;
}
.hospital-list .tags p {
  padding: 0px 10px;
}

.hospital-list .project-row {
  width: 100%;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hospital-list .operate-wrap {
  position: absolute;
  top: 10px;
  right: 48px;
  z-index: 3;
}

.hospital-list .operate-wrap a {
  display: block;
  margin-bottom: 19px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 90px;
  height: 34px;
  line-height: 32px;
  font-size: 14px;
  color: #666;
  text-align: center;
  border: 1px solid #333;
  border-radius: 6px;
  -webkit-transition: background-color 0.25s, color 0.25s;
  transition: background-color 0.25s, color 0.25s;
}

.hospital-list .operate-wrap a.zxBtn {
  border-color: var(--primary-color);
}

.hospital-list .operate-wrap a:hover {
  color: #fff;
  background-color: var(--primary-color);
}

.hospital-list .operate-wrap a:hover.zxBtn {
  background-color: var(--primary-color);
}

/*
* 医院详情页
*/
.hospital-info {
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  position: relative;
  margin-bottom: 30px;
  padding: 42px 0 20px 60px;
  overflow: hidden;
}

.hospital-info .logo {
  float: left;
  display: block;
  width: 160px;
  height: 160px;
  border-radius: 6px;
}

.hospital-info .cr {
  float: left;
  margin-left: 38px;
  padding-right: 175px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 970px;
}

.hospital-info h1 {
  margin-bottom: 20px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}

.hospital-info h1 span {
  display: inline-block;
  font-size: 28px;
  color: #000;
  width: auto;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.hospital-info h1 .attest-btn {
  display: inline-block;
  margin-left: 25px;
  width: 90px;
  height: 30px;
  background: url(../image/attest_1.png) center no-repeat;
}

.hospital-info h1 .attest-btn.attest-0 {
  background-image: url(../image/attest_0.png);
}

.hospital-info p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  clear: both;
  margin-bottom: 8px;
  max-height: 44px;
  line-height: 22px;
  font-size: 14px;
  color: #666;
}

.hospital-info p label {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #999;
  font-size: 16px;
  font-weight: bold;
}

.hospital-info p span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.hospital-info .project-row {
  margin-bottom: 4px;
  overflow: hidden;
}

.hospital-info .project-row .tit {
  float: left;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  font-weight: bold;
  color: #999;
}

.hospital-info .project-row .tags {
  float: left;
  width: 710px;
}

.hospital-info .project-row .tags a,
.hospital-info .project-row .tags span {
  display: inline-block;
  margin: 0 42px 10px 0;
  padding: 0 7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 70px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #333;
  text-align: center;
  background-color: rgba(242, 202, 95, 0.13);
}

.hospital-info .zxBtn {
  position: absolute;
  top: 95px;
  right: 70px;
  width: 98px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #333;
  border-radius: 6px;
  cursor: pointer;
}

.hospital-info .icon2hot_hospital {
  position: absolute;
  top: 42px;
  left: 195px;
  z-index: 3;
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 0 6px 0 0;
}

.hospital-con {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
}

.hospital-con .hd-nav {
  overflow: hidden;
  border-bottom: 1px solid #ededed;
}

.hospital-con .hd-nav li {
  float: left;
  padding: 0 20px 0 60px;
  line-height: 60px;
  cursor: pointer;
}

.hospital-con .hd-nav li a {
  font-size: 18px;
  color: #999;
}

.hospital-con .hd-nav li a.on {
  color: #333;
}

.hospital-con h2 {
  position: relative;
  margin-top: 30px;
  padding-left: 22px;
  height: 20px;
  line-height: 1;
  font-size: 20px;
  color: #333;
}

.hospital-con h2::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 4px;
  background-color: #333;
  border-radius: 2px;
}

.hospital-intro {
  margin: 0 60px 0 52px;
}

.hospital-intro img {
  max-width: 100%;
}

.hospital-intro p {
  margin-top: 15px;
  padding-left: 22px;
  line-height: 24px;
  font-size: 16px;
  color: #666;
}

.hospital-photo {
  margin-left: 52px;
}

.hospital-photo ul {
  margin-top: 20px;
  height: 184px;
  overflow: hidden;
}

.hospital-photo ul.all {
  height: initial;
}

.hospital-photo li {
  float: left;
  margin: 0 28px 15px 12px;
  width: 244px;
  height: 170px;
  border-radius: 10px;
  overflow: hidden;
}

.hospital-photo li img {
  width: 100%;
  height: 100%;
}

.hospital-photo .more-btn {
  padding-right: 60px;
  line-height: 26px;
  font-size: 16px;
  color: #666;
  text-align: right;
}

.hospital-photo .more-btn span {
  cursor: pointer;
}

.hospital-photo .more-btn .btn2 {
  display: none;
}

.doctor-team2 {
  padding-bottom: 20px;
}

.doctor-team2 .more-btn {
  padding-right: 60px;
  line-height: 26px;
  font-size: 16px;
  color: #666;
  text-align: right;
}

.doctor-team2 .more-btn span {
  cursor: pointer;
}

.doctor-team2 .more-btn .btn2 {
  display: none;
}

.hospital-address {
  margin: 0 60px 0 52px;
}

.hospital-address p {
  margin-top: 24px;
  margin-bottom: 15px;
  margin-left: 22px;
  line-height: 26px;
  font-size: 16px;
  color: #666;
}

.hospital-address #hospitalMap {
  margin-left: 22px;
  height: 156px;
}

.doctor-team2 h2 {
  margin-top: 38px;
  margin-left: 52px;
}

.doctor-team-list {
  margin-top: 30px;
  max-height: 450px;
  overflow: hidden;
}

.doctor-team-list.all {
  max-height: revert;
}

.doctor-team-list li {
  position: relative;
  float: left;
  margin: 0 11px 20px 52px;
  padding: 24px 0 0 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 380px;
  height: 130px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
}

.doctor-team-list .pic {
  float: left;
  display: block;
  margin-right: 23px;
  width: 66px;
  height: 66px;
  overflow: hidden;
  border-radius: 100%;
}

.doctor-team-list .pic img {
  width: 100%;
  height: 100%;
}

.doctor-team-list .name {
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  color: #333;
  width: auto;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.doctor-team-list .name:hover {
  color: var(--primary-color);
}

.doctor-team-list .tags {
  margin-top: 8px;
  overflow: hidden;
  line-height: 20px;
}

.doctor-team-list .tags em {
  float: left;
  display: block;
}

.doctor-team-list .tags span {
  float: left;
  display: block;
  width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.doctor-team-list .zxBtn {
  display: none;
}

.doctor-team-list + .pagination {
  margin-top: 40px;
  margin-bottom: 55px;
}
/* 资讯list */
/**
 * 资讯right
 */
.newsBox {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
}

.newsBox .nav {
  padding-top: 22px;
  overflow: hidden;
}

.newsBox .nav li {
  float: left;
  margin-left: 30px;
  margin-right: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 95px;
  height: 30px;
  line-height: 28px;
  font-size: 16px;
  font-weight: 300;
  color: #333;
  text-align: center;
  background: #ffffff;
  border: 1px solid #333;
  border-radius: 5px;
}

.newsBox .nav li .active {
  color: #fff;
  background-color: #333;
}

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

.newsBox .nav a {
  display: block;
  color: #333;
}

.news-list {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.news-list li {
  width: 95%;
  position: relative;
  margin: 0 30px;
  padding: 30px 0;
  overflow: hidden;
  border-bottom: 1px solid #ededed;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.news-list li:last-child {
  border-bottom: none;
}

.news-list .pic {
  display: block;
  float: left;
  width: 200px;
  height: 145px;
  overflow: hidden;
  border-radius: 6px;
}

.news-list .pic img {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #f2f2f2;
  filter: blur(10px);
}

.news-list .info {
  float: right;
  width: 75%;
  margin-left: 10px;
}

.news-list h3 {
  margin-bottom: 4px;
  height: 26px;
}

.news-list h3 a {
  display: block;
  height: 26px;
  line-height: 26px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  width: auto;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.news-list h3 a:hover {
  color: var(--primary-color);
}

.news-list .time-row {
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #999;
}

.news-list .time-row span {
  display: inline-block;
  margin-right: 68px;
}

.news-list .time-row .icon2views {
  display: inline-block;
  margin-right: 6px;
  width: 14px;
  height: 14px;
  background: url("../image/views.png") center no-repeat;
}

.news-list .desc {
  margin-top: 9px;
  height: 48px;
  line-height: 24px;
  color: #666;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
}
.news-list .prize_obj {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #ccc;
}
.news-list .prize_obj span {
  margin-right: 10px;
}
.news-list .prize_obj .nowPrize {
  color: #ef1818;
}
.news-list .prize_obj .CRWyuanjia {
  text-decoration: line-through;
}

.nowPriz {
  color: #ef1818;
}
.news-list .tags {
  margin-top: 15px;
  height: 26px;
  overflow: hidden;
}

.news-list .tags > span,
.news-list .tags > a {
  display: inline-block;
  margin-right: 20px;
  padding: 0 9px;
  min-width: 40px;
  line-height: 24px;
  color: #999;
  text-align: center;
  border: 1px solid #ededed;
  border-radius: 13px;
}

.news-list + .pagination {
  margin-top: 20px;
  margin-bottom: 45px;
}
/**
 * 资讯详情
 */
.news-show {
  position: relative;
  margin-bottom: 5px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  padding: 20px 30px 30px;
}

.news-show h1 {
  margin-bottom: 15px;
  line-height: 30px;
  font-size: 20px;
  font-weight: 700;
  color: #000;
  text-align: center;
}

.news-show .other {
  margin-bottom: 10px;
  line-height: 24px;
  font-size: 14px;
  color: #999;
  text-align: center;
}

.news-show .other span {
  margin: 0 36px;
}

.news-show .content {
  clear: both;
  font-size: 16px;
  color: #666;
}

.news-show .btns {
  margin-top: 20px;
  text-align: center;
}
.news-show .btns .zxBtn {
  display: inline-block;
  width: 160px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  color: #fefefe;
  text-align: center;
  background: var(--back-b-color);
  border-radius: 10px;
  cursor: pointer;
}

.news-show .btns .zxBtn + .zxBtn {
  margin-left: 145px;
}

.news-show .related-box {
  margin-top: 50px;
}

.news-show .related-box h2 {
  margin-bottom: 12px;
  line-height: 24px;
  font-size: 20px;
  font-weight: 700;
  color: #333;
}

.news-show .related-box a {
  line-height: 32px;
  color: #333;
  font-size: 16px;
}

.news-show .proclaim {
  margin-top: 22px;
  line-height: 26px;
  font-size: 16px;
  color: #999;
}

.news-show .proclaim b {
  color: #333;
  font-weight: 700;
}

.news-show .next-box {
  margin-top: 23px;
  padding-top: 26px;
  border-top: 2px solid #ededed;
}

.news-show .next-box a {
  display: block;
  line-height: 28px;
  font-size: 14px;
  color: #999;
}
.news-show .zxbtns {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: 20px 0 40px 0;
}
.news-show .zx-but {
  display: inline-block;
  width: 160px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #fefefe;
  text-align: center;
  background: var(--back-b-color);
  border-radius: 10px;
  cursor: pointer;
}
.news-show .article-show {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 30px;
  border-bottom: 1px solid #efecec;
  padding-bottom: 10px;
}
.article-show .fabutime {
  margin-top: 10px;
}

.source-info-new {
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  margin-bottom: 30px;
  text-align: center;
}
.tishiCIon {
  display: inline-block;
  width: 20px !important;
  height: 20px !important;
  background: #333;
  border-radius: 0px 0px 0px 0px;
  border: 0px solid #ffffff;
  margin-right: 8px;
  border-radius: 20px;
  color: #ffffff;
}
.source-info-new span,
a {
  color: #5889b7;
}
.source-info-new .hd-new {
  font-weight: 600;
  font-size: 28px;
  color: #333333;
  line-height: 42px;
  text-align: left;
}
.news-show .time {
  margin-top: 2px;
  font-weight: 400;
  font-size: 14px;
  color: #8f9994;
  line-height: 21px;
  margin-bottom: 10px;
}
.recommend-doctor {
  margin-bottom: 10px;
}
.recommend-doctor .author {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.recommend-doctor .author .name {
  margin-right: 10px;
}
.recommend-doctor .art-zx-but {
  width: 115px;
  height: 38px;
  font-weight: 400;
  font-size: 15px;
  line-height: 38px;
  border-radius: 28px;
  color: #fefefe;
  text-align: center;
  background: #333;
}
.recommend-doctor .tit {
  font-weight: 400;
  font-size: 14px;
  color: #a1773e;
  line-height: 21px;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.recommend-doctor .tit::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(../image/dun.svg) center center / contain no-repeat;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 3px 0 0;
}
.author {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.author .name {
  font-weight: bold;
  font-size: 16px;
  color: #21261e;
  line-height: 24px;
  margin-right: 12px;
}
.author i {
  font-weight: 400;
  font-size: 14px;
  color: #8f9994;
  line-height: 21px;
}

/**
 * 标签
 */
.tags-alphabet {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  padding: 22px 30px;
}

.tags-alphabet span {
  line-height: 28px;
  font-size: 16px;
  color: #333;
  vertical-align: middle;
}

.tags-alphabet a {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 4px;
  width: 38px;
  height: 30px;
  line-height: 28px;
  font-size: 16px;
  color: #333;
  text-align: center;
  vertical-align: middle;
}

.tags-alphabet a.active {
  color: #333;
  border: 1px solid var(--primary-color);
  border-radius: 5px;
}

.tags-box {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
}

.tags-box .tags-inline {
  padding-right: 10px;
}

.tags-box .tags-inline a {
  display: inline-block;
  margin: 25px 0 5px 30px;
  line-height: 26px;
  font-size: 16px;
  color: #333;
}

.tags-box .pagination {
  margin-top: 40px;
  margin-bottom: 45px;
}

/**
 * 美容社区
 */
/**
 * 美容社区栏目页
 */
.forum-top {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 40px 20px 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 414px;
}

.forum-top .onePic {
  float: left;
  width: 666px;
  height: 342px;
  overflow: hidden;
  border-radius: 6px;
}

.forum-top .onePic img {
  display: block;
  width: 100%;
  height: 100%;
}

.forum-top .group {
  overflow: hidden;
}

.forum-top .group li {
  float: left;
  margin: 0 0 12px 60px;
  width: 130px;
  height: 170px;
}

.forum-top .group a {
  display: block;
}

.forum-top .group a:hover h3 {
  color: #333;
}

.forum-top .group img {
  display: block;
  width: 130px;
  height: 130px;
  overflow: hidden;
  border-radius: 6px;
}

.forum-top .group h3 {
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  font-size: 22px;
  color: #333;
  text-align: center;
}

.forumBox {
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  min-height: 300px;
}

.forumBox .hd {
  margin-left: 20px;
  overflow: hidden;
  border-bottom: 2px solid #ededed;
  /* h2 {
      float: left;
      margin-left: 20px;
      width: 150px;
      height: 60px;
      line-height: 60px;
      font-size: 18px;
      color: #333;
    } */
}

.forumBox .hd ul {
  float: left;
}

.forumBox .hd li {
  position: relative;
  float: left;
  height: 70px;
  line-height: 70px;
}

.forumBox .hd li:after {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  z-index: 3;
  content: "";
  display: block;
  width: 0 \9;
  height: 3px;
  background: #333;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
}

.forumBox .hd li a {
  padding: 0 16px;
  font-size: 20px;
  color: #333333;
}

.forumBox .hd li.on a,
.forumBox .hd li:hover a {
  color: #333;
}

.forumBox .hd li.on:after,
.forumBox .hd li:hover:after {
  width: 100% \9;
  opacity: 1;
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}

.forumBox .hd .postBtn {
  float: right;
  margin-top: 12px;
  margin-right: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 130px;
  height: 46px;
  line-height: 44px;
  text-align: center;
  border: 1px solid #333;
  border-radius: 5px;
}

.forumBox .hd .postBtn a {
  display: block;
  font-size: 18px;
  color: #333;
}

.forumBox .hd .postBtn .icon2 {
  margin-right: 15px;
  width: 22px;
  height: 22px;
  vertical-align: text-top;
}

.forum-list {
  margin-bottom: 10px;
  /*  .desc {
    margin-bottom: 12px;
    max-height: 3.4em;
    line-height: 1.7;
    font-size: @sizeRegular+1;
    color: @textMain;
    .ellipsisLn(2);
  } */
}

.forum-list li {
  margin: 0 20px;
  padding: 26px 0;
  overflow: hidden;
  border-bottom: 1px solid #dbdbdb;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.forum-list li:last-child {
  border-bottom: none;
}

.forum-list a {
  display: inline-block;
}

.forum-list .tit {
  margin-bottom: 14px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
}

.forum-list .tit span {
  display: inline-block;
  margin-right: 18px;
  padding: 0 12px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #333;
  background: linear-gradient(264deg, #333 5%, #fe8987 95%);
  border-radius: 3px;
  vertical-align: middle;
}

.forum-list .tit a {
  font-size: 16px;
  color: #333333;
  width: 740px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  vertical-align: middle;
}

.forum-list .tit a:hover {
  color: #333;
}

.forum-list .pics {
  margin-bottom: 3px;
  overflow: hidden;
}

.forum-list .pics img {
  float: left;
  display: block;
  margin: 0 5px 10px 15px;
  width: 160px;
  height: 160px;
  border-radius: 4px;
  background: #f2f2f2;
}

.forum-list .pic,
.forum-list .zt {
  clear: both;
  display: block;
  height: auto;
  min-height: 200px;
  max-height: 300px;
  overflow: hidden;
}

.forum-list .pic a,
.forum-list .zt a {
  display: block;
  width: 100%;
  height: 100%;
}

.forum-list .pic img,
.forum-list .zt img {
  display: block;
  width: 100%;
  background: #f2f2f2;
  border-radius: 6px;
}

.forum-list .other {
  position: relative;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  color: #999;
  text-align: right;
  clear: both;
}

.forum-list .other span {
  margin-right: 35px;
  vertical-align: middle;
}

.forum-list .other a {
  height: 24px;
  vertical-align: middle;
}

.forum-list .other .icon2 {
  display: inline-block;
  margin-right: 6px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.forum-list + .pagination {
  margin-top: 20px;
  margin-bottom: 45px;
}

/*
 * 帖子详情页
 */
.group-detail {
  background: #fff;
  margin-bottom: 45px;
  border-radius: 10px;
  border: 1px solid #ededed;
}

.group-detail .pagination {
  margin-bottom: 35px;
  padding: 0 20px;
  background: #fff;
  overflow: hidden;
  padding-left: 150px;
}

.group-show {
  padding: 25px 25px 0 25px;
  overflow: hidden;
  font-size: 16px;
}

.group-show .info {
  padding: 0 15px;
  margin-bottom: 10px;
  overflow: hidden;
}

.group-show .info .avatar {
  float: left;
  margin-right: 10px;
}

.group-show .info .avatar img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
}

.group-show .info .fr {
  width: 675px;
}

.group-show .info h1 {
  line-height: 28px;
  font-size: 20px;
  color: #333;
  font-weight: 500;
  margin-bottom: 8px;
}

.group-show .info p {
  line-height: 24px;
  font-size: 16px;
}

.group-show .info p span {
  display: inline-block;
  margin: 4px 8px 0 0;
  min-width: 45px;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
  border: 1px solid #333;
  border-radius: 3px;
  margin: 0 10px;
  background: linear-gradient(264deg, #333 5%, #fe8987 95%);
  vertical-align: middle;
  color: #fff;
}

.group-show .info p em {
  color: #888;
}

.group-show .content {
  width: 675px;
  margin-left: 83px;
  margin-bottom: 20px;
  overflow: hidden;
  line-height: 1.8;
  font-size: 15px;
  color: #333;
}

.group-show .content img {
  max-width: 100%;
}

.group-show .content p {
  margin-bottom: 8px;
}

.group-show .group-pic {
  width: 675px;
  margin-left: 85px;
  overflow: hidden;
}

.group-show .group-pic li {
  position: relative;
  float: left;
  margin: 0 10px 10px 0;
  width: 160px;
  height: 160px;
}

.group-show .group-pic li img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

.group-show .other {
  margin-left: 85px;
  padding: 10px 0;
  line-height: 24px;
  color: #888;
  text-align: right;
  position: relative;
  clear: both;
}

.group-show .other .time {
  position: absolute;
  top: 10px;
  left: 0;
  margin-left: 5px;
}

.group-show .other span {
  display: inline-block;
  margin: 0 5px 0 20px;
}

.group-show .other .iconfont {
  display: inline-block;
  margin-right: 2px;
  font-size: 17px;
  float: left;
}

.group-show hr {
  border: none;
  border-bottom: 1px solid #dbdbdb;
  margin: 20px 0;
}

.group-reply {
  margin-top: 5px;
  margin-bottom: 35px;
  padding: 0 25px 0 110px;
  background: #fff;
  overflow: hidden;
}

.group-reply .hd {
  line-height: 36px;
  font-size: 16px;
  color: #333;
}

.group-reply .hd em {
  padding-left: 10px;
  color: #999;
}

.group-reply li {
  overflow: hidden;
  padding-top: 20px;
}

.group-reply li .avatar {
  float: left;
}

.group-reply li .avatar img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
}

.group-reply li .avatar p {
  line-height: 28px;
  font-size: 14px;
  color: #666;
  text-align: center;
}

.group-reply li .info {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 10px;
}

.group-reply li .info .user {
  line-height: 28px;
  margin-bottom: 5px;
}

.group-reply li .info .user .name {
  display: inline-block;
  float: left;
  font-size: 18px;
  color: #333;
  font-weight: 500;
}

.group-reply li .info .user .time {
  font-size: 14px;
  color: #888;
  padding-left: 30px;
  color: #b2b2b2;
}

.group-reply li .info .con {
  line-height: 1.8;
  font-size: 14px;
  color: #666;
}

.group-reply li .info .con img {
  max-width: 100%;
}

.group-reply li .info .con .time {
  float: right;
  color: #999;
}

.group-reply-post {
  clear: both;
  padding: 25px 25px 15px;
  width: 790px;
  margin: 10px 0 5px 85px;
}

.group-reply-post .form-item {
  overflow: hidden;
  margin-bottom: 15px;
}

.group-reply-post .form-item .form-label {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #333;
  margin-bottom: 10px;
}

.group-reply-post .form-item .textarea {
  width: 100%;
  min-height: 249px;
  height: auto;
  padding: 14px 23px;
  resize: vertical;
  line-height: 24px;
  font-size: 14px;
  color: #666;
  background: #f9f9f9;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.group-reply-post .form-item .textarea:focus {
  border-color: #c9c9c9;
}

.group-reply-post .form-item .textarea::-webkit-scrollbar {
  width: 3px;
}

.group-reply-post .form-item .textarea::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}

.group-reply-post .form-item .loginBtn,
.group-reply-post .form-item button {
  display: inline-block;
  line-height: 50px;
  font-size: 20px;
  color: #fefefe;
  text-align: center;
  letter-spacing: 1px;
  float: right;
  border-radius: 10px;
  width: 160px;
  height: 50px;
  background: #333;
  border-color: transparent;
}

.circle-detail-side {
  margin-bottom: 35px;
  padding: 25px;
  background: #fff;
  position: relative;
  border-radius: 8px;
}

.circle-detail-side ul {
  overflow: hidden;
  margin-bottom: -5px;
}

.circle-detail-side li {
  padding: 10px 0;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.circle-detail-side li i {
  display: inline-block;
  float: left;
  margin-right: 10px;
  width: 22px;
  line-height: 22px;
  color: #f7c524;
  text-align: center;
  border: 1px solid #f7c524;
  border-radius: 100%;
}

.circle-detail-side li a {
  font-size: 15px;
  color: #333;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.circle-detail-side li:hover {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}

.circle-detail-side li:hover a {
  color: #f60;
}

/**
 * 资讯侧边的
 */
.side-box {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  padding: 0 21px;
}
.side-box img{
  width: 100%;
  height: 70px;
}

.side-box .hd {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
  border-bottom: 1px solid var(--primary-color);
}

.side-box .hd h2 {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  border-bottom: none;
}

.side-box .hd .more {
  font-size: 14px;
  color: #999;
}

.side-box .hd .icon2more {
  margin-left: 6px;
  width: 14px;
  height: 14px;
}

.side-hot-doctor li {
  margin-top: 24px;
  margin-bottom: 30px;
  overflow: hidden;
}

.side-hot-doctor .link {
  float: left;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 68px;
}

.side-hot-doctor .pic {
  display: inline-block;
  margin-right: 11px;
  width: 69px;
  height: 69px;
  overflow: hidden;
  border-radius: 50%;
}

.side-hot-doctor .name {
  line-height: 28px;
  font-size: 16px;
  color: #666;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.side-hot-doctor .name:hover {
  color: var(--primary-color);
}

.side-hot-doctor .zxBtn {
  float: right;
  margin-top: 19px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 80px;
  height: 30px;
  line-height: 28px;
  font-size: 16px;
  color: #333;
  text-align: center;
  border: 1px solid #333;
  border-radius: 5px;
  cursor: pointer;
}

.side-hot-doctor2.simple .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.side-hot-doctor2 li {
  margin-top: 20px;
  margin-bottom: 14px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}

.side-hot-doctor2 li:last-child {
  border-bottom: none;
}

.side-hot-doctor2 .link {
  display: block;
  width: 210px;
}

.side-hot-doctor2 .pic {
  float: left;
  margin-right: 9px;
  width: 68px;
  height: 68px;
  filter: blur(5px);
}

.side-hot-doctor2 .name {
  line-height: 36px;
}

.side-hot-doctor2 .hospital {
  margin-top: 3px;
  line-height: 24px;
  font-size: 14px;
  color: #666;
  width: 128px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.side-hot-doctor2 .zxBtn {
  width: 70px;
  height: 26px;
  line-height: 24px;
  font-size: 14px;
}

.side-hot-hospital li {
  margin-top: 24px;
  margin-bottom: 30px;
  overflow: hidden;
}

.side-hot-hospital .pic {
  position: relative;
  float: left;
  margin-right: 11px;
  width: 120px;
  height: 76px;
}

.side-hot-hospital .pic img {
  width: 100%;
  height: 100%;
  filter: blur(5px);
}

.side-hot-hospital .pic i {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  display: inline-block;
  width: 28px;
  height: 28px;
}

.side-hot-hospital .name {
  display: block;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  color: #666;
  width: auto;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.side-hot-hospital .name:hover {
  color: var(--primary-color);
}

.side-hot-hospital .zxBtn {
  float: right;
  margin-top: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 80px;
  height: 30px;
  line-height: 28px;
  font-size: 16px;
  color: #333;
  text-align: center;
  border: 1px solid #333;
  border-radius: 5px;
  cursor: pointer;
}

.side-hot-hospital2 li {
  margin-top: 20px;
  margin-bottom: 14px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}

.side-hot-hospital2 li:last-child {
  border-bottom: none;
}

.side-hot-hospital2 .pic {
  margin-right: 19px;
  width: 126px;
  height: 80px;
}

.side-hot-hospital2 .name {
  color: #333;
}

.side-hot-hospital2 .zxBtn {
  margin-top: 20px;
  width: 70px;
  height: 26px;
  line-height: 24px;
  font-size: 14px;
}

.side-hot-news li {
  overflow: hidden;
  margin: 20px 0;
}

.side-hot-news li i {
  float: left;
  display: block;
  margin-right: 15px;
  min-width: 24px;
  line-height: 26px;
  font-size: 16px;
  color: #333;
  text-align: center;
}

.side-hot-news li .icon2-hot1,
.side-hot-news li .icon2-hot2,
.side-hot-news li .icon2-hot3 {
  width: 24px;
  height: 26px;
  font-size: 0;
}

.side-hot-news li .icon2-hot1 {
  background: url("../image/hot1.png") center no-repeat;
}

.side-hot-news li .icon2-hot2 {
  background: url("../image/hot2.png") center no-repeat;
}

.side-hot-news li .icon2-hot3 {
  background: url("../image/hot3.png") center no-repeat;
}

.side-hot-news li .icon3-hot1,
.side-hot-news li .icon3-hot2,
.side-hot-news li .icon3-hot3 {
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  border-radius: 50px;
}

.side-hot-news li .icon3-hot1 {
  background-color: #ff5858;
}

.side-hot-news li .icon3-hot2 {
  background-color: #ff9b58;
}

.side-hot-news li .icon3-hot3 {
  background-color: #f8db55;
}

.side-hot-news li a {
  display: block;
  height: 26px;
  line-height: 26px;
  font-size: 16px;
  color: #666;
  width: auto;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.side-hot-news li a:hover {
  color: var(--primary-color);
}

.side-hot-ask li .icon2-hot1 {
  background: url("../image/hot2_1.png") center no-repeat;
}

.side-hot-ask li .icon2-hot2 {
  background: url("../image/hot2_2.png") center no-repeat;
}

.side-hot-ask li .icon2-hot3 {
  background: url("../image/hot2_3.png") center no-repeat;
}

.side-hot-ask li .hot1,
.side-hot-ask li .hot2,
.side-hot-ask li .hot3 {
  font-size: 20px;
}

.side-hot-ask li .hot1 {
  color: #ff5858;
}

.side-hot-ask li .hot2 {
  color: #ff9b58;
}

.side-hot-ask li .hot3 {
  color: #f8db55;
}

.hollow-btn {
  margin-bottom: 30px;
  height: 108px;
  line-height: 108px;
  background: #fff;
  border: 1px solid #333;
  border-radius: 7px;
}

.hollow-btn a {
  display: block;
  font-size: 20px;
  color: #333;
  text-align: center;
}

.side-hot-zt ul {
  margin-top: 20px;
}

.side-hot-zt li {
  margin: 0 auto 20px;
  overflow: hidden;
  width: 288px;
  height: 98px;
  border-radius: 6px;
}

.side-hot-zt li a {
  display: block;
  margin: 0 auto;
  height: 100%;
}

.side-hot-zt li img {
  width: 100%;
  height: 100%;
}

.side-hot-news2 li {
  padding: 22px 0;
  border-bottom: 1px solid #dbdbdb;
}

.side-hot-news2 li:hover a {
  color: var(--primary-color);
}

.side-hot-news2 li:last-child {
  border-bottom: none;
}

.side-hot-news2 h3 {
  margin-bottom: 14px;
}

.side-hot-news2 h3 a {
  display: inline-block;
  max-height: 40px;
  line-height: 20px;
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.side-hot-news2 .desc {
  max-height: 40px;
  line-height: 18px;
  color: #999;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.side-hot-news2 .tags {
  margin-top: 5px;
  height: 30px;
  overflow: hidden;
}

.side-hot-news2 .tags span,
.side-hot-news2 .tags a {
  display: inline-block;
  margin-right: 20px;
  padding: 0 6px;
  min-width: 40px;
  height: 30px;
  line-height: 30px;
  color: #999;
  text-align: center;
  background: #f5f5f5;
  border-radius: 4px;
}

.side-hot-ask2 li {
  margin: 18px 0 15px;
  height: 30px;
  overflow: hidden;
}

.side-hot-ask2 li a {
  display: block;
}

.side-hot-ask2 li.on {
  height: initial;
}

.side-hot-ask2 .question {
  padding-left: 38px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #666;
  background: url(../image/ask_question.png) left center no-repeat;
  width: auto;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.side-hot-ask2 .answer {
  position: relative;
  margin-top: 10px;
  padding-top: 2px;
  padding-left: 38px;
  min-height: 30px;
  max-height: 56px;
  line-height: 24px;
  font-size: 16px;
  color: #666;
  background: url(../image/ask_answer.png) left 0 no-repeat;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.side-hot-ask2 .answer span {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 1px;
  display: inline-block;
  padding-left: 3px;
  height: 24px;
  line-height: 24px;
  color: #333;
  background-color: #fff;
}

/* Banner Slider */
.banner-slider {
  background: var(--back-w-color);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
  margin-bottom: 30px;
  position: relative;
}

.slider-container {
  position: relative;
  height: 400px;
  overflow: hidden;
  width: 100%;
}

.slide {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--back-w-color);
  text-align: center;
  opacity: 0;
  transition: all 0.8s ease;
  background-size: cover;
  background-position: center;
}

/* .slide:nth-child(1) {
  background: linear-gradient(
      135deg,
      rgba(30, 64, 175, 0.9),
      rgba(59, 130, 246, 0.8)
    ),
    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 400"><defs><linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:%231e40af;stop-opacity:1" /><stop offset="100%" style="stop-color:%233b82f6;stop-opacity:1" /></linearGradient></defs><rect width="1200" height="400" fill="url(%23grad1)"/><circle cx="200" cy="100" r="50" fill="var(--back-w-color)" opacity="0.1"/><circle cx="800" cy="300" r="80" fill="var(--back-w-color)" opacity="0.05"/><circle cx="1000" cy="150" r="60" fill="var(--back-w-color)" opacity="0.08"/></svg>');
}

.slide:nth-child(2) {
  background: linear-gradient(
      135deg,
      rgba(16, 185, 129, 0.9),
      rgba(34, 197, 94, 0.8)
    ),
    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 400"><defs><linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:%2310b981;stop-opacity:1" /><stop offset="100%" style="stop-color:%2322c55e;stop-opacity:1" /></linearGradient></defs><rect width="1200" height="400" fill="url(%23grad2)"/><path d="M0,200 Q300,150 600,200 T1200,200" stroke="var(--back-w-color)" stroke-width="2" fill="none" opacity="0.3"/></svg>');
}

.slide:nth-child(3) {
  background: linear-gradient(
      135deg,
      rgba(168, 85, 247, 0.9),
      rgba(139, 92, 246, 0.8)
    ),
    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 400"><defs><linearGradient id="grad3" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:%23a855f7;stop-opacity:1" /><stop offset="100%" style="stop-color:%238b5cf6;stop-opacity:1" /></linearGradient></defs><rect width="1200" height="400" fill="url(%23grad3)"/><polygon points="100,50 200,150 50,200" fill="var(--back-w-color)" opacity="0.1"/><polygon points="900,100 1100,50 1050,250" fill="var(--back-w-color)" opacity="0.08"/></svg>');
} */

.slide.active {
  opacity: 1;
}
.slide.active1 {
  display: none;
}

.slide-content {
  width: 100%;
  height: 100%;
}
.slide-content img {
  width: 100%;
  height: 100%;
}

.slide-content li {
  display: none;
  height: 100%;
}
.slide-content li.active {
  display: block;
}

.slider-dots {
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 15px;
}

.dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

.dot.active {
  background: var(--back-w-color);
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
}

.dot:hover {
  background: rgba(255, 255, 255, 0.8);
}

/* Content Sections */
.content-section {
  background: var(--back-w-color);
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
  margin-bottom: 30px;
  overflow: hidden;
  border: 1px solid rgba(59, 130, 246, 0.05);
}

.section-header {
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  color: #1e293b;
  height: 60px;
  padding: 0px 30px;
  font-size: 22px;
  font-weight: 700;
  position: relative;
  border-bottom: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section-header h3 {
  height: 100%;
  display: flex;
  align-items: center;
  border-bottom: 3px solid rgb(33, 71, 182);
}
.fenlei-box {
  width: 100px;
  display: flex;
  align-items: center;
  font-size: 17px;
  justify-content: space-between;
  height: 100%;
}
.guonei {
  height: 100%;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 3px solid rgb(33, 71, 182);
}

.section-content {
  padding: 35px 30px;
}

/* Region Grid */
.region-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

.region-card {
  text-align: center;
  padding: 35px 25px;
  border: 2px solid #f1f5f9;
  border-radius: 18px;
  transition: all 0.4s ease;
  cursor: pointer;
  position: relative;
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}

.region-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    135deg,
    rgba(59, 130, 246, 0.03),
    rgba(30, 64, 175, 0.05)
  );
  border-radius: 16px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.region-card:hover::before {
  opacity: 1;
}

.region-card:hover {
  border-color: var(--primary-color);
  box-shadow: 0 25px 70px rgba(59, 130, 246, 0.15);
  transform: translateY(-8px);
}

.region-icon {
  font-size: 50px;
  margin-bottom: 20px;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
}

.region-card h3 {
  font-size: 20px;
  color: #1e293b;
  margin-bottom: 15px;
  font-weight: 700;
}

.region-card p {
  color: #64748b;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
  height: 120px;
}

.region-stats {
  display: flex;
  justify-content: center;
  gap: 25px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e2e8f0;
}

.stat {
  text-align: center;
}

.stat-number {
  font-size: 24px;
  font-weight: 800;
  color: var(--primary-color);
  display: block;
  line-height: 1.2;
}

.stat-label {
  font-size: 13px;
  color: #64748b;
  margin-top: 5px;
  font-weight: 500;
}

/* Services Grid */
.services-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.service-item {
  padding: 30px;
  border: 2px solid #f1f5f9;
  border-radius: 16px;
  transition: all 0.4s ease;
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  position: relative;
  display: flex;
  align-items: center;
}
.service-item-link {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.service-item-link img {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  filter: blur(10px);
}
.right_con {
  display: flex;
  flex-direction: column;
  width: 85%;
  margin-left: 10px;
}
.service-title {
  font-size: 17px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.service-content {
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
}
.service-time {
  font-size: 14px;
  color: #acacac;
}
.service-item:hover {
  border-color: var(--primary-color);
  background: #ffffff;
  box-shadow: 0 15px 40px rgba(59, 130, 246, 0.1);
  transform: translateX(8px);
}

.service-item h4 {
  color: #1e293b;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
}

.service-item p {
  color: #64748b;
  font-size: 15px;
  line-height: 1.7;
}

/* News List */
.news-list {
  list-style: none;
}

.news-item {
  padding: 20px 0;
  border-bottom: 1px solid #e2e8f0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  transition: all 0.3s ease;
}

.news-item:last-child {
  border-bottom: none;
}

.news-item:hover {
  background: #f8fafc;
  margin: 0 -30px;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 12px;
}

.news-content {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 15px;
}

.news-icon {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, var(--primary-color), rgb(33, 71, 182));
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--back-w-color);
  font-size: 18px;
  flex-shrink: 0;
  img {
    width: 100%;
    height: 100%;
    filter: blur(10px);
  }
}

.news-item a {
  color: #1e293b;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  flex: 1;
}

.news-item a:hover {
  color: var(--primary-color);
}

.news-date {
  color: #94a3b8;
  font-size: 14px;
  font-weight: 500;
  margin-left: 15px;
  flex-shrink: 0;
}

/* Sidebar */
.sidebar {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* Doctor Cards */
.doctor-grid {
  display: grid;
  gap: 20px;
}

.doctor-card {
  text-align: center;
  padding: 30px 25px;
  border: 2px solid #f1f5f9;
  border-radius: 18px;
  transition: all 0.4s ease;
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  position: relative;
}

.doctor-card:hover {
  border-color: var(--primary-color);
  box-shadow: 0 20px 50px rgba(59, 130, 246, 0.15);
  transform: translateY(-5px);
}

.doctor-avatar {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea, #764ba2);
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 35px;
  color: var(--back-w-color);
  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
  position: relative;
}
.doctor-avatar img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea, #764ba2);
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 35px;
  color: var(--back-w-color);
  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
  position: relative;
  filter: blur(10px);
}

.doctor-avatar::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea, #764ba2);
  opacity: 0.2;
  z-index: -1;
}

.doctor-name {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 8px;
}

.doctor-title {
  font-size: 15px;
  color: var(--primary-color);
  margin-bottom: 12px;
  font-weight: 600;
}

.doctor-speciality {
  font-size: 14px;
  color: #64748b;
  line-height: 1.5;
}

/* Quick Links */
.quick-links {
  list-style: none;
}

.quick-links li {
  margin-bottom: 3px;
}

.quick-links a {
  color: #1e293b;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 20px;
  border-radius: 12px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}

.quick-links a:hover {
  color: var(--primary-color);
  background: linear-gradient(
    135deg,
    rgba(59, 130, 246, 0.05),
    rgba(30, 64, 175, 0.08)
  );
  border-color: rgba(59, 130, 246, 0.2);
  transform: translateX(5px);
}

/* Contact Widget */
.contact-widget {
  text-align: center;
  padding: 35px 25px;
  background: var(--back-b-color);
  color: var(--back-w-color);
  border-radius: 18px;
  position: relative;
  overflow: hidden;
}

.contact-widget::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200%;
  height: 200%;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="30" fill="none" stroke="var(--back-w-color)" stroke-width="1" opacity="0.1"/></svg>');
  animation: rotate 20s linear infinite;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.contact-widget h4 {
  font-size: 20px;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}

.contact-info {
  position: relative;
  z-index: 2;
}

.contact-item {
  margin-bottom: 15px;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.contact-btn {
  background: var(--back-w-color);
  color: rgb(33, 71, 182);
  padding: 12px 30px;
  border: none;
  border-radius: 25px;
  font-weight: 600;
  margin-top: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
}

.contact-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

/* Footer */
.jinghui_css_tang_ui-footer {
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
  color: #cbd5e1;
}

.jinghui_css_tang_zbj-grid {
  width: 1190px;
  margin: 0 auto;
  margin-top: 15px;
}
.jinghui_css_tang_zbj-grid .jinghui_css_tang_ui-footer-sitelink {
  margin-top: 15px;
}

.jinghui_css_tang_zbj-grid dd {
  margin-left: 35px;
}

.jinghui_css_tang_zbj-grid:before,
.jinghui_css_tang_zbj-grid:after {
  display: table;
  line-height: 0;
  content: "";
}

.jinghui_css_tang_ui-footer
  .jinghui_css_tang_ui-footer-nav
  .jinghui_css_tang_item-new,
.jinghui_css_tang_ui-footer
  .jinghui_css_tang_ui-footer-nav
  .jinghui_css_tang_item-buyer,
.jinghui_css_tang_ui-footer
  .jinghui_css_tang_ui-footer-nav
  .jinghui_css_tang_item-saler,
.jinghui_css_tang_ui-footer
  .jinghui_css_tang_ui-footer-nav
  .jinghui_css_tang_item-safe {
  overflow: hidden;
}

.jinghui_css_tang_ui-footer-hd dl {
  float: left;
  width: 25%;
  margin: 0;
}

.jinghui_css_tang_ui-footer
  .jinghui_css_tang_ui-footer-nav
  .jinghui_css_tang_item-new
  dt,
.jinghui_css_tang_ui-footer
  .jinghui_css_tang_ui-footer-nav
  .jinghui_css_tang_item-buyer
  dt,
.jinghui_css_tang_ui-footer
  .jinghui_css_tang_ui-footer-nav
  .jinghui_css_tang_item-saler
  dt,
.jinghui_css_tang_ui-footer
  .jinghui_css_tang_ui-footer-nav
  .jinghui_css_tang_item-safe
  dt {
  margin: 15px 0;
}

.jinghui_css_tang_ui-footer-hd dt {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
  color: #cbd5e1;
  font-family: "Microsoft YaHei", sans-serif;
}

.jinghui_css_tang_ui-footer
  .jinghui_css_tang_ui-footer-nav
  .jinghui_css_tang_item-new
  a,
.jinghui_css_tang_ui-footer
  .jinghui_css_tang_ui-footer-nav
  .jinghui_css_tang_item-buyer
  a,
.jinghui_css_tang_ui-footer
  .jinghui_css_tang_ui-footer-nav
  .jinghui_css_tang_item-saler
  a,
.jinghui_css_tang_ui-footer
  .jinghui_css_tang_ui-footer-nav
  .jinghui_css_tang_item-safe
  a {
  color: #333;
  font-size: 14px;
  display: flex;
  align-items: center;
}

em,
i {
  font-style: normal;
}

.jinghui_css_tang_ui-footer
  .jinghui_css_tang_ui-footer-nav
  .jinghui_css_tang_item-new
  dt
  i,
.jinghui_css_tang_ui-footer
  .jinghui_css_tang_ui-footer-nav
  .jinghui_css_tang_item-buyer
  dt
  i,
.jinghui_css_tang_ui-footer
  .jinghui_css_tang_ui-footer-nav
  .jinghui_css_tang_item-saler
  dt
  i,
.jinghui_css_tang_ui-footer
  .jinghui_css_tang_ui-footer-nav
  .jinghui_css_tang_item-safe
  dt
  i {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../image/footer-nav-ico_a762293.png) no-repeat;
  vertical-align: -4px;
  margin-right: 2px;
}

.jinghui_css_tang_ui-footer
  .jinghui_css_tang_ui-footer-nav
  .jinghui_css_tang_item-app {
  text-align: center;
  border: 1px solid #4e4f52;
  border-width: 0 1px;
}

.jinghui_css_tang_ui-footer
  .jinghui_css_tang_ui-footer-nav
  .jinghui_css_tang_item-app
  dt {
  display: none;
}

.jinghui_css_tang_ui-footer
  .jinghui_css_tang_ui-footer-nav
  .jinghui_css_tang_item-app
  dd {
  line-height: 1.5;
  color: #838383;
}

.jinghui_css_tang_ui-footer-hd a {
  color: #cbd5e1;
}

.jinghui_css_tang_ui-footer
  .jinghui_css_tang_ui-footer-nav
  .jinghui_css_tang_item-app
  dd
  p {
  padding-top: 8px;
}

.jinghui_css_tang_ui-footer
  .jinghui_css_tang_ui-footer-nav
  .jinghui_css_tang_item-contact {
  text-align: left;
  position: relative;
}

.jinghui_css_tang_zbj-grid:after {
  clear: both;
}

.jinghui_css_tang_clearfix:after {
  clear: both;
}

.jinghui_css_tang_ui-footer-bd {
  text-align: center;
  padding-bottom: 20px;
}

.jinghui_css_tang_zbj-grid {
  width: 1190px;
  margin: 0 auto;
}

.jinghui_css_tang_ui-footer-sitelink a {
  color: #cbd5e1;
  /* font-size: 12px; */
}

.jinghui_css_tang_split {
  display: inline-block;
  padding: 0 5px;
  color: #eee;
}

.jinghui_css_tang_ui-footer-copyright {
  margin-bottom: 10px;
  font-size: 12px;
  margin-top: 0;
}

.jinghui_css_tang_gray,
a.jinghui_css_tang_gray {
  color: #cbd5e1;
  font-size: 12px;
}

.jinghui_css_tang_ui-footer-copyright a {
  color: #cbd5e1;
}

.jinghui_css_tang_ui-footer-gov a {
  display: inline-block;
  margin-left: 20px;
}

.jinghui_css_tang_ui-footer-gov a .jinghui_css_tang_item-txt {
  display: none;
}

.jinghui_css_tang_ui-footer-gov a.jinghui_css_tang_reportform {
  height: 47px;
}

.jinghui_css_tang_ui-footer-gov a {
  display: inline-block;
  margin-left: 20px;
  font-size: 12px;
}

.jinghui_css_tang_item-chat {
  text-align: center;
}

.jinghui_css_tang_section
  .jinghui_css_tang_slider
  .jinghui_css_tang_slider-inner
  .jinghui_css_tang_item {
  position: absolute;
}

.jinghui_css_tang_item {
  position: absolute;
  display: none;
  top: 0;
  width: 1160px;
  height: 620px;
  background-color: #fff;
}

.jinghui_css_tang_item ul {
  margin-left: -20px;
}

.jinghui_css_tang_item ul li {
  float: left !important;
  _display: inline;
  margin-top: 20px;
  margin-left: 20px;
  width: 275px;
  height: 290px;
  background: #fff;
}

.jinghui_css_tang_item .jinghui_css_tang_travel {
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  line-height: 24px;
}

.jinghui_css_tang_item .jinghui_css_tang_travel .jinghui_css_tang_photo {
  position: relative;
  width: 275px;
  height: 185px;
  overflow: hidden;
}

.jinghui_css_tang_item .jinghui_css_tang_travel .jinghui_css_tang_photo img {
  vertical-align: top;
  width: 100%;
  height: 100%;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
}

fieldset,
img {
  border: 0;
}

.jinghui_css_tang_item .jinghui_css_tang_travel .jinghui_css_tang_inner {
  border: 1px solid #ececec;
  border-top: 0;
  padding: 0 15px;
  height: 104px;
}

.jinghui_css_tang_item
  .jinghui_css_tang_travel
  .jinghui_css_tang_inner
  .jinghui_css_tang_info {
  position: relative;
}

.jinghui_css_tang_item
  .jinghui_css_tang_travel
  .jinghui_css_tang_inner
  .jinghui_css_tang_info
  .jinghui_css_tang_avatar {
  float: left !important;
  _display: inline;
  margin-top: -25px;
  width: 48px;
  height: 48px;
  padding: 4px;
  background: #fff;
  border-radius: 50%;
}

.jinghui_css_tang_item
  .jinghui_css_tang_travel
  .jinghui_css_tang_inner
  .jinghui_css_tang_info
  a {
  color: #636363;
}

.jinghui_css_tang_item .jinghui_css_tang_travel .jinghui_css_tang_inner a {
  color: #323232;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.jinghui_css_tang_item
  .jinghui_css_tang_travel
  .jinghui_css_tang_inner
  .jinghui_css_tang_info
  .jinghui_css_tang_avatar
  img {
  vertical-align: top;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.jinghui_css_tang_item
  .jinghui_css_tang_travel
  .jinghui_css_tang_inner
  .jinghui_css_tang_info
  .jinghui_css_tang_txt {
  float: left !important;
  _display: inline;
  margin-top: 4px;
  margin-left: 6px;
  width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  var(--back-w-color)-space: nowrap;
  font-size: 14px;
  color: #636363;
}

.jinghui_css_tang_item
  .jinghui_css_tang_travel
  .jinghui_css_tang_inner
  .jinghui_css_tang_info:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0;
}

/*资讯*/
.jinghui_css_tang_spec_list {
  width: 1200px;
  margin: 0 -5px;
  float: left;
  display: block;
  position: relative;
  padding: 0 0 0;
}

.jinghui_css_tang_tt_tags {
  color: #000;
  z-index: 1;
  font-size: 12px;
  font-family: Hiragino Sans GB, Microsoft YaHei, SimHei, SimSun, sans-serif;
  /*border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;*/
  padding: 22px 10px;
  height: 75px;
}

.jinghui_css_tang_tt_tags:hover {
  cursor: pointer;
  color: #73dacf;
  text-decoration: underline;
}

.jinghui_css_tang_spec_list_con {
  display: inline-block;
  position: relative;
  float: left;
  /*width: 2nav-bd86px;*/
  overflow: hidden;
  margin: 42px 5px 5px 5px;
  width: 280px;
}

.jinghui_css_tang_spec_list_con span {
  font-size: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.jinghui_css_tang_spec_list_con .jinghui_css_tang_spec-img {
  width: 280px;
  height: 200px;
  line-height: 200px;
  text-align: center;
  margin: auto;
}

.jinghui_css_tang_spec_list_con .jinghui_css_tang_spec-img img {
  width: 283px;
  height: 183px;
  max-width: 100%;
  max-height: 100%;
  transition: transform 0.4s ease;
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  padding: 0;
  margin: 0;
  outline: 0;
  object-fit: cover;
}

.jinghui_css_tang_spec_list_con .jinghui_css_tang_spec-img img:hover {
  transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
}

.jinghui_css_tang_spec_list_con a {
  text-decoration: none;
  display: block;
  /*height: 185px;*/
}

.jinghui_css_tang_spec_list_con a:hover {
  text-decoration: none;
}
/* Responsive */
@media (max-width: 1200px) {
  .main-wrapper {
    grid-template-columns: 1.8fr 1fr;
    gap: 30px;
  }
}

@media (max-width: 992px) {
  .header-main .container {
    flex-direction: column;
    gap: 25px;
  }

  .search-area {
    margin: 0;
    max-width: 100%;
  }

  .nav-list {
    flex-wrap: wrap;
  }

  .main-wrapper {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .region-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .services-grid {
    grid-template-columns: 1fr;
  }

  .footer-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}

@media (max-width: 768px) {
  .header-top .container {
    flex-direction: column;
    gap: 15px;
  }

  .contact-info {
    gap: 20px;
  }

  .nav-list {
    justify-content: center;
  }

  .nav-link {
    padding: 15px 12px;
    font-size: 14px;
  }

  .region-grid {
    grid-template-columns: 1fr;
  }

  .slide-content h3 {
    font-size: 32px;
  }

  .slide-content p {
    font-size: 16px;
  }

  .footer-content {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
/* </style> */