body {
  overflow: hidden;
}

.section.active .wwbox.fadeIn {
  -webkit-animation-name: fadeIn !important;
          animation-name: fadeIn !important;
}
.section.active .wwbox.fadeInUp {
  -webkit-animation-name: activedown-upin !important;
          animation-name: activedown-upin !important;
}
.section.active .wwbox.fadeInLeft {
  -webkit-animation-name: activedown-leftin !important;
          animation-name: activedown-leftin !important;
}
.section.active .wwbox.fadeInDown {
  -webkit-animation-name: activeup-downin !important;
          animation-name: activeup-downin !important;
}
.section.active .wsicon {
  opacity: 1 !important;
  -webkit-animation-name: rotate1 !important;
          animation-name: rotate1 !important;
  -webkit-animation-duration: 0.6s !important;
          animation-duration: 0.6s !important;
  -webkit-animation-delay: 0s !important;
          animation-delay: 0s !important;
}

.chapter.down .box > *,
.unit.down .box > *,
.wwfirst.down .box > *,
.wwsecond.down .box > *,
.section-erweima.down .box > * {
  opacity: 1;
  -webkit-animation: down-upout 1s ease-out 0.1s forwards;
          animation: down-upout 1s ease-out 0.1s forwards;
}
.chapter.active .box > *, .chapter.active.up .box > *,
.unit.active .box > *,
.unit.active.up .box > *,
.wwfirst.active .box > *,
.wwfirst.active.up .box > *,
.wwsecond.active .box > *,
.wwsecond.active.up .box > *,
.section-erweima.active .box > *,
.section-erweima.active.up .box > * {
  opacity: 0;
  -webkit-animation: activedown-upin 1s ease-out 0.3s forwards;
          animation: activedown-upin 1s ease-out 0.3s forwards;
}
.chapter.up .box > *,
.unit.up .box > *,
.wwfirst.up .box > *,
.wwsecond.up .box > *,
.section-erweima.up .box > * {
  opacity: 1;
  -webkit-animation: up-downout 1s ease-out 0.3s forwards;
          animation: up-downout 1s ease-out 0.3s forwards;
}
.chapter.down .box > *:nth-child(1), .chapter.up .box > *:nth-child(1), .chapter.active .box > *:nth-child(1),
.unit.down .box > *:nth-child(1),
.unit.up .box > *:nth-child(1),
.unit.active .box > *:nth-child(1),
.wwfirst.down .box > *:nth-child(1),
.wwfirst.up .box > *:nth-child(1),
.wwfirst.active .box > *:nth-child(1),
.wwsecond.down .box > *:nth-child(1),
.wwsecond.up .box > *:nth-child(1),
.wwsecond.active .box > *:nth-child(1),
.section-erweima.down .box > *:nth-child(1),
.section-erweima.up .box > *:nth-child(1),
.section-erweima.active .box > *:nth-child(1) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.chapter.down .box > *:nth-child(2), .chapter.up .box > *:nth-child(2), .chapter.active .box > *:nth-child(2),
.unit.down .box > *:nth-child(2),
.unit.up .box > *:nth-child(2),
.unit.active .box > *:nth-child(2),
.wwfirst.down .box > *:nth-child(2),
.wwfirst.up .box > *:nth-child(2),
.wwfirst.active .box > *:nth-child(2),
.wwsecond.down .box > *:nth-child(2),
.wwsecond.up .box > *:nth-child(2),
.wwsecond.active .box > *:nth-child(2),
.section-erweima.down .box > *:nth-child(2),
.section-erweima.up .box > *:nth-child(2),
.section-erweima.active .box > *:nth-child(2) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.chapter.down .box > *:nth-child(3), .chapter.up .box > *:nth-child(3), .chapter.active .box > *:nth-child(3),
.unit.down .box > *:nth-child(3),
.unit.up .box > *:nth-child(3),
.unit.active .box > *:nth-child(3),
.wwfirst.down .box > *:nth-child(3),
.wwfirst.up .box > *:nth-child(3),
.wwfirst.active .box > *:nth-child(3),
.wwsecond.down .box > *:nth-child(3),
.wwsecond.up .box > *:nth-child(3),
.wwsecond.active .box > *:nth-child(3),
.section-erweima.down .box > *:nth-child(3),
.section-erweima.up .box > *:nth-child(3),
.section-erweima.active .box > *:nth-child(3) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.chapter.down .box > *:nth-child(4), .chapter.up .box > *:nth-child(4), .chapter.active .box > *:nth-child(4),
.unit.down .box > *:nth-child(4),
.unit.up .box > *:nth-child(4),
.unit.active .box > *:nth-child(4),
.wwfirst.down .box > *:nth-child(4),
.wwfirst.up .box > *:nth-child(4),
.wwfirst.active .box > *:nth-child(4),
.wwsecond.down .box > *:nth-child(4),
.wwsecond.up .box > *:nth-child(4),
.wwsecond.active .box > *:nth-child(4),
.section-erweima.down .box > *:nth-child(4),
.section-erweima.up .box > *:nth-child(4),
.section-erweima.active .box > *:nth-child(4) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.wwfirst.active .box .wwintrobox > *, .wwfirst.active.up .box .wwintrobox > * {
  opacity: 0;
  -webkit-animation: activedown-upin 1s ease-out 0.3s forwards;
          animation: activedown-upin 1s ease-out 0.3s forwards;
}
.wwfirst.active .box .wwinfobox, .wwfirst.active.up .box .wwinfobox {
  -webkit-animation-name: activedown-leftin !important;
  animation-name: activedown-leftin;
}
.wwfirst.active .box .wwtitle {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.wwfirst.active .box .wwintro1 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.wwfirst.active .box .wwintro2 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.wwfirst.active .box > *:nth-child(2) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}
.wwfirst.active .box > *:nth-child(3) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.wwfirst.active .box > *:nth-child(4) {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
}

