@charset "UTF-8";
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-aspect-ratio: 1.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    transform: scaleY(0.7);
  }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-device-aspect-ratio: 2) {
  .border-1px::after {
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}

@media (-webkit-min-device-pixel-ratio: 2.5), (min-device-aspect-ratio: 2.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
}

@media (-webkit-min-device-pixel-ratio: 3), (min-device-aspect-ratio: 3) {
  .border-1px::after {
    -webkit-transform: scaleY(0.333);
    -ms-transform: scaleY(0.333);
    transform: scaleY(0.333);
  }
}

@media (-webkit-min-device-pixel-ratio: 3.5), (min-device-aspect-ratio: 3.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.2857);
    -ms-transform: scaleY(0.2857);
    transform: scaleY(0.2857);
  }
}

.modal-open, .modal-open body {
  overflow: hidden;
  height: 100%;
}

/**1px-start*/
body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

img {
  width: 100%;
}

label > * {
  pointer-events: none;
}

.hidden {
  display: none;
}

.clearfix::after, .clearfix:before {
  content: "";
  display: block;
  clear: both;
}

/*
header
*/
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-aspect-ratio: 1.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    transform: scaleY(0.7);
  }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-device-aspect-ratio: 2) {
  .border-1px::after {
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}

@media (-webkit-min-device-pixel-ratio: 2.5), (min-device-aspect-ratio: 2.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
}

@media (-webkit-min-device-pixel-ratio: 3), (min-device-aspect-ratio: 3) {
  .border-1px::after {
    -webkit-transform: scaleY(0.333);
    -ms-transform: scaleY(0.333);
    transform: scaleY(0.333);
  }
}

@media (-webkit-min-device-pixel-ratio: 3.5), (min-device-aspect-ratio: 3.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.2857);
    -ms-transform: scaleY(0.2857);
    transform: scaleY(0.2857);
  }
}

.modal-open, .modal-open body {
  overflow: hidden;
  height: 100%;
}

.header {
  width: 100%;
  position: relative;
  z-index: 2;
  background-color: #fff;
  position: relative;
}

.header::after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #e9e9e9;
  content: "";
}

.header-msk {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
  display: none;
}

.header-top {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

.header-menu {
  display: block;
  width: 16%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  font-size: 6.6667vw;
  color: #906739;
  border: none;
  outline: none;
  background-color: #fff;
}

.header-menu::before {
  position: absolute;
  right: 4vw;
  position: absolute;
  top: 50%;
  z-index: 1;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.header-menu:focus {
  outline: none;
}

.header-list {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 100%;
  background-color: #fff;
  line-height: 13.333333vw;
  height: 0;
  max-height: 87vh;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.header-list li {
  width: 100%;
}

.header-list__open {
  top: 100%;
  height: auto;
  visibility: visible;
  opacity: 1;
  padding-bottom: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header-list > li:first-of-type .header-item::after {
  display: none;
}

.header-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  width: 100%;
  padding: 0 4vw;
  position: relative;
  font-size: 3.7333vw;
  color: #000000;
  font-weight: 400;
}

.header-item::after {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  border-top: 1px solid #e9e9e9;
  content: "";
}

.header-item:hover, .header-item:focus {
  text-decoration: none;
  color: #000000;
  outline: none;
}

.header-right {
  font-size: 2.1333vw;
  font-weight: 900;
}

.header-cell {
  line-height: 13.333333vw;
  background-color: #faf9f7;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.header-cell__item {
  display: block;
  width: 92%;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  color: #000000;
  font-size: 3.2vw;
}

.header-cell__item::after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #e9e9e9;
  content: "";
}

.header-cell__item:hover, .header-cell__item:focus {
  text-decoration: none;
  color: #000000;
  outline: none;
}

.header-cell > li:last-of-type .header-cell__item::after {
  display: none;
}

.header-cell__open {
  height: auto;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header-search {
  padding: 4vw;
  position: relative;
}

.header-search::after {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  border-top: 1px solid #e9e9e9;
  content: "";
}

.header-search__group {
  height: 10.666667vw;
  line-height: 10.666667vw;
  background-color: #f4f4f4;
  border-radius: 0.25em;
}

.header-search__input {
  background-color: #f4f4f4;
  border-right: 0;
  font-size: 3.733333vw;
  color: #8f8f8f;
  padding: 0 4vw;
}

.header-search__input:hover, .header-search__input:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.header-search__btn {
  background-color: #f4f4f4;
  border: 1px solid #ced4da;
  border-left: none;
  font-size: 3.733333vw;
  color: #8f8f8f;
  padding: 0 4vw;
}

.header-search__btn:hover, .header-search__btn:focus, .header-search__btn:active {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.logo {
  width: 46%;
  background: url("../img/logo.png") no-repeat center right;
  background-size: 94.2029%;
  position: relative;
}

.logo::after {
  content: "";
  display: block;
  padding-bottom: 51.30435%;
}

.logo a {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}

.logo a:focus {
  outline: none;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-aspect-ratio: 1.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    transform: scaleY(0.7);
  }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-device-aspect-ratio: 2) {
  .border-1px::after {
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}

@media (-webkit-min-device-pixel-ratio: 2.5), (min-device-aspect-ratio: 2.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
}

@media (-webkit-min-device-pixel-ratio: 3), (min-device-aspect-ratio: 3) {
  .border-1px::after {
    -webkit-transform: scaleY(0.333);
    -ms-transform: scaleY(0.333);
    transform: scaleY(0.333);
  }
}

@media (-webkit-min-device-pixel-ratio: 3.5), (min-device-aspect-ratio: 3.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.2857);
    -ms-transform: scaleY(0.2857);
    transform: scaleY(0.2857);
  }
}

.modal-open, .modal-open body {
  overflow: hidden;
  height: 100%;
}

.footer {
  width: 100%;
  background-color: #906739;
  color: #ffffff;
  position: relative;
}

.footer-top {
  padding: 5.333333vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  position: relative;
}

.footer-top::after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #ffffff;
  content: "";
}

.footer-tg {
  width: 28vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}

.footer-code {
  width: 22.666667vw;
}

.footer-code__img {
  width: 100%;
  margin-bottom: 3.733333vw;
}

.footer-code__prompt {
  text-align: center;
  line-height: 1;
  font-size: 2.666667vw;
}

.footer-tl {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 1%;
}

.footer-item__title {
  font-size: 2.666667vw;
  margin-bottom: 2.666667vw;
}

.footer-item__tel {
  font-size: 3.733333vw;
  margin-bottom: 3.733333vw;
}

.footer-item__ul {
  font-size: 2.666667vw;
  line-height: 4vw;
}

.footer-bottom {
  width: 100%;
  padding: 5.333333vw 4vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 2.4vw;
  line-height: 4vw;
}

.footer-bottom__item {
  color: #ffffff;
  margin: 0 2vw;
}

.footer-bottom__item:hover, .footer-bottom__item:focus, .footer-bottom__item:active {
  outline: none !important;
  color: #ffffff;
  text-decoration: none;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-aspect-ratio: 1.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    transform: scaleY(0.7);
  }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-device-aspect-ratio: 2) {
  .border-1px::after {
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}

@media (-webkit-min-device-pixel-ratio: 2.5), (min-device-aspect-ratio: 2.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
}

@media (-webkit-min-device-pixel-ratio: 3), (min-device-aspect-ratio: 3) {
  .border-1px::after {
    -webkit-transform: scaleY(0.333);
    -ms-transform: scaleY(0.333);
    transform: scaleY(0.333);
  }
}

@media (-webkit-min-device-pixel-ratio: 3.5), (min-device-aspect-ratio: 3.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.2857);
    -ms-transform: scaleY(0.2857);
    transform: scaleY(0.2857);
  }
}

