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");
}

body {
  background-color: #191919;
}

.box {
  position: relative;
  width: 7.5rem;
  margin: 0 auto;
  min-height: 100vh;
  overflow: hidden;
  z-index: 0;
  background-color: #10121B;
}

.box::after {
  content: "";
  width: 7.5rem;
  height: 10rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  background: url("../images/htop2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.box::before {
  content: "";
  width: 7.5rem;
  height: 2.94rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: url("../images/h-top-tips.png") no-repeat 0 0;
  background-size: 100% 100%;
  animation: twinkle 3s infinite ease-in-out;
}

.head {
  position: relative;
  z-index: 1;
}

.head .h1 {
  width: 7.5rem;
}

.head .h-logo {
  height: 48px;
  position: absolute;
  top: 0.88rem;
  width: 7.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.head .h-logo img {
  width: 1.6rem;
  height: 0.4rem;
}

.head .h-info {
  position: relative;
  width: 6.98rem;
  height: 3.18rem;
  margin: 2.72rem auto 0;
  background: url("../images/b1.png") no-repeat 0 0;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 0.01rem;
}

.head .h-info .info {
  display: flex;
  margin-top: -0.72rem;
  box-sizing: border-box;
  padding: 0 0.18rem 0 0.16rem;
}

.head .h-info .info .iimg {
  width: 1.48rem;
  height: 1.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../images/hbg1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.head .h-info .info .iimg img {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
}

.head .h-info .info .itext {
  flex: 1;
  margin-left: 0.24rem;
}

.head .h-info .info .itext p {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  font-size: 0.24rem;
  margin: 0.15rem 0;
}

.head .h-info .info .itext p span {
  font-size: 0.36rem;
  color: #FFFFFF;
  font-weight: bold;
}

.head .h-info .info .itext p em {
  font-size: 0.2rem;
  color: #000000;
  text-align: center;
  width: 0.67rem;
  height: 0.3rem;
  line-height: 0.3rem;
  display: block;
  margin-left: 0.12rem;
  background: url("../images/icon-d.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.head .h-info .info .itext p i {
  display: block;
  width: 0.02rem;
  height: 0.2rem;
  margin: 0 0.1rem;
  background-color: rgba(255, 255, 255, 0.4);
}

.head .h-info .info .ibtn {
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
  position: relative;
  height: 0.32rem;
}

.head .h-info .info .ibtn::after {
  content: "";
  position: absolute;
  bottom: -0.14rem;
  right: -0.14rem;
  width: 1.45rem;
  height: 0.17rem;
  background: url("../images/tips1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.head .h-info .info .ibtn i {
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.08rem;
  background: url("../images/icon-set.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.head .h-info .info .ibtn span {
  font-size: 0.24rem;
  color: #FFDD86;
}

.head .h-info ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0.18rem;
  margin-top: 0.16rem;
}

.head .h-info ul li {
  width: 2.2rem;
  position: relative;
  margin-bottom: 0.12rem;
}

.head .h-info ul li p {
  display: flex;
  justify-content: center;
  font-size: 0.28rem;
  color: #FFDD86;
  font-weight: bold;
  height: 0.56rem;
  line-height: 0.56rem;
}

.head .h-info ul li p i {
  font-size: 0.44rem;
  color: #FFDD86;
  font-family: "NumFontBlod";
}

.head .h-info ul li p em {
  margin-left: 0.08rem;
  font-size: 0.2rem;
  color: rgba(255, 221, 134, 0.6);
}

.head .h-info ul li span {
  display: block;
  font-size: 0.22rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
}

.head .btit {
  text-align: center;
  position: absolute;
  width: 7.5rem;
  top: 1.84rem;
  left: 0;
}

.head .btit img {
  width: 6rem;
  height: 3.1rem;
}

.title {
  width: 7.02rem;
  margin: 0.56rem auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.title img {
  width: 2.51rem;
  height: 0.48rem;
}

.title .btn-set {
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  color: #FFDD86;
}

.title .btn-set i {
  margin-right: 0.08rem;
  width: 0.32rem;
  height: 0.32rem;
  background: url("../images/icon-s.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.title .btn-man {
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.7);
}

.title .btn-man i {
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/icon-r.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.md-box {
  width: 7.02rem;
  z-index: 0;
  position: relative;
  margin: 0.24rem auto 0;
  box-sizing: border-box;
  padding-top: 0.01rem;
  padding-bottom: 0.4rem;
}

.md-box::after {
  content: "";
  position: absolute;
  width: 7.02rem;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0.75rem;
  z-index: -1;
  background: url("../images/b-top.png") no-repeat 0 0;
  background-size: 100% auto;
}

.md-box::before {
  content: "";
  position: absolute;
  width: 7.02rem;
  height: 0.75rem;
  left: 0;
  bottom: 0;
  z-index: -1;
  background: url("../images/b-bom.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.role {
  margin-top: 0.65rem;
  box-sizing: border-box;
}

.role-icon {
  display: flex;
  align-items: center;
  margin-left: 0.25rem;
  margin-top: -0.44rem;
}

.role-icon li {
  flex-shrink: 0;
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.05rem;
}

.role-icon li img {
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 50%;
  border: 1px solid #A58765;
}

.role-icon li a {
  display: block;
  width: 0.64rem;
  height: 0.64rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.22rem;
  color: #AE8A5F;
  border-radius: 50%;
  border: 1px solid rgba(115, 85, 50, 0.4);
  background: linear-gradient(180deg, #1F1914 0%, #473424 100%);
}

.role-icon li.on {
  position: relative;
}

.role-icon li.on::after {
  content: "";
  top: 0;
  left: 0;
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  background: url("../images/hbg2.png") no-repeat 0 0;
  background-size: 100% 100%;
  animation: rot 4s linear infinite;
}

.role-icon li.on img {
  border: 0;
  width: 0.7rem;
  height: 0.7rem;
}

.rule-list {
  margin-top: 0;
  width: 6.4rem;
  height: 0.8rem;
  overflow-y: hidden;
  overflow-x: auto;
  margin-left: 0;
  position: relative;
  -webkit-mask-image: url("../images/mask3.png");
  -webkit-mask-size: 100% 100%;
}

.rule-list::-webkit-scrollbar {
  display: none;
}

.rule-list li {
  margin-left: 0.1rem;
}

.rule-list li:nth-child(1) {
  margin-left: 0.24rem;
}

.rule-list li img {
  box-sizing: border-box;
  width: 0.7rem;
  height: 0.7rem;
}

.rule-list li.on {
  width: 0.8rem;
  height: 0.8rem;
}

.rlist-box {
  position: absolute;
  width: 7.5rem;
  left: 0;
  top: 2.3rem;
  z-index: 1;
}

.rlist-box .btn-more {
  width: 0.7rem;
  height: 0.7rem;
  position: absolute;
  right: 0.2rem;
  top: 0.05rem;
  background: url("../images/btn-more.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.rule-info {
  display: flex;
  align-items: center;
  margin-left: 0.32rem;
  margin-top: 0.31rem;
  position: relative;
  box-sizing: border-box;
  padding-bottom: 0.24rem;
}

.rule-info::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 6.34rem;
  height: 0.02rem;
  flex-shrink: 0;
  opacity: 0.2;
  background: linear-gradient(270deg, rgba(255, 221, 134, 0) 0%, #FFDD86 50%, rgba(255, 221, 134, 0) 100%);
}

.rule-info .r-item {
  display: flex;
  align-items: center;
  margin-right: 0.4rem;
  flex-shrink: 0;
}

.rule-info .r-item .r-item-img {
  flex-shrink: 0;
  width: 1.04rem;
  height: 1.04rem;
  margin-right: 0.16rem;
}

.rule-info .r-item .r-item-img img {
  width: 1.04rem;
  height: 1.04rem;
}

.rule-info .r-item .r-item-text p {
  display: flex;
  align-items: center;
}

.rule-info .r-item .r-item-text p span {
  font-size: 0.3rem;
  color: #FFFFFF;
  font-weight: bold;
}

.rule-info .r-item .r-item-text p img {
  margin-left: 0.04rem;
  width: 0.32rem;
  height: 0.32rem;
}

.rule-info .r-item .r-item-text p em {
  display: block;
  font-size: 0.24rem;
  color: #fff;
  width: 2.2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.rule-info .r-item .r-item-text div {
  display: flex;
  align-items: center;
  margin-top: 0.12rem;
}

.rule-info .r-item .r-item-text div em {
  width: 0.66rem;
  height: 0.3rem;
  font-size: 0.2rem;
  line-height: 0.3rem;
  text-align: center;
  margin-right: 0.08rem;
}

.rule-info .r-item .r-item-text div em.r-em1 {
  color: #000000;
  background: url("../images/icon-d.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.rule-info .r-item .r-item-text div em.r-em2 {
  width: 0.72rem;
  color: #fff;
  background: url("../images/icon-d2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.rule-info .r-item.un .r-item-img {
  width: 1.04rem;
  height: 1.04rem;
  background: url("../images/un1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.rule-info .r-item.un .r-item-text p em {
  color: #90735A;
  font-family: "Source Han Sans CN";
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.4rem;
  /* 166.667% */
}

.rule-gift {
  display: flex;
  margin-left: 0.32rem;
  margin-top: 0.24rem;
}

.rule-gift .g-num {
  width: 1.08rem;
  height: 1.08rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFDD86;
  font-size: 0.52rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.624rem;
  background: url("../images/num-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.rule-gift .g-list {
  margin-left: 0.16rem;
}

.rule-gift .g-list p {
  color: #FFF;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.32rem;
}

.rule-gift .g-list ul {
  display: flex;
  align-items: center;
  margin-top: 0.06rem;
}

.rule-gift .g-list ul li {
  position: relative;
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 50%;
  border: 0.02rem solid #674F3A;
  background: #251C14;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.16rem;
}

.rule-gift .g-list ul li img {
  width: 0.48rem;
  height: 0.48rem;
}

.rule-gift .g-list ul li span {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #FFF;
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.2rem;
  text-shadow: 0.01rem 0 0.01rem #AE8051, 0.01rem 0 0.01rem #AE8051, 0.01rem 0 0.01rem #AE8051, 0.01rem 0.01rem 0.01rem #AE8051, 0.01rem 0.01rem 0.01rem #AE8051, 0.01rem 0.01rem 0.01rem #AE8051, 0.01rem -0.01rem 0.01rem #AE8051, 0.01rem -0.01rem 0.01rem #AE8051, 0.01rem -0.01rem 0.01rem #AE8051, -0.01rem 0 0.01rem #AE8051, -0.01rem 0 0.01rem #AE8051, -0.01rem 0 0.01rem #AE8051, -0.01rem 0.01rem 0.01rem #AE8051, -0.01rem 0.01rem 0.01rem #AE8051, -0.01rem 0.01rem 0.01rem #AE8051, -0.01rem -0.01rem 0.01rem #AE8051, -0.01rem -0.01rem 0.01rem #AE8051, -0.01rem -0.01rem 0.01rem #AE8051;
}

.rule-gift .g-list ul li.un {
  border: 0;
  background: url("../images/un2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.rule-gift-un {
  text-align: center;
  color: #90735A;
  font-family: "Source Han Sans CN";
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.4rem;
  margin: 0.56rem 0;
}

.btn-de {
  width: 2rem;
  height: 0.56rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.28rem;
  border: 0.02rem solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.32rem;
  margin: 0.25rem auto 0;
}

.btn-de i {
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/icon-r.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.sp-box {
  width: 6.34rem;
  height: 0.72rem;
  display: flex;
  align-items: center;
  border-radius: 0.4rem;
  background-color: rgba(223, 170, 86, 0.2);
  border: 1px solid #66503E;
  box-sizing: border-box;
  padding: 0 0.16rem;
  justify-content: space-between;
  margin: 0.44rem auto 0;
}

.sp-box .sp-item {
  display: flex;
  align-items: center;
}

.sp-box .sp-item img {
  width: 0.48rem;
  height: 0.48rem;
}

.sp-box .sp-item p {
  font-size: 0.24rem;
  color: #FFFFFF;
  margin-left: 0.12rem;
}

.sp-box .sp-item p em {
  font-size: 0.28rem;
  font-weight: 500;
  -webkit-text-stroke-width: .2pt;
}

.sp-box .sp-item p em i {
  color: #FFDD86;
}

.sp-box .sp-item span {
  margin-left: 0.12rem;
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.2);
}

.gf-box {
  position: relative;
  box-sizing: border-box;
  padding: 0 0.34rem;
  padding-bottom: 0.24rem;
}

.gf-box::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -3.17rem;
  width: 6.34rem;
  height: 0.02rem;
  flex-shrink: 0;
  opacity: 0.2;
  background: linear-gradient(270deg, rgba(255, 221, 134, 0) 0%, #FFDD86 50%, rgba(255, 221, 134, 0) 100%);
}

.gf-item {
  display: flex;
  align-items: center;
  height: 0.48rem;
  margin-top: 0.24rem;
}

.gf-item span {
  font-size: 0.28rem;
  color: #FFFFFF;
  width: 2rem;
}

.gf-item p {
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  color: #FFFFFF;
  flex: 1;
}

.gf-item p img {
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.12rem;
}

.gf-item p em {
  font-size: 0.28rem;
}

.gf-item p i {
  width: 0.28rem;
  height: 0.28rem;
  margin-right: 0.04rem;
  background: url("../images/icon-g2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

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

.gf-txt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.34rem;
  margin-top: 0.26rem;
}

.gf-txt p {
  flex: 1;
  display: flex;
  align-items: center;
}

.gf-txt i {
  margin-right: 0.24rem;
  font-size: 0.28rem;
  color: #FFFFFF;
}

.gf-txt span {
  color: #fff;
  font-size: 0.24rem;
}

.gf-txt span img {
  width: 0.4rem;
  height: 0.4rem;
}

.nav-box {
  width: 6.28rem;
  height: 0.63rem;
  display: flex;
  justify-content: space-between;
  margin: 0.56rem auto 0;
}

.nav-box a {
  position: relative;
  height: 100%;
}

.nav-box a span {
  font-size: 0.36rem;
  font-weight: bold;
  background: linear-gradient(180deg, #D2C392 0%, #B89143 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.nav-box a.on span {
  background: linear-gradient(180deg, #FEEEBA 0%, #FBD487 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.nav-box a.on::after {
  content: "";
  position: absolute;
  width: 1.6rem;
  height: 0.14rem;
  bottom: 0rem;
  left: 50%;
  margin-left: -0.8rem;
  background: url("../images/tips2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.two-nav {
  display: flex;
  width: 7.02rem;
  height: 0.64rem;
  align-items: center;
  flex-shrink: 0;
  border-radius: 0.32rem;
  background: #31271F;
  justify-content: space-between;
  padding: 0 0.08rem;
  margin: 0.26rem auto 0;
}

.two-nav a {
  flex: 0.8;
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.28rem;
  text-align: center;
  box-sizing: border-box;
  color: rgba(255, 221, 134, 0.6);
}

.two-nav a.on {
  font-weight: 500;
  border-radius: 0.3rem;
  -webkit-text-stroke-width: .2pt;
  color: #FFDD86;
  background-color: rgba(255, 221, 134, 0.1);
  border: 1px solid rgba(255, 221, 134, 0.2);
}

.my {
  margin-top: 1.84rem;
}

.call-box {
  width: 7.02rem;
  height: 9.01rem;
  margin: 0.28rem auto 0;
  position: relative;
  box-sizing: border-box;
  padding-top: 0.34rem;
  background: url("../images/c1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.call2 {
  width: 7.02rem;
  height: 9.86rem;
  background: url("../images/c2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.call2 .call-con {
  width: 6.38rem;
  height: 7.46rem;
  background: url("../images/c22.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.call2 .call-con.citem {
  height: 1.24rem;
  background: url("../images/c22-item.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.call2 .call-data-item {
  box-sizing: border-box;
  border-bottom: 0;
  padding-bottom: 0.12rem;
}

.call3 {
  width: 7.02rem;
  height: 10.72rem;
  background: url("../images/c3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.call3 .call-con {
  width: 6.38rem;
  height: 8.26rem;
  background: url("../images/c33.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.call3 .call-con.citem {
  height: 1.24rem;
  background: url("../images/c33-item.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.call3 .call-data-item {
  box-sizing: border-box;
  border-bottom: 0;
  padding-bottom: 0.12rem;
}

.call-nav {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 0.34rem;
  align-items: center;
}

.call-nav p {
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.2);
}

.call-nav .cnav {
  display: flex;
  align-items: center;
  position: relative;
}

.call-nav .cnav span {
  font-size: 0.28rem;
  color: #FFFFFF;
  font-weight: 500;
  -webkit-text-stroke-width: 0.2pt;
}

.call-nav .cnav i {
  margin-left: 0.08rem;
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/icon-down.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.call-nav .cnav ul {
  position: absolute;
  right: -0.7rem;
  z-index: 9;
  top: 0.5rem;
  width: 1.6rem;
  box-sizing: border-box;
  padding: 0.12rem 0.04rem;
  background-color: #171613;
  border: 1px solid #9C8655;
  border-radius: 0.12rem;
}

.call-nav .cnav ul li {
  height: 0.52rem;
  width: 100%;
  text-align: center;
  line-height: 0.52rem;
  font-size: 0.26rem;
  color: rgba(255, 255, 255, 0.6);
}

.call-nav .cnav ul li.on {
  color: #FFDD86;
}

.level-box {
  margin-top: 0.24rem;
  display: flex;
  width: 6.38rem;
  height: 0.8rem;
  padding: 0.03rem;
  align-items: center;
  flex-shrink: 0;
  margin: 0.24rem auto 0;
  border-radius: 0.4rem;
  border: 0.02rem solid rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.4);
  position: relative;
}

.level-box p {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 0.33rem;
}

.level-box p i {
  width: 0.4rem;
  height: 0.4rem;
  flex-shrink: 0;
  margin-right: 0.12rem;
  background: url("../images/icon-s1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.level-box p em {
  color: #FFF;
  font-family: "Source Han Sans CN";
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.level-box p span {
  color: #FFF;
  font-family: "NumFontBlod";
  font-size: 0.36rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.level-box div {
  margin-left: 0.24rem;
  padding-left: 0.34rem;
  position: relative;
}

.level-box div::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.24rem;
  width: 0.02rem;
  height: 0.48rem;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.1);
}

.level-box div span {
  display: block;
  color: #FFF;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.32rem;
}

.call-con {
  width: 6.38rem;
  height: 6.65rem;
  margin: 0.22rem auto 0;
  position: relative;
  box-sizing: border-box;
  padding-top: 0.24rem;
  background: url("../images/c11.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.call-con.citem {
  height: 1.24rem;
  background: url("../images/c11-item.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.call-tit {
  box-sizing: border-box;
  padding: 0 0.32rem;
}

.call-tit .call-st {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.call-tit .call-st span {
  color: #FFF;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 500;
  -webkit-text-stroke-width: 0.2pt;
}

.call-tit .call-st ul {
  display: flex;
  align-items: center;
}

.call-tit .call-st ul li {
  margin-left: 0.1rem;
  display: flex;
  width: 0.37rem;
  height: 0.36rem;
  background: url("../images/icon-s1-un.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.call-tit .call-st ul li.on {
  background: url("../images/icon-s1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.call-tit p {
  font-size: 0.2rem;
  margin-top: 0.08rem;
}

.call-tit p span {
  line-height: 0.28rem;
  font-size: 0.2rem;
  margin-right: 0.08rem;
  color: rgba(255, 255, 255, 0.6);
}

.call-tit .call-num {
  position: absolute;
  right: 0.32rem;
  top: 0.74rem;
}

.call-tit .call-num span {
  color: rgba(255, 255, 255, 0.6);
  font-family: "Source Han Sans CN";
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
}

.call-tit .call-num span em {
  color: #FFDD86;
  font-size: 0.24rem;
}

.call-data {
  margin-top: 0.36rem;
  box-sizing: border-box;
  padding: 0 0.3rem;
}

.call-data-item {
  box-sizing: border-box;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
  margin-top: 0.24rem;
  padding-bottom: 0.24rem;
}

.call-data-item:nth-last-child(1) {
  border-bottom: 0;
}

.call-data-item .cd-tit {
  font-size: 0.26rem;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.call-data-item .cd-tit span {
  color: rgba(255, 255, 255, 0.6);
  font-family: "Source Han Sans CN";
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
}

.call-data-item .cd-tit span em {
  color: #FFDD86;
  font-size: 0.24rem;
}

.call-data-item ul {
  display: flex;
  margin-top: 0.15rem;
}

.call-data-item ul li {
  width: 1.32rem;
  margin-right: 0.16rem;
}

.call-data-item ul li:nth-child(4) {
  margin-right: 0;
}

.call-data-item ul li .cd-item {
  width: 1.32rem;
  height: 1.32rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.call-data-item ul li .cd-item .cd-item-img {
  width: 1.28rem;
  height: 1.28rem;
  mask-image: url(../images/mask.png);
  mask-size: 100% 100%;
  -webkit-mask-image: url(../images/mask.png);
  -webkit-mask-size: 100% 100%;
  border-radius: 0 0.16rem 0 0;
}

.call-data-item ul li .cd-item span {
  position: absolute;
  top: 0.06rem;
  left: 0.06rem;
  width: 0.3rem;
  height: 0.3rem;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 1;
}

.call-data-item ul li .cd-item span img {
  width: 0.26rem;
  height: 0.26rem;
}

.call-data-item ul li .cd-item em {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  box-sizing: border-box;
  height: 0.28rem;
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  font-size: 0.18rem;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0 0.16rem 0 0.12rem;
  z-index: 1;
}

.call-data-item ul li .cd-item div {
  display: flex;
  width: 100%;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: 0.1rem;
}

.call-data-item ul li .cd-item div i {
  width: 0.23rem;
  height: 0.24rem;
  background: url("../images/icon-s2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.call-data-item ul li .cd-item.item1 {
  background: url("../images/item1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.call-data-item ul li .cd-item.item2 {
  background: url("../images/item2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.call-data-item ul li p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  margin-top: 0.08rem;
  text-align: center;
}

.cd-tips {
  width: 5.76rem;
  height: 0.36rem;
  margin: 0.08rem auto 0;
  position: relative;
  border-radius: 0.26rem;
  text-align: center;
  line-height: 0.36rem;
  font-size: 0.2rem;
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.1);
}

.cd-sel {
  display: flex;
  align-items: center;
  margin-top: 0.06rem;
}

.cd-sel span {
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.6);
}

.cd-sel p {
  display: flex;
  align-items: center;
  margin-left: 0.03rem;
  font-size: 0.2rem;
  color: #FFDD86;
}

.cd-sel p i {
  width: 0.28rem;
  height: 0.28rem;
  margin-right: 0.04rem;
  background: url("../images/icon-g.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.call-btn {
  width: 2.78rem;
  height: 0.64rem;
  border-radius: 0.41rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.24rem;
  color: #FFDD86;
  margin: 0.32rem auto 0;
  border: 1px solid rgba(255, 221, 134, 0.4);
}

.call-btn i {
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/icon-r2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.un-img {
  margin-top: 2.1rem;
  margin-bottom: 1.4rem;
}

.un-img img {
  width: 1.84rem;
  height: 1.84rem;
  display: block;
  margin: 0 auto;
}

.un-img p {
  margin-top: 0.08rem;
  text-align: center;
  font-size: 0.22rem;
  color: #fff;
}

.d-tit {
  text-align: center;
  height: 0.8rem;
  line-height: 0.8rem;
  position: relative;
  margin-top: 0.3rem;
}

.d-tit i {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -0.4rem;
  background: url("../images/tips4.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.d-tit span {
  font-size: 0.3rem;
  color: #fff;
  position: relative;
}

.d-tit span::after {
  content: "";
  width: 1.16rem;
  height: 0.1rem;
  position: absolute;
  left: -1.4rem;
  top: 50%;
  margin-top: -0.05rem;
  background: url("../images/tips3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.d-tit span::before {
  content: "";
  width: 1.16rem;
  height: 0.1rem;
  position: absolute;
  right: -1.4rem;
  top: 50%;
  transform: rotate(180deg);
  margin-top: -0.05rem;
  background: url("../images/tips3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.data-box {
  width: 6.5rem;
  margin: 0.16rem auto 0;
  box-sizing: border-box;
  padding: 0.32rem 0;
  border-radius: 0.4rem 0;
  border: 0.02rem solid rgba(223, 170, 86, 0.2);
  background: linear-gradient(180deg, #55442E 0%, #2B2217 100%);
}

.data-box .data-list {
  display: flex;
  justify-content: center;
  margin-bottom: 0.32rem;
}

.data-box .data-list li {
  flex: 1;
  position: relative;
}

.data-box .data-list li:nth-last-child(1)::after {
  display: none;
}

.data-box .data-list li::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -0.36rem;
  right: 0;
  width: 0.02rem;
  height: 0.72rem;
  opacity: 0.2;
  background: linear-gradient(180deg, rgba(255, 221, 134, 0) 0%, #FFDD86 50%, rgba(255, 221, 134, 0) 100%);
}

.data-box .data-list li span {
  color: #FFFFFF;
  font-size: 0.42rem;
  font-weight: bold;
  line-height: 0.48rem;
  display: block;
  height: 0.48rem;
  text-align: center;
}

.data-box .data-list li p {
  color: #FFFFFF;
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.48rem;
  display: block;
  height: 0.48rem;
  text-align: center;
}

.data-box .data-list li em {
  display: block;
  text-align: center;
  margin-top: 0.08rem;
  font-size: 0.24rem;
  line-height: 0.32rem;
  color: rgba(255, 255, 255, 0.6);
}

.data-box .data-tit {
  color: #FFF;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 500;
  margin-top: 0.32rem;
  line-height: 0.4rem;
  margin-left: 0.24rem;
}

.data-box .data-list2 {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 0.16rem;
  flex-wrap: wrap;
}

.data-box .data-list2 li {
  margin: 0 0.06rem;
  flex: 1;
  position: relative;
  border-radius: 0.16rem 0;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.12rem 0;
  margin-top: 0.12rem;
}

.data-box .data-list2 li span {
  color: #FFFFFF;
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 0.4rem;
  display: block;
  height: 0.4rem;
  text-align: center;
  -webkit-text-stroke-width: 0.2pt;
}

.data-box .data-list2 li em {
  display: block;
  text-align: center;
  margin-top: 0.04rem;
  font-size: 0.22rem;
  line-height: 0.3rem;
  color: rgba(255, 255, 255, 0.6);
}

.data-box .data-list3 {
  display: flex;
  box-sizing: border-box;
  padding: 0 0.16rem;
  flex-wrap: wrap;
}

.data-box .data-list3 li {
  margin: 0 0.06rem;
  width: 1.92rem;
  position: relative;
  border-radius: 0.16rem 0;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.12rem 0;
  margin-top: 0.12rem;
}

.data-box .data-list3 li span {
  color: #FFFFFF;
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 0.4rem;
  display: block;
  height: 0.4rem;
  text-align: center;
  -webkit-text-stroke-width: 0.2pt;
}

.data-box .data-list3 li em {
  display: block;
  text-align: center;
  margin-top: 0.04rem;
  font-size: 0.22rem;
  line-height: 0.3rem;
  color: rgba(255, 255, 255, 0.6);
}

.act-tit {
  display: flex;
  align-items: center;
  margin-left: 0.26rem;
  margin-top: 0.32rem;
}

.act-tit i {
  width: 0.36rem;
  height: 0.36rem;
  margin-right: 0.08rem;
  background: url("../images/tips6.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.act-tit span {
  font-size: 0.3rem;
  font-weight: 500;
  -webkit-text-stroke-width: 0.2pt;
  color: #fff;
  position: relative;
}

.act-tit span::after {
  content: "";
  position: absolute;
  bottom: 0.1rem;
  right: -1.72rem;
  width: 1.62rem;
  height: 0.24rem;
  background: url("../images/tips5.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.act-list1 li {
  margin: 0.16rem auto 0;
  width: 6.5rem;
  box-sizing: border-box;
  padding: 0.16rem 0.24rem 0.24rem;
  border: 0.02rem solid rgba(223, 170, 86, 0.2);
  background: #433625;
  border-radius: 0.4rem 0;
}

.act-list1 li .act-list-tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.act-list1 li .act-list-tit span {
  flex: 1;
  font-size: 0.26rem;
  font-weight: 500;
  -webkit-text-stroke-width: 0.2pt;
  color: #fff;
}

.act-list1 li .act-list-tit p {
  display: flex;
  align-items: center;
  color: rgba(255, 221, 134, 0.6);
  font-size: 0.2rem;
}

.act-list1 li .act-list-tit p i {
  margin-right: 0.04rem;
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/icon-clock.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.act-list1 li .act-list-tit p em {
  color: rgba(255, 255, 255, 0.5);
}

.act-list1 li .act-list-con {
  margin-top: 0.12rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.act-list1 li .act-list-con .alist {
  display: flex;
}

.act-list1 li .act-list-con .alist .aitem1 {
  width: 0.64rem;
  height: 0.64rem;
  background: url("../images/item3.png") no-repeat 0 0;
  background-size: 100% 100%;
  margin-right: 0.12rem;
}

.act-list1 li .act-list-con .alist .aitem1 img {
  width: 100%;
  height: 100%;
}

.act-list1 li .act-list-con .alist .aitem2 {
  width: 0.64rem;
  height: 0.64rem;
  margin-right: 0.12rem;
  background: url("../images/item4.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.act-list1 li .act-list-con .alist .aitem2 img {
  width: 100%;
  height: 100%;
}

.act-list1 li .act-list-con i {
  opacity: 0.8;
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/icon-r.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.act-list2 li {
  display: flex;
  align-items: center;
  margin: 0.16rem auto 0;
  width: 6.5rem;
  box-sizing: border-box;
  padding: 0.16rem 0.24rem 0.16rem;
  border: 0.02rem solid rgba(223, 170, 86, 0.2);
  background: #433625;
  border-radius: 0.4rem 0;
}

.act-list2 li .act-list-tit {
  width: 2.82rem;
}

.act-list2 li .act-list-tit span {
  display: block;
  font-size: 0.26rem;
  font-weight: 500;
  -webkit-text-stroke-width: 0.2pt;
  color: #fff;
}

.act-list2 li .act-list-tit p {
  margin-top: 0.08rem;
  display: flex;
  align-items: center;
  color: rgba(255, 221, 134, 0.6);
  font-size: 0.2rem;
}

.act-list2 li .act-list-tit p i {
  margin-right: 0.04rem;
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/icon-clock.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.act-list2 li .act-list-tit p em {
  color: rgba(255, 255, 255, 0.5);
}

.act-list2 li .act-list-img {
  display: flex;
  align-items: center;
  flex: 1;
}

.act-list2 li .act-list-img img {
  width: 0.48rem;
  height: 0.48rem;
}

.act-list2 li .act-list-img span {
  font-size: 0.26rem;
  color: #FFDD86;
}

.act-list2 li .act-list-btn {
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.6);
}

.act-list2 li .act-list-btn i {
  width: 0.24rem;
  height: 0.24rem;
  opacity: 0.8;
  background: url("../images/icon-r.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.act-list2 li .act-list-btn p {
  width: 1.45rem;
}

.act-list2 li .act-list-btn p em {
  display: flex;
  align-items: center;
  justify-content: center;
}

.act-list2 li .act-list-btn p em i {
  margin: 0 0.04rem;
  width: 0.24rem;
  height: 0.24rem;
  opacity: 1;
  background: url("../images/icon-s1-un.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.act-list2 li .act-list-btn p em i.on {
  background: url("../images/icon-s1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.act-list2 li .act-list-btn p span {
  font-size: 0.24rem;
  display: block;
  text-align: center;
  line-height: 0.24rem;
  font-size: 0.18rem;
  color: rgba(255, 255, 255, 0.6);
}

.game-box {
  position: relative;
  margin: 0.4rem auto 0;
  width: 7.1rem;
  border-radius: 0.24rem;
  background-color: #252626;
  z-index: 0;
  box-sizing: border-box;
  padding: 0.22rem 0.22rem 0.3rem;
}

.game-box::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  left: 0;
  bottom: 0;
  border-radius: 0.24rem;
  background: linear-gradient(160deg, rgba(185, 251, 28, 0.08) 5.92%, rgba(185, 251, 28, 0) 18.8%);
}

.game-box .game-tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.game-box .game-tit .game-txt {
  font-size: 0.32rem;
  color: #DFE5E5;
  font-weight: bold;
}

.game-box .tit1 {
  width: 1.34rem;
  height: 0.51rem;
}

.game-box .game-nav {
  position: relative;
  display: flex;
  width: 1.08rem;
  height: 0.56rem;
  padding: 0.04rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.16rem;
  background-color: #303232;
  box-sizing: border-box;
}

.game-box .game-nav i {
  width: 0.48rem;
  height: 0.48rem;
}

.game-box .game-nav i:nth-child(1) {
  background: url("../images/nav1.png") no-repeat center center;
  background-size: 0.32rem 0.32rem;
}

.game-box .game-nav i:nth-child(2) {
  background: url("../images/nav2.png") no-repeat center center;
  background-size: 0.32rem 0.32rem;
}

.game-box .game-nav i.on {
  border-radius: 0.1rem;
  background-color: #252626;
}

.game-box .game-data-nav {
  display: flex;
  height: 0.64rem;
  align-items: center;
  margin-top: 0.2rem;
  margin-bottom: -0.1rem;
}

.game-box .game-data-nav p {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 0.24rem;
  color: #B0B5B5;
  justify-content: center;
}

.game-box .game-data-nav p i {
  width: 0.12rem;
  height: 0.12rem;
  margin-left: 0.08rem;
  background: url("../images/iocn-down.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.game-box .game-data-nav p.on i {
  transform: rotate(180deg);
}

.game-search {
  position: relative;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  margin-top: 0.2rem;
}

.game-search .search {
  display: flex;
  align-items: center;
  width: 5.2rem;
  height: 0.6rem;
  border-radius: 0.4rem;
  background-color: #303232;
  box-sizing: border-box;
  padding: 0 0.2rem;
}

.game-search .search i {
  width: 0.21rem;
  height: 0.2rem;
  background: url("../images/icons.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.game-search .search input {
  flex: 1;
  border: 0;
  margin-left: 0.1rem;
  font-size: 0.22rem;
  color: #B0B5B5;
  outline: none;
  background-color: #303232;
}

.game-search .all-se {
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  color: #7C8080;
}

.game-search .all-se i {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.08rem;
  background: url("../images/icon-d-un.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.game-search .all-se i.on {
  background: url("../images/icon-d.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.all-game {
  margin-top: -1.5rem;
}

.all-btn {
  display: block;
  margin-top: 0.3rem;
  border-radius: 0.2rem;
  font-size: 0.28rem;
  color: #131715;
  width: 100%;
  height: 0.72rem;
  text-align: center;
  line-height: 0.72rem;
  background-color: #9BD01E;
}

.fr-search {
  position: absolute;
  top: 2.16rem;
  left: 50%;
  margin-left: -3.55rem;
  display: flex;
  width: 7.10rem;
  height: 0.72rem;
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0.26rem;
  background-color: rgba(19, 23, 21, 0.5);
}

.fr-search i {
  width: 0.31rem;
  height: 0.31rem;
  background: url("../images/ip-search.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.fr-search input {
  margin-left: 0.1rem;
  flex: 1;
  border: 0;
  font-size: 0.3rem;
  color: #B0B5B5;
  outline: none;
  background-color: rgba(19, 23, 21, 0.5);
}

.fr-search input::-webkit-input-placeholder {
  font-size: 0.3rem;
  color: #6F7373;
}

.fr-search a {
  display: none;
  width: 0.32rem;
  height: 0.32rem;
  margin-left: 0.1rem;
  background: url("../images/ip-close.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.fr-search.on {
  border: 1px solid rgba(29, 149, 244, 0.8);
}

.fr-search.on a {
  display: block;
}

.fr-box {
  position: relative;
  width: 7.1rem;
  margin: -2rem auto 0;
  border-radius: 0.24rem;
  background-color: #252626;
  box-sizing: border-box;
  padding: 0.2rem;
}

.fr-box .fr-tit {
  display: flex;
  height: 0.44rem;
  align-items: center;
}

.fr-box .fr-tit span {
  line-height: 0.44rem;
  font-size: 0.24rem;
  color: #B0B5B5;
}

.fr-box .fr-tit span:nth-child(1) {
  width: 3.88rem;
}

.se-box {
  position: relative;
  width: 7.1rem;
  margin: 0.2rem auto 0;
  border-radius: 0.24rem;
  background-color: #252626;
  box-sizing: border-box;
  padding: 0.2rem;
}

.se-box .se-tit-nav {
  display: flex;
  height: 0.64rem;
  align-items: center;
}

.se-box .se-tit-nav p {
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  color: #B0B5B5;
}

.se-box .se-tit-nav p:nth-child(1) {
  flex: 1;
  margin-left: 1rem;
}

.se-box .se-tit-nav p i {
  width: 0.12rem;
  height: 0.12rem;
  margin-left: 0.08rem;
  background: url("../images/iocn-down.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.se-box .se-tit-nav p.on i {
  transform: rotate(180deg);
}

.set-box {
  position: relative;
  width: 7.1rem;
  margin: -3.18rem auto 0;
  border-radius: 0.24rem;
  background-color: #252626;
  box-sizing: border-box;
  padding: 0.2rem;
}

.set-box .set-tit {
  font-size: 0.32rem;
  line-height: 0.48rem;
  color: #DFE5E5;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.set-box .set-tit span {
  font-size: 0.2rem;
  margin-left: 0.12rem;
  color: #B0B5B5;
  font-weight: 400;
}

.set-box .set-list li {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0.08rem;
  margin-top: 0.3rem;
}

.set-box .set-list li span {
  flex: 1;
  font-size: 0.28rem;
  line-height: 0.44rem;
  color: #B0B5B5;
}

.set-box .set-list li a {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  font-size: 0.28rem;
  line-height: 0.44rem;
  color: #B0B5B5;
}

.set-box .set-list li a i {
  width: 0.2rem;
  height: 0.2rem;
  background: url("../images/icon-r.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.set-box .set-list li a.sbtn1 {
  width: auto;
  height: 0.54rem;
  border-radius: 0.1rem;
  text-align: center;
  line-height: 0.54rem;
  background-color: #9BD01E;
  color: #131715;
  font-size: 0.28rem;
  padding: 0 0.2rem;
}

.set-box .set-list li a.sbtn1.gray {
  color: #B0B5B5;
  background-color: #303232;
}

.info-box {
  position: relative;
  width: 7.1rem;
  margin: 0.2rem auto 0;
  border-radius: 0.24rem;
  background-color: #252626;
  box-sizing: border-box;
  padding: 0.2rem;
}

.info-box .info-tit {
  font-size: 0.32rem;
  line-height: 0.48rem;
  color: #DFE5E5;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.info-box .info-tit span {
  font-size: 0.2rem;
  margin-left: 0.12rem;
  color: #B0B5B5;
  font-weight: 400;
}

.info-box .info-con p {
  margin-top: 0.24rem;
  font-size: 0.24rem;
  color: #B0B5B5;
}

.info-box .info-con span {
  font-size: 0.24rem;
  color: #B0B5B5;
}

.info-box .info-con img {
  margin-top: 0.18rem;
  width: 100%;
  border-radius: 0.24rem;
}

.con-nav {
  position: relative;
  width: 7.5rem;
  height: 1.30rem;
  background-color: #f5efea;
  display: flex;
  align-items: center;
  margin-top: -0.38rem;
  border-radius: 0.38rem 0.38rem 0 0;
}

.con-nav a {
  flex: 1;
}

.con-nav a span {
  color: #666666;
  font-size: 0.26rem;
  display: block;
  text-align: center;
  line-height: 0.36rem;
}

.con-nav a em {
  text-align: center;
  line-height: 0.3rem;
  display: block;
  margin-top: 0.04rem;
  font-size: 0.2rem;
  color: #999999;
}

.con-nav a.on {
  position: relative;
}

.con-nav a.on::after {
  content: "";
  position: absolute;
  bottom: -0.14rem;
  left: 50%;
  margin-left: -0.25rem;
  width: 0.50rem;
  height: 0.08rem;
  border-radius: 0.12rem;
  background-color: #9c8569;
}

.con-nav a.on span {
  color: #9c8569;
  font-size: 0.3rem;
}

.con-nav a.on em {
  color: #c7af92;
}

.data-con {
  margin-top: 0.2rem;
}

.data-con.on {
  filter: blur(0.05rem);
}

.data-con.on .list {
  overflow: hidden;
}

.un-tips {
  position: fixed;
  left: 50%;
  margin-left: -3.75rem;
  top: 7.4rem;
  width: 7.5rem;
  text-align: center;
}

.un-tips span {
  height: 0.78rem;
  line-height: 0.79rem;
  font-size: 0.28rem;
  border-radius: 0.2rem;
  padding: 0.16rem 0.24rem;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}

.list-un {
  width: 7.5rem;
  height: 6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.list-un img {
  display: block;
  margin: 0 auto;
  width: 2.83rem;
  height: 2.29rem;
}

.list-un p {
  text-align: center;
  font-size: 0.24rem;
  color: #666666;
  margin-top: 0.26rem;
}

.list-on {
  width: 7.5rem;
}

.list-on img {
  display: block;
  margin: 0 auto;
  width: 7.24rem;
}

.rank-nav {
  display: flex;
  justify-content: center;
}

.rank-nav a {
  width: 1.77rem;
  height: 0.45rem;
  text-align: center;
  line-height: 0.45rem;
  background-color: #eae5d9;
  border-radius: 0.22rem;
  font-size: 0.24rem;
  color: #a99275;
  margin: 0 0.2rem;
}

.rank-nav a.on {
  color: #706257;
  background-color: #d1c3aa;
}

.mlist ul {
  width: 7.02rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.mlist ul li {
  width: 3.4rem;
  height: 1.84rem;
  display: flex;
  position: relative;
  z-index: 0;
  margin-top: 0.32rem;
}

.mlist ul li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 3.4rem;
  height: 1.04rem;
  z-index: -1;
  flex-shrink: 0;
  box-sizing: border-box;
  border-radius: 0.2rem 0;
  border: 0.02rem solid #67503A;
  background: linear-gradient(0deg, #43362F 0%, #201D1C 100%);
}

.mlist ul li .cd-item {
  flex-shrink: 0;
  width: 1.60rem;
  height: 1.60rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-left: 0.16rem;
}

.mlist ul li .cd-item .cd-item-img {
  position: relative;
  width: 1.54rem;
  height: 1.54rem;
  border-radius: 0 0.16rem 0 0;
}

.mlist ul li .cd-item span {
  position: absolute;
  top: 0.12rem;
  left: 0.08rem;
  width: 0.3rem;
  height: 0.3rem;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 2;
}

.mlist ul li .cd-item span img {
  width: 0.26rem;
  height: 0.26rem;
}

.mlist ul li .cd-item em {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  color: #fff;
  box-sizing: border-box;
  height: 0.28rem;
  padding: 0 0.1rem;
  display: flex;
  font-size: 0.18rem;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0 0.16rem 0 0.12rem;
}

.mlist ul li .cd-item div {
  display: flex;
  width: 100%;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: 0.1rem;
  z-index: 2;
}

.mlist ul li .cd-item div i {
  width: 0.25rem;
  height: 0.26rem;
  background: url("../images/icon-s2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.mlist ul li .cd-item.item1 {
  background: url("../images/item1.png") no-repeat 0 0;
  background-size: 100% 100%;
  position: relative;
  z-index: 0;
}

.mlist ul li .cd-item.item1::after {
  z-index: 1;
  content: "";
  bottom: 0;
  position: absolute;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  box-sizing: border-box;
  border-radius: 0 0.2rem 0 0;
  background: linear-gradient(180deg, rgba(165, 96, 86, 0) 54.31%, #CFA96E 100%);
}

.mlist ul li .cd-item.item2 {
  background: url("../images/item2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.mlist ul li .cd-item.item2::after {
  z-index: 1;
  content: "";
  bottom: 0;
  position: absolute;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  box-sizing: border-box;
  border-radius: 0 0.2rem 0 0;
  background: linear-gradient(180deg, rgba(66, 65, 104, 0) 54.31%, #865CBC 100%);
}

.mlist ul li .cd-item-text {
  margin-left: 0.16rem;
}

.mlist ul li .cd-item-text p {
  display: flex;
  align-items: center;
}

.mlist ul li .cd-item-text p span {
  font-size: 0.28rem;
  color: #FFFFFF;
  font-weight: bold;
}

.mlist ul li .cd-item-text p img {
  margin-left: 0.04rem;
  width: 0.32rem;
  height: 0.32rem;
}

.mlist ul li .cd-item-text p em {
  display: block;
  font-size: 0.26rem;
  color: #fff;
  width: 2.04rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.mlist ul li .cd-item-text .cd-em {
  display: flex;
  align-items: center;
  margin-top: 0.03rem;
}

.mlist ul li .cd-item-text .cd-em em {
  width: 0.66rem;
  height: 0.28rem;
  font-size: 0.2rem;
  line-height: 0.28rem;
  text-align: center;
  margin-right: 0.08rem;
}

.mlist ul li .cd-item-text .cd-em em.r-em1 {
  color: #000000;
  background: url("../images/icon-d.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.mlist ul li .cd-item-text .cd-em em.r-em2 {
  width: 0.72rem;
  color: #fff;
  background: url("../images/icon-d2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.mlist ul li .cd-item-text .cd-card {
  display: flex;
  align-content: center;
  margin-top: 0.22rem;
}

.mlist ul li .cd-item-text .cd-card img {
  width: 0.68rem;
  height: 0.68rem;
  margin-right: 0.12rem;
}

.mlist ul li .cd-item-text .cd-card span em {
  display: block;
  font-size: 0.2rem;
  color: #FFFFFF;
  margin: 0.03rem 0;
}

.task-list {
  margin-top: 0.35rem;
}

.task-list ul li {
  position: relative;
  width: 7.02rem;
  height: 1.28rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border-radius: 0.4rem 0;
  box-sizing: border-box;
  padding: 0 0.24rem;
  margin-top: 0.24rem;
  z-index: 0;
  background: url("../images/task-li.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.task-list ul li img {
  width: 0.96rem;
  height: 0.96rem;
}

.task-list ul li p {
  flex: 1;
  margin-left: 0.16rem;
}

.task-list ul li p span {
  display: block;
  color: #FFF;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.4rem;
  -webkit-text-stroke-width: 0.2pt;
  /* 125% */
}

.task-list ul li p span:nth-child(2) {
  margin-top: 0.08rem;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  -webkit-text-stroke-width: 0pt;
}

.task-list ul li p span em {
  margin-left: 0.17rem;
}

.task-list ul li div {
  display: flex;
  align-items: center;
  width: 1.4rem;
  justify-content: center;
}

.task-list ul li div i {
  flex-shrink: 0;
  margin-left: 0.1rem;
  display: flex;
  width: 0.37rem;
  height: 0.36rem;
  background: url(../images/icon-s1-un.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.task-list ul li div i.on {
  background: url(../images/icon-s1.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.share-page {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -3.75rem;
  width: 7.5rem;
  height: 100vh;
  overflow-y: auto;
  z-index: -1;
}

.share {
  position: relative;
  background-color: #191919;
  width: 7.5rem;
  height: auto;
  overflow: hidden;
}

.share .head .h-info {
  position: absolute;
  left: 50%;
  top: 3.3rem;
  margin-left: -3.49rem;
}

.share .tit1 {
  margin-top: -0.3rem;
}

.share-box {
  width: 7.5rem;
  height: 14.16rem;
  margin: 0 auto 0;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.share-bom {
  position: relative;
  width: 7.1rem;
  margin: 0.56rem auto 0.42rem;
  background-color: #241710;
  border-radius: 0.2rem;
}

.share-ft {
  width: 6.84rem;
  padding: 0.26rem 0.32rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.share-ft .s-top {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.share-ft .s-top .s-right {
  background: #fff;
  width: 1.08rem;
  height: 1.08rem;
  border-radius: 0.12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.04rem solid #9c8569;
  flex-shrink: 0;
  margin-top: 0.1rem;
}

.share-ft .s-top .s-right img {
  width: 0.92rem;
  height: 0.92rem;
}

.share-ft .s-txt {
  border-top: rgba(156, 133, 105, 0.4) dashed 1px;
  margin-top: 0.26rem;
  color: #9c8569;
  font-size: 0.2rem;
  line-height: 0.34rem;
  padding-top: 0.16rem;
}

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

.pop-img {
  width: 6.8rem;
  height: auto;
  margin: 0.8rem auto 0;
  z-index: 9;
  margin-bottom: 6rem;
  box-sizing: border-box;
  background-color: #000;
}

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

.p-bom {
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 7.5rem;
  margin-left: -3.75rem;
  height: auto;
  background: #191919;
  box-sizing: border-box;
  padding-top: 0.4rem;
  padding-bottom: 0.2rem;
  border-radius: 0.2rem 0;
  border-top: 0.02rem solid #67503A;
  background: linear-gradient(0deg, #43362F 0%, #201D1C 100%);
}

.p-bom .p-close {
  position: absolute;
  top: 0.24rem;
  right: 0.24rem;
  width: 0.27rem;
  height: 0.27rem;
  z-index: 9;
  background: url("../images/p-close.png") no-repeat 0 0;
  background-size: 100% 100%;
}

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

.p-bom .bom-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.3rem;
  margin-left: 0.48rem;
}

.p-bom .bom-list li {
  flex-shrink: 0;
  margin-right: 0.52rem;
  margin-bottom: 0.26rem;
}

.p-bom .bom-list li img {
  display: block;
  margin: 0 auto;
  width: 1.2rem;
  height: 1.2rem;
}

.p-bom .bom-list li P {
  font-size: 0.24rem;
  color: #b0b5b5;
  text-align: center;
  margin-top: 0.12rem;
}

.p-bom .game-search {
  width: 6.7rem;
  margin: 0.4rem auto 0;
}

.p-bom .game-search .search {
  width: 6.7rem;
}

.p-bom .data-y {
  margin-left: 0.4rem;
  margin-top: 0.3rem;
}

.p-bom .data-y ul {
  width: 7rem;
  height: 5.68rem;
  overflow-y: auto;
}

.p-bom .data-y ul::-webkit-scrollbar {
  width: 0.06rem;
  height: "";
  background: "";
}

.p-bom .data-y ul::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); */
  border-radius: 0.2rem;
  background: none;
}

.p-bom .data-y ul::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  /* box-shadow: inset 0 0 0px rgba(237, 44, 37, .5); */
  background: #303232;
}

.p-bom .data-y ul li {
  width: 6.7rem;
}

.p-bom .data-y ul li:nth-last-child(1) {
  margin-bottom: 0;
}

.p-bom .data-y ul li.on {
  position: relative;
}

.p-bom .data-y ul li.on::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6.7rem;
  height: 1.16rem;
  background: url("../images/g-on.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p-bom .p-bom-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.4rem;
}

.p-bom .p-bom-btn a {
  margin: 0 0.25rem;
  width: 1.56rem;
  height: 0.54rem;
  border-radius: 0.1rem;
  text-align: center;
  line-height: 0.54rem;
  font-size: 0.28rem;
}

.p-bom .p-bom-btn a.btn1 {
  color: #B0B5B5;
  background-color: #252626;
}

.p-bom .p-bom-btn a.btn2 {
  color: #131715;
  background-color: #9BD01E;
}

.pop-bom {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -3.75rem;
  width: 7.5rem;
  box-sizing: border-box;
  border-radius: 0.64rem 0 0 0;
  border: 0.02rem solid #534940;
  background: #3F352C;
  padding-bottom: 0.48rem;
}

.pop-bom::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7.36rem;
  height: 98.5%;
  flex-shrink: 0;
  z-index: -1;
  border-radius: 0.6rem 0 0 0;
  border: 0.02rem dashed rgba(129, 104, 82, 0.5);
  margin-left: -3.69rem;
  transform: translateY(-50%);
}

.pop-bom .p-close {
  position: absolute;
  top: 0.16rem;
  right: 0.16rem;
  width: 0.27rem;
  height: 0.27rem;
  background: url("../images/p-close.png") no-repeat 0 0;
  background-size: 100% 100%;
  z-index: 9;
}

.pop-role-list {
  display: flex;
  margin-top: 0.15rem;
  flex-wrap: wrap;
  margin-left: 0.58rem;
  height: 6.6rem;
  overflow-y: auto;
  width: 6.6rem;
}

.pop-role-list::-webkit-scrollbar {
  width: 0.06rem;
  height: 1rem;
  background: "";
}

.pop-role-list::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); */
  border-radius: 0.2rem;
  background: none;
}

.pop-role-list::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  /* box-shadow: inset 0 0 0px rgba(237, 44, 37, .5); */
  background: #a58c4d;
}

.pop-role-list li {
  width: 1.32rem;
  margin-right: 0.3rem;
  margin-bottom: 0.24rem;
}

.pop-role-list li .cd-item {
  width: 1.32rem;
  height: 1.32rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.pop-role-list li .cd-item .cd-item-img {
  width: 1.28rem;
  height: 1.28rem;
  mask-image: url(../images/mask.png);
  mask-size: 100% 100%;
  -webkit-mask-image: url(../images/mask.png);
  -webkit-mask-size: 100% 100%;
}

.pop-role-list li .cd-item span {
  position: absolute;
  top: 0.06rem;
  left: 0.06rem;
  width: 0.3rem;
  height: 0.3rem;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 1;
}

.pop-role-list li .cd-item span img {
  width: 0.26rem;
  height: 0.26rem;
}

.pop-role-list li .cd-item em {
  position: absolute;
  right: 0.06rem;
  top: 0.06rem;
  color: #fff;
  box-sizing: border-box;
  height: 0.3rem;
  width: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  z-index: 1;
}

.pop-role-list li .cd-item div {
  display: flex;
  width: 100%;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: 0.1rem;
}

.pop-role-list li .cd-item div i {
  width: 0.23rem;
  height: 0.24rem;
  background: url("../images/icon-s2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-role-list li .cd-item.item1 {
  background: url("../images/item1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-role-list li .cd-item.item2 {
  background: url("../images/item2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-role-list li p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  margin-top: 0.08rem;
  text-align: center;
}

.pop-role-list li.on .cd-item em {
  color: #3F352C;
  background-color: #FFDD86;
  border: 1px solid rgba(255, 255, 255, 0.7);
}

.pop-rule {
  width: 6.68rem;
  margin-left: 0.36rem;
  height: 6.6rem;
  margin-top: 0.08rem;
  overflow-y: auto;
  padding-right: 0.2rem;
}

.pop-rule::-webkit-scrollbar {
  width: 0.06rem;
  height: 1rem;
  background: "";
}

.pop-rule::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); */
  border-radius: 0.2rem;
  background: none;
}

.pop-rule::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  /* box-shadow: inset 0 0 0px rgba(237, 44, 37, .5); */
  background: #686866;
}

.pop-rule p {
  display: flex;
  margin-bottom: 0.16rem;
}

.pop-rule p i {
  flex-shrink: 0;
  box-sizing: border-box;
  height: 0.3rem;
  width: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #3F352C;
  font-size: 0.22rem;
  margin-right: 0.16rem;
  margin-top: 0.04rem;
  background-color: #FFDD86;
  border: 1px solid rgba(255, 255, 255, 0.7);
}

.pop-rule p span {
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.36rem;
}

.side {
  position: fixed;
  bottom: 2.2rem;
  right: 0rem;
}

.side a {
  display: block;
  margin: 0.08rem 0;
}

.side img {
  width: 1.04rem;
  height: 1.04rem;
}

.bom-sl {
  position: relative;
  width: 7.5rem;
  box-sizing: border-box;
  margin: 0.6rem auto 0.4rem;
}

.wk-nav {
  display: flex;
  align-items: center;
  margin-top: 2.4rem;
}

.wk-nav a {
  width: 0.68rem;
  height: 0.68rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: .1rem;
}

.wk-nav a:nth-child(1) {
  margin-left: 0.3rem;
}

.wk-nav a em {
  width: 0.56rem;
  height: 0.56rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #4B546C;
  border-radius: 50%;
}

.wk-nav a em img {
  width: 0.48rem;
  height: 0.48rem;
}

.wk-nav a.on {
  position: relative;
}

.wk-nav a.on::after {
  content: "";
  top: 0;
  left: 0;
  width: 0.68rem;
  height: 0.68rem;
  position: absolute;
  background: url(../images/hbg2.png) no-repeat 0 0;
  background-size: 100% 100%;
  animation: rot 4s linear infinite;
}

.wk-nav a.on em {
  background-color: #89683D;
}

.wk-list ul {
  display: flex;
  margin-top: 0.32rem;
  margin-left: 0.24rem;
  flex-wrap: wrap;
}

.wk-list ul li {
  width: 1.60rem;
  margin-right: 0.2rem;
  margin-bottom: 0.32rem;
}

.wk-list ul li:nth-child(4) {
  margin-right: 0;
}

.wk-list ul li .cd-item {
  width: 1.60rem;
  height: 1.60rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.wk-list ul li .cd-item .cd-item-img {
  position: relative;
  width: 1.60rem;
  height: 1.60rem;
  mask-image: url(../images/mask.png);
  mask-size: 100% 100%;
  -webkit-mask-image: url(../images/mask.png);
  -webkit-mask-size: 100% 100%;
}

.wk-list ul li .cd-item span {
  position: absolute;
  top: 0.12rem;
  left: 0.08rem;
  width: 0.3rem;
  height: 0.3rem;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 2;
}

.wk-list ul li .cd-item span img {
  width: 0.26rem;
  height: 0.26rem;
}

.wk-list ul li .cd-item em {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  color: #fff;
  box-sizing: border-box;
  height: 0.28rem;
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0 0.16rem 0 0.12rem;
}

.wk-list ul li .cd-item div {
  display: flex;
  width: 100%;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: 0.1rem;
  z-index: 2;
}

.wk-list ul li .cd-item div i {
  width: 0.25rem;
  height: 0.26rem;
  background: url("../images/icon-s2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.wk-list ul li .cd-item.item1 {
  background: url("../images/item1.png") no-repeat 0 0;
  background-size: 100% 100%;
  position: relative;
  z-index: 0;
}

.wk-list ul li .cd-item.item2 {
  background: url("../images/item2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.wk-list ul li p {
  color: white;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.34rem;
  margin-top: 0.09rem;
  text-align: center;
}

.role-head {
  width: 7.5rem;
  height: 8.4rem;
  margin-top: 0.88rem;
  position: relative;
}

.role-head .role-img {
  width: 7.5rem;
  height: 8.4rem;
  mask-image: url(../images/mask2.png);
  mask-size: 100% 100%;
  -webkit-mask-image: url(../images/mask2.png);
  -webkit-mask-size: 100% 100%;
}

.role-head .sk-list {
  position: absolute;
  width: 7.5rem;
  top: 3.2rem;
}

.role-head .sk-list li {
  position: absolute;
  width: 0.96rem;
  height: 0.96rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../images/sk-item.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.role-head .sk-list li img {
  width: 0.82rem;
  height: 0.82rem;
}

.role-head .sk-list li:nth-child(1) {
  left: 0.24rem;
  top: 0;
}

.role-head .sk-list li:nth-child(2) {
  left: 0.24rem;
  top: 1.2rem;
}

.role-head .sk-list li:nth-child(3) {
  left: 0.24rem;
  top: 2.4rem;
}

.role-head .sk-list li:nth-child(4) {
  right: 0.24rem;
  top: 0;
}

.role-head .sk-list li:nth-child(5) {
  right: 0.24rem;
  top: 1.2rem;
}

.role-head .sk-list li:nth-child(6) {
  right: 0.24rem;
  top: 2.4rem;
}

.role-head .sk-list li.un {
  position: absolute;
}

.role-head .sk-list li.un::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
}

.role-head .sk-list li.un::before {
  content: "";
  position: absolute;
  width: 0.4rem;
  height: 0.41rem;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin-top: -0.2rem;
  margin-left: -0.2rem;
  background: url("../images/icon-y.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.ab {
  margin-top: -0.4rem;
  padding-bottom: 0.48rem;
}

.ab .rule-info {
  margin-top: 0.38rem;
}

.ab .rule-info::after {
  display: none;
}

.ab-nav {
  display: flex;
  width: 6.5rem;
  height: 0.56rem;
  border-radius: 0.4rem;
  background-color: #31271F;
  margin: 0.1rem auto 0;
}

.ab-nav a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.ab-nav a img {
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.08rem;
  border-radius: 50%;
  border: 1px solid #A58765;
}

.ab-nav a span {
  font-size: 0.28rem;
  color: rgba(255, 221, 134, 0.6);
}

.ab-nav a.on {
  border-radius: 0.4rem;
  background-color: rgba(255, 221, 134, 0.1);
  box-sizing: border-box;
  border: 1px solid rgba(255, 221, 134, 0.1);
}

.ab-nav a.on::after {
  content: "";
  position: absolute;
  width: 0.16rem;
  height: 0.18rem;
  top: 0.18rem;
  left: 0.2rem;
  background: url("../images/icon-s3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.ab-nav a.on::before {
  content: "";
  position: absolute;
  width: 0.16rem;
  height: 0.18rem;
  top: 0.18rem;
  right: 0.2rem;
  background: url("../images/icon-s3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.ab-nav a.on span {
  color: #FFDD86;
}

.ab-con {
  display: flex;
  width: 6.44rem;
  margin: 0 auto;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ab-con li {
  width: 3.2rem;
  height: 0.44rem;
  margin-top: 0.16rem;
  display: flex;
  align-items: center;
  padding: 0 0.12rem 0 0.12rem;
  box-sizing: border-box;
}

.ab-con li:nth-child(3) {
  background-color: #31271F;
}

.ab-con li:nth-child(4) {
  background-color: #31271F;
}

.ab-con li:nth-child(7) {
  background-color: #31271F;
}

.ab-con li:nth-child(8) {
  background-color: #31271F;
}

.ab-con li:nth-child(11) {
  background-color: #31271F;
}

.ab-con li:nth-child(12) {
  background-color: #31271F;
}

.ab-con li i {
  flex-shrink: 0;
  width: 0.4rem;
  height: 0.4rem;
}

.ab-con li img {
  flex-shrink: 0;
  width: 0.4rem;
  height: 0.4rem;
}

.ab-con li i {
  background-color: #fff;
}

.ab-con li i.icon1 {
  background: url("../images/o1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.ab-con li i.icon2 {
  background: url("../images/o2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.ab-con li i.icon3 {
  background: url("../images/o3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.ab-con li i.icon4 {
  background: url("../images/o4.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.ab-con li i.icon5 {
  background: url("../images/o5.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.ab-con li i.icon6 {
  background: url("../images/o6.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.ab-con li i.icon7 {
  background: url("../images/o7.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.ab-con li i.icon8 {
  background: url("../images/o8.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.ab-con li i.icon9 {
  background: url("../images/o9.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.ab-con li i.icon10 {
  background: url("../images/o10.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.ab-con li i.icon11 {
  background: url("../images/o11.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.ab-con li i.icon12 {
  background: url("../images/o12.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.ab-con li span {
  flex: 1;
  font-size: 0.22rem;
  color: #FFFFFF;
  margin-left: 0.02rem;
}

.ab-con li p {
  margin-right: 0.1rem;
}

.ab-con li p em {
  display: block;
  font-size: 0.16rem;
  line-height: 0.16rem;
  color: #fff;
  text-align: center;
}

.ab-con li p em:nth-child(2) {
  color: #FF9B66;
}

.ab-con li a {
  text-align: end;
  width: 0.68rem;
  font-size: 0.22rem;
  color: #FFFFFF;
  font-weight: bold;
}

.ab-con li.on i {
  background-color: #FFDD86;
}

.ab-con li.on i.icon1 {
  background: none;
  -webkit-mask: url("../images/o1.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.ab-con li.on i.icon2 {
  background: none;
  -webkit-mask: url("../images/o2.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.ab-con li.on i.icon3 {
  background: none;
  -webkit-mask: url("../images/o3.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.ab-con li.on i.icon4 {
  background: none;
  -webkit-mask: url("../images/o4.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.ab-con li.on i.icon5 {
  background: none;
  -webkit-mask: url("../images/o5.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.ab-con li.on i.icon6 {
  background: none;
  -webkit-mask: url("../images/o6.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.ab-con li.on i.icon7 {
  background: none;
  -webkit-mask: url("../images/o7.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.ab-con li.on i.icon8 {
  background: none;
  -webkit-mask: url("../images/o8.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.ab-con li.on i.icon9 {
  background: none;
  -webkit-mask: url("../images/o9.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.ab-con li.on i.icon10 {
  background: none;
  -webkit-mask: url("../images/o10.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.ab-con li.on i.icon11 {
  background: none;
  -webkit-mask: url("../images/o11.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.ab-con li.on i.icon12 {
  background: none;
  -webkit-mask: url("../images/o12.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.ab-con li.on span {
  color: #FFDD86;
}

.ab-con li.on a {
  color: #FFDD86;
}

.ab-tit1 {
  margin-top: 0.32rem;
  margin-left: 0.24rem;
}

.ab-tit1 span {
  position: relative;
  font-size: 0.28rem;
  font-weight: 500;
  -webkit-text-stroke-width: 0.2pt;
  color: #fff;
  position: relative;
}

.ab-tit1 span::after {
  content: "";
  position: absolute;
  bottom: 0.1rem;
  right: -1.72rem;
  width: 1.62rem;
  height: 0.24rem;
  background: url(../images/tips5.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.ab-tit2 {
  display: flex;
  width: 6.5rem;
  justify-content: space-between;
  margin: 0.32rem auto 0;
}

.ab-tit2 span {
  font-size: 0.28rem;
  color: #fff;
  font-weight: 500;
  -webkit-text-stroke-width: 0.2pt;
}

.ab-tit2 P {
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.6);
}

.ab-tit2 P i {
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/icon-set3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.sk-box {
  margin: 0.16rem auto 0;
  width: 6.5rem;
  box-sizing: border-box;
  padding: 0.24rem;
  border-radius: 0.4rem 0;
  border: 0.02rem solid rgba(223, 170, 86, 0.2);
  background: #433625;
}

.sk-box .slist1 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sk-box .slist1 li {
  width: 0.72rem;
  height: 0.72rem;
  margin: 0 0.08rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/sk-item.png) no-repeat 0 0;
  background-size: 100% 100%;
  position: relative;
}

.sk-box .slist1 li img {
  width: 0.66rem;
  height: 0.66rem;
}

.sk-box .slist1 li em {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0.24rem;
  height: 0.24rem;
  border-radius: 50%;
  line-height: 0.24rem;
  text-align: center;
  color: #fff;
  font-size: 0.18rem;
  background-color: #8A7154;
}

.sk-box .slist-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sk-box .slist2 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.12rem;
}

.sk-box .slist2 li {
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 0.08rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(6, 6, 6, 0.6);
  border-radius: 50%;
  position: relative;
}

.sk-box .slist2 li img {
  width: 0.5rem;
  height: 0.5rem;
}

.sk-box .slist2 li.un {
  position: relative;
}

.sk-box .slist2 li.un::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
}

.sk-box .slist2 li.un::before {
  content: "";
  position: absolute;
  width: 0.3rem;
  height: 0.3rem;
  top: 50%;
  margin-top: -0.15rem;
  margin-left: -0.15rem;
  left: 50%;
  z-index: 1;
  background: url("../images/icon-y.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.sk-box .slist3 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.12rem;
  margin-left: 0.1rem;
  width: 2.6rem;
  flex-wrap: wrap;
}

.sk-box .slist3 li {
  flex-shrink: 0;
  width: 0.4rem;
  height: 0.4rem;
  margin: 0 0.03rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(6, 6, 6, 0.6);
  border-radius: 50%;
  position: relative;
  margin-top: 0.1rem;
}

.sk-box .slist3 li img {
  width: 0.36rem;
  height: 0.36rem;
}

.sk-box .slist3 li.un {
  position: relative;
}

.sk-box .slist3 li.un::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
}

.sk-box .slist3 li.un::before {
  content: "";
  position: absolute;
  width: 0.24rem;
  height: 0.24rem;
  top: 50%;
  margin-top: -0.12rem;
  margin-left: -0.12rem;
  left: 50%;
  z-index: 1;
  background: url("../images/icon-y.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.sk-box2 {
  margin: 0.16rem auto 0;
  width: 6.5rem;
  box-sizing: border-box;
  padding: 0.32rem 0.24rem;
  border-radius: 0.4rem 0;
  border: 0.02rem solid rgba(223, 170, 86, 0.2);
  background: #433625;
}

.sk-box2 .bt-list {
  display: flex;
  flex-wrap: wrap;
  width: 6.02rem;
  margin: 0 auto;
  box-sizing: border-box;
  padding-bottom: 0.12rem;
  position: relative;
}

.sk-box2 .bt-list::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.02rem;
  bottom: 0;
  left: 0;
  opacity: 0.2;
  background: linear-gradient(270deg, rgba(255, 221, 134, 0) 0%, #FFDD86 100%);
}

.sk-box2 .bt-list li {
  width: auto;
  display: flex;
  align-items: center;
  height: 0.48rem;
  box-sizing: border-box;
  padding: 0 0.12rem 0 0.08rem;
  border-radius: 0.24rem;
  margin-right: 0.24rem;
  background-color: rgba(255, 221, 134, 0.24);
  margin-bottom: 0.16rem;
}

.sk-box2 .bt-list li i {
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.04rem;
}

.sk-box2 .bt-list li i {
  background-color: #fff;
}

.sk-box2 .bt-list li i.icon1 {
  background: url("../images/o1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.sk-box2 .bt-list li i.icon2 {
  background: url("../images/o2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.sk-box2 .bt-list li i.icon3 {
  background: url("../images/o3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.sk-box2 .bt-list li i.icon4 {
  background: url("../images/o4.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.sk-box2 .bt-list li i.icon5 {
  background: url("../images/o5.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.sk-box2 .bt-list li i.icon6 {
  background: url("../images/o6.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.sk-box2 .bt-list li i.icon7 {
  background: url("../images/o7.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.sk-box2 .bt-list li i.icon8 {
  background: url("../images/o8.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.sk-box2 .bt-list li i.icon9 {
  background: url("../images/o9.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.sk-box2 .bt-list li i.icon10 {
  background: url("../images/o10.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.sk-box2 .bt-list li i.icon11 {
  background: url("../images/o11.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.sk-box2 .bt-list li i.icon12 {
  background: url("../images/o12.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.sk-box2 .bt-list li span {
  flex: 1;
  font-size: 0.24rem;
  color: #fff;
}

.sk-box2 .bt-list li em {
  margin-left: 0.08rem;
  width: 0.24rem;
  height: 0.24rem;
  border-radius: 50%;
  background-color: #77634C;
  font-size: 0.2rem;
  text-align: center;
  line-height: 0.24rem;
  color: #FFDD86;
}

.sk-box2 .bt-sc {
  display: flex;
  align-items: center;
  margin-top: 0.22rem;
}

.sk-box2 .bt-sc span {
  color: #FFF;
  font-size: 0.22rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.36rem;
  margin-right: 0.32rem;
  /* 163.636% */
}

.sk-box2 .bt-sc p {
  display: flex;
  align-items: center;
}

.sk-box2 .bt-sc p span {
  margin-right: 0.08rem;
}

.sk-box2 .bt-sc p em {
  position: relative;
  width: 0.7rem;
  text-align: center;
  color: #FFDD86;
  font-size: 0.3rem;
  font-weight: bold;
}

.sk-box2 .bt-sc p em::after {
  content: "";
  position: absolute;
  width: 0.74rem;
  height: 0.16rem;
  bottom: -0.04rem;
  right: -0.04rem;
  background: url("../images/tips7.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.sk-box2 .bt-sc p em.s1 {
  color: #F56C32;
}

.sk-box2 .bt-sc p em.s2 {
  color: #FFDD86;
}

.sk-box2 .bt-sc p em.s3 {
  color: #8AE88D;
}

.sk-box2 .bt-sc p em.s4 {
  color: #4DBBEA;
}

.sk-box2 .bt-sc p em.s5 {
  color: #C2C2C2;
}

.sk-un {
  font-size: 0.22rem;
  color: #FFFFFF;
  text-align: center;
}

.gd-list {
  display: flex;
  flex-wrap: wrap;
  width: 6.5rem;
  margin: 0 auto 0;
  justify-content: space-between;
}

.gd-list .gd-item {
  margin-top: 0.24rem;
  width: 3.16rem;
  height: 3.17rem;
  border-radius: 0.4rem 0;
  border: 0.02rem solid rgba(223, 170, 86, 0.2);
  background: #433625;
}

.gd-list .gd-item-head {
  display: flex;
  align-items: center;
  position: relative;
  width: 3.16rem;
  height: 0.8rem;
  border-radius: 0.4rem 0 0 0;
  background: linear-gradient(90deg, #866943 0%, #4D3A21 100%);
  box-sizing: border-box;
  padding-left: 0.16rem;
}

.gd-list .gd-item-head img {
  width: 0.64rem;
  height: 0.64rem;
}

.gd-list .gd-item-head i {
  position: absolute;
  top: 0.48rem;
  right: 2.28rem;
  height: 0.24rem;
  line-height: 0.24rem;
  color: #fff;
  font-size: 0.18rem;
  padding: 0 0.05rem;
  border-radius: 0.16rem;
  background-color: rgba(0, 0, 0, 0.6);
}

.gd-list .gd-item-head p {
  margin-left: 0.2rem;
}

.gd-list .gd-item-head p span {
  line-height: 0.32rem;
  display: block;
  font-size: 0.22rem;
  font-weight: bold;
  color: #fff;
}

.gd-list .gd-item-head p span:nth-child(2) {
  font-weight: 400;
}

.gd-list .gd-item-head em {
  position: absolute;
  top: 0.44rem;
  right: 0.16rem;
  text-align: center;
  color: #FFDD86;
  font-size: 0.22rem;
  font-weight: bold;
}

.gd-list .gd-item-head em.s1 {
  color: #F56C32;
}

.gd-list .gd-item-head em.s2 {
  color: #FFDD86;
}

.gd-list .gd-item-head em.s3 {
  color: #8AE88D;
}

.gd-list .gd-item-head em.s4 {
  color: #4DBBEA;
}

.gd-list .gd-item-head em.s5 {
  color: #C2C2C2;
}

.gd-list ul {
  margin-top: 0.1rem;
}

.gd-list ul li {
  display: flex;
  align-items: center;
  width: 2.98rem;
  height: 0.44rem;
  box-sizing: border-box;
  padding: 0 0.07rem;
  margin: 0 auto;
}

.gd-list ul li:nth-child(2n) {
  background-color: #31271F;
}

.gd-list ul li i {
  flex-shrink: 0;
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.04rem;
}

.gd-list ul li i {
  background-color: #fff;
}

.gd-list ul li i.icon1 {
  background: url("../images/o1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.gd-list ul li i.icon2 {
  background: url("../images/o2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.gd-list ul li i.icon3 {
  background: url("../images/o3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.gd-list ul li i.icon4 {
  background: url("../images/o4.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.gd-list ul li i.icon5 {
  background: url("../images/o5.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.gd-list ul li i.icon6 {
  background: url("../images/o6.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.gd-list ul li i.icon7 {
  background: url("../images/o7.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.gd-list ul li i.icon8 {
  background: url("../images/o8.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.gd-list ul li i.icon9 {
  background: url("../images/o9.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.gd-list ul li i.icon10 {
  background: url("../images/o10.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.gd-list ul li i.icon11 {
  background: url("../images/o11.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.gd-list ul li i.icon12 {
  background: url("../images/o12.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.gd-list ul li span {
  font-size: 0.2rem;
  color: #FFFFFF;
}

.gd-list ul li a {
  flex: 1;
  text-align: end;
  width: 0.68rem;
  font-size: 0.22rem;
  color: #FFFFFF;
  font-weight: bold;
}

.gd-list ul li em {
  margin-left: 0.08rem;
  display: flex;
  align-items: center;
  color: #FFDD86;
  font-size: 0.18rem;
  height: 0.24rem;
  border-radius: 0.08rem;
  background-color: rgba(255, 221, 134, 0.1);
  box-sizing: border-box;
  padding: 0 0.04rem;
}

.gd-list ul li em i {
  margin-right: 0;
  width: 0.16rem;
  height: 0.16rem;
  background: url("../images/icon-r3.png") no-repeat 0 0 !important;
  background-size: 100% 100% !important;
}

.gd-list ul li.on i {
  background-color: #FFDD86;
}

.gd-list ul li.on i.icon1 {
  background: none;
  -webkit-mask: url("../images/o1.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.gd-list ul li.on i.icon2 {
  background: none;
  -webkit-mask: url("../images/o2.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.gd-list ul li.on i.icon3 {
  background: none;
  -webkit-mask: url("../images/o3.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.gd-list ul li.on i.icon4 {
  background: none;
  -webkit-mask: url("../images/o4.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.gd-list ul li.on i.icon5 {
  background: none;
  -webkit-mask: url("../images/o5.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.gd-list ul li.on i.icon6 {
  background: none;
  -webkit-mask: url("../images/o6.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.gd-list ul li.on i.icon7 {
  background: none;
  -webkit-mask: url("../images/o7.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.gd-list ul li.on i.icon8 {
  background: none;
  -webkit-mask: url("../images/o8.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.gd-list ul li.on i.icon9 {
  background: none;
  -webkit-mask: url("../images/o9.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.gd-list ul li.on i.icon10 {
  background: none;
  -webkit-mask: url("../images/o10.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.gd-list ul li.on i.icon11 {
  background: none;
  -webkit-mask: url("../images/o11.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.gd-list ul li.on i.icon12 {
  background: none;
  -webkit-mask: url("../images/o12.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.gd-list ul li.on span {
  color: #FFDD86;
}

.gd-list ul li.on a {
  color: #FFDD86;
}

.p-pop {
  margin: 0 auto;
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  width: 6.36rem;
  flex-shrink: 0;
  border-radius: 0.64rem 0;
  border: 0.02rem solid #534940;
  background: #3F352C;
  padding-bottom: 0.48rem;
}

.p-pop::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6.2rem;
  height: 98%;
  flex-shrink: 0;
  z-index: -1;
  border-radius: 0.6rem 0;
  border: 0.02rem dashed #816852;
  margin-left: -3.12rem;
  transform: translateY(-50%);
}

.p-pop .p-close {
  position: absolute;
  top: 0.16rem;
  right: 0.16rem;
  width: 0.27rem;
  height: 0.27rem;
  background: url("../images/p-close.png") no-repeat 0 0;
  background-size: 100% 100%;
  z-index: 9;
}

.p-mask {
  width: 100vw;
  top: 0;
  left: 0;
  height: 100vh;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  font-size: 0.34rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.pop-title {
  text-align: center;
  height: 0.8rem;
  line-height: 0.8rem;
  position: relative;
  margin-top: 0.26rem;
  margin-bottom: 0.16rem;
}

.pop-title i {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -0.4rem;
  background: url("../images/tips4.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-title span {
  font-size: 0.3rem;
  color: #fff;
  position: relative;
  font-weight: 500;
  -webkit-text-stroke-width: 0.2pt;
}

.pop-title span::after {
  content: "";
  width: 1.16rem;
  height: 0.1rem;
  position: absolute;
  left: -1.4rem;
  top: 50%;
  margin-top: -0.05rem;
  background: url("../images/tips3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-title span::before {
  content: "";
  width: 1.16rem;
  height: 0.1rem;
  position: absolute;
  right: -1.4rem;
  top: 50%;
  transform: rotate(180deg);
  margin-top: -0.05rem;
  background: url("../images/tips3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-text {
  width: 5.6rem;
  margin: 0 auto;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.40rem;
  /* 133.333% */
  max-height: 6rem;
  overflow-y: auto;
}

.pop-text::-webkit-scrollbar {
  width: 0.04rem;
  height: "";
  background: "";
}

.pop-text::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); */
  border-radius: 0.2rem;
  background: none;
}

.pop-text::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  /* box-shadow: inset 0 0 0px rgba(237, 44, 37, .5); */
  background: #B0B5B5;
}

.pop-text em {
  color: rgba(255, 255, 255, 0.9);
}

.pop-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.32rem;
}

.pop-btn a {
  width: 2.62rem;
  height: 0.72rem;
  text-align: center;
  line-height: 0.72rem;
  color: #B0B5B5;
  font-size: .28rem;
  margin: 0 0.1rem;
  border-radius: 0.1rem;
}

.pop-btn .pbtn1 {
  color: rgba(255, 255, 255, 0.6);
  background: url("../images/pbtn1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-btn .pbtn2 {
  color: #201D1C;
  background: url("../images/pbtn2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-btn .pbtn3 {
  width: 3.55rem;
  color: #201D1C;
  background: url("../images/pbtn3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-card {
  display: flex;
  align-items: center;
  position: relative;
  width: 5.40rem;
  margin: 0.32rem auto 0;
  box-sizing: border-box;
  padding: 0.24rem 0;
}

.pop-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5.40rem;
  height: 0.02rem;
  opacity: 0.2;
  background: linear-gradient(270deg, rgba(255, 221, 134, 0) 0%, #FFDD86 50%, rgba(255, 221, 134, 0) 100%);
}

.pop-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 5.40rem;
  height: 0.02rem;
  opacity: 0.2;
  background: linear-gradient(270deg, rgba(255, 221, 134, 0) 0%, #FFDD86 50%, rgba(255, 221, 134, 0) 100%);
}

.pop-card img {
  width: 0.96rem;
  height: 0.96rem;
}

.pop-card p {
  flex: 1;
  margin-left: 0.16rem;
}

.pop-card p span {
  display: block;
  line-height: 0.36rem;
  font-size: 0.28rem;
  color: rgba(255, 255, 255, 0.9);
}

.pop-card p em {
  display: block;
  line-height: 0.36rem;
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.4);
}

.pop-card a {
  width: 0.7rem;
  height: 0.4rem;
  background: url("../images/icon-oun.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-card a.on {
  background: url("../images/icon-op.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-card-num {
  display: flex;
  align-items: center;
  width: 2.24rem;
  height: 0.64rem;
  border-radius: 0.2rem;
  overflow: hidden;
  margin: 0.36rem auto 0;
}

.pop-card-num a {
  flex-shrink: 0;
  width: 0.64rem;
  height: 0.64rem;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.28rem;
  background-color: #9A8555;
}

.pop-card-num input {
  flex: 1;
  width: 0.96rem;
  height: 0.64rem;
  color: #fff;
  font-size: 0.24rem;
  background-color: #695843;
  text-align: center;
  border: 0;
}

.c-time-cd {
  text-align: center;
  color: #fff;
  font-size: 0.22rem;
  margin-top: 0.2rem;
}

.c-time-cd em {
  color: #FFDD86;
}

.pop-icon-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 5.56rem;
  margin: 0.32rem auto 0;
}

.pop-icon-list ul li {
  position: relative;
  width: 2.7rem;
  height: 0.64rem;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0.16rem 0 0.12rem;
  margin-bottom: 0.16rem;
  background-color: #31271F;
}

.pop-icon-list ul li i {
  width: 0.4rem;
  height: 0.4rem;
}

.pop-icon-list ul li i {
  background-color: #fff;
}

.pop-icon-list ul li i.icon1 {
  background: url("../images/o1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-icon-list ul li i.icon2 {
  background: url("../images/o2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-icon-list ul li i.icon3 {
  background: url("../images/o3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-icon-list ul li i.icon4 {
  background: url("../images/o4.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-icon-list ul li i.icon5 {
  background: url("../images/o5.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-icon-list ul li i.icon6 {
  background: url("../images/o6.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-icon-list ul li i.icon7 {
  background: url("../images/o7.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-icon-list ul li i.icon8 {
  background: url("../images/o8.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-icon-list ul li i.icon9 {
  background: url("../images/o9.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-icon-list ul li i.icon10 {
  background: url("../images/o10.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-icon-list ul li i.icon11 {
  background: url("../images/o11.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-icon-list ul li i.icon12 {
  background: url("../images/o12.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-icon-list ul li span {
  flex: 1;
  margin-left: 0.08rem;
  font-size: 0.22rem;
  color: #FFFFFF;
}

.pop-icon-list ul li a {
  width: 0.28rem;
  height: 0.28rem;
  background: url("../images/icon-g2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-icon-list ul li em {
  font-size: 0.18rem;
  color: #FFDD86;
  display: inline-flex;
  height: 0.28rem;
  line-height: 0.28rem;
  padding: 0 0.06rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 0.08rem 0.08rem 0.08rem 0;
  background: #6E5C2F;
  position: absolute;
  top: -0.14rem;
  right: -0.08rem;
}

.pop-icon-list ul li.on a {
  background: url("../images/icon-g.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pop-icon-list ul li.on i {
  background-color: #FFDD86;
}

.pop-icon-list ul li.on i.icon1 {
  background: none;
  -webkit-mask: url("../images/o1.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.pop-icon-list ul li.on i.icon2 {
  background: none;
  -webkit-mask: url("../images/o2.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.pop-icon-list ul li.on i.icon3 {
  background: none;
  -webkit-mask: url("../images/o3.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.pop-icon-list ul li.on i.icon4 {
  background: none;
  -webkit-mask: url("../images/o4.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.pop-icon-list ul li.on i.icon5 {
  background: none;
  -webkit-mask: url("../images/o5.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.pop-icon-list ul li.on i.icon6 {
  background: none;
  -webkit-mask: url("../images/o6.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.pop-icon-list ul li.on i.icon7 {
  background: none;
  -webkit-mask: url("../images/o7.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.pop-icon-list ul li.on i.icon8 {
  background: none;
  -webkit-mask: url("../images/o8.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.pop-icon-list ul li.on i.icon9 {
  background: none;
  -webkit-mask: url("../images/o9.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.pop-icon-list ul li.on i.icon10 {
  background: none;
  -webkit-mask: url("../images/o10.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.pop-icon-list ul li.on i.icon11 {
  background: none;
  -webkit-mask: url("../images/o11.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.pop-icon-list ul li.on i.icon12 {
  background: none;
  -webkit-mask: url("../images/o12.png") no-repeat 0 0;
  -webkit-mask-size: 100% 100%;
  background-color: #FFDD86;
}

.pop-icon-list ul li.on span {
  color: #FFDD86;
}

.pop-icon-list ul li.on a {
  color: #FFDD86;
}

.loading {
  width: 6.35rem;
  height: auto;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  padding: 0.4rem 0.4rem 0.48rem;
  background-color: #191919;
  border-radius: 0.2rem;
  border: 0.04rem solid #2E994D;
}

.load-tit {
  text-align: center;
  font-size: 0.36rem;
  color: #fff;
  font-weight: bold;
}

.pop-lg-img img {
  width: 2.81rem;
  height: 2.21rem;
  display: block;
  margin: 0 auto;
}

.pop-lg-img span {
  margin-top: 0.2rem;
  text-align: center;
  display: block;
  color: #B0B5B5;
}

.load-item {
  margin: 0 auto;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin-top: 0.24rem;
  width: 5.4rem;
  height: 0.64rem;
  border-radius: 0.24rem 0;
  border: 0.02rem solid rgba(223, 182, 117, 0.2);
  background: #31271F;
  box-sizing: border-box;
  padding: 0 0.24rem;
}

.load-item span {
  flex-shrink: 0;
  width: 1.2rem;
  font-size: 0.24rem;
  color: #fff;
  margin-right: 0.1rem;
  white-space: nowrap;
}

.load-item div {
  width: 3.56rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.12rem;
  position: relative;
  overflow: hidden;
  background-color: rgba(255, 221, 134, 0.2);
}

.load-item div p {
  width: 3.56rem;
  height: 0.16rem;
  background: url("../images/par2.png") no-repeat 0 0;
  background-size: 100% 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.load-item div p em {
  width: 600rem;
  height: 0.16rem;
  display: block;
  background: url("../images/par1.png") repeat-x 0 0;
  background-size: auto 100%;
  animation: loading 600s linear infinite;
}

.load-item i {
  position: absolute;
  opacity: 0;
  font-size: 0.26rem;
  color: #E93D25;
}

@keyframes loading {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(50%);
  }
}

.video {
  height: 100vh;
  overflow: hidden;
}

.video img {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

.video .kp {
  width: 7.5rem;
  height: 17rem;
  background: url("../images/kp2.gif") no-repeat 0 0;
  background-size: 100% 100%;
}

.video video {
  width: 100%;
}

.video #videoWrapper {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

.video video::-webkit-media-controls {
  display: none !important;
}

.video video::-moz-media-controls {
  display: none !important;
}

.video video::-ms-media-controls {
  display: none !important;
}

.style__unmuteButton {
  display: none !important;
}

.logo {
  position: absolute;
  left: 50%;
  margin-left: -2.28rem;
  top: 1.6rem;
}

.logo img {
  width: 4.57rem;
  height: 1.28rem;
}

.h-bind {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}

.h-bind i {
  width: 0.21rem;
  height: 0.21rem;
  background: url("../images/icon-bind.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.h-bind span {
  font-size: 0.21rem;
  color: #ffffff;
  margin-left: 0.04rem;
}

.login {
  width: 7.17rem;
  position: absolute;
  left: 50%;
  margin-left: -3.58rem;
  bottom: 3rem;
}

.login .l-tit {
  width: 7.17rem;
  height: 2.48rem;
}

.login .l-tit img {
  width: 7.17rem;
  height: 2.48rem;
}

.login .login-text p {
  text-align: center;
  font-size: 0.34rem;
  color: #fffeff;
  line-height: 0.48rem;
}

.login .login-text span {
  text-align: center;
  color: #939393;
  display: block;
  font-size: 0.28rem;
}

.login .l-input {
  width: 5.48rem;
  height: 0.9rem;
  background: url("../images/input-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-left: 0.4rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.38rem;
}

.login .l-input input {
  border: 0;
  height: 100%;
  background: none;
  font-size: 0.24rem;
  color: #c7c7c7;
  width: 3.65rem;
}

.login .l-input input::-webkit-input-placeholder {
  color: #c7c7c7;
}

.login .l-input a {
  font-size: 0.24rem;
  color: #12d482;
}

.login .l-btn {
  display: block;
  width: 4.25rem;
  height: 0.88rem;
  margin: -0.2rem auto 0;
  text-align: center;
  line-height: 99rem;
  font-size: 0.32rem;
  overflow: hidden;
  color: #0c0806;
  background: url("../images/l-btn.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.login .l-tips {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.16rem;
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.8);
}

.login .l-tips i {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.05rem;
  background: url("../images/icon-qu.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.login .l-text {
  display: flex;
  margin-top: 0.32rem;
  justify-content: center;
}

.login .l-text i {
  flex-shrink: 0;
  width: 0.28rem;
  height: 0.28rem;
  margin-top: 0.05rem;
  margin-right: 0.08rem;
  background: url("../images/icon-g2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.login .l-text i.on {
  background: url("../images/icon-g.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.login .l-text p {
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 0.38rem;
  text-align: center;
}

.login .l-text p a {
  color: #FFDD86;
}

.login .l-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.25rem;
}

.login .l-icon img {
  margin: 0 0.2rem;
  width: 0.66rem;
  height: 0.66rem;
}

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

.login-box .bom-sl {
  width: 7.5rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -3.75rem;
}

.gray {
  filter: grayscale(1);
}

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

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

@-webkit-keyframes twinkle {
  0%,
  100% {
    opacity: 0.2;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes twinkle {
  0%,
  100% {
    opacity: 0.2;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}

.c1 {
  color: #FFDD86;
}

.mpage .call-box {
  background: none;
  height: auto;
}

@media screen and (min-width: 1000px) {
  html {
    font-size: calc(400px/7.5) !important;
  }
}