.wwsecond.active .box .wwintrobox > *, .wwsecond.active.up .box .wwintrobox > * {
  opacity: 0;
  -webkit-animation: activedown-upin 1s ease-out 0.3s forwards;
          animation: activedown-upin 1s ease-out 0.3s forwards;
}
.wwsecond.down .box > *:nth-child(2), .wwsecond.up .box > *:nth-child(2), .wwsecond.active .box > *:nth-child(2) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}
.wwsecond.down .box .wwintro:nth-child(1), .wwsecond.up .box .wwintro:nth-child(1), .wwsecond.active .box .wwintro:nth-child(1) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.wwsecond.down .box .wwintro:nth-child(2), .wwsecond.up .box .wwintro:nth-child(2), .wwsecond.active .box .wwintro:nth-child(2) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.chapter {
  background-image: url(../img/webp/chapterunit/chapter-bg.webp);
}
.chapter .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 15vh;
  margin: 0 var(--wall-margin-left2);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.chapter-num {
  color: #d09d68;
  font-size: 2.5rem;
  width: 1em;
  line-height: 1;
  margin-top: 0.5rem;
  margin-right: 2rem;
}
.chapter-title {
  color: #d09d68;
  font-size: 7.5rem;
  font-family: "syst-bold";
  width: 1em;
  line-height: 1;
}
.chapter-intro {
  padding-top: 11vh;
  margin-left: auto;
  margin-right: calc(var(--wall-margin-left3) - var(--wall-margin-left2));
  width: 31vw;
  font-size: 1.75rem;
  line-height: 1.7;
}
.chapter-intro p {
  text-indent: 2em;
  margin-bottom: 1.5rem;
}

.unit {
  background-image: url(../img/webp/chapterunit/unit-bg.webp);
}
.unit .box {
  padding-top: 15vh;
  margin: 0 var(--wall-margin-left3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.unit-num {
  color: #d09d68;
  padding: 0.5rem 1.5rem;
  border: 1px solid #d09d68;
  font-size: 1.125rem;
  margin-bottom: 2rem;
}
.unit-title {
  color: #d09d68;
  font-family: "syst-bold";
  font-size: 3rem;
}
.unit-intro {
  font-size: 1.5rem;
  line-height: 1.7;
  padding-top: 11vh;
}
.unit-intro p {
  text-indent: 2em;
  margin-bottom: 1.5rem;
}

#fullPage-nav.right {
  left: auto !important;
  right: 0.5rem;
  width: 0.3rem;
}

#fullPage-nav {
  display: none;
}
#fullPage-nav li {
  position: relative;
  width: 0.3rem;
  height: 0.3rem;
  margin: 0.2rem 0;
}
#fullPage-nav li a.active span {
  background: none;
  background: url(../img/webp/navicon-active.webp) no-repeat center/contain;
}
#fullPage-nav li:after {
  content: "";
  position: absolute;
  bottom: -0.2rem;
  left: 50%;
  width: 100%;
  margin-left: -0.15rem;
  height: 0.2rem;
  background: url(../img/webp/nav-bg.webp) no-repeat center/auto 100%;
}
#fullPage-nav li:last-child:after {
  display: none;
}
#fullPage-nav span {
  border: 0;
  background: url(../img/webp/navicon.webp) no-repeat center/contain;
  width: 0.3rem;
  height: 0.3rem;
  top: 0;
  left: 0;
}