.modal-open, .modal-open body {
  overflow: hidden;
  height: 100%;
}

.home {
  width: 100%;
}

.home-sec {
  padding-top: 8vw;
  color: #2e2e2e;
}

.home-sec-demo {
  width: 100%;
}

.home-title {
  font-size: 4.8vw;
  line-height: 1;
  text-align: center;
  font-weight: 600;
}

.home-subtitle {
  font-size: 2.933333vw;
  line-height: 1;
  text-align: center;
  font-weight: 400;
  margin-bottom: 4vw;
}

.home-circle {
  width: 100%;
  height: 9.6vw;
  font-size: 2.133333vw;
  color: #906739;
  position: relative;
}

.home-circle::before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.home-footer {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

.home-item {
  width: 100%;
  padding: 0 4vw 5.333333vw;
}

.home-item__top {
  width: 100%;
  height: 37.333333vw;
  overflow: hidden;
}

.home-item__bottom {
  padding-top: 4vw;
}

.home-item__title {
  font-size: 3.733333vw;
  font-weight: 600;
  text-align: center;
  margin-bottom: 4vw;
}

.home-item__text {
  font-size: 2.666667vw;
  text-align: center;
  line-height: 4.8vw;
  color: #b5b4b4;
}

.home-item__btns {
  padding-top: 2.666667vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.home-item__btn {
  width: 21.333333vw;
  line-height: 6.133333vw;
  height: 6.133333vw;
  padding: 0;
  text-align: center;
  border: 1px solid #906739;
  border-radius: .25em;
  margin: 0 1.333333vw;
  color: #906739;
  font-size: 2.666667vw;
}

.home-item__btn:hover, .home-item__btn:focus, .home-item__btn:active {
  color: #906739;
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}

.home-item__btn:first-of-type {
  color: #ffffff;
  background-color: #906739;
}

.home-item__btn:first-of-type:hover, .home-item__btn:first-of-type:focus, .home-item__btn:first-of-type:active {
  color: #ffffff;
}

.home-demo {
  width: 92%;
  margin: 0 auto;
  position: relative;
}

.home-demo__container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: rgba(234, 232, 228, 0.8);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

.home-demo__code {
  width: 22.933333vw;
  height: 100%;
  position: relative;
}

.home-demo__code-img {
  width: 17.066667vw;
  height: 17.066667vw;
  position: absolute;
  position: absolute;
  top: 50%;
  z-index: 1;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 0;
}

.home-demo__text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  width: 1%;
  position: relative;
}

.home-demo__inner {
  position: absolute;
  width: 58.666667vw;
  left: 2.133333vw;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 2.933333vw;
  font-weight: 500;
  color: #000000;
}

.home-single {
  width: 100%;
  padding: 0 4vw 4vw;
}

.home-single__header {
  width: 100%;
  height: 34.666667vw;
  overflow: hidden;
}

.home-single__footer {
  padding-top: 4vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

.home-single__lt {
  width: 16vw;
  position: relative;
}

.home-single__gt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 1%;
  padding-left: 4vw;
  position: relative;
}

.home-single__gt::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  border-right: 1px solid #dddddd;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.home-single__time {
  font-size: 4vw;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 1.866667vw;
  color: #000000;
}

.home-single__tim {
  font-size: 1.866667vw;
  font-weight: 300;
  line-height: 1;
  color: #b5b4b4;
}

.home-single__title {
  font-size: 3.2vw;
  font-weight: 400;
  color: #000000;
  margin-bottom: 1.333333vw;
}

.home-single__text {
  font-size: 2.666667vw;
  line-height: 4.8vw;
  color: #b5b4b4;
}

.home-single__more {
  font-size: 2.4vw;
  text-decoration: none;
}

.home-single__more:hover, .home-single__more:focus, .home-single__more:active {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.home-prompt {
  font-size: 2.666667vw;
  line-height: 4.8vw;
  color: #b5b4b4;
  text-align: center;
  padding: 0 4vw;
}

.home-item {
  text-align: center;
}

.home-icon {
  font-size: 13.333333vw;
  height: 13.333333vw;
  color: #906739;
  text-align: center;
  width: 100%;
  position: relative;
}

.home-icon.ct-icon-search-idx::after {
  content: "";
  display: block;
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  background-color: #906739;
  position: absolute;
  right: 1vw;
  bottom: 2vw;
}

.home-icon__title {
  font-size: 3.2vw;
  font-weight: 600;
  line-height: 1.8;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-aspect-ratio: 1.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    transform: scaleY(0.7);
  }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-device-aspect-ratio: 2) {
  .border-1px::after {
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}

@media (-webkit-min-device-pixel-ratio: 2.5), (min-device-aspect-ratio: 2.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
}

@media (-webkit-min-device-pixel-ratio: 3), (min-device-aspect-ratio: 3) {
  .border-1px::after {
    -webkit-transform: scaleY(0.333);
    -ms-transform: scaleY(0.333);
    transform: scaleY(0.333);
  }
}

@media (-webkit-min-device-pixel-ratio: 3.5), (min-device-aspect-ratio: 3.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.2857);
    -ms-transform: scaleY(0.2857);
    transform: scaleY(0.2857);
  }
}

.modal-open, .modal-open body {
  overflow: hidden;
  height: 100%;
}

.news {
  width: 100%;
}

.news-list {
  width: 100%;
}

.news-item {
  display: block;
  width: 100%;
  padding: 4vw 4vw;
  color: #919191;
  position: relative;
}

.news-item::after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #f6f6f6;
  content: "";
}

.news-item:hover, .news-item:focus, .news-item:active {
  text-decoration: none;
  color: #919191;
}

.news-header {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

.news-header__lt {
  width: 11.333333vw;
  background-color: #906739;
  text-align: center;
  padding: 2.133333vw 1vw;
  color: #fff;
}

.news-header__gt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 1%;
  padding-left: 4vw;
}

.news-time {
  font-size: 5.866667vw;
  font-weight: 900;
  line-height: 1;
}

.news-time__day {
  margin-bottom: 1.6vw;
}

.news-time__mon {
  font-size: 2.933333vw;
  font-weight: normal;
}

.news-title {
  font-size: 3.2vw;
  color: #000000;
}

.news-inner {
  font-size: 2.4vw;
}

.news-inner i {
  font-style: normal;
}

.news-footer {
  font-size: 2.933333vw;
  padding-top: 1em;
}

.news-footer p {
  margin-bottom: 0;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-aspect-ratio: 1.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    transform: scaleY(0.7);
  }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-device-aspect-ratio: 2) {
  .border-1px::after {
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}

@media (-webkit-min-device-pixel-ratio: 2.5), (min-device-aspect-ratio: 2.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
}

@media (-webkit-min-device-pixel-ratio: 3), (min-device-aspect-ratio: 3) {
  .border-1px::after {
    -webkit-transform: scaleY(0.333);
    -ms-transform: scaleY(0.333);
    transform: scaleY(0.333);
  }
}

@media (-webkit-min-device-pixel-ratio: 3.5), (min-device-aspect-ratio: 3.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.2857);
    -ms-transform: scaleY(0.2857);
    transform: scaleY(0.2857);
  }
}

