html {
  font-size: 100px;
  font-size: 13.33333vw;
}

@media screen and (max-width: 320px) {
  html {
    font-size: 42.66667px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 321px) and (max-width: 360px) {
  html {
    font-size: 48px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 361px) and (max-width: 375px) {
  html {
    font-size: 50px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 376px) and (max-width: 393px) {
  html {
    font-size: 52.4px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 394px) and (max-width: 412px) {
  html {
    font-size: 54.93333px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 413px) and (max-width: 414px) {
  html {
    font-size: 55.2px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 415px) and (max-width: 480px) {
  html {
    font-size: 64px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 481px) and (max-width: 540px) {
  html {
    font-size: 72px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 541px) and (max-width: 640px) {
  html {
    font-size: 85.33333px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 641px) and (max-width: 720px) {
  html {
    font-size: 96px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 721px) and (max-width: 750px) {
  html {
    font-size: 100px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 751px) {
  html {
    font-size: 100px;
  }
}

@font-face {
  font-family: "NumFontBlod";
  src: url("data:font/ttf;charset=utf-8;base64,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") format("truetype"), url("data:font/otf;charset=utf-8;base64,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IHJlc2VydmVkLktCYW9OdW1iZXIgQmxvZEtCYW9OdW1iZXIgQmxvZAAAAAABAA8AEQASABMAFAAVABYAFwAYABkAGgByAYcADwIAAQADAAYADgICAhoDJgXYBgoH2wmvCcsMvw6tDrYQm/YO+7kO+9aznBUgCg6f9yOkFf8AHKqr///vVVX/AB9VVf//96qrrYsIsgati/8AH1VV/wAIVVX/AByqq/8AEKqr/wAcqqv/ABCqq/8AFqqq/wAWqqr/ABCqq/8AHKqr/wAQqqv/AByqq/8ACFVV/wAfVVWLrQj3+weLrf//96qr/wAfVVX//+9VVf8AHKqr///vVVX/AByqq///6VVW/wAWqqr//+NVVf8AEKqr///jVVX/ABCqq///4Kqr/wAIVVVpiwhkBmmL///gqqv///eqq///41VV///vVVX//+NVVf//71VV///pVVb//+lVVv//71VV///jVVX//+9VVf//41VV///3qqv//+Cqq4tpCPv7B4tp/wAIVVX//+Cqq/8AEKqr///jVVX/ABCqq///41VV/wAWqqr//+lVVv8AHKqr///vVVUI/wAwgAD3AxX///Gqq5n///jVVf8AEVVVi/8AFKqrCPf7B4uf/wAHKqv/ABEqq/8ADlVV/wAOVVX/AA5VVf8ADlVV/wARKqv/AAcqq5+LCKUGn4v/ABEqq///+NVV/wAOVVX///Gqq/8ADlVV///xqqv/AAcqq///7tVVi3cI+/sHi///61VV///41VX//+6qq///8aqrff//8aqrff//7tVVhHeLCHEGd4v//+7VVZL///Gqq5kIDvsz9y346RX86fcN+WP7DYoHLliL+w0FDtf3DhX7Dvgp9wz7kgf3W/eSi4wF/wARVVX/ABaqq/8ADSqr/wAY1VWUppSm/wAEgAD/ABvVVYv/AByqq4uvgv8AIVVVef8AHqqref8AHqqr///nqqv/ABhVVf//4VVVnf//4VVVnf//3lVWlP//21VViwiEBv//21VVi///3lVWgv//4VVVef//4VVVef//56qr///nqqt5///hVVV5///hVVWC///eqquLZwh19wyhB4uh/wAH1VWe/wAPqqub/wAPqqub/wATKqqT/wAWqquLCJIG/wAWqquL/wATKqqD/wAPqqt7/wAPqqt7/wAH1VV4i3WL///gqqv///aqq///41VV///tVVVxCA6k9yP/ABqAABWp///uVVX/ACCqq///9yqr/wAjVVWLCLUGr4us/wAI1VWp/wARqqup/wARqqv/ABfVVf8AF9VV/wARqqup/wARqqup/wAI1VX/ACCqq4v/ACNVVQiKlwX///9VVZ3///uqq/8AFCqrg/8AFlVVg/8AFlVVg/8AENVWg/8AC1VV///sqqv/ABqqq///56qqn///4qqr/wANVVX/ABVVVf8ACqqr/wAUqqv/ABNVVZ+n/wAHVVWXkpv/AAaqq5//AAaqq5+O/wARVVX///9VVf8ADqqrCJcHif8AIVVVgf8AHqqread5p///6IAA/wAWKqtu/wAQVVVu/wAQVVX//+CAAP8ACCqraYsIeQb//9yqq4v//99VVf//9yqrbf//7lVVbf//7lVV///oKqv//+gqq///7lVVbf//7lVVbf//9yqr///fVVWL///cqqsIgfcJlQeLof8AB6qr/wASqqv/AA9VVf8AD1VV/wAPVVX/AA9VVf8AEqqr/wAHqquhiwidBv8AFVVVi/8AEoAA///4VVX/AA+qq///8Kqr/wAPqqv///Cqq/8AB9VV///tVVWLdQiGB4v//+aqq4L//+pVVXl5eXn//+pVVYL//+aqq4sIdvsXqgb/ABtVVYv/ABeAAP//9iqr/wATqqv//+xVVf8AE6qr///sVVX/AAnVVf//6IAAi///5KqrCH8Hi///6qqr///4Kqv//+2AAP//8FVV///wVVX///BVVf//8FVV///tKqv///gqq3WLCGEG///qqquL///tgAD/AAfVVf//8FVV/wAPqqv///BVVf8AD6qr///4Kqv/ABKAAIv/ABVVVQid+wl5B4v//9yqq/8ACNVV///fVVX/ABGqq23/ABGqq23/ABfVVf//6Cqrqf//7lVVCA7S90z3chX3RfiF+xSL+0X8hYv7Ave4i4v7BPcJi4v3BMKLi/cCVIuL96P7CYuL+6MFDpv/AJmAAP8AG4AAFar//+2qq/8AIiqr///21VX/ACVVVYv/ACSqq4v/ACHVVf8ACSqrqv8AElVVqv8AElVV/wAYqqv/ABjVVv8AElVV/wAfVVX/ABJVVf8AH1VV/wAJKquti/8AJKqrCOMHi7H///gqq/8AIlVV///wVVX/AB6qq///8FVV/wAeqqt0/wAYVVX//+Gqq53//+Gqq53//9sqqpT//9Sqq4t5i///8Cqr///9VVX///JVVf//+qqr///yVVX///qqq///9YAA///5qqr///iqq///+KqrCPcd95H3BvwE/B/3BweP/wAQqqv/AAiAAP8ADaqqmP8ACqqrmP8ACqqr/wAO1VX/AAVVVf8AEKqriwiUBv8AGKqri/8AFNVV///3VVWc///uqquc///uqqv/AAiAAHaL///nVVUIMweL///nVVX///eAAHZ6///uqqt6///uqqv//+sqq///91VV///nVVWL///nVVWLdv8ACKqr///uqqv/ABFVVf//7qqr/wARVVX///dVVaCL/wAYqqsIjPsHigeL///bVVX/AAkqq2n/ABJVVf//4Kqr/wASVVX//+Cqq/8AGKqr///nKqqq///tqqsIDqf3LqkVrXf/ACRVVYH/ACaqq4v/ACaqq4v/ACOAAP8ACYAA/wAgVVWe/wAgVVWe/wAZqqv/ABmqq57/ACBVVZ7/ACBVVf8ACYAA/wAjgACL/wAmqqsIqQeL/wAmqqv///aAAP8AI4AAeP8AIFVVeP8AIFVV///mVVX/ABmqq///36qrnv//36qrnv//3IAA/wAJgAD//9lVVYv///lVVYv///aqq////1VVf////qqrCPct96D7GIv7Gft+Bf//3VVVT///6aqr//++qquB//+5VVWHe4l7i3sIbQeLZf8ACYAA///c1VWe///fqque///fqqv/ABkqq///5oAA/wAfVVX//+1VVQiy9wUV///sqqv/ABNVVf//9lVVoov/ABqqq4v/AA1VVf8AAVVV/wASqqv/AAKqq6OR/wAUqqv/AAvVVf8AESqq/wARqqv/AA2qq/8AEaqr/wANqqv/ABPVVf8ABtVVoYv/ABtVVYv/ABcqq///9oAAnnieeP8ACYAA///o1VWL///kqqsIbQeL///lVVX///aAAHR4///sqqt4///sqqv//+jVVf//9lVV///kqquL///kqquL///oqqr/AAmqq///7Kqr/wATVVUIDo735/jeFft3/N73Gov3evjli/cH/DSLi/sOBQ7/ALmAAP8AEIAAFf8AGlVVgP8AG4AA///6gAD/AByqq4v/ADtVVYv/ADNVVqD/ACtVVbWf/wAUqqv/AA+AAP8AF1VVlqWWpf8ABYAA/wAbVVWL/wAcqqsImAeL/wAcqqv///qAAP8AG4AAgP8AGlVVgP8AGlVV///wgAD/ABcqq3efCH+WBf8AJVVV/wAmqqv/ABKqq/8ALVVVi78IlQeL/wAjVVX///cqq/8AIKqr///uVVWp///uVVWpc/8AF9VV///hqqv/ABGqq///4aqr/wARqqv//97VVf8ACNVVZ4v//9yqq4v//9+AAP//9yqr///iVVX//+5VVf//4lVV///uVVX//+hVVv//6Cqr///uVVVt///uVVVt///3Kqv//99VVYv//9yqqwiBB4tX/wASVVX//9Kqq/8AJKqr///ZVVUIgIAF///rVVV3///wVVb//+jVVf//9VVV///lqqv///VVVf//5aqr///6qqv//+SAAIv//+NVVQh+B4v//+NVVf8ABVVV///kqqv/AAqqq3H/AAqqq3H/AA+qqv//6Kqr/wAUqqv//+tVVf8AE1VVd/8AFtVW///wgAD/ABpVVYAI/wALgAD3ExX//+yqq/8AE6qr///2VVX/ABfVVYunCJgHi6f/AAmqq6P/ABNVVZ//ABNVVZ//ABeqq5Wni6eL/wAYKquB/wAUVVV3/wAUVVV3/wAKKqtzi28IfgeL///kqqv///XVVf//6FVV///rqqt3///rqqt3///n1VWBb4tvi///6FVV/wAJ1VX//+yqq/8AE6qrCJn/AUWAABV7m4P/ABNVVYv/ABaqqwiVB4uhk/8AEyqrm/8AEFVVm/8AEFVVnv8ACCqroYv/ABdVVYv/ABPVVv//99VV/wAQVVX//++qq/8AEFVV///vqqv/AAgqq///7NVVi3UIgQeL///pVVX///fVVf//7Kqr///vqqt7///vqqt7///sKqqD///oqquLdYt4k3ubCA6K95f3qxX/AAaqq4v/AAlVVf8AAKqrl/8AAVVVCPs0+633F4v3IfeLBf8AIqqrx/8AFlVV/wBBVVWV/wBGqquPm42bi5sIqQeL/wAmqqv///ZVVf8AI4AA///sqqv/ACBVVf//7Kqr/wAgVVX//+Yqqv8AGaqr///fqque///fqque///cgAD/AAmAAP//2VVVi///2VVVi///3IAA///2gAD//9+qq3j//9+qq3j//+ZVVf//5lVVeP//36qreP//36qr///2gAD//9yAAIv//9lVVQhtB4v//9lVVf8ACYAA///cgACe///fqque///fqqv/ABmqq///5lVV/wAgVVV4/wAgVVV4/wAjgAD///aAAP8AJqqriwhG9yMV///sqqv/ABNVVf//9lVVoov/ABqqqwipB4v/ABtVVf8ACaqr/wAXKqv/ABNVVZ7/ABNVVZ6i/wAJgAD/ABqqq4v/ABtVVYv/ABdVVv//9lVV/wATVVX//+yqq/8AE1VV///sqqv/AAmqq3SL///lVVWL///yqqv///6qq///7VVV///9VVVzhf//61VV///0Kqv//+7VVv//7lVV///yVVUI///uVVX///JVVf//7Cqr///5Kqt1i///5VVVi3T/AAmqq///7Kqr/wATVVUIDvukvffOFSAKDlr3I/enFf8ABqqr/wAAqquQ/wAEVVX/AANVVZMIuvQF/wACqqv/AAdVVf8ABaqq/wADqqv/AAiqq4v/AAiqq4v/AAWqqv///FVV/wACqqv///iqqwi4IgX/AAVVVYP/AAWqq///+6qrkf///1VVCPcHgAX/AAVVVf///1VV/wAEVVaJ/wADVVX///yqq/8AA1VV///8qqv/AAGqq///+6qqi///+qqri///+1VVif//+6qrh4cIMj0F///8qqv///yqq////lVV///7qqqL///6qqsIi4el+wUF/wAAqquF///+VVX///qqq4f///tVVYf///tVVf//+1VV///9qqv///qqq4v///yqq4v///yqqoz///yqq40IKMcFif8AAVVV///8qqv/AACqq///+1VVi4eL///8qqv///9VVf///VVV///+qqsIKE8F///9VVWJ///8qquKh4uFi///+yqr/wACVVX///xVVf8ABKqr///8VVX/AASqq////tVW/wAFVVX/AAFVVZEIpPcFBY3/AAdVVf///lVV/wAFqqv///qqq48IMtkFh4+J/wAEqquL/wAFVVWL/wAEqqv/AAGqq4//AANVVf8AA1VV/wADVVX/AANVVY+N/wAEqqv/AACqqwgO+KoU+IEVd5/5Y5kGlgwKjAwOHAAWEwABAQFc///0qqv/AAWqq///+lVV/wALVVUe4gb/AAtVVf8ABaqr/wAFqqv/AAtVVR/iB/8AC1VV///6VVX/AAWqq///9KqrHjQG///0qqv///pVVf//+lVV///0qqsfCwAAAAEAAAAMAAAAFgAAAAIAAQABAA4AAQAEAAAAAgAAAAAAAAABAAAAANre18UAAAAA4Y2PRgAAAADhjZ6xAlgAAADIAAAAqwAoAgEAMgFOADwCFgBGAgYALQI0ADgB/QA0AgkAMgHwADwCFgA2AewALwDdADIBvAAK") format("opentype");
}

@font-face {
  font-family: "NumFont";
  src: url("data:font/ttf;charset=utf-8;base64,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") format("truetype"), url("data:font/otf;charset=utf-8;base64,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AFAAWnVuaTI2MDUxLjAwMENvcHlyaWdodChjKSAyMDIzIEtCYW9OdW1iZXIgQWxsIHJpZ2h0cyByZXNlcnZlZC5LQmFvTnVtYmVyIFJlZ3VsYXJLQmFvTnVtYmVyAAAAAAEADwARABIAEwAUABUAFgAXABgAGQAaAHIBhwAPAgABAAIABQANAWUBeAKnBYoFrwdTCVsJdAy3DowOlRB6Dvt5Dvuys5gVIAoO3/fl/wJngAAV///sqque///oVVX/AAmAAG+LCIAGb4v//+iAAP//9oAAeHh4eP//9oAA///o1VWL///kqqsI+/kHi///5Kqr/wAJgAD//+jVVZ54nnj/ABeAAP//9oAAp4sIlgani/8AF6qr/wAJgAD/ABNVVZ7/ABNVVZ7/AAmqq/8AFyqri/8AG1VVCPf5B4v/ABtVVf//9lVV/wAXKqv//+yqq54I//8JgAD8nRV6qP//94AA/wAfgACLrQj3+QeLrf8ACIAA/wAfgACcqJyooqKonKic/wAf1VX/AAiAAP8AIqqriwiWBv8AIqqri/8AH9VV///3gACoeqh6onScbpxu/wAIgAD//+CAAItpCPv5B4tp///3gAD//+CAAHpuem50dG56bnr//+Aqq///94AA///dVVWLCIAG///dVVWL///gKqv/AAiAAG6cbpx0onqoCA4s95wW+WMnByNQiyfzx4v9AAUO9tjjFTP4Kub7twf3cPe7Bf8AEKqrof8ADNVV/wAYVVWU/wAaqquU/wAaqqv/AASAAP8AG1VVi6eL/wAiqqv///dVVav//+6qq/8AHVVV///uqqv/AB1VVf//6IAA/wAXVVb//+JVVf8AEVVV///iVVX/ABFVVf//39VW/wAIqqv//91VVYsIgwb//91VVYv//9/VVv//91VV///iVVX//+6qq///4lVV///uqqv//+iAAP//6Kqq///uqqv//+Kqq///7qqr///iqqv///dVVWuL///dVVUIc+ajB4unlf8AF9VVn/8AE6qrn/8AE6qro/8ACdVVp4sIkwani6P///Yqq5///+xVVZ///+xVVZX//+gqq4tvi///2qqr///0qqv//95VVf//6VVVbQgO1/clphX/AB6qq3n/ACGqqoL/ACSqq4sInwavi/8AISqr/wAIqqv/AB5VVf8AEVVV/wAeVVX/ABFVVf8AGFVW/wAXqqv/ABJVVan/ABJVVan/AAmAAP8AIKqr/wAAqqv/ACNVVQiWB4v/ABSqq////Cqr/wAUqqr///hVVf8AFKqr///4VVX/ABSqq///94AA/wAQVVX///aqq5d//wAOqqv///Sqq5f///VVVf8ACVVV///1VVX/AAlVVX6T///wqqv/AAaqq/8AFVVV/wALVVX/ABRVVv8AE1VW/wATVVX/ABtVVf8ACKqr/wAMqqv/AAcqqv8ADoAA/wAFqqv/ABBVVQj/AAWqq/8AEFVV/wADKqr/ABDVVv8AAKqr/wARVVUIio+MjYuZBf///1VV/wAhVVWC/wAe1Vb//+6qq/8AHFVV///uqqv/ABxVVXT/ABZVVv//41VV/wAQVVX//+NVVf8AEFVVbP8ACCqr///eqquLCHgGaYv//+CAAP//94AAbnpuenR0em56bv//94AA///ggACLaQiA5pYHi/8AG1VV/wAJqqv/ABcqq/8AE1VVnv8AE1VVnqL/AAmAAP8AGqqriwieBv8AG1VVi/8AFyqr///2gACeeJ54/wAJgAD//+jVVYv//+SqqwiGB4v//+FVVf//9Sqr///l1Vb//+pVVf//6lVV///qVVX//+pVVf//5dVW///1Kqv//+FVVYsIdSCrBv8AIKqri6f///RVVf8AF1VV///oqqv/ABdVVf//6Kqr/wALqqtvi///31VVi///4VVV///1VVX//+XVVv//6qqr///qVVX//+qqq///6lVVcf//9Sqr///hVVWLCHcG///hVVWLcf8ACqqr///qqqv/ABVVVf//6qqr/wAVVVX///VVVaWL/wAeqqsIkTCFB4v//9tVVZT//95VVp3//+FVVZ3//+FVVf8AGFVV///nqqv/AB6qq3kIDvcb9/33BRX7Ben3BcztSveuLfuu+1YH90v4kCGL+0v8kIspBQ7b9zb/ABqAABWp///uVVX/ACCqq///9yqr/wAjVVWLr4v/ACEqq/8ACNVV/wAeVVX/ABGqq/8AHlVV/wARqquj/wAX1VX/ABGqq6n/ABGqq6n/AAjVVf8AIKqri/8AI1VVCOgHi/8AI1VV///3Kqv/ACDVVv//7lVV/wAeVVX//+5VVf8AHlVVc6P//+Gqq/8AEaqr///hqqv/ABGqq///3tVV/wAI1VVniwiDBv//4VVVi27///hVVf//5Kqr///wqqsI9zr3qeX8BPwJ7gf/AAdVVf8ADqqr/wAKqquXmf8ACVVVmf8ACVVV/wAPqqv/AASqq/8AEVVViwiTBv8AHVVVi/8AGSqr///1gACgdqB2/wAKgAD//+bVVYv//+KqqwguB4v//+Kqq///9YAAcnb//+tVVXb//+tVVf//5tVV///1qqv//+Kqq4v//+NVVYv//+cqq/8ACoAAdqB2oP//9YAA/wAY1VWL/wAcqqsIjjGIB4v//9yqq/8ACNVV///fVVX/ABGqq23/ABGqq23/ABfVVf//6Cqrqf//7lVVCA7n9zqjFf8AHVVVe/8AH6qrg62Lr4v/ACFVVZT/AB6qq53/AB6qq53/ABhVVf8AGFVVnf8AHqqrnf8AHqqrlP8AIVVVi68IqQeLr4L/ACFVVXn/AB6qq3n/AB6qq///56qr/wAYVVX//+FVVZ3//+FVVZ3//96qq5Rni///7Kqri3r///2qq///8VVV///7VVUIi4z3PPe7JIv7I/uPBf//3VVV///DVVV1S///9qqr//+8qquH///xVVWJ///wqquLewhtB4uH/wAAqqv///lVVf8AAVVV///2qqv/AANVVf//3qqr/wAK1Vb//+Gqqv8AElVV///kqqv/ABJVVf//5Kqr/wAX1Vb//+pVVf8AHVVVewiY/wBmgAAV///sqqug///2VVX/ABiAAIuni/8ADVVV/wABVVX/ABNVVv8AAqqr/wAZVVX/AAaqq6P/AA0qqv8AE6qr/wATqqv/AA9VVf8AE6qr/wAPVVX/ABaAAP8AB6qr/wAZVVWL/wAeqquLpf//9Sqr/wAVVVX//+pVVf8AFVVV///qVVX/AAqqq///5iqri20IbQeL///hVVX///VVVXH//+qqq///6qqr///qqqv//+qqq3H///VVVf//4VVVi///+qqri4f/AABVVf///VVV/wAAqqv//+Sqq/8AAqqr///oqqr/AAvVVf//7KqroAgOuPf2+P0V+3/8/fCL9374+4vo/B6LizAFDvT3Nv8AHIAAFat4rv//9oAAsYuxi/8AIyqr/wAJVVX/ACBVVf8AEqqr/wAgVVX/ABKqq/8AGYAA/wAZgAD/ABKqq/8AIFVV/wASqqv/ACBVVf8ACVVV/wAjKquLsQiYB4v/ACFVVf//+FVV/wAfgAD///Cqq/8AHaqr///wqqv/AB2qq///61VV/wAYgABx/wATVVX/ABSqq52b/wAVVVX/AAtVVf8AGKqr/wALVVX/ABiqq/8ABaqr/wAaVVWLpwiUB4v/ACKqq///94AA/wAf1VV6qHqodKJunG6c///gKqv/AAiAAP//3VVVi///3VVVi///4Cqr///3gABuem56dHR6bnpu///3gAD//+Aqq4v//91VVQiCB4tv/wAFqqv//+Wqq/8AC1VV///nVVX/AAtVVf//51VVm///6qqr/wAUqqt5cf//7Kqr///rgAD//+eAAHz//+JVVXz//+JVVf//+IAA///ggACL///eqqsIfgeLZf8ACVVVaP8AEqqra/8AEqqra/8AGVVV///mgACreAig/wBggAAV///oqqv/ABdVVf//9FVV/wAcVVaL/wAhVVUImAeL/wAhVVX/AAuqq/8AHCqr/wAXVVWi/wAXVVWip/8AC4AA/wAgqquL/wAhVVWL/wAcVVb///RVVf8AF1VV///oqqv/ABdVVf//6Kqr/wALqqtvi///31VVCH4Hi///31VV///0VVX//+PVVv//6Kqr///oVVX//+iqq///6FVV///jqqr///Qqq///3qqri///31VVi2//AAuqq///6Kqr/wAXVVUI/wANgAD/AVKAABX//+xVVf8AE6qr///2Kqv/ABeAAIv/ABtVVQiUB4v/ABtVVf8ACdVV/wAXgAD/ABOqq/8AE6qr/wATqqv/ABOqq/8AF4AA/wAJ1VX/ABtVVYv/ABtVVYv/ABeAAP//9iqr/wATqqv//+xVVf8AE6qr///sVVX/AAnVVf//6IAAi///5KqrCIIHi///5Kqr///2Kqv//+iAAP//7FVV///sVVX//+xVVf//7FVV///ogAD///Yqq///5Kqri///5Kqri///6IAA/wAJ1VX//+xVVf8AE6qrCA6y94v3xBX/ABNVVYuc/wACVVX/AA6qq/8ABKqrCPtF+8vzi/cr954F/wAiqqv/ADyqq6HL/wAJVVX/AENVVY//AA9VVY3/AA9VVov/AA9VVQipB4uvgv8AIVVVef8AHqqref8AHqqr///nqqv/ABhVVf//4VVVnf//4VVVnf//3lVWlP//21VVi2eL///eqquC///hVVV5///hVVV5///nqqv//+eqq3n//+FVVXn//+FVVYL//96qq4tnCG0Hi2eU///eqqud///hVVWd///hVVX/ABhVVf//56qr/wAeqqt5/wAeqqt5/wAhVVWCr4sI//+ygAD3DhX//+pVVf8AFVVV///1Kquli/8AHqqrCKkHi6n/AArVVf8AGdVV/wAVqqv/ABWqq/8AFaqr/wAVqqv/ABnVVf8ACtVVqYv/AB6qq4v/ABoqqv//9Sqr/wAVqqv//+pVVf8AFaqr///qVVX/AArVVf//5iqri22L///yqqv///6qq///7Kqq///9VVX//+aqq///+VVVc///8tVW///sVVX//+xVVf//8KqrCP//7FVV///wqqv//+mAAP//+FVV///mqquLbYv//+Yqq/8ACqqr///qVVX/ABVVVQgO+56u99gVIAoOmvcj96cV/wAGqqv/AACqq5D/AARVVf8AA1VVkwi69AX/AAKqq/8AB1VV/wAFqqr/AAOqq/8ACKqri/8ACKqri/8ABaqq///8VVX/AAKqq///+KqrCLgiBf8ABVVVg/8ABaqr///7qquR////VVUI9weABf8ABVVV////VVX/AARVVon/AANVVf///Kqr/wADVVX///yqq/8AAaqr///7qqqL///6qquL///7VVWJ///7qquHhwgyPQX///yqq////Kqr///+VVX///uqqov///qqqwiLh6X7BQX/AACqq4X///5VVf//+qqrh///+1VVh///+1VV///7VVX///2qq///+qqri////Kqri////KqqjP///KqrjQgoxwWJ/wABVVX///yqq/8AAKqr///7VVWLh4v///yqq////1VV///9VVX///6qqwgoTwX///1VVYn///yqq4qHi4WL///7Kqv/AAJVVf///FVV/wAEqqv///xVVf8ABKqr///+1Vb/AAVVVf8AAVVVkQik9wUFjf8AB1VV///+VVX/AAWqq///+qqrjwgy2QWHj4n/AASqq4v/AAVVVYv/AASqq/8AAaqrj/8AA1VV/wADVVX/AANVVf8AA1VVj43/AASqq/8AAKqrCA747BT4QRV3n/ljmgaWDAocABMTAAEBAVz///dVVf8ABFVV///7qqv/AAiqqx7OBv8ACKqr/wAEVVX/AARVVf8ACKqrH84H/wAIqqv///uqq/8ABFVV///3VVUeSAb///dVVf//+6qr///7qqv///dVVR8LAAABAAAADAAAABYAAAACAAEAAQAOAAEABAAAAAIAAAAAAAAAAQAAAADa3tfFAAAAAOGNj0YAAAAA4Y2dnAJYAAAAyAAAAI8AKAIBAEEBTgA8AhgARgH5AC0CNAA9Af0AQAIJADwB2gA8AhYAOgHUAC8AowAjAbwACg==") format("opentype");
}

.box {
  position: relative;
  width: 7.5rem;
  margin: 0 auto;
  height: 100vh;
  overflow: hidden;
}

.page1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 7.5rem;
  height: 17.50rem;
  overflow: hidden;
  background: url("../images/bg1.png") no-repeat 0 0;
  background-size: 100% 100%;
  z-index: 0;
  -webkit-animation: rotPage 0.5s linear both;
  animation: rotPage 0.5s linear both;
}

.page1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 7.5rem;
  height: 7.6rem;
  background: url("../images/page1-mk.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.page2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 7.5rem;
  height: 17.50rem;
  overflow: hidden;
  z-index: 0;
  background: url("../images/bg2.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: rotPage 0.5s linear both;
  animation: rotPage 0.5s linear both;
}

.page2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 7.5rem;
  height: 8.12rem;
  background: url("../images/page2-mk.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.page2 .p-text p {
  text-shadow: none;
}

.page3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 7.5rem;
  height: 17.50rem;
  overflow: hidden;
  z-index: 0;
  background: url("../images/bg3.png") no-repeat 0 -0.8rem;
  background-size: 100% 100%;
  -webkit-animation: rotPage 0.5s linear both;
  animation: rotPage 0.5s linear both;
}

.page3 .p-text {
  z-index: 3;
}

.page3 .p-text p {
  color: #548CD6;
  text-shadow: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.page3 .p-text p em {
  color: #3262A1;
  font-weight: 700;
  font-size: 0.6rem;
}

.page3 .p-text p em.v2 {
  color: #3262A1;
  font-size: 0.36rem;
  font-weight: 700;
}

.page4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 7.5rem;
  height: 17.50rem;
  overflow: hidden;
  z-index: 0;
  background: url("../images/bg4.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: rotPage 0.5s linear both;
  animation: rotPage 0.5s linear both;
}

.page4 .p-text p {
  color: #3FB7C2;
  text-shadow: none;
}

.page4 .p-text p em {
  color: #008E9B;
}

.page5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 7.5rem;
  height: 17.50rem;
  overflow: hidden;
  z-index: 0;
  background: url("../images/bg5.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: rotPage 0.5s linear both;
  animation: rotPage 0.5s linear both;
}

.page5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 7.5rem;
  height: 7.6rem;
  background: url("../images/page5-mk.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.page5 .p-text p {
  color: #fff;
  text-shadow: none;
}

.page5 .p-text p em {
  color: #FFFDBC;
  font-weight: 700;
  font-size: 0.6rem;
}

.page5 .p-text p em.v2 {
  color: #FFFDBC;
  font-size: 0.36rem;
  font-weight: 700;
}

.page6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 7.5rem;
  height: 17.50rem;
  overflow: hidden;
  z-index: 0;
  background: url("../images/bg6.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: rotPage 0.5s linear both;
  animation: rotPage 0.5s linear both;
}

.page6::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 7.5rem;
  height: 7.6rem;
  background: url("../images/page6-mk.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.page6 .p-text {
  width: 7.2rem;
  left: 0.15rem;
}

.page6 .p-text p {
  font-size: 0.3rem;
  text-align: center;
  color: #fff;
  text-shadow: none;
}

.page6 .p-text p em {
  font-size: 0.48rem;
  color: #FFFDBC;
}

.page6 .p-text p span {
  max-width: 100%;
  line-height: normal;
}

.page6 .pt2 p em {
  color: #FFFDBC;
}

.page6 .gbox {
  position: absolute;
  width: 7.5rem;
  left: 0;
  top: 5.4rem;
}

.page6 .gbox i {
  display: block;
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -0.1rem auto -1rem;
  position: relative;
}

.page6 .gbox i::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url("../images/p6-gbg.png") no-repeat 0 0;
  background-size: 100% 100%;
  animation: rot 15s linear infinite;
}

.page6 .gbox i img {
  width: auto;
  height: 2.5rem;
}

.page6 .gbox span {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 0.24rem;
  text-shadow: 0px 0px 50px #746252;
  font-size: 0.24rem;
}

.page6 .gbox2 {
  top: 5.4rem;
}

.page6 .gbox2 i img {
  width: 5.49rem;
  height: 2.47rem;
  object-fit: contain;
}

.page6 .gbox3 {
  top: 5.1rem;
}

.page6 .gbox3 i img {
  width: 2.51rem;
  height: 3.13rem;
}

.bom-box {
  position: absolute;
  width: 7.5rem;
  height: 5.86rem;
  left: 50%;
  top: 12.10rem;
  margin-left: -3.75rem;
  z-index: 3;
}

.bom-box .bom-rw {
  position: absolute;
  width: 3.3rem;
  height: 3.1rem;
  left: 50%;
  top: -3rem;
  margin-left: -2.15rem;
  z-index: 0;
}

.bom-box .bom-text {
  position: absolute;
  top: -3.4rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-animation: zoomStartText 1s linear both;
  animation: zoomStartText 1s linear both;
}

.bom-box .bom-text span {
  background-color: #fff;
  white-space: nowrap;
  border-radius: 0.2rem;
  padding: 0.1rem 0.2rem;
  font-size: 0.28rem;
  color: #151515;
  position: relative;
}

.bom-box .bom-text span::after {
  content: "";
  position: absolute;
  bottom: -0.07rem;
  left: 50%;
  margin-left: -0.08rem;
  width: 0.16rem;
  height: 0.16rem;
  background: #fff;
  transform: rotate(45deg);
  border-radius: 0.04rem;
}

.change-go {
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  left: 50%;
  top: 5.2rem;
  margin-left: -0.38rem;
  background: url("../images/point.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.change-go::after {
  content: '';
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
  border: 0.06rem solid rgba(255, 255, 255, 0.3);
  -webkit-animation: point2 1.2s infinite alternate;
  animation: point2 1.2s infinite alternate;
}

.change-go::before {
  content: '';
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
  border: 0.06rem solid rgba(255, 255, 255, 0.5);
  -webkit-animation: point1 1.2s infinite alternate;
  animation: point1 1.2s infinite alternate;
}

@keyframes point1 {
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes point1 {
  100% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

.bb1 {
  background: url("../images/bom-box.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.music {
  display: none;
  width: 0.57rem;
  height: 0.56rem;
  position: fixed;
  left: 50%;
  top: 1.42rem;
  margin-left: 2.87rem;
  z-index: 100;
  background: url("../images/icon-v.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: musPlay 1.5s linear infinite;
  animation: musPlay 1.5s linear infinite;
}

.music.on {
  background: url("../images/icon-von.png") no-repeat 0 0;
  background-size: 100% 100%;
  animation: none;
}

.bb2 {
  background: url("../images/bom-box2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.bb2 .bom-tips {
  background: url("../images/bom-tips2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.bb3 {
  background: url("../images/bom-box3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.bb3 .bom-tips {
  background: url("../images/bom-tips3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.bb4 {
  background: url("../images/bom-box4.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.bb4 .bom-tips {
  background: url("../images/bom-tips4.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.bb5 {
  background: url("../images/bom-box5.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.bb5 .bom-tips {
  background: url("../images/bom-tips5.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.bb6 {
  background: url("../images/bom-box6.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.bb6 .bom-tips {
  background: url("../images/bom-tips6.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.bom-tips {
  position: absolute;
  top: 0.8rem;
  left: 50%;
  margin-left: -3.05rem;
  width: 6.09rem;
  height: 6.10rem;
  background: url("../images/bom-tips1.png") no-repeat 0 0;
  background-size: 100% 100%;
  animation: rot 15s linear infinite;
}

.p-text {
  width: 6.88rem;
  position: absolute;
  left: 0.3rem;
  top: 1.8rem;
  z-index: 1;
}

.p-text p {
  font-size: 0.3rem;
  color: #fff;
  line-height: normal;
  font-weight: 700;
  -webkit-text-stroke-width: 0;
  padding: 0.17rem 0;
  white-space: nowrap;
}

.p-text p em {
  font-size: 0.52rem;
  color: #FFFDBC;
  font-weight: 500;
  font-family: 'NumFontBlod', sans-serif;
  -webkit-text-stroke-width: 0;
  font-style: normal;
  margin: 0 0.1rem;
  vertical-align: bottom;
}

.p-text p span {
  font-size: 0.34rem;
  margin: 0 0.05rem;
  font-weight: bold;
  -webkit-text-stroke-width: 0;
  display: inline-block;
  max-width: 3.2rem;
  line-height: normal;
  vertical-align: bottom;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.p-text p span.v3 {
  max-width: 6.8rem;
}

.p-text p img {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  border: 1px solid #548CD6;
}

.p-text p .fname {
  display: inline-block;
  font-size: 0.32rem;
  color: #548CD6;
  width: 1.8rem;
  line-height: normal;
  font-weight: bold;
  transform: translateY(0.07rem);
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.fs32 {
  font-size: 0.32rem !important;
}

.fs34 {
  font-size: 0.34rem !important;
}

.fs36 {
  font-size: 0.36rem !important;
}

.fs38 {
  font-size: 0.38rem !important;
}

.fs40 {
  font-size: 0.40rem !important;
}

.fs42 {
  font-size: 0.42rem !important;
}

.clC {
  color: #FFFDBC !important;
}

.fb {
  font-weight: bold;
}

.p-text.on {
  -webkit-animation: fadeHide 1s linear both;
  animation: fadeHide 1s linear both;
}

.p1-left {
  position: absolute;
  left: -0.4rem;
  top: 6.8rem;
  width: 7.5rem;
  height: 9.01rem;
  background: url("../images/p1-left1.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInLeft 1s linear both;
  animation: fadeInLeft 1s linear both;
}

.p1-right {
  position: absolute;
  right: -0.4rem;
  top: 6.8rem;
  width: 6.75rem;
  height: 9.12rem;
  background: url("../images/p1-right1.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInRight 1s linear both;
  animation: fadeInRight 1s linear both;
}

.p1-left2 {
  position: absolute;
  left: -0.4rem;
  top: 1.8rem;
  width: 2.75rem;
  height: 6.52rem;
  background: url("../images/p1-left2.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInLeft 1s linear both;
  animation: fadeInLeft 1s linear both;
}

.p1-right2 {
  position: absolute;
  right: -0.8rem;
  top: 1.4rem;
  width: 3.15rem;
  height: 11.17rem;
  background: url("../images/p1-right2.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInRight 1s linear both;
  animation: fadeInRight 1s linear both;
}

.p1-fish {
  position: absolute;
  left: 0;
  top: 7.5rem;
  width: 7.5rem;
  height: 4.93rem;
  background: url("../images/fish.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInLeft 1s 0.8s linear both, movedown 2s 1.8s linear infinite alternate;
  animation: fadeInLeft 1s 0.8s linear both, movedown 2s 1.8s linear infinite alternate;
}

.p1-fish2 {
  position: absolute;
  left: 1.4rem;
  top: 6rem;
  width: 3.64rem;
  height: 1.94rem;
  background: url("../images/fish2.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInLeft 1s 0.8s linear both, movedown 2s 1.8s linear infinite alternate;
  animation: fadeInLeft 1s 0.8s linear both, movedown 2s 1.8s linear infinite alternate;
}

.p1-bubble1 {
  position: absolute;
  left: 3.4rem;
  bottom: 7.5rem;
  width: 1.45rem;
  height: 1.94rem;
  background: url("../images/p1-bubble1.png") no-repeat 0 0;
  background-size: 100% 100%;
  z-index: 1;
  -webkit-animation: zoom 1s linear both, movedown 3s 1s linear infinite alternate;
  animation: zoom 1s linear both, movedown 3s 1s linear infinite alternate;
}

.p1-bubble2 {
  position: absolute;
  left: 0.7rem;
  bottom: 5rem;
  width: 1.28rem;
  height: 2.04rem;
  background: url("../images/p1-bubble2.png") no-repeat 0 0;
  background-size: 100% 100%;
  z-index: 1;
  -webkit-animation: zoom 1s linear both, movedown 3s 1s linear infinite alternate;
  animation: zoom 1s linear both, movedown 3s 1s linear infinite alternate;
}

.bubble {
  position: absolute;
  bottom: 7.8rem;
  left: 4.2rem;
  z-index: 1;
}

.bubble li {
  opacity: 0;
  position: absolute;
  width: 1.28rem;
  height: 2.04rem;
}

.bubble li img {
  width: 1.28rem;
  height: 2.04rem;
}

.bu2 {
  position: absolute;
  bottom: 6rem;
  left: 2.1rem;
}

.p2-left {
  position: absolute;
  left: -0.1rem;
  top: 8.4rem;
  width: 1.6rem;
  height: 3.13rem;
  background: url("../images/p2-left1.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInLeft 1s 0.5s linear both;
  animation: fadeInLeft 1s 0.5s linear both;
}

.p2-right {
  position: absolute;
  right: -0.1rem;
  top: 8.4rem;
  width: 1.77rem;
  height: 3.91rem;
  background: url("../images/p2-right1.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInRight 1s 0.5s linear both;
  animation: fadeInRight 1s 0.5s linear both;
}

.p3-left {
  position: absolute;
  left: -0.1rem;
  top: 4rem;
  width: 3.49rem;
  height: 6.10rem;
  background: url("../images/p3-left1.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInLeft 1s 0.5s linear both;
  animation: fadeInLeft 1s 0.5s linear both;
}

.p3-left.on {
  background: url("../images/p3-left1-on.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p3-right {
  position: absolute;
  right: -0.1rem;
  top: 7.6rem;
  width: 2.95rem;
  height: 3.62rem;
  background: url("../images/p3-right1.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInRight 1s 0.5s linear both;
  animation: fadeInRight 1s 0.5s linear both;
}

.p3-left2 {
  position: absolute;
  left: -0.1rem;
  top: 11rem;
  width: 2.25rem;
  height: 3.9rem;
  background: url("../images/p3-left2.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInLeft 1s linear both;
  animation: fadeInLeft 1s linear both;
}

.p3-right2 {
  position: absolute;
  right: -0.1rem;
  top: 10.4rem;
  width: 2.74rem;
  height: 4.67rem;
  background: url("../images/p3-right2.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInRight 1s linear both;
  animation: fadeInRight 1s linear both;
}

.p3-tips {
  width: 1.50rem;
  height: 1.37rem;
  position: absolute;
  left: 2.4rem;
  top: 6.8rem;
  background: url("../images/p3-tips.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: zoomStart 1s linear both, shake 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) both infinite;
  animation: zoomStart 1s linear both, shake 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) both infinite;
}

.p3-bird {
  width: 6.09rem;
  height: 4.08rem;
  position: absolute;
  right: 0;
  top: 1.5rem;
}

.p3-bird li {
  position: absolute;
  background: url("../images/p3-bird.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p3-bird li:nth-child(1) {
  width: 1.2rem;
  height: 0.62rem;
  top: 0.3rem;
  right: 0.6rem;
  -webkit-animation: zoomStart 1s linear both, movedown2 2s 1s linear infinite alternate;
  animation: zoomStart 1s linear both, movedown2 2s 1s linear infinite alternate;
}

.p3-bird li:nth-child(2) {
  width: 1rem;
  height: 0.54rem;
  top: 1.4rem;
  right: 1.8rem;
  opacity: 0.8;
  -webkit-animation: zoomStart 1s 0.4s linear both, movedown2 2s 1.4s linear infinite alternate;
  animation: zoomStart 1s 0.4s linear both, movedown2 2s 1.4s linear infinite alternate;
}

.p3-bird li:nth-child(3) {
  width: 1.2rem;
  height: 0.62rem;
  top: 1.4rem;
  right: 0.2rem;
  opacity: 0.9;
  -webkit-animation: zoomStart 1s 0.4s linear both, movedown2 2s 1.4s linear infinite alternate;
  animation: zoomStart 1s 0.4s linear both, movedown2 2s 1.4s linear infinite alternate;
}

.p3-bird li.on {
  -webkit-animation: zoomEND 0.8s linear both;
  animation: zoomEND 0.8s linear both;
}

.p4-left {
  position: absolute;
  left: -0.1rem;
  top: 10.2rem;
  width: 2.5rem;
  height: 3.94rem;
  background: url("../images/p4-left1.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInLeft 1s 0.5s linear both;
  animation: fadeInLeft 1s 0.5s linear both;
}

.p4-right {
  position: absolute;
  right: -0.1rem;
  top: 10.5rem;
  width: 2.18rem;
  height: 3.94rem;
  background: url("../images/p4-right1.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInRight 1s 0.5s linear both;
  animation: fadeInRight 1s 0.5s linear both;
}

.p4-car {
  position: absolute;
  left: 1.2rem;
  top: 5.8rem;
  width: 5.28rem;
  height: 5.752rem;
  background: url("../images/p4-c1.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInLeft 1.2s 0.5s linear both;
  animation: fadeInLeft 1.2s 0.5s linear both;
}

.p4-car.on {
  -webkit-animation: fadeInLeftEND 1.2s linear both;
  animation: fadeInLeftEND 1.2s linear both;
}

.p4-say li:nth-child(1) {
  position: absolute;
  right: 0.5rem;
  top: 3.2rem;
  width: 2.75rem;
  height: 1.66rem;
  background: url("../images/p4-say.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: zoomStart 1s linear both, movedown2 2s 1s linear infinite alternate;
  animation: zoomStart 1s linear both, movedown2 2s 1s linear infinite alternate;
}

.p4-say li:nth-child(2) {
  position: absolute;
  left: 1rem;
  top: 1.2rem;
  width: 1.6rem;
  height: 1.0rem;
  background: url("../images/p4-say.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: zoomStart 1s linear both, movedown2 2s 1s linear infinite alternate;
  animation: zoomStart 1s linear both, movedown2 2s 1s linear infinite alternate;
}

.p4-say.on {
  -webkit-animation: zoomEND 0.8s linear both;
  animation: zoomEND 0.8s linear both;
}

.p4-car2 {
  position: absolute;
  left: 1.2rem;
  top: 5.8rem;
  width: 5.28rem;
  height: 5.752rem;
  background: url("../images/p4-c2.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInLeft 1.2s linear both;
  animation: fadeInLeft 1.2s linear both;
}

.p4-car2.on {
  -webkit-animation: fadeInLeftEND 1.2s linear both;
  animation: fadeInLeftEND 1.2s linear both;
}

.p5-left {
  position: absolute;
  left: -0.1rem;
  top: 7.8rem;
  width: 4.09rem;
  height: 7.23rem;
  background: url("../images/p5-left.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInLeft 1s 0.5s linear both;
  animation: fadeInLeft 1s 0.5s linear both;
}

.p5-right {
  position: absolute;
  right: -0.1rem;
  top: 8rem;
  width: 3.27rem;
  height: 6.68rem;
  background: url("../images/p5-right.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInRight 1s 0.5s linear both;
  animation: fadeInRight 1s 0.5s linear both;
}

.p5-tem {
  position: absolute;
  left: 0;
  top: 5.4rem;
  width: 7.5rem;
  height: 11.51rem;
  background: url("../images/p5-img.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeTem 1s 0.5s linear both;
  animation: fadeTem 1s 0.5s linear both;
}

.p6-left {
  position: absolute;
  left: -0.1rem;
  top: 1.2rem;
  width: 2.33rem;
  height: 13.65rem;
  background: url("../images/p6-left.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInLeft 1s 0.5s linear both;
  animation: fadeInLeft 1s 0.5s linear both;
}

.p6-right {
  position: absolute;
  right: -0.1rem;
  top: 1.2rem;
  width: 2.38rem;
  height: 13.65rem;
  background: url("../images/p6-right.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInRight 1s 0.5s linear both;
  animation: fadeInRight 1s 0.5s linear both;
}

.p6-left2 {
  position: absolute;
  left: -0.05rem;
  top: 7.6rem;
  width: 1.65rem;
  height: 3.05rem;
  background: url("../images/p6-right2.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInLeft 1s 0.5s linear both;
  animation: fadeInLeft 1s 0.5s linear both;
}

.p6-right2 {
  position: absolute;
  right: -0.05rem;
  top: 7.6rem;
  width: 1.65rem;
  height: 3.05rem;
  background: url("../images/p6-left2.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInRight 1s 0.5s linear both;
  animation: fadeInRight 1s 0.5s linear both;
}

.p6-throne {
  position: absolute;
  left: 50%;
  margin-left: -3.22rem;
  top: 8.7rem;
  width: 6.43rem;
  height: 4.50rem;
  background: url("../images/p6-throne.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeTem 1s 0.5s linear both;
  animation: fadeTem 1s 0.5s linear both;
}

.p2-top {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -2.54rem;
  width: 5.09rem;
  height: 4.74rem;
  background: url("../images/p2-top1.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInTop 1s linear both;
  animation: fadeInTop 1s linear both;
}

.p2-bf {
  position: absolute;
  bottom: 6.5rem;
  left: 0rem;
  width: 7.36rem;
  height: 7.19rem;
  background: url("../images/p2-bf.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeBF 0.8s linear both;
  animation: fadeBF 0.8s linear both;
}

.bubble li:nth-child(1) {
  -webkit-animation: pp01 2s linear infinite;
  animation: pp01 2s linear infinite;
}

@-webkit-keyframes pp01 {
  0% {
    -webkit-transform: scale(0) translateY(0) rotate(-70deg);
    transform: scale(0) translateY(0) rotate(-70deg);
    opacity: .5;
  }
  70% {
    -webkit-transform: scale(1) translateY(-3rem) rotate(0);
    transform: scale(1) translateY(-3rem) rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) translateY(-3rem) rotate(0);
    transform: scale(1) translateY(-3rem) rotate(0);
    opacity: 0;
  }
}

@keyframes pp01 {
  0% {
    -webkit-transform: scale(0) translateY(0) rotate(-70deg);
    transform: scale(0) translateY(0) rotate(-70deg);
    opacity: .5;
  }
  70% {
    -webkit-transform: scale(1) translateY(-3rem) rotate(0);
    transform: scale(1) translateY(-3rem) rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) translateY(-3rem) rotate(0);
    transform: scale(1) translateY(-3rem) rotate(0);
    opacity: 0;
  }
}

.bubble li:nth-child(2) {
  -webkit-animation: pp02 2s 0.4s linear infinite;
  animation: pp02 2s 0.4s linear infinite;
}

@-webkit-keyframes pp02 {
  0% {
    -webkit-transform: scale(0) translateY(0) rotate(-70deg);
    transform: scale(0) translateY(0) rotate(-70deg);
  }
  75% {
    -webkit-transform: scale(1) translate(-2rem, -1.5rem) rotate(0);
    transform: scale(1) translate(-2rem, -1.5rem) rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) translate(-2rem, -1.5rem) rotate(0);
    transform: scale(1) translate(-2rem, -1.5rem) rotate(0);
    opacity: 0;
  }
}

@keyframes pp02 {
  0% {
    -webkit-transform: scale(0) translateY(0) rotate(-70deg);
    transform: scale(0) translateY(0) rotate(-70deg);
  }
  75% {
    -webkit-transform: scale(1) translate(-2rem, -1.5rem) rotate(0);
    transform: scale(1) translate(-2rem, -1.5rem) rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) translate(-2rem, -1.5rem) rotate(0);
    transform: scale(1) translate(-2rem, -1.5rem) rotate(0);
    opacity: 0;
  }
}

.bubble li:nth-child(3) {
  -webkit-animation: pp03 2s 0.8s linear infinite;
  animation: pp03 2s 0.8s linear infinite;
}

@-webkit-keyframes pp03 {
  0% {
    -webkit-transform: scale(0) translateY(0);
    transform: scale(0) translateY(0);
  }
  70% {
    -webkit-transform: scale(0.8) translate(1.6rem, -6rem) rotate(40deg);
    transform: scale(0.8) translate(1.6rem, -6rem) rotate(40deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.8) translate(1.6rem, -6rem) rotate(40deg);
    transform: scale(0.8) translate(1.6rem, -6rem) rotate(40deg);
    opacity: 0;
  }
}

@keyframes pp03 {
  0% {
    -webkit-transform: scale(0) translateY(0);
    transform: scale(0) translateY(0);
  }
  70% {
    -webkit-transform: scale(0.8) translate(1.6rem, -6rem) rotate(40deg);
    transform: scale(0.8) translate(1.6rem, -6rem) rotate(40deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.8) translate(1.6rem, -6rem) rotate(40deg);
    transform: scale(0.8) translate(1.6rem, -6rem) rotate(40deg);
    opacity: 0;
  }
}

.bubble li:nth-child(4) {
  -webkit-animation: pp04 2s 0.4s linear infinite;
  animation: pp04 2s 0.4s linear infinite;
}

@-webkit-keyframes pp04 {
  0% {
    -webkit-transform: scale(0) translateY(0) rotate(90deg);
    transform: scale(0) translateY(0) rotate(90deg);
  }
  70% {
    -webkit-transform: scale(1.3) translateY(-3rem) rotate(0);
    transform: scale(1.3) translateY(-3rem) rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3) translateY(-3rem) rotate(0);
    transform: scale(1.3) translateY(-3rem) rotate(0);
    opacity: 0;
  }
}

@keyframes pp04 {
  0% {
    -webkit-transform: scale(0) translateY(0) rotate(90deg);
    transform: scale(0) translateY(0) rotate(90deg);
  }
  70% {
    -webkit-transform: scale(1.3) translateY(-3rem) rotate(0);
    transform: scale(1.3) translateY(-3rem) rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3) translateY(-3rem) rotate(0);
    transform: scale(1.3) translateY(-3rem) rotate(0);
    opacity: 0;
  }
}

.bubble li:nth-child(5) {
  -webkit-animation: pp01 2s 0.8s linear infinite;
  animation: pp01 2s 0.8s linear infinite;
}

@-webkit-keyframes pp05 {
  0% {
    -webkit-transform: scale(0) translateY(0) rotate(-70deg);
    transform: scale(0) translateY(0) rotate(-70deg);
  }
  80% {
    -webkit-transform: scale(1) translate(1.8rem, -4rem) rotate(0);
    transform: scale(1) translate(1.8rem, -4rem) rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) translate(1.8rem, -4rem) rotate(0);
    transform: scale(1) translate(1.8rem, -4rem) rotate(0);
    opacity: 0;
  }
}

@keyframes pp05 {
  0% {
    -webkit-transform: scale(0) translateY(0) rotate(-70deg);
    transform: scale(0) translateY(0) rotate(-70deg);
  }
  80% {
    -webkit-transform: scale(1) translate(1.8rem, -4rem) rotate(0);
    transform: scale(1) translate(1.8rem, -4rem) rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) translate(1.8rem, -4rem) rotate(0);
    transform: scale(1) translate(1.8rem, -4rem) rotate(0);
    opacity: 0;
  }
}

.bad {
  position: absolute;
  top: 5.75rem;
  left: 0.9rem;
  width: 5.70rem;
  height: 5.64rem;
  background: url("../images/bad.png") no-repeat center bottom;
  background-size: 4.64rem 3.49rem;
  -webkit-animation: fadeInTop 0.6s linear both;
  animation: fadeInTop 0.6s linear both;
}

.bad.in {
  animation: shake 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) both infinite;
  transform-origin: center bottom;
}

.bad.on {
  top: 6.45rem;
  left: 0.9rem;
  background: url("../images/bad-on.png") no-repeat 0 0;
  background-size: 100% 100%;
  animation: none;
}

.bom-list {
  width: 7.5rem;
  height: 100%;
}

.bom-list a {
  position: absolute;
  display: block;
  width: 1.87rem;
  height: 1.87rem;
}

.bom-list .b1 {
  top: -0.28rem;
  left: 0;
  transform: scale(0.9);
  background: url("../images/icon1.png") no-repeat center center;
  background-size: 1.05rem 1.05rem;
}

.bom-list .b1.in {
  background: url("../images/icon1-in.png") no-repeat center center;
  background-size: 1.05rem 1.05rem;
}

.bom-list .b1.on {
  background: url("../images/icon1-on.png") no-repeat center center;
  background-size: 1.65rem 1.65rem;
}

.bom-list .b2 {
  transform: scale(0.95);
  top: -0.72rem;
  left: 1.3rem;
  background: url("../images/icon2.png") no-repeat center center;
  background-size: 1.18rem 1.18rem;
}

.bom-list .b2.in {
  background: url("../images/icon2-in.png") no-repeat center center;
  background-size: 1.18rem 1.18rem;
}

.bom-list .b2.on {
  background: url("../images/icon2-on.png") no-repeat center center;
  background-size: 1.78rem 1.78rem;
}

.bom-list .b3 {
  top: -0.9rem;
  left: 50%;
  margin-left: -0.93rem;
  background: url("../images/icon3.png") no-repeat center center;
  background-size: 1.27rem 1.27rem;
}

.bom-list .b3.in {
  background: url("../images/icon3-in.png") no-repeat center center;
  background-size: 1.27rem 1.27rem;
}

.bom-list .b3.on {
  background: url("../images/icon3-on.png") no-repeat center center;
  background-size: 100% 100%;
}

.bom-list .b4 {
  transform: scale(0.95);
  top: -0.72rem;
  right: 1.3rem;
  background: url("../images/icon4.png") no-repeat center center;
  background-size: 1.18rem 1.18rem;
}

.bom-list .b4.in {
  background: url("../images/icon4-in.png") no-repeat center center;
  background-size: 1.18rem 1.18rem;
}

.bom-list .b4.on {
  background: url("../images/icon4-on.png") no-repeat center center;
  background-size: 1.78rem 1.78rem;
}

.bom-list .b5 {
  transform: scale(0.9);
  top: -0.28rem;
  right: 0;
  background: url("../images/icon5.png") no-repeat center center;
  background-size: 1.05rem 1.05rem;
}

.bom-list .b5.in {
  background: url("../images/icon5-in.png") no-repeat center center;
  background-size: 1.05rem 1.05rem;
}

.bom-list .b5.on {
  background: url("../images/icon5-on.png") no-repeat center center;
  background-size: 1.65rem 1.65rem;
}

.hidden {
  display: none;
}

.ppop {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -3.75rem;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9;
  -webkit-animation: tranCG 1s both;
  animation: tranCG 1s both;
}

.ppop .pop-con {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6rem;
  transform: translate(-50%, -50%);
}

.ppop .pop-con .pop-tit {
  text-align: center;
}

.ppop .pop-con .pop-tit span {
  position: relative;
  font-size: 0.4rem;
  color: #FFFFFF;
  font-weight: bold;
}

.ppop .pop-con .pop-tit span::after {
  content: "";
  position: absolute;
  top: 0.17rem;
  left: -0.25rem;
  width: 0.18rem;
  height: 0.18rem;
  background: url("../images/icon-start.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.ppop .pop-con .pop-tit span::before {
  content: "";
  position: absolute;
  top: 0.17rem;
  right: -0.25rem;
  width: 0.18rem;
  height: 0.18rem;
  background: url("../images/icon-start.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.ppop .pop-con .pop-img {
  width: 6rem;
  height: 6.57rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -0.2rem;
  z-index: 0;
  position: relative;
  transform: translateY(0);
  left: auto;
  top: auto;
  margin-left: 0;
}

.ppop .pop-con .pop-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6rem;
  height: 6.57rem;
  background: url("../images/img-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
  animation: rot 15s linear infinite;
  z-index: -1;
}

.ppop .pop-con .pop-img img {
  width: 3rem;
  height: 3rem;
}

.ppop .pop-con .pop-text {
  text-align: center;
  font-size: 0.3rem;
  color: #fff;
}

.ppop .pop-con .pop-btn {
  margin: 0.8rem auto 0;
  width: 4.18rem;
  height: 1.35rem;
  font-size: 0.44rem;
  color: #B77000;
  text-align: center;
  line-height: 1.35rem;
  transform: scale(0.8);
  background: url("../images/p-btn.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.ppop.on {
  -webkit-animation: tranCG2 1s both;
  animation: tranCG2 1s both;
}

.ppop2 .pop-con .pop-img::after {
  background: url("../images/img-bg2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.ppop3 .pop-con .pop-img::after {
  background: url("../images/img-bg3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.ppop4 .pop-con .pop-img::after {
  background: url("../images/img-bg4.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.ppop6 .pop-con .pop-img::after {
  background: url("../images/img-bg5.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p1-mask1 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

.p1-mask2 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

.p2-mask1 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

.p2-mask2 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

.p3-mask1 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

.p3-mask2 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

.p4-mask1 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

.p4-mask2 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

.p5-mask1 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

.p6-mask1 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

.p6-mask2 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

@-webkit-keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

@keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.fadeInUp {
  animation-name: fadeInUp;
  animation-duration: 0.8s;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes fadeInLeftEND {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes fadeInTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@keyframes fadeBF {
  0% {
    opacity: 0;
    transform: scale(0) translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate(0, -2rem);
  }
}

@keyframes fadeTem {
  0% {
    opacity: 0;
    transform: scale(0) translate(0, -1rem);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate(0, 0);
  }
}

@keyframes movedown {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateY(-0.3rem);
    transform: translateY(-0.3rem);
  }
}

@keyframes movedown2 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
  }
}

@keyframes movedown3 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-0.15rem);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(0rem);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0.15rem);
  }
}

@keyframes zoom {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}

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

@keyframes zoomStartText {
  0% {
    left: 50%;
    -webkit-transform: scale(0) translateX(-115%);
    transform: scale(0) translateX(-115%);
    opacity: 0;
  }
  100% {
    left: 50%;
    -webkit-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%);
    opacity: 1;
  }
}

@keyframes zoomRW {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes zoomEND {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
  100% {
    -webkit-transform: scale(2) translate(-1rem, 1rem);
    transform: scale(2) translate(-1rem, 1rem);
  }
}

@keyframes zoomON {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  80% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes zoomGift {
  0% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes tranCG {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes tranCG2 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeHide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes rotPage {
  0% {
    opacity: 0;
    transform: rotate(45deg);
    transform-origin: center bottom;
  }
  100% {
    opacity: 1;
    transform: rotate(0deg);
  }
}

@keyframes musPlay {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.shake {
  animation: shake 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) both infinite;
}

@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  10% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  15%,
  25%,
  35% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  20%,
  30%,
  40% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  45% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  50% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  55%,
  90% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.rep-page1 {
  width: 7.5rem;
  height: 18rem;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
  background: url("../images/rp-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: tranCG 0.8s both;
  animation: tranCG 0.8s both;
  z-index: 1;
}

.rep-page2 {
  width: 7.5rem;
  height: 18rem;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
  background: url("../images/rp-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: tranCG 1s both;
  animation: tranCG 1s both;
}

.rep-page3 {
  width: 7.5rem;
  height: 18rem;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
  background: url("../images/rp-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.rep-page4 {
  width: 7.5rem;
  height: 18rem;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
  background: url("../images/rp-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.rep-page5 {
  width: 7.5rem;
  height: 18rem;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
  background: url("../images/rp-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.rep-page6 {
  width: 7.5rem;
  height: 18rem;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
  background: url("../images/rp-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.rep-page7 {
  width: 7.5rem;
  height: 18rem;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
  background: url("../images/rp-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.rp-canvas {
  position: relative;
  width: 6.85rem;
  height: 10rem;
  box-sizing: border-box;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
}

.rp-canvas .card {
  margin-top: 0.4rem;
}

.cd-can {
  position: absolute;
  left: 0;
  top: 0;
  width: 7.05rem;
  height: 10rem;
  box-sizing: border-box;
}

.card-box {
  width: 6.45rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.card {
  width: 6.45rem;
  height: 9.16rem;
  margin: 0 auto 0;
  position: relative;
}

.card .cd-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.card .cd-head {
  width: 4.93rem;
  height: 1.42rem;
  position: absolute;
  top: 0.4rem;
  left: 0.14rem;
}

.card .cd-img {
  position: absolute;
  top: 0.52rem;
  left: 0.28rem;
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 0.2rem;
  display: block;
  box-sizing: border-box;
  box-shadow: 0 0 0 0.04rem #DC76DB;
}

.card .cd-name {
  width: 2.86rem;
  position: absolute;
  top: 0.65rem;
  left: 1.8rem;
  font-size: 0.28rem;
  color: #000000;
  white-space: nowrap;
}

.card .cd-uid {
  position: absolute;
  top: 1.35rem;
  left: 1.6rem;
}

.card .cd-uid span {
  padding: 0.03rem 0.2rem;
  font-size: 0.24rem;
  color: #fff;
  border-radius: 0.3rem 0rem;
  background: linear-gradient(to right, #FF63E4, #F987A7);
}

.card .cd-gre {
  position: absolute;
  top: 1.8rem;
  left: 0.25rem;
  width: 3.04rem;
  height: 1.23rem;
}

.card .cd-pet {
  position: absolute;
  top: 1.7rem;
  right: 0rem;
  width: 3.7rem;
  height: 3.7rem;
  object-fit: contain;
}

.card .cd-data-list {
  position: absolute;
  top: 3.1rem;
  left: 0.32rem;
}

.card .cd-data-list li {
  width: 2.44rem;
  height: 0.32rem;
  display: flex;
  align-items: center;
  border-radius: 0rem 0.15rem 0.15rem 0.15rem;
  background: linear-gradient(90deg, #FFEEFE 0%, #FFEEF3 100%);
  margin-bottom: 0.18rem;
}

.card .cd-data-list li .dtext {
  display: flex;
  align-items: center;
  width: 1.23rem;
  background-color: #FDD0FC;
  border-radius: 0 0 0 0.15rem;
}

.card .cd-data-list li .dtext img {
  width: 0.24rem;
  height: 0.24rem;
  margin-left: 0.2rem;
  margin-right: 0.06rem;
}

.card .cd-data-list li .dtext span {
  color: #000;
  font-family: "Source Han Sans CN";
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.card .cd-data-list li .dpar {
  flex: 1;
  height: 0.32rem;
}

.card .cd-data-list li .dpar em {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 0 0.15rem 0.15rem 0;
  background: linear-gradient(to right, #FEB5E3, #FF80B2);
}

.card .cd-text-bg {
  position: absolute;
  top: 5.4rem;
  left: -0.05rem;
  width: 6.13rem;
  height: 2.2rem;
}

.card .cd-gift-list {
  position: absolute;
  top: 5.4rem;
  left: -0.05rem;
  width: 6.13rem;
  height: 2.2rem;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  padding-left: 0.4rem;
  padding-top: 1rem;
}

.card .cd-gift-list li {
  width: 0.92rem;
  height: 0.92rem;
  border-radius: 50%;
  background-color: #E1BDE1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.05rem;
}

.card .cd-gift-list li img {
  object-fit: contain;
  width: 0.8rem;
  height: 0.8rem;
}

.card .cd-sl {
  width: 5.7rem;
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 0.3rem;
  bottom: 0.36rem;
  align-items: center;
}

.card .cd-sl img:nth-child(1) {
  width: 3.19rem;
  height: 0.73rem;
}

.card .cd-sl img:nth-child(2) {
  width: 0.86rem;
  height: 0.86rem;
}

.card-btn {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}

.card-btn a {
  width: 3.08rem;
  height: 0.99rem;
  text-align: center;
  line-height: 0.99rem;
  color: #995600;
  font-size: 0.38rem;
  margin: 0 0.2rem;
  position: relative;
}

.card-btn a span {
  position: absolute;
  background-color: #fff;
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  top: -0.3rem;
  left: 50%;
  font-size: 0.2rem;
  transform: translateX(-50%);
  white-space: nowrap;
  height: 0.48rem;
  padding: 0 0.5rem 0 0.2rem;
  color: #000000;
  line-height: 0.48rem;
  z-index: 1;
}

.card-btn a span::after {
  content: "";
  position: absolute;
  width: 0.16rem;
  height: 0.16rem;
  bottom: -0.06rem;
  left: 50%;
  margin-left: -0.08rem;
  background-color: #fff;
  border-radius: 0.05rem;
  transform: rotate(45deg);
}

.card-btn a span img {
  width: 0.34rem;
  height: 0.34rem;
  margin-left: 0.1rem;
}

.card-btn a.cbtn1 {
  background: url("../images/r-btn1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.card-btn a.cbtn2 {
  background: url("../images/r-btn2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.bom-sl {
  text-align: center;
  margin-top: 0.28rem;
}

.bom-sl img {
  width: 2.92rem;
  height: 0.34rem;
}

.rep-page2 .card .cd-uid span {
  background: linear-gradient(to right, #FF9777, #FF798B);
}

.rep-page2 .card .cd-img {
  box-shadow: 0 0 0 0.04rem #DC7676;
}

.rep-page2 .card .cd-data-list li {
  background: linear-gradient(90deg, #FFF0EE 0%, #FFF0EE 100%);
}

.rep-page2 .card .cd-data-list li .dtext {
  background-color: #FDD0DD;
}

.rep-page2 .card .cd-data-list li .dpar em {
  background: linear-gradient(to right, #FFB6AC, #FF798B);
}

.rep-page2 .card .cd-gift-list li {
  background-color: #EABEC7;
}

.rep-page5 .card .cd-uid span {
  background: linear-gradient(to right, #FFC179, #FF9777);
}

.rep-page5 .card .cd-img {
  box-shadow: 0 0 0 0.04rem #DC9576;
}

.rep-page5 .card .cd-data-list li {
  background: linear-gradient(90deg, #FFF0EE 0%, #FFF0EE 100%);
}

.rep-page5 .card .cd-data-list li .dtext {
  background-color: #FDE7D0;
}

.rep-page5 .card .cd-data-list li .dpar em {
  background: linear-gradient(to right, #FFDCA5, #FF9D79);
}

.rep-page5 .card .cd-gift-list li {
  background-color: #EACBBE;
}

.rep-page4 .card .cd-uid span {
  background: linear-gradient(to right, #79BEFF, #9077FF);
}

.rep-page4 .card .cd-img {
  box-shadow: 0 0 0 0.04rem #8BA2FE;
}

.rep-page4 .card .cd-data-list li {
  background: linear-gradient(90deg, #EEF5FF 0%, #EEF5FF 100%);
}

.rep-page4 .card .cd-data-list li .dtext {
  background-color: #D0E0FD;
}

.rep-page4 .card .cd-data-list li .dpar em {
  background: linear-gradient(to right, #A5CFFF, #798FFF);
}

.rep-page4 .card .cd-gift-list li {
  background-color: #C3C3E7;
}

.rep-page3 .card .cd-uid span {
  background: linear-gradient(to right, #6FECB6, #5ED9EF);
}

.rep-page3 .card .cd-img {
  box-shadow: 0 0 0 0.04rem #63C8BC;
}

.rep-page3 .card .cd-data-list li {
  background: linear-gradient(90deg, #DBF4F4 0%, #DBF4F4 100%);
}

.rep-page3 .card .cd-data-list li .dtext {
  background-color: #C2F5ED;
}

.rep-page3 .card .cd-data-list li .dpar em {
  background: linear-gradient(to right, #7EF4DD, #4AE6F8);
}

.rep-page3 .card .cd-gift-list li {
  background-color: #ADDCDC;
}

.rep-page6 .card .cd-uid span {
  background: linear-gradient(to right, #DEE34C, #A9EC6F);
}

.rep-page6 .card .cd-img {
  box-shadow: 0 0 0 0.04rem #9EC863;
}

.rep-page6 .card .cd-data-list li {
  background: linear-gradient(90deg, #E7F4DB 0%, #E7F4DB 100%);
}

.rep-page6 .card .cd-data-list li .dtext {
  background-color: #E2F5C2;
}

.rep-page6 .card .cd-data-list li .dpar em {
  background: linear-gradient(to right, #E3ED5C, #ACEE5A);
}

.rep-page6 .card .cd-gift-list li {
  background-color: #CAE8B7;
}

.rep-page7 .card .cd-uid span {
  background: linear-gradient(to right, #9CB6CD, #9289BC);
}

.rep-page7 .card .cd-img {
  box-shadow: 0 0 0 0.04rem #96A0C8;
}

.rep-page7 .card .cd-data-list li {
  background: linear-gradient(90deg, #E7EDF4 0%, #E7EDF4 100%);
}

.rep-page7 .card .cd-data-list li .dtext {
  background-color: #E7EDF4;
}

.rep-page7 .card .cd-data-list li .dpar em {
  background: linear-gradient(to right, #C9D8EA, #8D9ADB);
}

.rep-page7 .card .cd-gift-list li {
  background-color: #CECEE4;
}

.pop-img-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 101;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.85);
}

.pop-img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6.0rem;
  height: auto;
  margin-left: -3rem;
  transform: translateY(-65%);
  z-index: 9;
  margin-bottom: 4.5rem;
  box-sizing: border-box;
}

.pop-img p {
  font-size: 0.24rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
}

.pop-img img {
  display: block;
  margin: 0.18rem auto 0;
  width: 100%;
}

.pop-close {
  position: absolute;
  top: -0rem;
  right: -0.38rem;
  width: 0.37rem;
  height: 0.36rem;
  background: url("../images/p-close.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p-bom {
  width: 7.5rem;
  height: 4.7rem;
  position: fixed;
  top: 78%;
  left: 50%;
  margin-left: -3.75rem;
  background: url("../images/p-bom.png") no-repeat 0 0;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 0.30rem;
}

.p-bom .p-tit {
  text-align: center;
  font-size: 0.28rem;
  color: #fff;
}

.p-bom .pb-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0.2rem;
}

.p-bom .pb-list a {
  width: 0.8rem;
  margin: 0 0.1rem;
  position: relative;
}

.p-bom .pb-list a img {
  display: block;
  margin: 0 auto;
  width: 0.73rem;
  height: 0.72rem;
}

.p-bom .pb-list a P {
  font-size: 0.18rem;
  color: #fff;
  text-align: center;
  margin-top: 0.12rem;
}

.p-bom .pb-list a span {
  position: absolute;
  background-color: #fff;
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  top: -0.6rem;
  left: 50%;
  font-size: 0.2rem;
  transform: translateX(-50%);
  white-space: nowrap;
  height: 0.48rem;
  padding: 0 0.2rem 0 0.2rem;
  color: #000000;
  line-height: 0.48rem;
  z-index: 1;
}

.p-bom .pb-list a span::after {
  content: "";
  position: absolute;
  width: 0.16rem;
  height: 0.16rem;
  bottom: -0.06rem;
  left: 50%;
  margin-left: -0.08rem;
  background-color: #fff;
  border-radius: 0.05rem;
  transform: rotate(45deg);
}

.cpage {
  width: 7.5rem;
  position: absolute;
  left: 50%;
  margin-left: -3.75rem;
  top: 0;
  z-index: 1;
  overflow: hidden;
  height: 100vh;
  background: url("../images/c-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.cpage .icon-go {
  position: absolute;
  opacity: 0;
  bottom: 0.2rem;
  right: 0.2rem;
  width: 1.18rem;
  height: 1.42rem;
  background: url("../images/icon-go.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: movedown3 1.5s 4.4s linear infinite;
  animation: movedown3 1.5s 4.4s linear infinite;
}

.cpage .cart-home {
  width: 7.5rem;
  height: 17.97rem;
  position: absolute;
  left: 50%;
  margin-left: -3.75rem;
  top: 0;
  z-index: 1;
  background: url("../images/cart-home.jpg") no-repeat 0 0;
  background-size: cover;
}

.cpage .cart-home .home-img {
  position: fixed;
  width: 6.95rem;
  height: 3.82rem;
  top: 1.8rem;
  left: 50%;
  margin-left: -3.47rem;
}

.cpage .cart-home .home-img img {
  width: 6.95rem;
  height: 3.82rem;
}

.cpage .cart-home .home-btn {
  display: flex;
  justify-content: center;
  width: 7.5rem;
  height: 1.2rem;
  position: fixed;
  bottom: 3.2rem;
}

.cpage .cart-home .home-btn a {
  text-align: center;
  display: block;
  margin: 0 0.2rem;
}

.cpage .cart-home .home-btn a.hbtn1 {
  width: 4.76rem;
  height: 1.01rem;
  text-align: center;
  line-height: 1.01rem;
  font-size: 0.38rem;
  color: #995600;
  font-size: 0.38rem;
  background: url("../images/btn-c1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.cpage .cart-home .home-btn a.hbtn2 {
  width: 3.30rem;
  height: 0.98rem;
  text-align: center;
  line-height: 0.98rem;
  font-size: 0.38rem;
  color: #995600;
  font-size: 0.38rem;
  background: url("../images/btn-c2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.cpage .cart-home .home-btn a.hbtn3 {
  width: 3.30rem;
  height: 0.98rem;
  text-align: center;
  line-height: 0.98rem;
  font-size: 0.38rem;
  color: #995600;
  font-size: 0.38rem;
  background: url("../images/btn-c3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.cpage .cart-home .home-agm {
  width: 6.15rem;
  height: 0.9rem;
  background: url("../images/text-tips-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
  position: fixed;
  bottom: 0.6rem;
  left: 50%;
  margin-left: -3.075rem;
  line-height: 0.34rem;
  box-sizing: border-box;
  padding-top: 0.14rem;
}

.cpage .cart-home .home-agm span {
  display: block;
  text-align: center;
  font-size: 0.22rem;
  color: #FFFFFF;
}

.cpage .cart-home .home-agm p {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.22rem;
  color: #fff;
}

.cpage .cart-home .home-agm p i {
  width: 0.18rem;
  height: 0.18rem;
  margin-right: 0.05rem;
  background: url("../images/icon-g-un.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.cpage .cart-home .home-agm p i.on {
  background: url("../images/icon-g.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.cpage .cart-home .home-agm p a {
  color: #fff;
  text-decoration: underline;
}

.cpage .cart-box1 {
  height: 12.93rem;
  width: 7.37rem;
  position: absolute;
  left: 50%;
  margin-left: -3.68rem;
  top: 50%;
  margin-top: -6.46rem;
  z-index: 1;
  background: url("../images/cp1.png") no-repeat 0 bottom;
  background-size: 100% 12.57rem;
  -webkit-animation: fadeInLeft 0.7s linear both;
  animation: fadeInLeft 0.7s linear both;
}

.cpage .cart-box1 img {
  position: absolute;
}

.cpage .cart-box1 img:nth-child(1) {
  top: 0.05rem;
  left: 0.05rem;
  width: 2.76rem;
  height: 2.44rem;
  -webkit-animation: fadeInTop 0.3s 0.6s linear both;
  animation: fadeInTop 0.3s 0.6s linear both;
}

.cpage .cart-box1 img:nth-child(2) {
  top: 0rem;
  right: 0.5rem;
  width: 2.97rem;
  height: 3.81rem;
  -webkit-animation: zoomStart 0.3s 0.9s linear both;
  animation: zoomStart 0.3s 0.9s linear both;
}

.cpage .cart-box1 img:nth-child(3) {
  top: 1.6rem;
  left: 0.67rem;
  width: 6rem;
  height: 6.17rem;
  -webkit-animation: zoomStart 0.7s 1.4s linear both, shake 3s 1.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: zoomStart 0.7s 1.4s linear both, shake 3s 1.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}

.cpage .cart-box1 img:nth-child(4) {
  top: 4.92rem;
  left: 4.82rem;
  width: 2.4rem;
  height: 2.14rem;
  -webkit-animation: zoomStart 0.7s 1.6s linear both, shake 3s 1.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: zoomStart 0.7s 1.6s linear both, shake 3s 1.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}

.cpage .cart-box1 img:nth-child(5) {
  top: 6.44rem;
  left: 0.49rem;
  width: 3.42rem;
  height: 1.63rem;
  -webkit-animation: fadeInLeft 0.3s 2.4s linear both;
  animation: fadeInLeft 0.3s 2.4s linear both;
}

.cpage .cart-box1 img:nth-child(6) {
  top: 7.8rem;
  left: 0.36rem;
  width: 5.83rem;
  height: 6.73rem;
  -webkit-animation: fadeInLeft 0.3s 3s linear both;
  animation: fadeInLeft 0.3s 3s linear both;
}

.cpage .cart-box1 img:nth-child(7) {
  top: 7.88rem;
  right: 0.33rem;
  width: 1.79rem;
  height: 2.98rem;
  -webkit-animation: fadeInRight 0.3s 3s linear both;
  animation: fadeInRight 0.3s 3s linear both;
}

.cpage .cart-box1 .cp1-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: fadeInLeft 0.7s 3s linear both;
  animation: fadeInLeft 0.7s 3s linear both;
}

.cpage .cart-box2 {
  height: 12.93rem;
  width: 7.30rem;
  position: absolute;
  left: 50%;
  margin-left: -3.65rem;
  top: 50%;
  margin-top: -6.46rem;
  z-index: 1;
  background: url("../images/cp2.png") no-repeat 0 bottom;
  background-size: 100% 12.57rem;
  -webkit-animation: fadeInLeft 0.7s linear both;
  animation: fadeInLeft 0.7s linear both;
}

.cpage .cart-box2 .cp2-box1 img {
  position: absolute;
}

.cpage .cart-box2 .cp2-box1 img:nth-child(1) {
  top: -0.1rem;
  left: 0.18rem;
  width: 2.93rem;
  height: 3.08rem;
  -webkit-animation: fadeInLeft 0.6s 0.6s linear both;
  animation: fadeInLeft 0.6s 0.6s linear both;
}

.cpage .cart-box2 .cp2-box1 img:nth-child(2) {
  top: 0.04rem;
  right: 0.01rem;
  width: 4.8rem;
  height: 2.73rem;
  -webkit-animation: fadeInRight 0.6s 0.8s linear both;
  animation: fadeInRight 0.6s 0.8s linear both;
}

.cpage .cart-box2 .cp2-box2 img {
  position: absolute;
}

.cpage .cart-box2 .cp2-box2 img:nth-child(1) {
  top: 4.5rem;
  left: 2.8rem;
  width: 1.89rem;
  height: 2.31rem;
  -webkit-animation: zoomStart 0.6s 1.4s linear both, shake 3s 1.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) both infinite;
  animation: zoomStart 0.6s 1.4s linear both, shake 3s 1.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) both infinite;
}

.cpage .cart-box2 .cp2-box2 img:nth-child(2) {
  top: 5.6rem;
  left: 0.4rem;
  width: 2.34rem;
  height: 2.04rem;
  -webkit-animation: zoomGift 0.4s 1.8s linear both;
  animation: zoomGift 0.4s 1.8s linear both;
}

.cpage .cart-box2 .cp2-box2 img:nth-child(3) {
  top: 3.6rem;
  left: 0.2rem;
  width: 2.41rem;
  height: 1.90rem;
  -webkit-animation: zoomGift 0.4s 2s linear both;
  animation: zoomGift 0.4s 2s linear both;
}

.cpage .cart-box2 .cp2-box2 img:nth-child(4) {
  top: 2.1rem;
  left: 2.1rem;
  width: 1.92rem;
  height: 1.79rem;
  -webkit-animation: zoomGift 0.5s 1.9s linear both;
  animation: zoomGift 0.5s 1.9s linear both;
}

.cpage .cart-box2 .cp2-box2 img:nth-child(5) {
  top: 2.4rem;
  left: 4.4rem;
  width: 1.90rem;
  height: 1.93rem;
  -webkit-animation: zoomGift 0.5s 1.8s linear both;
  animation: zoomGift 0.5s 1.8s linear both;
}

.cpage .cart-box2 .cp2-box2 img:nth-child(6) {
  top: 4.6rem;
  left: 4.9rem;
  width: 2.25rem;
  height: 1.95rem;
  -webkit-animation: zoomGift 0.5s 1.85s linear both;
  animation: zoomGift 0.5s 1.85s linear both;
}

.cpage .cart-box2 .cp2-box3 img {
  position: absolute;
  top: 8.8rem;
  left: 1.7rem;
  width: 3.45rem;
  height: 3.84rem;
  -webkit-animation: fadeInLeft 0.7s 2.2s linear both;
  animation: fadeInLeft 0.7s 2.2s linear both;
}

.cpage .cart-box2 .cp2-box3 .cp2-text {
  position: absolute;
  top: 6.9rem;
  right: -0.05rem;
  width: 5.02rem;
  height: 2.57rem;
  background: url("../images/cp2-img5.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInRight 0.7s 2.6s linear both;
  animation: fadeInRight 0.7s 2.6s linear both;
  box-sizing: border-box;
  padding-top: 0.5rem;
}

.cpage .cart-box2 .cp2-box3 .cp2-text p {
  text-align: center;
  color: #000000;
  font-size: 0.24rem;
  line-height: 0.38rem;
}

.cpage .cart-box2 .cp2-box3 .cp2-text p em {
  color: #FF9730;
  font-size: 0.26rem;
  font-weight: bold;
}

.cpage .cart-box2 .cp2-box3 .cp2-text p i {
  font-size: 0.34rem;
  color: #FF9730;
  font-weight: bold;
  font-family: 'NumFontBlod', sans-serif;
}

.cpage .cart-box2 .cp2-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: fadeInLeft 0.7s 4.6s linear both;
  animation: fadeInLeft 0.7s 4.6s linear both;
}

.cpage .cart-box3 {
  height: 12.82rem;
  width: 7.25rem;
  position: absolute;
  left: 50%;
  margin-left: -3.65rem;
  top: 50%;
  margin-top: -6.26rem;
  z-index: 1;
  background: url("../images/cp3.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: fadeInLeft 0.7s linear both;
  animation: fadeInLeft 0.7s linear both;
}

.cpage .cart-box3 .cp3-box1 img {
  position: absolute;
}

.cpage .cart-box3 .cp3-box1 img:nth-child(1) {
  top: 1.06rem;
  right: 0.08rem;
  width: 7.13rem;
  height: 7.02rem;
  -webkit-animation: fadeInRight 0.7s 0.8s linear both;
  animation: fadeInRight 0.7s 0.8s linear both;
}

.cpage .cart-box3 .cp3-box1 img:nth-child(2) {
  top: 5.8rem;
  left: 0.1rem;
  width: 7.13rem;
  height: 6.88rem;
  -webkit-animation: fadeInLeft 0.7s 1.4s linear both;
  animation: fadeInLeft 0.7s 1.4s linear both;
}

.cpage .cart-box3 .cp3-box1 img:nth-child(3) {
  top: 3rem;
  left: 0.4rem;
  width: 2.66rem;
  height: 1.65rem;
  -webkit-animation: fadeInLeft 0.7s 1.2s linear both;
  animation: fadeInLeft 0.7s 1s linear both;
}

.cpage .cart-box3 .cp3-box1 img:nth-child(4) {
  top: 8.8rem;
  right: 0.5rem;
  width: 2.67rem;
  height: 1.65rem;
  -webkit-animation: fadeInRight 0.7s 1.8s linear both;
  animation: fadeInRight 0.7s 1.6s linear both;
}

.cpage .cart-box3 .cp3-box1 .rw1.on {
  -webkit-animation: zoomRW 0.7s linear both;
  animation: zoomRW 0.7s linear both;
}

.cpage .cart-box3 .cp3-box1 .rw2.on {
  -webkit-animation: zoomRW 0.7s linear both;
  animation: zoomRW 0.7s linear both;
}

.cpage .cart-box3 .cp3-btn a {
  position: absolute;
  width: 2.45rem;
  height: 0.87rem;
}

.cpage .cart-box3 .cp3-btn a.btn1 {
  top: 1.5rem;
  left: 0.4rem;
  background: url("../images/cp3-btn1.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: zoomStart 0.6s 1.8s linear both, shake 3s 1.6s both infinite;
  animation: zoomStart 0.6s 1.8s linear both, shake 3s 1.6s both infinite;
}

.cpage .cart-box3 .cp3-btn a.btn2 {
  top: 11.2rem;
  right: 0.5rem;
  background: url("../images/cp3-btn2.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: zoomStart 0.6s 1.8s linear both, shake 3s 1.6s both infinite;
  animation: zoomStart 0.6s 1.8s linear both, shake 3s 1.6s both infinite;
}

.cpage .cart-box4 {
  height: 12.93rem;
  width: 7.27rem;
  position: absolute;
  left: 50%;
  margin-left: -3.65rem;
  top: 50%;
  margin-top: -6.46rem;
  z-index: 1;
  background: url("../images/cp4.png") no-repeat 0 bottom;
  background-size: 100% 12.57rem;
  -webkit-animation: fadeInLeft 0.7s linear both;
  animation: fadeInLeft 0.7s linear both;
}

.cpage .cart-box4 .cp4-box1 img {
  position: absolute;
}

.cpage .cart-box4 .cp4-box1 img:nth-child(1) {
  top: 0.5rem;
  left: 0.84rem;
  width: 1.47rem;
  height: 1.75rem;
  -webkit-animation: fadeInRight 0.7s 0.8s linear both;
  animation: fadeInRight 0.7s 0.8s linear both;
}

.cpage .cart-box4 .cp4-box1 img:nth-child(2) {
  top: -0.35rem;
  left: 0.05rem;
  width: 2.71rem;
  height: 2.4rem;
  -webkit-animation: zoomStart 0.5s 1.4s linear both, shake 3s 1.4s both;
  animation: zoomStart 0.5s 1.4s linear both, shake 3s 1.4s both;
}

.cpage .cart-box4 .cp4-box2 .cp4-img2 {
  position: absolute;
  top: 4.43rem;
  right: 0.21rem;
  width: 3.93rem;
  height: 4.13rem;
  -webkit-animation: fadeInRight 0.7s 1.8s linear both;
  animation: fadeInRight 0.7s 1.8s linear both;
}

.cpage .cart-box4 .cp4-box2 ul li {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cpage .cart-box4 .cp4-box2 ul li img {
  width: 1.36rem;
  height: 1.36rem;
  object-fit: contain;
  -webkit-animation: shake 3s 2.8s both;
  animation: shake 3s 2.8s both;
}

.cpage .cart-box4 .cp4-box2 ul li:nth-child(1) {
  top: 0.05rem;
  right: 1.28rem;
  width: 2.34rem;
  height: 2.14rem;
  background: url("../images/cp4-g1.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: zoomStart 0.6s 2.9s linear both;
  animation: zoomStart 0.6s 2.9s linear both;
}

.cpage .cart-box4 .cp4-box2 ul li:nth-child(2) {
  top: 1.83rem;
  right: 0rem;
  width: 1.99rem;
  height: 2.36rem;
  background: url("../images/cp4-g2.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: zoomStart 0.6s 2.8s linear both;
  animation: zoomStart 0.6s 2.8s linear both;
}

.cpage .cart-box4 .cp4-box2 ul li:nth-child(3) {
  top: 2.25rem;
  left: 2.39rem;
  width: 2.52rem;
  height: 2.21rem;
  background: url("../images/cp4-g3.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: zoomStart 0.6s 3s linear both;
  animation: zoomStart 0.6s 3s linear both;
}

.cpage .cart-box4 .cp4-box2 ul li:nth-child(4) {
  top: 3.52rem;
  left: 0.08rem;
  width: 2.85rem;
  height: 2.24rem;
  background: url("../images/cp4-g4.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: zoomStart 0.6s 3.1s linear both;
  animation: zoomStart 0.6s 3.1s linear both;
}

.cpage .cart-box4 .cp4-box2 ul li:nth-child(5) {
  top: 6.02rem;
  left: 0.23rem;
  width: 2.92rem;
  height: 2.54rem;
  background: url("../images/cp4-g5.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: zoomStart 0.6s 2.9s linear both;
  animation: zoomStart 0.6s 2.9s linear both;
}

.cpage .cart-box4 .cp4-box3 {
  width: 2.86rem;
  height: 3.57rem;
  position: absolute;
  top: 9rem;
  left: 2rem;
  -webkit-animation: zoomStart 0.5s 3.8s linear both;
  animation: zoomStart 0.5s 3.8s linear both;
}

.cpage .cart-box4 .cp4-box3 img {
  width: 100%;
  height: 100%;
  -webkit-animation: shake 3s both infinite;
  animation: shake 3s both infinite;
}

.cpage .cart-box4 .cp4-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: fadeInLeft 0.7s 4.2s linear both;
  animation: fadeInLeft 0.7s 4.2s linear both;
}

.cpage .cpage-mask {
  display: none;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  background-color: #fff;
  -webkit-animation: tranCG 1s linear both;
  animation: tranCG 1s linear both;
}

.pages-load {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: linear-gradient(189deg, #A5F0F5 3.46%, #F8DC9B 95.53%);
  background-size: cover;
}

.load-box {
  width: 6.27rem;
  position: absolute;
  left: 50%;
  margin-left: -3.13rem;
  top: 50%;
  -webkit-transform: translateY(-40%);
  height: 1.6rem;
  text-align: center;
  z-index: 259;
}

.load-box img {
  display: block;
  margin: 0 auto;
  width: 3.39rem;
  height: 1.29rem;
  -webkit-animation: movedown 0.8s linear infinite alternate;
}

.load-box .load-par {
  border-radius: 0.9rem;
  border: 0.06rem solid #f8dc9b;
  width: 4.8rem;
  margin: 0 auto;
}

.load-box .load-par p {
  width: 4.8rem;
  height: 0.24rem;
  box-sizing: border-box;
  border-radius: 0.9rem;
  border: 0.02rem solid #F4B404;
  background: url("../images/par.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.load-box .load-par p em {
  width: 20%;
  height: 100%;
  display: block;
  background-color: #EFFFFE;
  border-radius: 0.9rem;
  position: relative;
}

.load-box .load-par p em::after {
  content: "";
  position: absolute;
  top: -0.46rem;
  right: -0.6rem;
  width: 1rem;
  height: 1rem;
  background: url("../images/car.gif") no-repeat 0 0;
  background-size: 100% 100%;
}

.load-box .num-tips {
  text-align: center;
  color: #434A38;
  font-size: 0.26rem;
  font-weight: bold;
  margin-top: 0.2rem;
}

.load-box .num {
  color: #434A38;
  font-weight: bold;
  font-size: 0.26rem;
  height: 0.4rem;
  opacity: 0;
  line-height: 0.4rem;
}

.dia {
  background-image: url(../images/dia.png);
  background-size: 100% 100%;
  width: 5.86rem;
  height: 3.53rem;
  padding: 0.86rem 0.42rem 0.42rem;
  box-sizing: border-box;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 102;
  transform: translate(-50%, -50%);
  text-align: center;
}

.dia .dia-txt {
  font-family: SourceHanSansSC-Regular;
  font-size: 0.32rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.4rem;
  letter-spacing: 0rem;
  color: #4a1115;
}

.dia .btn-box {
  display: flex;
  justify-content: center;
  margin-top: 0.47rem;
}

.dia .dia-btn1 {
  background-image: url(../images/dia_btn1.png);
  background-size: 100% 100%;
  width: 2.42rem;
  height: 0.71rem;
  box-sizing: border-box;
  font-family: SourceHanSansSC-Medium;
  font-size: 0.28rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.37rem;
  letter-spacing: 0rem;
  color: #995600;
  text-align: center;
  line-height: 0.71rem;
  margin: 0 0.125rem;
}

.dia .dia-btn2 {
  background-image: url(../images/dia_btn2.png);
  background-size: 100% 100%;
  width: 2.42rem;
  height: 0.71rem;
  box-sizing: border-box;
  font-family: SourceHanSansSC-Medium;
  font-size: 0.28rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.37rem;
  letter-spacing: 0rem;
  color: #995600;
  text-align: center;
  line-height: 0.71rem;
  margin: 0 0.125rem;
}