.section-erweima {
  background-image: url(../img/webp/ewm-bg.webp);
}
.section-erweima .box {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.section-erweima .logo {
  z-index: 1;
  width: 15rem;
  height: 3.1rem;
  display: block;
  background: url(../img/section1/logo.png) no-repeat center/contain;
}
.section-erweima .ewmlist {
  margin-top: 8vh;
  margin-bottom: 7vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section-erweima .ewmlist li {
  margin: 0 4.2vw;
}
.section-erweima .ewmlist img {
  width: 14rem;
}
.section-erweima .ewmlist p {
  text-align: center;
  font-size: 1.25rem;
  color: #cfc4ab;
  margin-top: 1rem;
}
.section-erweima .btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.875rem;
  border: 1px solid #997946;
  color: #997946;
  padding: 0.8rem 2.2rem 0.9rem;
  border-radius: 0.5rem;
  line-height: 1;
}
.section-erweima .btn i {
  margin-left: 1rem;
  width: 1.625rem;
  height: 1.625rem;
  display: inline-block;
  background: url(../img/webp/xnzt-btn.webp) no-repeat center/contain;
}
.section-erweima .infoicon {
  margin-top: 7vh;
  width: 2rem;
  height: 2rem;
  background: url(../img/infoicon.png) no-repeat center/contain;
  cursor: pointer;
}
.section-erweima .curatorialinfo {
  visibility: hidden;
  opacity: 0;
  margin-top: 1vh;
  color: #997946;
  font-size: 1rem;
  line-height: 2.4;
  text-align: center;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-animation: none !important;
          animation: none !important;
}
.section-erweima .curatorialinfo.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

.yushenmian-1 .wsicon {
  right: 48%;
  bottom: 15%;
}

.yuzupei-2 .wsicon {
  right: 23%;
  bottom: 11%;
}

.yuzupei-3 .wsicon {
  right: 41%;
  bottom: 5%;
}

.yuzupei-4 .wsicon {
  right: 41%;
  bottom: 18%;
}

.wwmap {
  position: absolute;
  top: 2rem;
  right: 5vw;
  left: auto;
  width: auto !important;
  text-align: right;
}
.wwmap img {
  width: 21.875rem !important;
  height: auto;
}

.wapbody .chapter .box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 10vh;
}
.wapbody .chapter-num {
  font-size: 1.4rem;
}
.wapbody .chapter-title {
  margin-right: 54vw;
  font-size: 4rem;
}
.wapbody .chapter-intro {
  padding-top: 8vh;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-right: 0;
  font-size: 1.5rem;
}
.wapbody .unit-num {
  font-size: 1.4rem;
}
.wapbody .unit-title {
  font-size: 4rem;
}
.wapbody .unit-intro {
  font-size: 1.5rem;
  padding-top: 8vh;
}
.wapbody .kefubi-2 .wwintrobox {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 2rem 2.5rem;
}
.wapbody .kefubi-2 .wwbox img {
  height: 100%;
  left: auto;
  margin-left: 0;
  right: 0;
}
.wapbody .kefufushijiezong-2 .wwbox img {
  height: 100%;
  right: -30%;
}
.wapbody .yazhang-2 .wwintrobox {
  top: 18vh;
}
.wapbody .yuzupei-1 .wwintrobox.bottom {
  width: 42%;
  top: 24vh;
}
.wapbody .yuzupei-2 .wwintrobox.bottom,
.wapbody .yuzupei-3 .wwintrobox.bottom {
  top: 10vh;
}
.wapbody .yuzupei-2 .wwbox img,
.wapbody .yuzupei-3 .wwbox img {
  right: 50%;
  -webkit-transform: translateX(50%) !important;
          transform: translateX(50%) !important;
  height: 40%;
  bottom: 28%;
  top: auto;
}
.wapbody .yuzupei-4 .wwbox img {
  right: 50%;
  -webkit-transform: translateX(50%) !important;
          transform: translateX(50%) !important;
  height: auto;
  width: 100%;
  bottom: 28%;
  top: auto;
}
.wapbody .tdxryds-2 .wwbox img,
.wapbody .tdxryds-3 .wwbox img {
  height: auto !important;
  width: 99%;
  bottom: 38%;
  right: 0 !important;
}
.wapbody .tdxryds-2 .wwinfobox .wwinfo1,
.wapbody .tdxryds-3 .wwinfobox .wwinfo1 {
  padding: 0 var(--wall-margin-left);
}
.wapbody .tdxryds-4 .wwbox img {
  right: 7%;
  bottom: 5%;
}
.wapbody .yuzun-2 .wwbox img {
  right: 3%;
  top: 36%;
  height: auto;
  width: 150%;
}
.wapbody .centerimg img {
  height: auto !important;
  width: 156% !important;
  -webkit-transform: translateX(27vw);
          transform: translateX(27vw);
}
.wapbody .centerimg2 img {
  height: 40% !important;
  width: auto !important;
  right: 50% !important;
  -webkit-transform: translateX(50%) !important;
          transform: translateX(50%) !important;
}
.wapbody .qbyteh-1 .wwbox img {
  left: -43%;
}
.wapbody .qbyteh-2 .wwbox img {
  height: auto;
  top: 51%;
  right: 0;
  width: 180%;
}
.wapbody .qbyteh-2 .wwintrobox {
  top: 27vh;
}
.wapbody .qbyteh-3 .wwbox img {
  height: auto;
  width: 200%;
  top: 0;
  left: -51%;
}
.wapbody .qbyteh-3 .wwintrobox {
  top: auto;
  bottom: 12vh;
}
.wapbody .yushenmian-2 .wwintrobox {
  height: auto;
  top: 10vh;
}
.tshdzb-1 .wapbody > .box .wwbox img {
  left: -54%;
}
.wapbody .tshdzb-2 .wwintrobox {
  top: 7vh;
}
.wapbody .tshdzb-2 .wwbox img {
  width: auto;
  left: -86%;
  bottom: 6%;
}
.wapbody #videocont2-2 {
  width: calc(100% - var(--wall-margin-left) * 2);
}
.wapbody #videocont2-2 .wwintro {
  margin-bottom: 0.8rem;
}
.wapbody #videocont2-4,
.wapbody #videocont2-5 {
  width: calc(100% - var(--wall-margin-left) * 2);
  top: auto;
  bottom: calc(var(--vh, 1vh) * 23);
}
.wapbody .section-erweima .ewmlist li {
  margin: 0 2.2vw;
}
.wapbody .section-erweima .ewmlist img {
  width: 10rem;
}
.wapbody .yushenmian-1 .wsicon {
  right: calc(50% - 2rem);
  left: auto;
  bottom: 27%;
}
.wapbody .yuzupei-2 .wsicon {
  left: auto;
  right: calc(50% - 2rem);
  bottom: 21%;
}
.wapbody .yuzupei-3 .wsicon {
  left: auto;
  right: calc(50% - 2rem);
  bottom: 24%;
}
.wapbody .yuzupei-4 .wsicon {
  left: auto;
  right: calc(50% - 2rem);
  bottom: 25%;
}
.wapbody .wwmap {
  top: 8vh !important;
  right: --wall-margin-left;
}
.wapbody .wwmap img {
  width: 10rem !important;
  height: auto;
}
.wapbody .tdxryds-1 .wwmap,
.wapbody .yljbdd-1 .wwmap,
.wapbody .cstythg-1 .wwmap,
.wapbody .qbyteh-1 .wwmap,
.wapbody .tshdzb-1 .wwmap {
  top: calc(8vh + 5.5rem) !important;
}
.wapbody .nav {
  top: 0.6rem;
}
.wapbody .nav li .title h3 {
  font-size: 1.1rem;
}
.wapbody .nav li i:after {
  width: 1.2rem;
  height: 1.2rem;
}
.wapbody .nav li.active i:after {
  width: 1.5rem;
  height: 1.5rem;
}
.wapbody .dialogbtn.yzpdialog1 {
  left: 64%;
  bottom: 65%;
}
.wapbody .dialogbtn.yzpdialog2 {
  left: 64%;
  bottom: 45%;
}
.wapbody .dialogbtn.yzpdialog3 {
  left: 64%;
  bottom: 30%;
}
.wapbody .dialogbtn.ytehdialog1 {
  bottom: 64%;
  left: 42%;
}
.wapbody .dialogbtn.ytehdialog2 {
  bottom: 36%;
  left: 39%;
}
.wapbody .wwfirst > .box .wwbox.yuzun-1 img {
  top: 26%;
}