.modal-open, .modal-open body {
  overflow: hidden;
  height: 100%;
}

.form-check {
  padding-left: 4vw;
}

.my-title {
  font-size: 4.8vw;
  padding: 4.8vw 0 2.4vw;
  width: 100%;
  font-weight: 400;
  color: #000;
  text-align: center;
}

.place-nav {
  width: 100%;
  font-size: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.place-nav-item {
  font-size: 2.933333vw;
  font-weight: 400;
  color: #9d9d9d;
  background-color: #fafafa;
  border-color: #f2f2f2;
  height: 8vw;
  line-height: 8vw;
  padding: 0 3vw;
  margin-bottom: 4vw;
  min-width: 20.666667vw;
}

.place-nav-item:hover, .place-nav-item:focus, .place-nav-item:active {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #906739;
}

.place-nav--active {
  color: #906739;
  border-color: #906739;
}

.place-table {
  width: 100%;
  font-size: 2.666667vw;
}

.place-table thead th {
  border: none;
  padding: .75rem 0;
  font-size: 2.666667vw;
  font-weight: 400;
  color: #000;
}

.place-table td {
  width: 1%;
  padding: 0 .75rem;
  border-color: #e4e4e4;
}

.place-table-after {
  position: relative;
  padding-bottom: 4vw;
  font-size: 2.933333vw;
  color: #000;
  margin-bottom: 4vw;
}

.place-table-after::after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #e4e4e4;
  content: "";
}

.place-table-price {
  text-align: right;
}

.place-table-num {
  color: #e55151;
}

.place-submit {
  width: 100%;
  height: 10.666667vw;
  line-height: 10.666667vw;
  padding: 0;
  text-align: center;
  font-size: 3.2vw;
  background-color: #906739;
  color: #fff;
  font-weight: 600;
  border-radius: 50px;
  outline: none;
  border: none;
  margin-bottom: 16vw;
}

.place-submit:focus, .place-submit:hover, .place-submit:active {
  color: #fff;
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.place-prompt {
  text-align: center;
  font-size: 2.4vw;
  color: #000;
}

.place-append__item .form-check-label {
  padding: 0 .5rem;
}

.form-check {
  width: 100%;
}

.form-check-label {
  width: 100%;
  padding: 1rem .5rem;
}

.form-check-input {
  -webkit-appearance: none;
  width: 4vw;
  height: 4vw;
  background-color: #fafafa;
  border: 1px solid #999999;
  border-radius: .25em;
  margin-top: 0;
  margin-left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 0;
}

.form-check-input:checked {
  border: none;
  background: url("../img/true-q.png") no-repeat center;
  background-size: 100% auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none !important;
}

.form-check-input:hover, .form-check-input:focus {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-check .place-item {
  padding-left: .5em;
}

.my-sec__inner {
  width: 100%;
}

.my-sec__text {
  font-size: 2.666667vw;
  color: #000;
  line-height: 8vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 4vw;
}

.my-sec__text .city-picker-span {
  width: 100% !important;
  margin: 0 auto;
  border-bottom: none;
  min-height: 8vw;
  line-height: 8vw;
  height: auto !important;
  background-color: #fafafa;
}

.my-sec__text .title {
  min-height: 8vw;
  line-height: 8vw;
}

.my-sec__text .placeholder {
  min-height: 8vw;
  line-height: 8vw;
}

.my-sec__val {
  background-color: #fafafa;
  border: 1px solid #f2f2f2;
  font-size: 2.666667vw;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 8vw;
  outline: none;
  width: 1%;
  border-radius: .25em;
  padding: 0 2.666667vw;
}

.my-sec__gt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 1%;
}

.my-sec__after {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-bottom: 1em;
  position: relative;
}

.my-sec__after::after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #f2f2f2;
  content: "";
}

.my-sec__after .my-sec__input {
  background-color: #fafafa;
  border: 1px solid #f2f2f2;
  border-radius: .25em;
  padding: 0 2.666667vw;
  margin-bottom: 4vw;
  font-size: 2.666667vw;
}

.my-sec__after .place-input__detail {
  background-color: #fafafa;
  border: 1px solid #f2f2f2;
  border-radius: .25em;
  padding: 0 2.666667vw;
  min-height: 8vw;
  font-size: 2.666667vw;
  margin-bottom: 1em;
}

.cart {
  position: relative;
}

.cart-container {
  width: 92%;
  margin: 0 auto;
  position: relative;
}

.cart-nav {
  margin-left: 0;
  margin-right: 0;
  line-height: 8vw;
  min-height: 8vw;
  background-color: #fafafa;
  color: #000;
  font-size: 2.666667vw;
  margin-bottom: 2.666667vw;
}

.cart-nav .col-2,
.cart-nav .col-3 {
  padding: 0;
  text-align: center;
}

.cart-nav .col-5 {
  padding-left: 0;
  text-align: center;
}

.cart-nav__end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  background-color: #fff;
}

.cart-sec {
  font-size: 2.666667vw;
}

.cart-sec__title {
  line-height: 8vw;
  min-height: 8vw;
  background-color: #f0efed;
  color: #000;
  font-size: 2.666667vw;
  padding: 0 4vw;
}

.cart-sec__item {
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.cart-sec__item::after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #e4e4e4;
  content: "";
}

.cart-sec__item .col-2,
.cart-sec__item .col-3 {
  padding: 0;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cart-sec__item .col-5 {
  padding-left: 0;
}

.cart-sec__del {
  width: 100%;
  height: 100%;
  background: url("../img/delete-btn.png") no-repeat center;
  background-size: 4vw auto;
  border: none;
}

.cart-sec__price {
  color: #906739;
}

.cart-footer {
  padding: 0 4vw;
}

.cart-footer__pay {
  margin-bottom: 4vw;
}

.cart-footer__more {
  background-color: #fff;
  color: #906739;
  border: 1px solid #906739;
}

.cart-bottom__val {
  color: #906739;
}

.cart-empty {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.cart-empty__img {
  width: 26.133333vw;
  margin-bottom: 5.2vw;
}

.cart-empty__prompt {
  font-size: 0;
}

.cart-empty__prompt span {
  font-size: 2.933333vw;
}

.cart-empty__order {
  font-size: 2.933333vw;
  text-decoration: underline;
}

.cart-empty__order:hover, .cart-empty__order:focus, .cart-empty__order:active {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #906739;
  text-decoration: underline;
}

.confirm-sec {
  position: relative;
  padding-top: 2vw;
  padding-bottom: 4vw;
}

.confirm-sec::after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #f2f2f2;
  content: "";
}

.confirm-sec__election {
  font-size: 2.666667vw;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  margin-bottom: 2.666667vw;
}

.confirm-sec__election:last-of-type {
  margin-bottom: 0;
}

.confirm-sec__election .form-check {
  width: auto;
}

.confirm-sec__election .form-check-label {
  padding: .5rem;
}

.confirm-sec__before {
  margin-right: 1em;
}

.confirm-sec__example {
  color: #b5b5b5;
}

.confirm-sec__item {
  margin-right: 1rem;
}

.confirm-sec__group {
  font-size: 2.666667vw;
  color: #000;
  font-weight: 400;
  margin-bottom: 4vw;
}

.confirm-sec__group .input-group__before {
  min-width: 30vw;
  text-align: right;
  line-height: 8vw;
}

.confirm-sec__group .form-control {
  min-height: 8vw;
  line-height: 8vw;
  font-size: 2.666667vw;
  background-color: #fafafa;
}

.confirm-sec__invoice .confirm-sec__before {
  display: inline-block;
  min-width: 22vw;
  text-align: right;
}

.confirm-sec__invoice .input-group__before {
  min-width: 22vw;
  margin-right: 1em;
}

.confirm-sec__top {
  padding-bottom: 2vw;
  position: relative;
  margin-bottom: 2vw;
}

.confirm-sec__top::after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #f2f2f2;
  content: "";
}

