:root {
  --minColor: #0079c8
}

* {
  font-family: Nowar Warcraft Rounded CN;
  margin: 0;
  padding: 0
}

ul,
li {
  padding: 0;
  margin: 0
}

li {
  list-style-type: none
}

a {
  text-decoration: none
}

body {
  max-width: 750px;
  margin: 0 auto;
  font-size: .28rem
}

.page_text {
  font-weight: bold;
  font-size: .27rem;
  color: #272727;
  text-indent: 2em;
  margin-bottom: 4%
}

.page_bookbtn {
  width: 1.8rem;
  height: .4rem;
  line-height: .4rem;
  background: #ff2450;
  border-radius: .18rem;
  color: #fff;
  font-size: .25rem;
  text-align: center;
  font-weight: bold;
  margin: 5% auto 0;
  cursor: pointer
}

.page_bookbtn_big {
  width: 4.5rem;
  height: .6rem;
  line-height: .6rem;
  font-size: .4rem;
  border-radius: .3rem
}

.page_root {
  position: relative;
  max-width: 7.5rem;
  margin: 0 auto;
  padding-bottom: 1.2rem
}

.page_root .page_title {
  font-family: Nowar Warcraft Rounded CN;
  font-weight: bold;
  font-size: .45rem;
  color: #155ac8;
  text-align: center;
  margin: 5% 0 2% 0
}

.page_root .page_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3% 3%
}

.page_root .page_header img {
  display: block;
  width: 100%
}

.page_root .page_header .page_logo {
  width: 65%
}

.page_root .page_header .page_call {
  width: 10%
}

.page_root main {
  padding: 0 2%;
  overflow: hidden
}

.page_root .section-2 {
  overflow: hidden
}

.page_root .section-2 .page_text {
  margin-bottom: 5%
}

.page_root .section-2 .swiper-container {
  padding-top: 4%;
  overflow: initial;
  padding-bottom: .5rem
}

.page_root .section-2 .page_dentist_item {
  position: relative;
  display: flex;
  background: #c6e4fe;
  border-radius: 10px;
  justify-content: space-between
}

.page_root .section-2 .page_dentist_item .page_dentist_img {
  position: absolute;
  width: 43%;
  bottom: 0
}

.page_root .section-2 .page_dentist_item .page_dentist_text {
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-left: 40%;
  padding: 5% 0
}

.page_root .section-2 .page_dentist_item .page_dentist_text .page_dentist_name {
  font-weight: bold;
  font-size: .38rem;
  color: #1a1a1a
}

.page_root .section-2 .page_dentist_item .page_dentist_text .page_dentist_title {
  font-family: Nowar Warcraft Rounded CN;
  font-weight: bold;
  font-size: .2rem;
  color: #1a1a1a;
  margin-bottom: 10%
}

.page_root .section-3 {
  padding-bottom: 5%
}

.page_root .section-3 .swiper-container {
  overflow: initial;
  padding-bottom: .7rem
}

.page_root .section-3 .page_discount_item {
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 5px 1px rgba(151, 155, 163, 0.35);
  border-radius: 15px;
  background: #ffffff
}

.page_root .section-3 .page_discount_item .page_discount_img {
  width: 100%
}

.page_root .section-3 .page_discount_item .page_discount_text {
  position: relative;
  padding: 5% 0 8% 0;
  text-align: center
}

.page_root .section-3 .page_discount_item .page_discount_text .page_discount_name {
  font-family: Nowar Warcraft Rounded CN;
  font-weight: bold;
  font-size: .3rem;
  color: #1a1a1a;
  line-height: .45rem
}

.page_root .section-3 .page_discount_item .page_discount_text .page_discount_name span {
  color: #ff2450;
  font-size: .4rem
}

.page_root .section-3 .page_discount_item .page_discount_text .page_bookbtn {
  position: absolute;
  bottom: -25%;
  left: 50%;
  transform: translateX(-50%)
}

.page_root .section-5 .page_service {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.page_root .section-5 .page_service li {
  width: 23%;
  background-color: #ebf3fc;
  font-size: .24rem;
  border-radius: 15px;
  text-align: center;
  font-weight: bold;
  padding: 2% 0;
  box-sizing: border-box;
  margin-bottom: 4%
}

.page_root .section-5 .page_service li img {
  max-width: 100%;
  width: 1.2rem;
  height: 1.2rem
}

.page_root .section-6 .page_text {
  text-align: center;
  text-indent: unset
}

.page_root .section-6 .page_pingjia_swiper {
  position: relative
}

.page_root .section-6 .page_pingjia_swiper .swiper-container {
  width: 100%;
  height: auto;
  padding: 4% 0;
  margin-left: auto;
  margin-right: auto
}

.page_root .section-6 .page_pingjia_swiper .swiper-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: .3s;
  transform: scale(.8)
}

.page_root .section-6 .page_pingjia_swiper .swiper-container .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%
}

