.swiper-pagination .swiper-pagination-bullet {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #FFFFFF;
  opacity: 1;
  cursor: pointer;
}
.swiper-pagination .swiper-pagination-bullet-active {
  opacity: 0.3;
}
.banner {
  position: relative;
}
@media screen and (max-width: 799px) {
  .banner {
    height: 22.22222222rem;
  }
}
.banner .swiper-container {
  max-height: 27.27272727rem;
  height: 100%;
}
.banner .order-ad {
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
  text-align: center;
  margin: 0 auto;
  z-index: 9;
}
@media screen and (max-width: 799px) {
  .banner .order-ad .text {
    white-space: nowrap;
    font-size: 1.5rem;
  }
}
.banner .order-ad .btn {
  width: 22.60417vw;
  height: 5.20833vw;
  margin: 3rem auto 0 auto;
  background-image: url(../img/but.png);
  background-size: 100% 100%;
  color: #FFF;
  cursor: pointer;
}
@media screen and (max-width: 799px) {
  .banner .order-ad .btn {
    width: 17.22222222rem;
    height: 4.33333333rem;
    margin: 1rem auto 0 auto;
  }
}
section h1 {
  font-family: "Cooper";
  font-size: 2.424242rem;
  text-transform: uppercase;
  color: #ff8800;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  margin: 0 auto;
  padding: 1.818182rem 0 1.818182rem 0;
}
@media screen and (max-width: 768px) {
  section h1 {
    font-size: 1.515152rem;
  }
}
section h1::after {
  content: '';
  display: block;
  width: 70%;
  margin: 0 auto;
  height: 0.121212rem;
  background-color: #ff8800;
}
section h1.contact {
  color: #FFFFFF;
}
section h1.contact::before,
section h1.contact::after {
  background: url("../img/contact_title_back.png") no-repeat !important;
}
#about_us {
  padding-bottom: 0.909091rem;
}
@media screen and (max-width: 799px) {
  #about_us {
    background-color: #f4f4f4;
  }
}
#about_us .main {
  position: relative;
}
#about_us .main .title {
  font-size: 1.515152rem;
  font-family: 'zzgf';
  color: #111111;
  text-align: center;
}
#about_us .main p {
  color: #666666;
  text-align: center;
  font-family: 'SourceHanSans-normal';
  font-size: 0.909091rem;
  line-height: 2.5em;
}
#about_us .main .row {
  display: flex;
  flex-flow: row nowrap;
  margin-top: 1.515152rem;
}
@media screen and (max-width: 799px) {
  #about_us .main .row {
    flex-flow: column wrap;
  }
}
#about_us .main .row .image {
  flex: 1;
}
#about_us .main .row .image img {
  width: 100%;
  display: block;
  height: 100%;
}
#about_us .main .row .text {
  flex: 1;
  text-align: left;
  font-family: 'SourceHanSans-normal';
}
@media screen and (max-width: 799px) {
  #about_us .main .row .text {
    text-align: center;
  }
}
#about_us .main .row .text .r_title {
  font-size: 0.787879rem;
  color: #000;
  line-height: 1.454545rem;
}
#about_us .main .row .text .r_text {
  font-size: 0.606061rem;
  line-height: 1.454545rem;
  color: #666666;
}
#gallery {
  padding-top: 1em;
  padding-bottom: 0.909091rem;
  background-color: #f4f4f4;
}
#gallery .row {
  display: flex;
  flex-wrap: wrap;
}
#gallery .row .item {
  flex: 1;
  width: 11.515152rem;
  max-width: 90%;
  margin: 0 0.454545rem;
  text-align: center;
}
#gallery .row .item img:not(:first-of-type) {
  margin-top: 0.909091rem;
}
#gallery .image {
  width: 29.454545rem;
  margin: 0 auto;
}
@media screen and (max-width: 799px) {
  #gallery .image {
    width: 100%;
  }
}
#gallery .image img {
  width: 100%;
  height: 100%;
}
#dinning-room {
  padding-bottom: 0.909091rem;
}
#dinning-room .row {
  display: flex;
  flex-flow: row wrap;
}
@media (max-width: 799px) {
  #dinning-room .row {
    flex-flow: column;
  }
}
#dinning-room .row .item {
  flex: 1;
  width: 11.515152rem;
  max-width: 90%;
  margin: 0 0.454545rem;
  text-align: center;
}
#dinning-room .row .item img:not(:first-of-type) {
  margin-top: 0.909091rem;
}
@media (max-width: 799px) {
  #dinning-room .row .item {
    width: 95%;
    max-width: 95%;
  }
}
#contact {
  position: relative;
  padding-bottom: 0.909091rem;
}
@media screen and (max-width: 799px) {
  #contact {
    padding-top: 1rem;
  }
}
#contact .background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  background-image: url("../img/footer/contact_back.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}
@media screen and (max-width: 799px) {
  #contact .background {
    background-image: url("../img/footer/contact_back@2x.png");
  }
}
#contact h1 {
  font-family: "Abhays";
  font-size: 1.424242rem;
  color: #FFFFFF;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 799px) {
  #contact h1 {
    font-size: 0.88888889rem;
  }
}
#contact h1::before {
  content: '';
  display: block;
  position: absolute;
  width: 5.515152rem;
  background: url("../img/contact_title_back.png") no-repeat;
  background-size: contain;
  left: -7.515152rem;
  height: 1.30303rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 799px) {
  #contact h1::before {
    left: -3rem;
    width: 2rem;
  }
}
#contact h1::after {
  content: '';
  display: block;
  position: absolute;
  width: 5.515152rem;
  background: url("../img/contact_title_back.png") no-repeat;
  background-size: contain;
  right: -7.515152rem;
  top: 50%;
  height: 1.30303rem;
  transform: rotateY(180deg) translateY(-50%);
}
@media screen and (max-width: 768px) {
  #contact h1::after {
    right: -3rem;
    width: 2rem;
  }
}
#contact .content {
  position: relative;
  z-index: 999;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
}
@media screen and (max-width: 799px) {
  #contact .content {
    margin-top: 1rem;
  }
}
#contact .content .row {
  display: flex;
  flex-flow: row wrap;
}
#contact .content .row .item {
  flex: 50%;
  text-align: center;
  margin-top: 1.30303rem;
}
@media screen and (max-width: 799px) {
  #contact .content .row .item {
    margin-top: 1rem;
  }
}
#contact .content .row .item .title {
  font-family: "SourceHanSansCN Normal";
  font-size: 1.090909rem;
  position: relative;
}
@media screen and (max-width: 799px) {
  #contact .content .row .item .title {
    font-size: 0.727273rem;
  }
}
#contact .content .row .item .title::after {
  content: '';
  display: block;
  width: 2.424242rem;
  height: 0.060606rem;
  margin: 5px auto;
  background-color: #FFFFFF;
}
#contact .content .row .item .text {
  font-family: "SourceHanSansCN Normal";
  font-size: 0.727273rem;
  margin-top: 1.090909rem;
}
#contact .content .row .item .text + .text {
  margin-top: 0.5em;
}
@media screen and (max-width: 799px) {
  #contact .content .row .item .text {
    font-size: 0.545455rem;
    margin-top: 0.606061rem;
  }
}
#contact .content .row .item .text .flex-box {
  display: flex;
  flex-flow: row nowrap;
}
#contact .content .row .item .text .flex-box .flex-item {
  flex: 1;
}
#contact .copyright {
  position: relative;
  z-index: 999;
  color: #ffffff;
  font-family: "SourceHanSansCN Regular";
  font-size: 0.727273rem;
  text-align: center;
  margin-top: 1rem;
}
#menu {
  padding-bottom: 2.424242rem;
}
@media screen and (max-width: 799px) {
  #menu {
    background-color: #f4f4f4;
  }
}
#menu .m-title {
  font-size: 0.727273rem;
  color: #ff8800;
  text-align: center;
  margin-bottom: 0.909091rem;
}
#menu .content ul {
  font-family: "Microsoft YaHei" Arial, Helvetica, sans-serif;
  display: block;
}
#menu .content ul li {
  white-space: normal;
  margin-bottom: 0.121212rem;
}
#menu .content ul li .panel-title {
  background: url("/img/menu/title_back.jpg");
  padding: 0.454545rem 1.818182rem;
  font-size: 0.848485rem;
  color: #ffffff;
  cursor: pointer;
}
#menu .content ul li .panel-title .sign {
  display: inline-block;
  width: 0.454545rem;
  height: 0.090909rem;
  background: #ffffff;
  margin-bottom: 0.272727rem;
  margin-left: 0.909091rem;
}
#menu .content ul li .panel-title .plus {
  position: relative;
}
#menu .content ul li .panel-title .plus::after {
  content: "";
  display: block;
  position: absolute;
  width: 0.090909rem;
  height: 0.454545rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
}
#menu .content ul li .panel {
  display: none;
  padding: 0.909091rem 0;
}
#menu .content ul li .panel .row {
  display: flex;
  flex-flow: row wrap;
}
@media (max-width: 799px) {
  #menu .content ul li .panel .row {
    flex-flow: column wrap;
  }
}
#menu .content ul li .panel .row .item {
  flex: 1;
}
#menu .content ul li .panel .row .item:first-child {
  margin-right: 2.393939rem;
}
@media (max-width: 799px) {
  #menu .content ul li .panel .row .item:first-child {
    margin-right: 0;
  }
}
#menu .content ul li .panel .row .item .menu-table {
  width: 100%;
}
@media (max-width: 799px) {
  #menu .content ul li .panel .row .item .menu-table .m-hide {
    display: none;
  }
}
#menu .content ul li .panel .row .item .menu-table tr {
  border-radius: 0.151515rem;
}
#menu .content ul li .panel .row .item .menu-table tr:hover {
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.15);
}
#menu .content ul li .panel .row .item .menu-table td {
  font-weight: bold;
  font-size: 0.606061rem;
  padding-top: 0.30303rem;
  padding-bottom: 0.30303rem;
  padding-left: 0.30303rem;
  cursor: pointer;
}
#menu .content ul li .panel .row .item .menu-table td .chinese {
  font-size: 0.545455rem;
}
#menu .content ul li .panel .row .item .menu-table td .desc {
  font-weight: normal;
  font-size: 0.484848rem;
  color: #656565;
  word-break: break-all;
  white-space: normal;
}
#menu .content ul li .panel .row .item .menu-table td.name {
  width: 68%;
  text-align: left;
}
#menu .content ul li .panel .row .item .menu-table td.price {
  width: 15%;
  text-align: center;
}
#menu .infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
#menu .order {
  width: 10.606061rem;
  height: 4.545455rem;
  margin: 1.818182rem auto;
}
#menu .order a {
  display: block;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  background-color: #ff8800;
  border-radius: 75px;
  text-align: center;
  line-height: 4.545455rem;
  font-size: larger;
}
#menu .order a:hover,
#menu .order a:active {
  box-shadow: 0 0 10px rgba(111, 111, 111, 0.9);
}
#menu .flex-box {
  display: flex;
  flex-flow: row wrap;
}
@media (max-width: 1100px) {
  #menu .flex-box {
    flex-flow: column;
  }
}
#menu .flex-box .item {
  flex: 1;
  position: relative;
}
#menu .flex-box .item .row.mt {
  margin-top: 1.212121rem;
}
#menu .flex-box .item .row .col {
  width: 50%;
  overflow: hidden;
}
#menu .flex-box .item .row .col.left {
  padding-right: 0.606061rem;
}
#menu .flex-box .item .row .col.right {
  padding-left: 0.606061rem;
}
#menu .flex-box .item .row .col img {
  width: 100%;
  height: 100%;
}
#menu .flex-box .item .row .col img:hover {
  transform: scale(1.3);
}
#menu .flex-box .item .circle {
  width: 6.060606rem;
  height: 6.060606rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: 999;
  background-color: #FFF;
}
#menu .flex-box .item .circle .btn-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
#menu .flex-box .item .circle .btn-wrapper .btn {
  width: 93%;
  height: 93%;
  border-radius: 50%;
  background: #ff8800;
  color: #FFF;
  font-family: "Fredoka";
  font-size: 0.909091rem;
  text-align: center;
  position: absolute;
  cursor: pointer;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
}
#menu .flex-box .item .circle .btn-wrapper .btn .text {
  flex: 70%;
  padding-top: 30%;
}
#menu .flex-box .item .circle .btn-wrapper .btn .triangle {
  flex: 30%;
  padding-top: 35%;
  margin-right: 10%;
}
#menu .flex-box .item .circle .btn-wrapper .btn .triangle:hover {
  transform: scale(1.1);
}
#menu .flex-box .item .circle .btn-wrapper .btn .triangle img {
  width: 70%;
}
#menu .flex-box .item .circle .btn-wrapper .btn:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
#menu .flex-box .flex-text {
  padding-left: 2.121212rem;
  font-family: Arial, Helvetica, sans-serif;
}
@media (max-width: 1100px) {
  #menu .flex-box .flex-text {
    padding-left: 1rem;
  }
}
#menu .flex-box .flex-text .sub {
  font-size: 0.618182rem;
  color: #666666;
  margin-top: 0.606061rem;
}
@media (max-width: 1100px) {
  #menu .flex-box .flex-text .sub {
    font-size: 1rem;
  }
}
#menu .flex-box .flex-text .title {
  font-size: 1.848485rem;
  font-family: 'hkyt';
  margin-top: 0.909091rem;
  font-weight: bold;
}
@media (max-width: 1100px) {
  #menu .flex-box .flex-text .title {
    font-size: 3rem;
  }
}
@media (max-width: 800px) {
  #menu .flex-box .flex-text .title {
    font-size: 1rem;
  }
}
#menu .flex-box .flex-text .sub-title {
  font-size: 0.618182rem;
  margin-top: 1.5em;
  font-family: "SourceHanSans-normal";
}
@media (max-width: 1100px) {
  #menu .flex-box .flex-text .sub-title {
    font-size: 1rem;
    margin-top: 2rem;
  }
}
#menu .flex-box .flex-text .desc {
  font-size: 0.606061rem;
  font-family: "SourceHanSans-normal";
  color: #666666;
}
@media (max-width: 1100px) {
  #menu .flex-box .flex-text .desc {
    font-size: 0.9rem;
  }
}
.mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99999998;
}
.dialog {
  width: 24.242424rem;
  height: 12.121212rem;
  border-radius: 0.606061rem;
  background-color: #FFFFFF;
  box-shadow: 0 0 5px #fff1c6;
  position: fixed;
  z-index: 99999999;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0.606061rem;
}
@media (max-width: 799px) {
  .dialog {
    width: 90%;
    height: 20.121212rem;
  }
}
.dialog .shadow {
  width: 100%;
  height: 100%;
  padding: 0.090909rem;
  border-radius: 0.30303rem;
  box-shadow: 0 0 5px #fff1c6;
}
.dialog .shadow .dialog-content {
  width: 100%;
  height: 100%;
  position: relative;
  box-shadow: inset 0 0 5PX #fff1c6;
  border-radius: 0.30303rem;
  padding: 1.515152rem;
}
@media (max-width: 799px) {
  .dialog .shadow .dialog-content {
    padding: 0.30303rem;
  }
}
.dialog .shadow .dialog-content .announce {
  font-size: 0.454545rem;
  margin: 0.606061rem auto;
  text-align: center;
  color: #999;
}
.dialog .shadow .dialog-content .dialog-title {
  font-family: "AbrilFatface Regular";
  font-size: 0.969697rem;
  text-align: center;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  color: #bc8d4b;
}
@media (max-width: 799px) {
  .dialog .shadow .dialog-content .dialog-title {
    font-size: 1.406061rem;
    margin-top: 1.606061rem;
  }
}
.dialog .shadow .dialog-content .dialog-title::after {
  content: '';
  display: block;
  width: 100%;
  height: 0.30303rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: #ffe5e6;
  border-radius: 20px;
}
.dialog .shadow .dialog-content .close {
  background-image: url(/img/dialog/close.png);
  width: 0.606061rem;
  height: 0.606061rem;
  background-size: 100% 100%;
  position: absolute;
  right: 0.454545rem;
  top: 0.454545rem;
  cursor: pointer;
}
.dialog .shadow .dialog-content .choose {
  display: flex;
  flex-direction: row;
  width: 19.090909rem;
  font-size: 0.727273rem;
  font-family: "SourceHanSansCN Regular";
  margin: 1.515152rem auto 0 auto;
}
@media (max-width: 799px) {
  .dialog .shadow .dialog-content .choose {
    flex-direction: column;
    width: 100%;
    margin: 0.606061rem auto 0 auto;
    font-size: 1.1rem;
  }
}
.dialog .shadow .dialog-content .choose .item {
  flex: 1;
  margin-right: 0.909091rem;
  border: 2px solid #e6e6e6;
  color: #999999;
  border-radius: 0.30303rem;
  padding: 0.545455rem;
  cursor: pointer;
}
@media (max-width: 799px) {
  .dialog .shadow .dialog-content .choose .item {
    margin: 0.30303rem auto;
    width: 90%;
    padding: 0.30303rem 0;
  }
}
.dialog .shadow .dialog-content .choose .item.not-alowed {
  cursor: not-allowed;
}
.dialog .shadow .dialog-content .choose .item.not-alowed:hover {
  border: 2px solid #e6e6e6;
  color: #999999;
}
.dialog .shadow .dialog-content .choose .item:hover {
  border: 2px solid #194993;
  color: #194993;
}
.dialog .shadow .dialog-content .choose .item:last-of-type {
  margin-right: 0;
}
@media (max-width: 799px) {
  .dialog .shadow .dialog-content .choose .item:last-of-type {
    margin-right: auto;
  }
}
.dialog .shadow .dialog-content .choose .item img {
  display: inline-block;
  width: 3.454545rem;
  height: 3.393939rem;
}
@media (max-width: 799px) {
  .dialog .shadow .dialog-content .choose .item img {
    width: 4.424242rem;
    height: auto;
  }
}
.dialog .shadow .dialog-content .choose .item div {
  display: inline-block;
  padding: 0.909091rem 0.30303rem;
}
@media (max-width: 799px) {
  .dialog .shadow .dialog-content .choose .item div {
    padding: 0.606061rem 0.909091rem;
  }
}
.center {
  text-align: center;
}
.tit_contact {
  width: 100%;
  height: 4rem;
  font-family: "Abhays";
  font-size: 2.424242rem;
  color: #FFFFFF;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  margin: 0 auto;
  line-height: 100%;
}
.table-center {
  margin: 0 auto;
}
.padding-normal {
  padding: 4px 8px;
}
.align-l {
  text-align: left;
}