.confirm-sec__middle {
  padding-bottom: 2vw;
}

.confirm-sec__textarea {
  width: 100%;
  padding: 2vw 0;
}

.confirm-sec__subtitle {
  line-height: 8vw;
  font-size: 2.666667vw;
}

.confirm-sec-textarea {
  width: 100%;
  min-height: 28vw;
  background-color: #fafafa;
  border-radius: .25rem;
  font-size: 2.666667vw;
  padding: 4vw;
  border: 1px solid #f2f2f2;
}

.confirm-sec__example {
  font-size: 2.666667vw;
}

.confirm-address {
  width: 100%;
}

.confirm-address__item {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 2.666667vw;
}

.confirm-address__item .form-check-label {
  padding: .5rem;
}

.confirm-address__item .form-check-input {
  top: .6rem;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.confirm-address__edit {
  color: #906739;
  font-size: 2.666667vw;
  padding-left: 3.466667vw;
  background: url("../img/edit-btn.png") no-repeat center left;
  background-size: auto 2.666667vw;
  position: relative;
  z-index: 1;
}

.confirm-address__after {
  text-align: center;
}

.confirm-address__add {
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #906739;
  border-radius: 50px;
  font-size: 2.666667vw;
  color: #906739;
}

.confirm-address__add:hover, .confirm-address__add:focus, .confirm-address__add:active {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #906739;
}

.confirm-footer {
  width: 100%;
  padding: 0 4vw;
  line-height: 5.6vw;
  font-size: 2.666667vw;
}

.confirm-footer__item {
  text-align: right;
}

.confirm-footer__item:last-of-type {
  margin-bottom: 4vw;
}

.confirm-footer__val {
  display: inline-block;
  min-width: 13.333333vw;
}

.pay-detail {
  width: 100%;
  padding: 4vw;
  background-color: #f6f6f6;
  border: none;
  line-height: 1.8;
  font-size: 2.666667vw;
}

.pay-order__example {
  font-size: 2.666667vw;
  color: #000;
  padding: 4vw;
  line-height: 1.8;
}

.pay-order__example p {
  margin-bottom: 0;
}

.pay-order__text {
  font-size: 2.666667vw;
  color: #757575;
  padding: 0 4vw 4vw;
  line-height: 1.8;
}

.pay-order__text p {
  margin-bottom: 0;
}

.pay-prompt {
  width: 60vw;
  min-height: 8vw;
  line-height: 8vw;
  padding: 0;
  margin: 0 auto;
  font-size: 2.666667vw;
  color: #906739;
  border-radius: 50px;
  background-color: #f7f1e9;
  text-align: center;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-aspect-ratio: 1.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    transform: scaleY(0.7);
  }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-device-aspect-ratio: 2) {
  .border-1px::after {
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}

@media (-webkit-min-device-pixel-ratio: 2.5), (min-device-aspect-ratio: 2.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
}

@media (-webkit-min-device-pixel-ratio: 3), (min-device-aspect-ratio: 3) {
  .border-1px::after {
    -webkit-transform: scaleY(0.333);
    -ms-transform: scaleY(0.333);
    transform: scaleY(0.333);
  }
}

@media (-webkit-min-device-pixel-ratio: 3.5), (min-device-aspect-ratio: 3.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.2857);
    -ms-transform: scaleY(0.2857);
    transform: scaleY(0.2857);
  }
}

.modal-open, .modal-open body {
  overflow: hidden;
  height: 100%;
}

.self {
  width: 100%;
  min-height: 100vh;
  background-color: #f8f8f8;
  padding-bottom: 16vw;
}

.self-header {
  position: relative;
}

.self-header-bg {
  width: 100%;
  min-height: 32vw;
}

.self-header__container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

.self-header__gt {
  width: 12vw;
  height: 16vw;
  text-align: right;
  padding-right: 4vw;
}

.self-header__lt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 4vw;
}

.self-header__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
}

.self-header__tips {
  font-size: 4.266667vw;
  color: #fff;
}

.self-header__tips:hover, .self-header__tips:focus, .self-header__tips:active {
  outline: none;
  color: #fff;
  text-decoration: none;
}

.self-avatar {
  width: 16vw;
  height: 16vw;
  border-radius: 50%;
  border: 0.533333vw solid #fff;
  overflow: hidden;
}

.self-information {
  padding-left: 2.666667vw;
}

.self-information__name {
  font-size: 3.733333vw;
  color: #fff;
  margin-bottom: 2.666667vw;
}

.self-information__grade {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 2.666667vw;
  color: #906739;
  height: 4.8vw;
  background-color: #fff;
  border-radius: 50px;
  font-size: 2.933333vw;
}

.self-information__icon {
  font-size: 2.666667vw;
  margin-right: 1.333333vw;
  position: relative;
  vertical-align: bottom;
}

.self-main {
  padding-top: 4vw;
}

.self-sec {
  width: 100%;
  background-color: #fff;
  margin-bottom: 2.666667vw;
}

.self-sec__top {
  width: 100%;
  padding: 0 4vw;
  height: 13.333333vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

.self-sec__title {
  font-size: 3.733333vw;
  color: #000;
}

.self-sec__href {
  color: #909090;
  font-size: 3.2vw;
}

.self-sec__href:hover, .self-sec__href:focus, .self-sec__href:active {
  outline: none;
  color: #909090;
  text-decoration: none;
}

.self-sec__container {
  padding: 0 4vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

.self-sec__item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 1%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 1.866667vw;
  padding-bottom: 5.6vw;
}

.self-sec__item:hover, .self-sec__item:focus, .self-sec__item:active {
  outline: none;
  text-decoration: none;
}

.self-sec__icon {
  display: block;
  font-size: 5.066667vw;
  color: #906739;
  line-height: 1;
  margin-bottom: 3.2vw;
  width: 5.066667vw;
  height: 5.066667vw;
}

.self-sec__text {
  font-size: 3.2vw;
  color: #000;
  line-height: 1;
}

.self-sec__end {
  margin-bottom: 5.333333vw;
}

.self-list {
  width: 100%;
}

.self-list__item {
  line-height: 13.066667vw;
  min-height: 13.066667vw;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  padding: 0 4vw;
  font-size: 3.733333vw;
  color: #000;
  font-weight: 400;
  position: relative;
}

.self-list__item::after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #f8f8f8;
  content: "";
}

.self-list__item:hover, .self-list__item:focus, .self-list__item:active {
  outline: none;
  text-decoration: none;
  color: #000;
}

.self-list__icon {
  font-size: 5.066667vw;
  color: #906739;
  width: 5.066667vw;
  height: 5.066667vw;
  line-height: 5.066667vw;
  text-align: center;
  margin-right: 2.666667vw;
}

.info {
  padding-bottom: 16vw;
  width: 100%;
  min-height: 100vh;
}

.info-list {
  width: 100%;
}

.info-item {
  width: 92%;
  margin: 0 auto;
  padding: 3.466667vw 0;
  min-height: 13.333333vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  position: relative;
  font-size: 3.2vw;
}