.wwsecond .wwbox.centerimg2 img {
  right: -18vw;
}

.dialogimgbg {
  z-index: 2;
}

.section-loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: #000 url(../img/webp/ewm-bg.webp) no-repeat center/cover;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section-loading p {
  font-size: 1.4rem;
  color: #d09d68;
}
.section-loading .icon {
  width: 100%;
  text-align: center;
}
.section-loading .icon img {
  width: 2.5rem;
}
.section-loading .section1-wwbox {
  position: relative;
  height: min(44rem, 70vh);
  margin: -4rem 0 -6rem;
  text-align: center;
  -webkit-transform: translate3d(0, -3%, 0);
          transform: translate3d(0, -3%, 0);
}
.section-loading .section1-wwbox img {
  z-index: 1;
  position: relative;
  max-width: 100%;
  max-height: 100%;
}
.section-loading .section1-wwbox .title2 {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/webp/section1/section1-title.webp) no-repeat center/contain;
}

.wapbody .section-loading p {
  width: 84vw;
  text-align: center;
  font-size: 1.4rem;
  color: #d09d68;
}
.wapbody .section-loading .icon {
  width: 84vw;
  text-align: center;
}
.wapbody .section-loading .icon img {
  width: 2.5rem;
}
.wapbody .section-loading .section1-wwbox {
  height: 61vh;
  margin: 4vh 7vw -6vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: end;
      align-content: flex-end;
}
.wapbody .section-loading .section1-wwbox .title2 {
  background-position: top;
  background-size: 80% auto;
  background-image: url(../img/webp/wap/section1/section1-title.webp);
}