.page_root .section-6 .page_pingjia_swiper .swiper-container .swiper-slide-active,
.page_root .section-6 .page_pingjia_swiper .swiper-container .swiper-slide-duplicate-active {
  transform: scale(1.2)
}

.page_root .section-6 .page_pingjia_swiper .indexSwiepr3-pre {
  position: absolute;
  top: 50%;
  z-index: 99;
  font-size: 40px;
  color: #0b99ad;
  text-align: left;
  line-height: 40px;
  left: 0;
  transform: translateY(-50%);
  cursor: pointer
}

.page_root .section-6 img {
  width: 100%
}

.page_root .section-7 .page_text {
  text-align: center;
  text-indent: unset
}

.page_root .section-7 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.page_root .section-7 ul li {
  position: relative;
  width: calc((100% - 3%) / 2);
  margin-bottom: 3%; 
  border-radius: 10px;
  overflow: hidden
}

.page_root .section-7 ul li img {
  display: block;
  width: 100%
}

.page_root .section-7 ul li span {
  /*position: absolute;*/
  /*bottom: 0;*/
  /*left: 0;*/
  display: block;
  width: 100%;
  font-size: .32rem;
  text-align: center;
  background-color: #0079c8;
  color: #fff;
  font-weight: bold;
  padding: .1rem 0
}

.page_root .section-8 {
  background-color: #d7d7d7;
  color: #155ac8;
  font-weight: bold;
  text-align: center;
  padding: 2% 0
}

.page_root .section-8 .page_opentime {
  font-size: .3rem
}

.page_root .section-8 .page_opentime_min {
  font-size: .24rem
}

.page_root .page_footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.1rem;
  z-index: 999
}

.page_root .page_footer .page_call_component {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  bottom: 0;
  display: flex;
  background: #0079c8;
  width: 7.3rem;
  border-radius: .4rem;
  margin-bottom: .12rem
}

.page_root .page_footer .page_call_component a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: .35rem;
  padding: .1rem 0
}

.page_root .page_footer .page_call_component a .page_icon_consult {
  display: inline-block;
  width: .5rem;
  height: .5rem
}

.page_root .page_footer .page_call_component a:nth-child(1) {
  border-right: 2px solid #fff
}

.page_root .button_component {
  position: fixed;
  right: 2%;
  bottom: 15%;
  z-index: 999
}

.page_root .button_component .btn_box {
  background-color: #ddd;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  padding: 20%;
  box-sizing: border-box;
  margin-bottom: 20%
}

.page_root .button_component .btn_box img {
  width: 100%
}

.page_root .button_component .whatsapp_btn {
  background-color: #00e466
}

.page_root .button_component .consult_btn {
  background-color: #ff2551
}

.page_root .button_component .scrolltop {
  align-items: center;
  bottom: 43px;
  right: 7px;
  background-color: #2890ff;
  box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, 0.075);
  transition: color .2s ease;
  border-radius: .475rem
}

.page_root .button_component [data-kt-scrolltop="on"] .scrolltop {
  opacity: .3;
  animation: animation-scrolltop .4s ease-out 1
}

.page_bookbtn_big {
  position: relative;
  overflow: hidden
}

.scaleBook {
  content: "";
  position: absolute;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  bottom: -340%;
  right: 0%;
  margin-left: -100px;
  margin-top: -100px;
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: scale 1.5s ease 0s infinite;
  opacity: 0;
  background: #f5e7e763;
  font-size: .4rem
}

@keyframes scale {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1
  }

  80% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: .3
  }

  100% {
    opacity: 0
  }
}

.price-title h1 {
  text-align: center;
  font-size: .5rem;
  color: #313e47;
  font-weight: bold
}

.price-title p {
  font-size: .25rem;
  padding: .1rem .4rem;
  font-weight: bold
}

.table {
  padding: .2rem .4rem
}

.table table {
  border: none;
  width: 100%;
  font-size: .25rem;
  border-color: var(--minColor) !important;
  border-collapse: collapse;
  border-radius: .2rem;
  position: relative;
  overflow: hidden
}

/* .table table::before {
  content: "";
  display: block;
  padding-top: 100%;
  width: 100%;
  border: 1px solid var(--minColor);
  border-radius: .2rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  box-sizing: border-box
} */

.table table .head {
  color: white;
  background-color: var(--minColor)
}

.table table td {
  padding: .12rem 0;
  text-align: center;
  font-weight: bold
}

.table table th {
  padding: .12rem 0
}

.table table tbody {
  overflow: hidden
}

.table table .text-main {
  color: var(--minColor)
}

.table table .text-sub {
  color: #313e48
}

.tableTis {
  background: var(--minColor);
  color: white;
  font-size: .24rem;
  padding: .1rem .2rem;
  border-radius: .4rem;
  margin: .2rem .4rem;
  text-align: center;
  font-weight: bold
}

@keyframes animation-scrolltop {
  from {
    margin-bottom: -15px
  }

  to {
    margin-bottom: 0
  }
}