.info-item::after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #f1f1f1;
  content: "";
}

.info-item__lt span {
  font-weight: 400;
}

.info-item__gt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
  position: relative;
}

.info-item__val {
  color: #7c7c7c;
  font-size: 3.2vw;
  text-align: right;
  min-height: 5.6vw;
  line-height: 5.6vw;
  min-width: 66%;
  border: none;
  outline: none;
  background-color: #fff;
}

.info-item__val:active, .info-item__val:hover, .info-item__val:focus {
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.info-item__sel {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
}

.info-item__address {
  line-height: 5.6vw;
}

.info-item__address .city-picker-span {
  width: auto !important;
  line-height: inherit !important;
  height: inherit !important;
  border-bottom: none;
}

.info-item__grade {
  padding: 0 1.733333vw;
  height: 5.333333vw;
  line-height: 5.333333vw;
  font-size: 2.666667vw;
  background-color: #906739;
  color: #fff;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50px;
  margin: 0 1em;
}

.info-item__icon {
  margin-right: 1.333333vw;
}

.info-item__checkbox::after {
  display: none;
}

.info-item__checkbox .form-check-label {
  padding: 0 .5rem;
}

.info-item__title {
  font-size: 3.733333vw;
}

.info-end {
  width: 100%;
  min-height: 26.133333vw;
  text-align: center;
  padding-top: 8vw;
}

.info-submit {
  width: 33.333333vw;
  height: 8vw;
  line-height: 8vw;
  padding: 0;
  text-align: center;
  font-size: 3.2vw;
  font-weight: 400;
  background-color: #906739;
  color: #fff;
  border-radius: 50px;
  border: none;
}

.info-submit:hover, .info-submit:focus, .info-submit:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.info-btn-verification {
  margin-left: 4vw;
  padding: 0 2.666667vw !important;
  border: 1px solid #906739;
  border-radius: 50px;
}

.info-rule {
  padding-top: 17.066667vw;
}

.info-rule__logo {
  width: 34.666667vw;
  margin: 0 auto 10.666667vw;
}

.info-rule__text {
  width: 80%;
  margin: 0 auto;
  font-size: 3.2vw;
  color: #b0b0b0;
  font-weight: 400;
}

.info-rule__icon {
  display: inline-block;
  width: 3.2vw;
  height: 3.2vw;
  line-height: 3.2vw;
  text-align: center;
  border-radius: 50%;
  background: #906739;
  color: #fff;
  font-size: 2.666667vw;
  margin-right: .3em;
}

.info-rule__prompt {
  width: 80%;
  margin: 0 auto;
  padding: 4vw;
  background-color: #f9f4ee;
  color: #7b7a78;
  border: none;
}

.info-rule__prompt p {
  margin-bottom: 0;
}

.info-control {
  width: 100%;
  text-align: right;
}

.info-control__btn {
  width: 18.666667vw;
  height: 5.333333vw;
  line-height: 5.333333vw;
  text-align: center;
  padding: 0;
  border-radius: 50px;
  background-color: #fff;
  outline: none;
  margin-left: 2.666667vw;
  border: 1px solid #4a4a4a;
}

.info-control__btn:hover, .info-control__btn:focus, .info-control__btn:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #000;
}

.info-control__btn.mark {
  border-color: #906739;
}

.self-btn {
  padding: 0;
}

.self-btn:hover, .self-btn:focus, .self-btn:active {
  color: #906739;
  outline: none !important;
}

.self-btn-verification {
  margin-left: 6.666667vw;
  padding: 0;
  border: none;
}

.my-news {
  width: 100%;
}

.my-news__item {
  display: block;
  color: #000;
  line-height: 5.333333vw;
  padding: 4vw 0;
  position: relative;
}

.my-news__item::after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #ececec;
  content: "";
}

.my-news__item:hover, .my-news__item:focus {
  text-decoration: none;
  color: #000;
}

.my-news__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

.my-news__title {
  font-size: 3.2vw;
}

.my-news__time {
  font-size: 3.2vw;
  width: 33%;
}

.my-news__text {
  font-size: 2.933333vw;
  color: #b7b7b7;
  margin-bottom: 0;
}

.my-news__header {
  width: 92%;
  margin: 0 auto;
  position: relative;
  padding-top: 8vw;
  position: relative;
  padding-bottom: 8vw;
}

.my-news__header::after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #ececec;
  content: "";
}

.my-news__detail {
  padding: 5.333333vw 0;
  line-height: 5.6vw;
  text-indent: 2em;
  font-size: 3.2vw;
  color: #a1a1a1;
}

.my-detail__time {
  text-align: center;
  font-size: 2.933333vw;
  color: #939393;
}

.my-detail__del {
  position: absolute;
  top: 12.8vw;
  right: 0;
  font-size: 3.2vw;
  padding: 0;
  z-index: 1;
  border: none;
  outline: none;
}

.my-detail__del:hover, .my-detail__del:focus {
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.notice {
  padding: 8vw 0;
}

.notice-sec {
  color: #797979;
  line-height: 5.866667vw;
  margin-bottom: 5.333333vw;
}

.notice-sec p {
  margin-bottom: 0;
}

.notice-title {
  font-size: 3.2vw;
  color: #000;
  margin-bottom: 0;
  line-height: 5.866667vw;
}

.order-router {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.order-card {
  font-size: 3.2vw;
}

.order-card__header {
  line-height: 12.533333vw;
  min-height: 12.533333vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

.order-card__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  font-size: 3.2vw;
  line-height: 12.533333vw;
  min-height: 12.533333vw;
  position: relative;
}

.order-card__item::after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #ececec;
  content: "";
}

.order-card__btn {
  outline: none;
  color: #000;
  border: none;
  background-color: #fff;
}

.order-card__btn:hover, .order-card__btn:focus, .order-card__btn:active {
  outline: none;
  border: none;
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #000;
}

.order-card__btn.mark:hover, .order-card__btn.mark:focus, .order-card__btn.mark:active {
  color: #906739;
}

.order-card__input {
  border: 1px solid #909090;
  height: 8vw;
  padding: 0 .5em;
  display: none;
}

.order-card__submit {
  display: none;
}

.order-table {
  font-size: 2.666667vw;
}

.order-table th,
.order-table td {
  border-left: 0;
  border-right: 0;
  width: 1%;
  text-align: center;
  font-size: 2.666667vw;
}

.order-table thead th {
  border: 0;
  font-size: 3.733333vw;
  text-align: center;
  height: 8vw;
  background-color: #f4f0eb;
  font-weight: 400;
}

.order-table thead th:nth-of-type(2) {
  width: 2%;
}

.order-table tr td {
  vertical-align: middle;
}

.order-table tr td:first-of-type {
  text-align: left;
}

.order-subtitle {
  font-size: 3.733333vw;
  min-height: 11.733333vw;
  line-height: 11.733333vw;
  position: relative;
  margin-bottom: 0;
}

.order-subtitle::after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #ececec;
  content: "";
}

.order-form {
  font-size: 2.933333vw;
  color: #000;
  line-height: 6.666667vw;
  padding-top: 2.666667vw;
}

.order-form__group {
  margin-bottom: 2.666667vw;
}

.order-form__before {
  min-width: 22vw;
  text-align: right;
}

.order-form__val {
  display: inline-block;
  min-height: 6.666667vw;
  padding: 0 2.666667vw;
  border-radius: .25rem;
  background-color: #fafafa;
  max-width: 76%;
}