.dialoghide {
  display: none;
  background-color: black;
  position: relative;
  z-index: 9;
}

.dialogclose-btn {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  width: 3rem;
  height: 3rem;
  z-index: 9;
  cursor: pointer;
}
.dialogclose-btn .icon {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(../img/close-btn.png) no-repeat center/contain;
}

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  78% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes scale {
  0% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  78% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.introiconbox {
  margin-top: 1rem;
}

.introicon {
  width: 3.1rem;
  height: 3.1rem;
  background: url(../img/introicon.png) no-repeat center/contain;
  -webkit-animation: 2s linear 0s infinite normal none running PnBGOBaC;
          animation: 2s linear 0s infinite normal none running PnBGOBaC;
  cursor: pointer;
}

.dialogbtn {
  position: absolute;
  bottom: -3.4rem;
  left: 0;
  z-index: 3;
  width: 3.4rem;
  height: 3.4rem;
  overflow: hidden;
  cursor: pointer;
}
.dialogbtn::before, .dialogbtn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-box-shadow: inset 0 0 8px 16px #d2c0ae;
          box-shadow: inset 0 0 8px 16px #d2c0ae;
  -webkit-animation: scale 3s infinite cubic-bezier(0, 0, 0.49, 1.02);
          animation: scale 3s infinite cubic-bezier(0, 0, 0.49, 1.02);
}
.dialogbtn::after {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.dialogbtn .point {
  position: absolute;
  top: 1.3rem;
  left: 1.3rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: #d09d68;
}
.dialogbtn .inner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.dialogbtn.yzpdialog1 {
  left: 57%;
  bottom: 80%;
}
.dialogbtn.yzpdialog2 {
  left: 57%;
  bottom: 45%;
}
.dialogbtn.yzpdialog3 {
  left: 58%;
  bottom: 15%;
}
.dialogbtn.kfbdialog {
  bottom: 70%;
  left: 51%;
}

.wapbody .dialogbtn-mid {
  bottom: 45% !important;
}
.wapbody .dialogbtn-top {
  bottom: 66% !important;
}
.wapbody .dialogbtn-right {
  left: 81% !important;
}
.wapbody .dialogbtn.kfbdialog {
  bottom: 60%;
  left: 46%;
}

.dialogbtn-mid {
  left: calc(50% - 1.7rem);
  bottom: 43%;
}

.dialogbtn-top {
  left: calc(50% - 1.7rem);
  bottom: 77%;
}

.dialogbtn-right {
  left: 65%;
  bottom: 42%;
}

.ytehdialog1 {
  bottom: 75%;
  left: 62%;
}

.ytehdialog2 {
  bottom: 27%;
  left: 62%;
}

.pcbody #ypzdialog .wwbox {
  left: 10%;
}
.pcbody #ypzdialog .wwintrobox.wwintrobox2 {
  bottom: 32%;
}

.shortintrobox {
  width: calc(31% - var(--wall-margin-left));
}

.pcbody #csydgdialog .wwbox {
  left: 14%;
}

.pcbody #yljbdddialog .wwbox {
  left: 14%;
  height: 90%;
  top: 5%;
}

.wapbody #yljbdddialog .wwbox img {
  bottom: 8%;
}

.wapbody .cstythg-1.wwfirst > .box .wwbox {
  left: 0;
}

#csydgdialog .wwintrobox2 {
  bottom: 33vh;
}