@charset "UTF-8";
.hbszyy_008 { padding: 100px 0; position: relative; background: url(../../image/hbszyy_008/doctor_details6.jpg); }

.hbszyy_008 .tit-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 20px; }

.hbszyy_008 .tit-flex .tit-l { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 0; }

.hbszyy_008 .tit-flex .registration-link { width: 148px; height: 96px; background: url(../../image/hbszyy_008/jpg1.jpg) no-repeat center center; background-size: cover; color: #fff; font-size: 24px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-radius: 16px; }

@media (max-width: 768px) { .hbszyy_008 .tit-flex .registration-link { font-size: 18px; } }

.hbszyy_008 .tit-flex .registration-link a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; }

.hbszyy_008 .tit-flex .registration-link .s1 { width: 2em; line-height: 1.1; }

.hbszyy_008 .tab-mod .tracker-mod.dir-hor .tracker-box { text-align: left; }

.hbszyy_008 .tab-mod .tab-bar { margin-top: 40px; }

.hbszyy_008 .tab-mod .tab-bar .tab-term { width: 183px; height: 60px; background: url(../../image/hbszyy_008/jpg5.jpg) no-repeat center; background-size: cover; border-radius: 16px; font-size: 24px; color: #fff !important; line-height: 60px; text-align: center; display: inline-block; }

@media (max-width: 768px) { .hbszyy_008 .tab-mod .tab-bar .tab-term { font-size: 18px; } }

.hbszyy_008 .tab-mod .tab-bar .tab-term + .tab-term { margin-left: 18px; }

.hbszyy_008 .tab-mod .tab-bar .tab-term.cur { background-image: url(../../image/hbszyy_008/jpg6.jpg); color: #fff !important; }

.hbszyy_008 .tab-mod .tab-cont { position: relative; }

.hbszyy_008 .tab-mod .tab-cont .tab-item { position: absolute; top: 0; left: 0; width: 100%; visibility: hidden; opacity: 0; }

.hbszyy_008 .tab-mod .tab-cont .tab-item.act { visibility: visible; opacity: 1; position: relative; }

.hbszyy_008 .table-box { font-size: 20px; margin-top: 1.25vw; border-radius: 30px 30px 0 0; overflow: hidden; }

@media (max-width: 768px) { .hbszyy_008 .table-box { font-size: 18px; } }

.hbszyy_008 .table-box .icon { position: relative; overflow: hidden; width: 46px; margin: 0 auto 3px; left: 5px; display: none; }

.hbszyy_008 .table-box .icon::before { content: ''; display: block; padding-top: 73.91304%; }

.hbszyy_008 .table-box .icon .i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.hbszyy_008 .table-box .date { font-size: 18px; font-family: 'Arial'; }

@media (max-width: 768px) { .hbszyy_008 .table-box .date { font-size: 16px; } }

.hbszyy_008 .table-box .td-pd { min-height: 117px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 19px 10px; }

.hbszyy_008 .table-box table { width: 100%; table-layout: fixed; }

.hbszyy_008 .table-box col:nth-child(1) { width: 19.5714%; }

.hbszyy_008 .table-box thead { color: #fff; background: url(../../image/hbszyy_008/jpg2.jpg) no-repeat center; background-size: cover; }

.hbszyy_008 .table-box thead th { font-weight: normal; line-height: 1.1; padding: 40px 0; text-align: center; }

.hbszyy_008 .table-box tbody { text-align: center; line-height: 1.3; }

.hbszyy_008 .table-box tbody tr + tr td { border-top: 1px dashed #7f563a; }

.hbszyy_008 .table-box tbody td { border-left: 1px dashed #a7865d; border-bottom: 1px dashed #a7865d; }

.hbszyy_008 .table-box tbody td:last-child { border-right: 1px dashed #a7865d; }

.hbszyy_008 .title-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.hbszyy_008 .title-box .tips { color: #876a56; margin-left: 13px; }

.hbszyy_008 .table-box { margin-top: 32px; }

.hbszyy_008 .table-box .date + .txt, .hbszyy_008 .table-box .icon + .txt { margin-top: 8px; }

.hbszyy_008 .table-box col:nth-child(1) { width: auto; }

.hbszyy_008 .table-box .td-pd { min-height: 137px; }

/*	pc 端	*/
@media (min-width: 769px) { .hbszyy_008 .table-box a:hover { color: #7f563a !important; } }

/*	1280~1440	*/
@media (max-width: 1320px) { .hbszyy_008 .table-box col:nth-child(1) { width: 140px; } }

@media (max-width: 1024px) { .hbszyy_008 .table-box { overflow-x: auto; -webkit-overflow-scrolling: touch; padding-left: 1px; }
  .hbszyy_008 .table-box table { width: 1200px; }
  .hbszyy_008 .table-box col:nth-child(1) { width: 180px; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .hbszyy_008 { padding: 40px 0; }
  .hbszyy_008 .tab-mod .tab-bar { margin-top: 20px; }
  .hbszyy_008 .tab-mod .tab-bar .tab-term { width: 120px; height: 38px; line-height: 38px; border-radius: 12px; font-size: 18px; } }

@media (max-width: 768px) and (max-width: 768px) { .hbszyy_008 .tab-mod .tab-bar .tab-term { font-size: 16px; } }

@media (max-width: 768px) { .hbszyy_008 .tab-mod .tab-bar .tab-term + .tab-term { margin-left: 10px; }
  .hbszyy_008 .tit-flex .title-box { width: calc(100% + 70px); display: block; }
  .hbszyy_008 .tit-flex .registration-link { width: auto; height: auto; border-radius: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
  .hbszyy_008 .tit-flex .registration-link a { padding: 8px 10px; font-size: 18px; } }

@media (max-width: 768px) and (max-width: 768px) { .hbszyy_008 .tit-flex .registration-link a { font-size: 16px; } }

@media (max-width: 768px) { .hbszyy_008 .table-box { margin-top: 20px; border-radius: 12px 12px 0 0; }
  .hbszyy_008 .table-box thead th { padding: 15px 0; }
  .hbszyy_008 .table-box .td-pd { min-height: auto; padding: 10px; }
  .hbszyy_008 .table-box .icon { width: 30px; }
  .hbszyy_008 .title { text-align: left; }
  .hbszyy_008 .title-box .tips { margin: 5px 0 0; } }