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;
    -webkit-animation-duration: 1.5s;
    animation-delay: 0.8s;
    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.active .box > *:nth-child(2) {
    -webkit-animation-delay: 0.5s;
    -webkit-animation-duration: 1.5s;
    animation-delay: 0.5s;
    animation-duration: 1.5s;
  }
  .wwsecond.active .box .wwintro:nth-child(1) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
  }
  .wwsecond.active .box .wwintro:nth-child(2) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
  }
  
  .wapbody .chapter-title {
    font-family: "simsun";
  }
  
  .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;
  }
  
  .wapbody .unit-title {
    font-family: "simsun";
  }
  
  .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: 6rem;
    height: 6.375rem;
    margin-bottom: 1.5rem;
    display: block;
    background: url(/img/webp/section1/logo.webp) no-repeat center/cover;
  }
  .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: 5vh !important;
    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 .wwbox img {
    width: 100%;
    top: 20%;
  }
  .wapbody #videocont2-2 {
    width: calc(100% - var(--wall-margin-left) * 2);
  }
  .wapbody #videocont2-2 .wwintro {
    margin-bottom: 0.8rem;
  }
  .wapbody #videocont2-4 {
    width: calc(100% - var(--wall-margin-left) * 2);
    top: auto;
    bottom: 4%;
  }
  .wapbody #videocont2-5 {
    width: calc(100% - var(--wall-margin-left) * 2);
    top: auto;
    bottom: 4%;
  }
  .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 {
    position: absolute;
    top: 8vh !important;
    right: 5vw;
    left: auto;
    width: auto !important;
    text-align: right;
  }
  .wapbody .wwmap#videocont-map {
    top: 11.5vh !important;
  }
  .wapbody .wwmap img {
    width: 10rem !important;
    height: auto;
  }
  .wapbody .kefufushijiezong-1 .wwmap,
  .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 .dialogclose-btn {
    right: 3vw;
    top: 3.2rem;
  }
  .wapbody .dialogclose-btn.far-right {
    right: 3vw;
  }
  .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: 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;
    top: 1rem;
    right: 3.6rem;
    width: 3rem;
    height: 3rem;
    z-index: 9;
    cursor: pointer;
  }
  .dialogclose-btn.far-right {
    right: 22vw;
  }
  .dialogclose-btn .icon {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(../img/close-btn.png) no-repeat center/cover;
  }
  
  @-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;
    }
  }
  .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%;
  }
  
  .wapbody .cstythg-1.wwfirst > .box .wwbox {
    left: 0;
  }
  
  #csydgdialog .wwintrobox2 {
    bottom: 33vh;
  }