.order-form__single span {
  margin-right: 4vw;
}

.order-form__textarea {
  width: 100%;
  min-height: 20vw;
  font-size: 2.933333vw;
  background-color: #fafafa;
  color: #b8b8b8;
  padding: 4vw;
}

.order-form__textarea p {
  margin-bottom: 0;
}

.order-form__btn {
  font-size: 2.933333vw;
  padding: 0;
}

.order-form__btn:hover, .order-form__btn:focus, .order-form__btn:active {
  outline: none;
}

.order-form__number {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.order-section__end {
  width: 100%;
  padding-top: 2.666667vw;
  padding-bottom: 10.666667vw;
}

.order-return {
  padding-top: 4vw;
}

.order-return__table thead th {
  width: 1%;
  background-color: #fafafa;
}

.order-return__table thead th:nth-of-type(2) {
  width: 1%;
}

.order-return__table tr {
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}

.order-return__end {
  text-align: right;
}

.order-return__btn {
  display: inline-block;
  font-size: 2.666667vw;
  width: 18.666667vw;
  height: 5.333333vw;
  line-height: 5.333333vw;
  border-radius: 50px;
  padding: 0;
  border: 1px solid #906739;
}

.order-return__btn:hover, .order-return__btn:focus, .order-return__btn:active {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.order-return__text {
  font-size: 2.933333vw;
  line-height: 5.333333vw;
}

.order-return__text p {
  margin-bottom: 0;
}

.order-return__group {
  line-height: 6.666667vw;
  margin-bottom: 2.666667vw;
  font-size: 2.933333vw;
}

.order-return__group .mark {
  padding: 0;
}

.order-return__before {
  min-width: 20%;
}

.order-process {
  width: 100%;
  padding-left: 3.066667vw;
  margin-bottom: 5.333333vw;
  position: relative;
}

.order-process__item {
  font-size: 2.933333vw;
  padding-left: 4.8vw;
  padding-top: 2.266667vw;
  padding-bottom: 2.266667vw;
  position: relative;
}

.order-process__item p {
  margin-bottom: 0;
}

.order-process__item::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  left: -1px;
  top: 50%;
  background-color: #dbdbdb;
  border-left: 1px solid #dbdbdb;
}

.order-process__item::after {
  content: "";
  display: block;
  width: 1.866667vw;
  height: 1.866667vw;
  position: absolute;
  left: -0.933333vw;
  position: absolute;
  top: 50%;
  z-index: 1;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-color: #906739;
  border-radius: 50%;
  z-index: 1;
}

.order-process__item:last-of-type::before {
  display: none;
}

.order-process__time {
  margin-right: 1em;
}

.alert-return__title {
  text-align: center;
}

.alert-return__main {
  width: 100%;
}

.alert-return__textarea {
  display: block;
  width: 100%;
  min-height: 29.333333vw;
  font-size: 2.933333vw;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  word-break: break-all;
  padding: 4vw;
}

.alert-return__textarea:hover, .alert-return__textarea:focus, .alert-return__textarea:active {
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.alert-return__footer {
  height: 10.666667vw;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

.alert-return__btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  font-size: 2.933333vw;
  border: 1px solid #ececec;
  background-color: #fff;
}

.alert-return__btn:last-of-type {
  border-left: none;
}

.alert-return__btn:hover, .alert-return__btn:focus, .alert-return__btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

.process-list {
  padding-top: 4vw;
}

.process-card {
  margin-bottom: 4vw;
}

.process-table {
  margin-bottom: 0;
}

.process-table tr td {
  border: none;
  text-align: center;
  position: relative;
}

.process-table tr td::after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #dee2e6;
  content: "";
}

.process-table tr td::after {
  width: 80%;
  position: absolute;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.process-table tr td:first-of-type {
  border-left: 1px solid #dee2e6;
}

.process-table tr td:last-of-type {
  border-right: 1px solid #dee2e6;
}

.process-table tr:first-of-type td {
  border-top: 1px solid #dee2e6;
}

.process-table tr:first-of-type td:last-of-type::after {
  width: 1px;
  height: 80%;
  top: 0;
  bottom: auto;
  right: auto;
  left: 0;
  border-left: 1px solid #dee2e6;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.process-table tr:last-of-type td {
  border-bottom: 1px solid #dee2e6;
}

.process-table tr:last-of-type td::after {
  width: 1px;
  height: 80%;
  bottom: 0;
  right: 0;
  left: auto;
  border-right: 1px solid #dee2e6;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.process-table tr:last-of-type td:last-of-type {
  position: relative;
}

.process-table tr:last-of-type td:last-of-type::after {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  border-top: 1px solid #dee2e6;
  content: "";
}

.process-table tr:last-of-type td:last-of-type::after {
  width: 80%;
  height: 1px;
  position: absolute;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.order-sample .input-group-before {
  text-align: right;
}

.vp {
  width: 100%;
}

.vp-order {
  padding-bottom: 16vw;
}

.banner {
  width: 100%;
  position: relative;
}

.banner::after {
  content: "";
  display: block;
  padding-bottom: 50.66667%;
}

.banner-carousel {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  z-index: 1;
}

.banner-item {
  height: 100%;
  position: relative;
}

.banner-item img {
  height: 100%;
}

.banner-item__href {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.banner-cat {
  width: 100%;
  position: absolute;
  top: 88.42105% !important;
  bottom: auto !important;
  z-index: 1;
  text-align: center;
}

.banner-cat .swiper-pagination-bullet {
  width: 6.666667vw;
  height: 3px;
  background: white;
  border-radius: 0;
  vertical-align: top;
  margin: 0 2vw !important;
}

.banner-cat .swiper-pagination-bullet-active {
  height: 4px;
}

.banner-detail::after {
  padding-bottom: 37.33333%;
}

.mark {
  color: #906739;
  background: transparent;
}

.mark:hover, .mark:focus {
  color: #906739;
  text-decoration: none;
}

.detail {
  width: 100%;
}

.page {
  width: 100%;
  padding: 5.333333vw 13.333333vw;
}

.page-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

.page-li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

.page-item {
  display: block;
  font-size: 3.733333vw;
  color: #c2c2c2;
  text-align: center;
}

.page-item__prev, .page-item__next {
  font-size: 6.4vw;
}

.page-item__prev:hover, .page-item__next:hover {
  color: #c2c2c2;
}

.page-item:hover, .page-item:focus, .page-item:active {
  text-decoration: none;
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.page-num {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.page-num:hover {
  color: #906739;
}

.page--active {
  color: #906739;
}

.inner {
  width: 100%;
}

.inner-header {
  padding: 4vw 0;
  margin-bottom: 4vw;
  line-height: 1.8;
  position: relative;
}

.inner-header::after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #f5f5f5;
  content: "";
}

.inner-title {
  font-size: 3.733333vw;
  text-align: center;
}

.inner-subtitle {
  font-size: 2.666667vw;
  color: #919191;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

.inner-detail {
  font-size: 14px;
  line-height: 1.8;
}

.search-banner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: rgba(98, 63, 2, 0.3);
}

.search-banner__inner {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 92%;
}

.search-banner__subtitle {
  font-size: 3.2vw;
  color: #fff;
  text-align: center;
  font-weight: 600;
  margin-bottom: 4vw;
}

.search-banner__group {
  width: 100%;
}

.search-banner__input {
  font-size: 3.2vw;
  border: none;
}

.search-banner__append {
  width: 19.466667vw;
  background-color: #906739;
  color: #fff;
  font-size: 3.733333vw;
  font-weight: 800;
  border-color: #906739;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
}

.search-banner__append:hover, .search-banner__append:focus, .search-banner__append:active {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none !important;
}

.search-list {
  width: 100%;
}

.search-item {
  display: block;
  color: #000;
  padding: 4vw 0;
  position: relative;
}

.search-item::after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #f5f5f5;
  content: "";
}

.search-item:hover, .search-item:focus, .search-item:active {
  color: #000;
  outline: none !important;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}

.search-item__title {
  font-size: 3.2vw;
  margin-bottom: 0.5em;
}

.search-text {
  font-size: 2.666667vw;
  color: #919191;
  line-height: 1.8;
}

.search-mark {
  text-decoration: underline;
}

.about-map {
  width: 100%;
  height: 44vw;
}

.about-bottom {
  color: #000;
  text-align: center;
}

.about-bottom__logo {
  width: 21.333333vw;
  margin: 0 auto 2vw;
}

.about-bottom__code {
  width: 21.333333vw;
  margin: 0 auto 2vw;
}

.about-bottom__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 8.666667vw;
}

.about-bottom__name {
  font-size: 3.733333vw;
  width: 100%;
  text-align: left;
}

.about-bottom__text {
  font-size: 2.666667vw;
  margin-bottom: 0;
  text-align: left;
}

.about-bottom__prompt {
  font-size: 2.666667vw;
  line-height: 1.8;
  margin-bottom: 0;
}

.about-bottom__prompt:last-of-type {
  margin-bottom: 2em;
}

.about-bottom__subtitle {
  font-size: 3.2vw;
  display: block;
  width: 100%;
}

.about-bottom__btn {
  width: 32vw;
  height: 8vw;
  padding: 0;
  line-height: 8vw;
  text-align: center;
  font-size: 2.666667vw;
  color: #fff;
  background-color: #906739;
  border-radius: 50px;
  display: block;
  margin: 0 auto 10.666667vw;
}

.about-bottom__btn:hover, .about-bottom__btn:focus, .about-bottom__btn:active {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  color: #fff;
}

.about-group > label {
  font-size: 3.2vw;
  font-weight: 600;
}

.about-group .search-mark {
  color: #906739;
  text-decoration: none;
}

.about-group__input {
  height: 10.666667vw;
  background-color: #f5f5f5;
  font-size: 2.666667vw;
  padding: 0 4vw;
}

.about-group__textarea {
  padding: 4vw;
  height: auto;
  min-height: 50.666667vw;
}

.about-banner {
  width: 100%;
}

.about-text {
  font-size: 3.2vw;
  line-height: 4vw;
  padding: 4vw 0;
}

.about-verification-code {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.about-verification-code .form-control {
  height: 10.666667vw;
  background-color: #f5f5f5;
  font-size: 2.666667vw;
  padding: 0 4vw;
}

.about-verification__btn {
  color: #906739;
  font-size: 2.666667vw;
  font-weight: 400;
}

.about-verification__btn:hover, .about-verification__btn:focus, .about-verification__btn:active {
  text-decoration: none;
  outline: none;
  color: #906739;
}

.about-end {
  width: 100%;
  height: 21.333333vw;
  text-align: center;
}

.about-submit {
  width: 37.333333vw;
  height: 10.666667vw;
  line-height: 10.666667vw;
  padding: 0;
  text-align: center;
  font-size: 3.2vw;
  font-weight: 400;
  vertical-align: middle;
  background-color: #906739;
  color: #fff;
  border-radius: 50px;
  border: none;
  outline: none;
}

.about-submit:hover, .about-submit:focus, .about-submit:active {
  outline: none;
  color: #fff;
}

.call-top {
  position: fixed;
  z-index: 1;
  right: 4vw;
  bottom: 0;
  width: 10.666667vw;
  border-radius: 50%;
  text-align: center;
  font-size: 2.666667vw;
  line-height: 3.2vw;
  color: #fff;
  background: rgba(144, 103, 57, 0.6);
  padding: 0;
  border: none;
  outline: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}

.call-top:hover, .call-top:focus, .call-top:active {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

.call-top-open {
  bottom: 20vw;
  visibility: visible;
  height: 10.666667vw;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.router {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  position: relative;
  position: relative;
}

.router::after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #f1f1f1;
  content: "";
}

.router-item {
  height: 13.333333vw;
  padding: 0 1.333333vw;
  margin: 0 3.333333vw;
  line-height: 13.333333vw;
  text-align: center;
  font-size: 3.2vw;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  display: block;
}

.router-item:hover, .router-item:focus, .router-item:active {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  color: #906739;
}

.router-item--active {
  color: #906739;
  border-bottom: 3px solid #906739;
}

.server-footer {
  width: 100%;
  padding: 0 4vw;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.server-footer-middle {
  padding: 0;
}

.server-footer-bottom {
  padding: 0 5.333333vw 8vw;
}

.server-footer-bottom .server-item {
  margin-bottom: 2.666667vw;
}

.server-footer__item {
  width: 30.43478%;
}

.server-footer__item .home-item__top {
  width: 100%;
  height: 19.2vw;
  overflow: hidden;
}

.server-footer__item .home-item__bottom {
  padding-top: 3.733333vw;
}

.server-footer__item .home-item__title {
  margin-bottom: 2.666667vw;
}

.server-footer__item .home-item__btns {
  padding-top: 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.server-footer__item .home-item__btn {
  width: 100%;
  margin: 0 auto 2.666667vw;
}

.server-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

.server-item__title {
  font-size: 3.2vw;
  font-weight: 400;
  margin-bottom: 1em;
}

.server-item__text {
  font-size: 2.666667vw;
  color: #919191;
  line-height: 1.6;
}

.server-item__gt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 4vw;
}

.server-item__gt .server-item__title {
  margin-bottom: 2.666667vw;
}

.server-item__banner {
  width: 13.333333vw;
}

.server-item-middle {
  width: 50%;
  text-align: center;
  padding: 4vw;
}

.server-item-middle .server-item__banner {
  height: 10.666667vw;
  width: 100%;
  text-align: center;
  margin-bottom: 3.2vw;
}

.server-item-middle .server-item__img {
  height: 100%;
  width: auto;
}

.router-server {
  width: 92%;
  margin: 0 auto;
  position: relative;
  font-size: 3.2vw;
}

.router-server::after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 4px solid #ebebeb;
  content: "";
}

.router-server-item {
  display: inline-block;
  padding: 5.333333vw 0 2.666667vw;
  font-size: 3.2vw;
  color: #000;
}

.router-server-item:hover, .router-server-item:focus, .router-server-item:active {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  color: #000;
}

.server-vp {
  padding-bottom: 13.333333vw;
}

.server-header__btn {
  color: #919191;
  font-weight: normal;
}

.server-header--active {
  color: #906739;
  border-bottom: 3px solid #906739;
}

.server-add-cart {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 13.333333vw;
  border-radius: 0;
  right: 0;
  background-color: #906739;
  color: #fff;
  font-size: 3.2vw;
}

.server-inner__item {
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}

.server-inner--open {
  height: auto;
  visibility: visible;
  opacity: 1;
  padding: 4vw;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.server-rule {
  width: 100% ； .server-rule __title;
  width-font-size: 3.2vw;
  width-font-weight: 400;
  width-text-align: center;
  width-margin-bottom: 1em;
}

.server-rule__text {
  font-size: 2.666667vw;
}

.report {
  width: 100%;
}

.report-demo {
  width: 100%;
}

.report-prompt {
  font-size: 2.666667vw;
}

.report-prompt__download {
  font-size: 2.666667vw;
  color: #906739;
}

.tabbar {
  position: relative;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 16vw;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  z-index: 1;
}

.tabbar::after {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  border-top: 1px solid #efefef;
  content: "";
}

.tabbar-item {
  color: #919191;
  font-weight: 400;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  position: relative;
}

.tabbar-item:active, .tabbar-item:hover, .tabbar-item:focus {
  outline: none !important;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #919191;
}

.tabbar-item__inner {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.tabbar-item__icon {
  display: block;
  font-size: 4.8vw;
  height: 4.8vw;
  margin-bottom: 1.066667vw;
  line-height: 4.8vw;
  text-align: center;
}

.tabbar-item__text {
  display: block;
  font-size: 2.666667vw;
}

.tabbar-item--active {
  color: #906739;
}

.msk {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
  display: none;
}

.alert {
  position: absolute;
  padding: 0;
  border-radius: 0;
  top: 36vw;
  position: absolute;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 92%;
  z-index: 3;
  background-color: #fff;
  padding: 0;
  display: none;
}

.alert-title {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#efdfca), to(#fff));
  background-image: -webkit-linear-gradient(#efdfca, #fff);
  background-image: -o-linear-gradient(#efdfca, #fff);
  background-image: linear-gradient(#efdfca, #fff);
  padding: 0 4vw;
  line-height: 12vw;
  font-size: 3.2vw;
  border-bottom: 1px solid #906739;
}

.alert-main {
  width: 91.30435%;
  margin: 0 auto;
  padding-top: 4vw;
}

.alert-group .input-group-before {
  font-size: 2.666667vw;
  color: #000;
  font-weight: 400;
  min-width: 16vw;
  text-align: right;
}

.alert-group .form-control {
  min-height: 8vw;
  background-color: #fafafa;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: .25rem !important;
  font-size: 2.666667vw;
}

.alert-group .input-group__phone {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.alert-group .form-check {
  background-color: #fff;
  border: none;
  min-height: 4vw;
}

.alert-group .form-check-label {
  padding: .5rem;
  line-height: 1;
}

.alert-close {
  position: absolute;
  right: 0;
  bottom: 100%;
  color: #fff;
  font-size: 4vw;
  padding: 1vw 0;
  background: transparent;
  border: none;
}

.alert-close:hover, .alert-close:focus, .alert-close:active {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  color: #fff;
}

.alert-submit {
  width: 18.666667vw;
  height: 8vw;
  line-height: 8vw;
  text-align: center;
  font-size: 2.666667vw;
  padding: 0;
  color: #fff;
  background-color: #906739;
  display: block;
  margin: 0 auto 5.333333vw;
  border-radius: .25rem;
  border: none;
  outline: none;
}

.alert-submit:hover, .alert-submit:focus, .alert-submit:active {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

.sign {
  width: 100%;
  min-height: 100vh;
  position: relative;
}

.sign-inner {
  width: 70.666667vw;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

.sign-logo {
  width: 38.666667vw;
  margin: 0 auto 10.666667vw;
}

.sign-group {
  width: 100%;
  min-height: 13.333333vw;
  line-height: 13.333333vw;
  position: relative;
  margin-bottom: 5.333333vw;
}

.sign-group__before {
  font-size: 3.733333vw;
  color: #906739;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 5.733333vw;
  z-index: 1;
}

.sign-group__after {
  position: absolute;
  position: absolute;
  top: 50%;
  z-index: 1;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 5.333333vw;
  border: none;
  font-size: 2.666667vw;
  z-index: 1;
}

.sign-control {
  width: 100%;
  min-height: 13.333333vw;
  line-height: 13.333333vw;
  background-color: #f4f0eb;
  border-radius: 50px;
  padding: 0 10.666667vw;
  border: none;
  outline: none;
  font-size: 3.2vw;
}

.sign-submit {
  width: 100%;
  background-color: #906739;
  color: #fff;
  font-size: 3.733333vw;
  border-radius: 50px;
}

.sign-submit:hover, .sign-submit:focus, .sign-submit:active {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sign-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  font-size: 2.666667vw;
}

.sign-btn:hover, .sign-btn:active, .sign-btn:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.sign-btn__register {
  padding: 0;
}

.sign-btn__register:hover, .sign-btn__register:active, .sign-btn__register:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.register {
  padding-top: 17.066667vw;
}

.register-logo {
  width: 21.333333vw;
}

.register-inner {
  width: 70.66667%;
  margin: 0 auto;
}

.register-end {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.register-end__prompt {
  padding-top: 8vw;
  padding-bottom: 10.666667vw;
}

.binding-inner {
  width: 100%;
  height: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}

.binding-inner__open {
  height: auto;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.binding-group {
  width: 80%;
  margin: 0 auto;
}

.binding-group__title {
  font-size: 3.733333vw;
  font-weight: 400;
}

.binding-group__input {
  width: 58%;
  text-align: center;
}

.binding-group__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

.binding-group__bottom {
  margin-bottom: 13.333333vw;
}

.binding-group__bottom .sign-btn__verification {
  position: absolute;
  top: 130%;
  height: 6.666667vw;
  line-height: 6.666667vw;
  width: 33vw;
  right: 0;
  text-align: center;
}

.binding-group__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}

.binding-nav {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}

.binding-nav__open {
  height: auto;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.bind-header-nav {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cart-sec__del {
  min-height: 15vw;
}

.banner-else {
  width: 100%;
  margin: 0 auto;
  background-color: #906739;
}

.banner-else__inner {
  width: 100%;
  margin: 0 auto;
  height: 9.333333vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.banner-else__btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  text-align: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  border-right: 1px solid #a68561;
  font-size: 3.2vw;
}

.banner-else__btn:last-of-type {
  border-right: none;
}

.banner-else__btn:hover, .banner-else__btn:focus {
  color: #fff;
  text-decoration: none;
  outline: none;
}

.banner-else__icon {
  height: 5.066667vw;
  width: auto;
  margin-right: 1.333333vw;
}

.dialog-order {
  position: absolute;
  top: 12%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 73.87%;
  -webkit-box-shadow: 0 0 6vw 0vw rgba(84, 84, 84, 0.5);
  box-shadow: 0 0 6vw 0vw rgba(84, 84, 84, 0.5);
  z-index: 2;
  display: none;
}

.dialog-order__inner {
  position: relative;
}

.dialog-order__href {
  position: absolute;
  width: 28%;
  height: 11%;
  left: 36%;
  top: 64%;
  z-index: 1;
}

.dialog-order__href:hover, .dialog-order__href:focus {
  outline: none;
  border: none;
}

.dialog-close {
  color: #545454;
}

/*phoneX 适配  */
@media only screen and (min-width: 375px) and (min-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  body {
    padding-bottom: 34px;
  }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  body {
    padding-bottom: 34px;
  }
}

body {
  padding-top: constant(safe-area-inset-top);
  padding-left: constant(safe-area-inset-left);
  padding-right: constant(safe-area-inset-right);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: constant(safe-area-inset-bottom);
}

/*文本编辑器显示区域*/

.inner-detail img{
    width: auto;
}

.inner-detail a{
    display: inline;
}

/*文本编辑器显示区域*/