@charset "UTF-8";
.scl ::-webkit-scrollbar-thumb:horizontal {
  width: 0.05rem;
  border-radius: 0.05rem;
  background: transparent;
}

.scl ::-webkit-scrollbar {
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 0.05rem;
  background: transparent;
}

.scl ::-webkit-scrollbar-thumb:vertical {
  background: #5e2ac9;
  outline-offset: -2px;
  border-radius: 0.05rem;
}

@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, html, a, img, div, form, select, input, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dl, dt, p, label, em, span, cude, i {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-size: 0.24rem;
  font-family: 'NumFont',Helvetica,STHeiti,Droid Sans Fallback;
  background-color: #100940;
  color: #fff;
  position: relative;
  width: 100%;
  line-height: 1;
}

a {
  text-decoration: none;
  color: #fff;
  word-break: break-all;
}

ol, ul, li {
  list-style: none;
}

em, i {
  font-style: normal;
}

img {
  border: none;
}

textarea {
  -webkit-appearance: none;
  font-family: Helvetica,STHeiti,Droid Sans Fallback;
}

input {
  font-family: 'NumFont',Helvetica,STHeiti,Droid Sans Fallback;
  font-size: 0.24rem;
  outline: none;
  resize: none;
  color: #191919;
}

.cf {
  *zoom: 1;
}

.cf:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.pr {
  position: relative;
}

.lh {
  line-height: 5rem;
  overflow: hidden;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.w {
  margin: 0 auto;
  width: 7.5rem;
  overflow: hidden;
}

::placeholder {
  color: #a7a8a7;
}

.blankfooter {
  padding-bottom: 1.5rem !important;
}

.trophy {
  z-index: 22;
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: 110%;
  background: url(../images/trophy-bg.png) no-repeat rgba(0, 0, 0, 0.2);
  background-size: 100% 100%;
  backdrop-filter: blur(0.1rem);
}

.trophy .trophybox {
  height: 100%;
  display: flex;
  align-items: center;
}

.trophy .trophybox .c {
  width: 7.5rem;
  text-align: center;
}

.trophy .trophybox .tit {
  background: url(../images/trophy.png) no-repeat center 0;
  width: 100%;
  height: 6rem;
  background-size: 7.5rem auto;
  position: relative;
  margin-bottom: .4rem;
}

.trophy .trophybox .tit::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url(../images/trophy-titi.png) no-repeat center 0;
  background-size: auto 1.3rem;
  height: 1.3rem;
}

.trophy .trophybox .p1 {
  font-size: .3rem;
  font-weight: bold;
  margin-bottom: .24rem;
}

.trophy .trophybox .p2 {
  color: #9994b3;
}

.trophy .trophybox .p2 span {
  color: #daff2e;
}

.trophy .trophybox .btn {
  background: url(../images/trophy-btn.png) no-repeat center 0;
  width: 3.4rem;
  height: .9rem;
  text-align: center;
  display: block;
  margin: 0 auto;
  color: #000;
  font-size: .36rem;
  line-height: .9rem;
  background-size: 100%;
  margin-top: .5rem;
}

.trophy .trophybox .close {
  background: url(../images/close1.png) no-repeat;
  width: .57rem;
  height: .57rem;
  background-size: 100%;
  display: block;
  margin: .48rem auto 0;
}

.headArea {
  position: relative;
}

.headArea .bgs {
  width: 7.5rem;
  margin: 0 auto;
  position: relative;
}

.headArea .img {
  position: relative;
}

.headArea .img::before {
  content: '';
  position: absolute;
  bottom: -.01rem;
  left: 0;
  width: 100%;
  background: url(../images/headshade.png) no-repeat;
  height: 2.22rem;
  background-size: 100%;
  z-index: 1;
}

.headArea img {
  width: 100%;
  display: block;
}

.headArea .loginfo {
  position: absolute;
  top: 1.1rem;
  left: .9rem;
  opacity: 0;
  display: flex;
  align-items: center;
}

.headArea .loginfo .before {
  background: url(../images/btn-login.png) no-repeat;
  width: .65rem;
  height: .65rem;
  background-size: 100%;
  display: block;
}

.headArea .loginfo .after img {
  width: .63rem;
  height: .63rem;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #fff;
}

.headArea .music {
  position: absolute;
  top: 1.9rem;
  right: .9rem;
  background: url(../images/icon-muisc.png) no-repeat;
  width: .65rem;
  height: .65rem;
  background-size: 100%;
  display: block;
  -webkit-animation: zhuan 3s linear infinite;
}

.headArea .music.off {
  -webkit-animation: none;
  background-image: url(../images/icon-muisc-no.png);
}

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

.headArea .headinfo {
  width: 7.5rem;
  overflow: hidden;
  top: 6.9rem;
  left: 50%;
  margin-left: -3.75rem;
  position: absolute;
  padding-top: 3.6rem;
  /* 动画关键帧 */
}

.headArea .headinfo .tit {
  background: url(../images/headtit2.png) no-repeat center 0;
  background-size: 6.55rem auto;
  position: absolute;
  width: 100%;
  height: 2.51rem;
  position: absolute;
  top: .85rem;
  left: 0;
  z-index: 3;
}

.headArea .headinfo::before {
  content: '';
  position: absolute;
  background: url(../images/headshade2.png) no-repeat;
  width: 4.77rem;
  height: 6.72rem;
  background-size: 100%;
  left: 0;
  top: 0;
  transform-origin: bottom left;
  animation: spotlightIn 1.5s ease forwards;
  z-index: 2;
}

.headArea .headinfo::after {
  content: '';
  position: absolute;
  background: url(../images/headshade3.png) no-repeat;
  width: 4.77rem;
  height: 6.72rem;
  background-size: 100%;
  right: 0;
  top: 0;
  transform-origin: bottom right;
  animation: spotlightIn2 1.5s ease forwards;
  z-index: 2;
}

@keyframes spotlightIn {
  40% {
    transform: rotate(-50deg);
  }
  70% {
    transform: rotate(-25deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes spotlightIn2 {
  40% {
    transform: rotate(50deg);
  }
  70% {
    transform: rotate(25deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.headArea .bgio {
  background: url(../images/headio.png) no-repeat center 0;
  width: 7.5rem;
  height: 7.21rem;
  position: absolute;
  top: 3.84rem;
  left: 50%;
  margin-left: -3.75rem;
  background-size: auto 100%;
}

.headArea .webtime {
  text-align: center;
  position: relative;
  z-index: 1;
  height: .4rem;
}

.headArea .webtime em {
  opacity: .5;
}

.headArea .webtime span {
  font-size: .36rem;
  padding: 0 .1rem;
  font-family: "NumFontBlod", sans-serif;
}

.headArea .headbtn {
  background: url(../images/headbtn.png) no-repeat;
  width: 4.7rem;
  background-size: 100% auto;
  display: block;
  margin: .28rem auto 0;
  text-align: center;
  position: relative;
  z-index: 3;
  height: 1.14rem;
  overflow: hidden;
}

.headArea .headbtn a {
  color: #191919;
  font-size: .46rem;
  font-weight: bold;
  width: 4.7rem;
  line-height: 1.2rem;
  height: 100%;
  display: block;
}

.headArea .headbtn .tip {
  position: absolute;
  font-size: .22rem;
  color: #fff;
  background: url(../images/headbtntip.png) no-repeat;
  background-size: auto .42rem;
  width: 1.25rem;
  height: .42rem;
  line-height: .36rem;
  right: 0;
  top: 0;
}

.headArea .steps {
  margin-top: .6rem;
}

.headArea .steps ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
}

.headArea .steps ul li {
  position: relative;
  padding-top: .38rem;
}

.headArea .steps ul li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: .55rem;
  background: url(../images/ns.png) no-repeat center 0;
  background-size: 1rem auto;
}

.headArea .steps ul li .p1 {
  font-size: .28rem;
  color: #8995be;
  margin-bottom: .15rem;
}

.headArea .steps ul li .p2 {
  font-family: "NumFont", sans-serif;
  color: #54458e;
  font-size: .22rem;
  margin-bottom: .2rem;
}

.headArea .steps ul li .btn {
  background: url(../images/stepbtn1.png) no-repeat;
  width: 1.04rem;
  height: .46rem;
  background-size: 100%;
  text-align: center;
  line-height: .46rem;
  display: block;
  margin: 0 auto;
  font-size: .2rem;
  color: #7b6c9e;
}

.headArea .steps ul li.in:after {
  background-position-y: -.55rem;
}

.headArea .steps ul li.in .p1 {
  font-weight: bold;
  color: #fff;
}

.headArea .steps ul li.in .p2 {
  color: #bfff24;
}

.headArea .steps ul li.in .btn {
  background-image: url(../images/stepbtn2.png);
  color: #191919;
  font-weight: bold;
}

.headArea .steps ul li.li2:after {
  background-position-y: -1.1rem;
}

.headArea .steps ul li.li2.in:after {
  background-position-y: -1.65rem;
}

.headArea .steps ul li.li3:after {
  background-position-y: -2.2rem;
}

.headArea .steps ul li.li3.in:after {
  background-position-y: -2.75rem;
}

.video_box {
  width: 100%;
  height: 100%;
}

.video-js {
  width: 100%;
  height: 100%;
}

.video-js .vjs-big-play-button {
  display: none;
}

.v-close {
  width: 0.45rem;
  height: 0.45rem;
  background: url(../images/pclose.png) no-repeat;
  position: absolute;
  top: -0.5rem;
  right: 0.1rem;
  z-index: 1;
  background-size: auto 0.44rem;
}

.videobox {
  width: 7.1rem;
  background: #fff;
  border-radius: 0 0 0.08rem 0.08rem;
  padding: 0.38rem 0.2rem;
  margin: 0 auto;
  background-size: 6.54rem auto;
  position: relative;
}

.videobox::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-mask: url(../images/playbg.png) no-repeat center;
  -webkit-mask-size: 6.54rem auto;
}

.tc {
  text-align: center;
}

.bg00 {
  background: url(../images/bght.png) no-repeat;
  height: 4.1rem;
  background-size: 7.5rem 100%;
}

.bg01 {
  background: url(../images/bg01-1.jpg) no-repeat;
  background-size: 7.5rem 5.22rem;
  padding-top: .54rem;
  height: 5.22rem;
}

.bg01-2 {
  background: url(../images/bg01-2.jpg) no-repeat;
  background-size: 7.5rem auto;
  padding-top: 2.3rem;
}

.bg01-3 {
  background: url(../images/bg01-2-2.jpg) no-repeat;
  background-size: 7.5rem auto;
  padding-top: 2.3rem;
}

.bg02 {
  position: relative;
  background-color: #431dad;
  background-size: 7.5rem auto;
  padding-top: 1.2rem;
}

.bg02::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: url(../images/bg02.png) no-repeat 0 1.6rem #100940;
  height: 5.68rem;
  background-size: auto 4.18rem;
}

.bg02 .boxs {
  margin-top: 3.2rem;
}

.bg03 {
  background: url(../images/bg03.png) no-repeat #431dad;
  background-size: 7.5rem auto;
  padding-top: 2.65rem;
}

.bg04 {
  background: url(../images/bg04.png) no-repeat #431dad;
  background-size: 7.5rem auto;
  padding-top: 2.3rem;
  position: relative;
}

.bg04::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1.3rem;
  background: url(../images/bg04b.jpg) no-repeat 0 bottom;
  background-size: 7.5rem;
  bottom: 0;
  left: 0;
}

.bg05 {
  background: url(../images/bg05.png) no-repeat;
  background-size: 7.5rem auto;
  height: 7.18rem;
  padding-top: 2.2rem;
}

.bg06 {
  background: url(../images/bg06.png) no-repeat;
  background-size: 7.5rem auto;
  padding-top: 1.3rem;
}

.bg07 {
  background: url(../images/bg07.png) no-repeat;
  background-size: 7.5rem auto;
  padding-top: 1.75rem;
  margin-top: .3rem;
}

.kbFootWrap {
  position: relative;
}

.kbFootWrap .kbFooter {
  margin-top: .9rem;
}

.kbFootWrap::before {
  content: '';
  position: absolute;
  width: 100%;
  background: url(../images/footbg.png) no-repeat;
  height: 6.74rem;
  background-size: auto 100%;
  top: -2rem;
  left: 0;
}

.roll-txt {
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
}

.playbox {
  width: 100%;
  height: 4.12rem;
  margin: 0 auto .6rem;
  position: relative;
  background: url(../images/playbg.png) no-repeat;
  background-size: auto 4.52rem;
  width: 6.9rem;
  height: 4.52rem;
  padding: .26rem .04rem 0.15rem;
}

.playbox .playio {
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(../images/playio.png) no-repeat;
  background-size: 100%;
  width: 1.12rem;
  height: 1.19rem;
  margin: -.6rem 0 0 -.56rem;
  z-index: 1;
}

.playbox img {
  width: 100%;
  height: 4.12rem;
  display: block;
}

.playbox.playon img, .playbox.playon .playio {
  display: none;
}

.psth1 {
  text-align: center;
  font-size: .18rem;
  color: #d0cee4;
}

.psth1 span {
  color: #daff24;
}

.psty2 {
  text-align: center;
  color: #d0cee4;
  margin-top: .12rem;
  line-height: .3rem;
}

.cont1 {
  position: relative;
}

.cont1::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 4.66rem;
  background: url(../images/boxshade.png) no-repeat;
  background-size: 100%;
  left: 0;
  top: -2.8rem;
  z-index: 1;
}

.cont1.nobf .tits {
  margin-top: 1rem;
}

.cont1.nobf::before {
  display: none;
}

.tits {
  margin-top: 1.9rem;
  text-align: center;
  font-weight: bold;
  font-size: .44rem;
  height: 1.6rem;
  line-height: .8rem;
  position: relative;
}

.tits::before {
  content: '';
  background: url(../images/zuixin.gif) no-repeat center center;
  width: 100%;
  height: 2.1rem;
  background-size: auto  2.1rem;
  top: -.5rem;
  left: 0;
  position: absolute;
}

@keyframes zoomFadeInOut {
  0% {
    transform: scale(0.8);
    /* 初始状态，正常大小 */
    opacity: .3;
    /* 初始透明度 */
  }
  30% {
    transform: scale(1);
    /* 放大1.2倍 */
    opacity: 1;
    /* 完全不透明 */
  }
  60% {
    transform: scale(0.9);
    /* 放大1.2倍 */
    opacity: .7;
    /* 完全不透明 */
  }
  100% {
    transform: scale(0.8);
    /* 恢复到正常大小 */
    opacity: .3;
    /* 再次变为透明 */
  }
}

.tits::after {
  content: '';
  background: url(../images/titshade1.png) no-repeat center 0;
  width: 100%;
  height: .77rem;
  background-size: auto  .77rem;
  bottom: 0;
  left: 0;
  position: absolute;
  animation: fadeInFromBottom 3s ease-out infinite;
}

@keyframes fadeInFromBottom {
  0% {
    transform: translateY(0.1rem);
    /* 从底部外开始 */
    opacity: .4;
    /* 初始透明度为 0 */
  }
  50% {
    /* 动画中间，元素到达正常位置 */
    opacity: 1;
    /* 完全不透明 */
  }
  100% {
    transform: translateY(0.1rem);
    /* 返回到底部外 */
    opacity: .4;
    /* 透明度恢复为 0 */
  }
}

.tits span {
  position: relative;
  background: url(../images/titc.png) no-repeat center bottom;
  min-width: 2.12rem;
  background-size: auto .11rem;
  display: inline-block;
}

.tits span::before, .tits span::after {
  content: '';
  position: absolute;
  background: url(../images/titl.png) no-repeat 0 center;
  background-size: auto .72rem;
  width: .34rem;
  height: 100%;
  top: .08rem;
}

.tits span::before {
  left: -.6rem;
}

.tits span::after {
  right: -.6rem;
  background-image: url(../images/titr.png);
}

.box1 {
  background: url(../images/box1.png) no-repeat center 0;
  width: 7.5rem;
  background-size: 6.9rem auto;
  margin: -.6rem auto 0;
  position: relative;
}

.box1 .box1ht {
  padding-top: .8rem;
  padding: .8rem .5rem 0;
  margin-bottom: .28rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.box1 .box1ht p {
  color: #9395eb;
}

.box1 .box1ht p span {
  color: #fff;
}

.box1 .box1ht .tabs {
  background: url(../images/tab.png) no-repeat;
  width: 2.54rem;
  height: .54rem;
  background-size: 100% auto;
  overflow: hidden;
  font-size: 0;
}

.box1 .box1ht .tabs.on {
  background-position-y: bottom;
}

.box1 .box1ht .tabs span {
  width: 1.36rem;
  height: .54rem;
  display: inline-block;
}

.box1 .box1ht .tabs span:last-child {
  width: 1.18rem;
}

.swiper-pagination {
  text-align: center;
  position: absolute;
  bottom: -.3rem;
  left: 0;
  width: 100%;
}

.swiper-pagination span {
  background-color: #fff;
  width: 0.14rem;
  height: 0.14rem;
  opacity: 0.1;
  margin: 0 .03rem;
  border-radius: 0;
}

.swiper-pagination span.swiper-pagination-bullet-active {
  opacity: 1;
}

.swiperbox, .swiperbox-pub2 {
  position: relative;
}

.swiperbox .swiper-wrapper, .swiperbox-pub2 .swiper-wrapper {
  align-items: flex-start;
}

.swiperbox .swiper-slide, .swiperbox-pub2 .swiper-slide {
  opacity: 0;
  background: url(../images/box2.png) no-repeat;
  background-size: 100%;
  width: 5.8rem;
  height: 3rem;
  transform: scale(0.92) !important;
  transform-origin: top;
  position: relative;
  margin-top: .08rem;
  transition: all .3s ease-in-out;
}

.swiperbox .swiper-slide.swiper-slide-prev, .swiperbox .swiper-slide.swiper-slide-next, .swiperbox .swiper-slide.swiper-slide-active, .swiperbox .swiper-slide.swiper-slide-duplicate-next, .swiperbox .swiper-slide.swiper-slide-duplicate-prev, .swiperbox-pub2 .swiper-slide.swiper-slide-prev, .swiperbox-pub2 .swiper-slide.swiper-slide-next, .swiperbox-pub2 .swiper-slide.swiper-slide-active, .swiperbox-pub2 .swiper-slide.swiper-slide-duplicate-next, .swiperbox-pub2 .swiper-slide.swiper-slide-duplicate-prev {
  opacity: 1;
}

.swiperbox .swiper-slide.swiper-slide-active, .swiperbox-pub2 .swiper-slide.swiper-slide-active {
  transform: scale(1) !important;
  margin-top: 0;
}

.swiperbox .swiper-slide .tit, .swiperbox-pub2 .swiper-slide .tit {
  text-align: center;
  padding-top: .3rem;
  font-size: .3rem;
  font-weight: bold;
}

.swiperbox .swiper-slide .tit span, .swiperbox-pub2 .swiper-slide .tit span {
  position: relative;
}

.swiperbox .swiper-slide .tit span::before, .swiperbox .swiper-slide .tit span::after, .swiperbox-pub2 .swiper-slide .tit span::before, .swiperbox-pub2 .swiper-slide .tit span::after {
  content: '';
  position: absolute;
  top: 50%;
  background: url(../images/titio.png) no-repeat;
  background-size: 100%;
  width: .27rem;
  height: .19rem;
  margin-top: -.1rem;
}

.swiperbox .swiper-slide .tit span::before, .swiperbox-pub2 .swiper-slide .tit span::before {
  left: -.35rem;
}

.swiperbox .swiper-slide .tit span::after, .swiperbox-pub2 .swiper-slide .tit span::after {
  right: -.35rem;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.swiperbox .swiper-slide .list, .swiperbox-pub2 .swiper-slide .list {
  margin: .3rem .2rem 0;
}

.swiperbox .swiper-slide .list ul, .swiperbox-pub2 .swiper-slide .list ul {
  display: flex;
  justify-content: center;
}

.swiperbox .swiper-slide .list li, .swiperbox-pub2 .swiper-slide .list li {
  width: 1.3rem;
  margin: 0 .22rem;
}

.swiperbox .swiper-slide .list li .cover, .swiperbox-pub2 .swiper-slide .list li .cover {
  width: 1.3rem;
  height: 1.3rem;
  border-radius: .3rem;
  overflow: hidden;
  background: url(../images/add.png) no-repeat;
  background-size: 100%;
}

.swiperbox .swiper-slide .list li .cover img, .swiperbox-pub2 .swiper-slide .list li .cover img {
  width: 100%;
}

.swiperbox .swiper-slide .list li p, .swiperbox-pub2 .swiper-slide .list li p {
  margin-top: .15rem;
  font-size: .2rem;
  color: #f1efff;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.swiperbox.swiper-no-swiping .swiper-wrapper, .swiperbox-pub2.swiper-no-swiping .swiper-wrapper {
  justify-content: center;
}

.swiperbox.swiper-no-swiping .swiper-slide, .swiperbox-pub2.swiper-no-swiping .swiper-slide {
  opacity: 1;
  transform: scale(1) !important;
  margin-top: 0;
}

.swiperbanner {
  position: relative;
  background: url(../images/box5.png) no-repeat;
  background-size: 7.05rem auto;
  width: 7.05rem;
  height: 3.67rem;
  padding: 0 .02rem .03rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.swiperbanner .swiper-pagination {
  text-align: center;
  position: absolute;
  bottom: -.3rem;
  left: 0;
  width: 100%;
}

.swiperbanner .swiper-pagination span {
  background-color: #fff;
  width: 0.14rem;
  height: 0.14rem;
  opacity: 0.1;
  margin: 0 .03rem;
  border-radius: 0;
}

.swiperbanner .swiper-pagination span.swiper-pagination-bullet-active {
  opacity: 1;
}

.swiperbanner .swiper-container {
  width: 6.82rem;
  height: 3.42rem;
}

.swiperbanner .swiper-container img {
  width: 6.82rem;
  height: 3.42rem;
}

.news {
  background: url(../images/news.png) no-repeat;
  width: 6.9rem;
  height: .81rem;
  background-size: 100%;
  display: flex;
  line-height: .81rem;
  padding-left: .6rem;
  margin: 0 auto 1.3rem;
  align-items: center;
  overflow: hidden;
}

.news ul {
  flex: 1;
  height: 100%;
  overflow: hidden;
}

.news ul li {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.news ul li span {
  color: #9395eb;
}

.prizes {
  overflow: hidden;
  background: url(../images/news.png) no-repeat;
  width: 6.9rem;
  height: .81rem;
  background-size: 100%;
  line-height: .81rem;
  padding-left: .6rem;
  margin: 0 auto 1.3rem;
  position: relative;
  padding-right: 1.52rem;
}

.prizes li {
  width: 100%;
  overflow: hidden;
  height: 0.81rem;
  line-height: 0.81rem;
}

.prizes span {
  color: #9395eb;
}

.prizes em {
  display: inline-block;
  overflow: hidden;
  max-width: 1.2rem;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: normal;
}

.prizes .btn {
  background: url(../images/btn1.png) no-repeat;
  width: 1.22rem;
  height: .46rem;
  line-height: .46rem;
  text-align: center;
  background-size: 1.22rem auto;
  color: #191919;
  font-weight: bold;
  margin-left: .2rem;
  position: absolute;
  right: .2rem;
  top: 50%;
  margin-top: -.23rem;
}

.psty3 {
  color: #ece9ff;
  line-height: .3rem;
  text-align: center;
}

.psty3 span {
  color: #daff2e;
}

.checkin-avatar-frame {
  padding-top: .2rem;
  position: relative;
  background: url(../images/txbox.png) no-repeat center 0;
  background-size: auto 4.22rem;
  height: 4.22rem;
  width: 6.53rem;
  margin: .3rem auto 0;
}

.checkin-avatar-frame .checkin-avatar {
  padding: 0 .8rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.checkin-avatar-frame .checkin-avatar .cover {
  width: 2.15rem;
  height: 2.15rem;
  display: flex;
  align-items: center;
  margin-right: .3rem;
}

.checkin-avatar-frame .checkin-avatar .cover img {
  width: 100%;
  display: block;
}

.checkin-avatar-frame .checkin-avatar .checkin-info {
  text-align: center;
  color: #f1efff;
}

.checkin-avatar-frame .checkin-avatar .checkin-info .p1 {
  font-weight: bold;
  font-size: .32rem;
  margin-bottom: .12rem;
}

.checkin-avatar-frame .checkin-avatar .checkin-info .btn {
  background: url(../images/btn2.png) no-repeat;
  width: 1.62rem;
  height: .52rem;
  line-height: .56rem;
  text-align: center;
  background-size: 100%;
  color: #191919;
  display: block;
  margin: 0 auto;
  font-weight: bold;
  margin-top: .12rem;
}

.checkin-avatar-frame .checkin-avatar .checkin-info .btn.on {
  background-image: url(../images/btn2on.png);
}

.checkin-avatar-frame .checkin-avatar .checkin-info .btn.out {
  background-image: url(../images/btn2out.png);
  color: #b7a6dd;
}

.checkin-avatar-frame .wenh {
  position: absolute;
  top: .2rem;
  right: .2rem;
}

.wenh {
  background: url(../images/iconwh.png) no-repeat;
  width: .28rem;
  height: .28rem;
  background-size: 100%;
}

.progress {
  margin: 0 .5rem;
}

.progress ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: .3rem;
  position: relative;
}

.progress ul::after {
  width: 68%;
  height: 1px;
  position: absolute;
  content: '';
  left: 50%;
  margin-left: -34%;
  background-color: rgba(255, 255, 255, 0.5);
}

.progress li {
  position: relative;
  z-index: 1;
  width: 33.3%;
  text-align: center;
  background: url(../images/iconsuo.png) no-repeat center 0;
  background-size: auto .32rem;
}

.progress li.on {
  background-image: url(../images/icongou.png);
}

.progress.top ul::after {
  top: .15rem;
}

.progress.top li {
  padding-top: .45rem;
}

.progress.bottom {
  background: url(../images/cjbox.png) no-repeat center 0;
  width: 6.52rem;
  height: 3.26rem;
  margin: .3rem auto 0;
  background-size: auto 100%;
  padding-top: .01rem;
}

.progress.bottom ul::after {
  bottom: .15rem;
}

.progress.bottom li {
  background-position-y: bottom;
  padding-bottom: .45rem;
}

.progress .cover {
  width: 1.5rem;
  margin: 0 auto .1rem;
}

.progress .cover img {
  width: 1.5rem;
}

.progress .p1 {
  font-weight: bold;
  color: #f1efff;
  margin-bottom: .08rem;
}

.progress .p2 {
  color: #c8c2ed;
  font-size: .2rem;
  line-height: .24rem;
}

.progress .p2 span {
  color: #daff2e;
}

.psty4 {
  margin-top: .55rem;
  text-align: center;
  font-weight: bold;
}

.psty4 span {
  color: #daff2e;
}

.psty4 p {
  text-align: center;
  color: #c8c2ed;
}

.btn-center {
  background: url(../images/btn4.png) no-repeat;
  line-height: 5rem;
  overflow: hidden;
  width: 3.4rem;
  height: .6rem;
  background-size: 100% auto;
  display: block;
  margin: .3rem auto 0;
}

.btn-center2 {
  background: url(../images/btn4-1.png) no-repeat;
  line-height: 5rem;
  overflow: hidden;
  width: 3.4rem;
  height: .6rem;
  background-size: 100%;
  display: block;
  margin: .3rem auto 0;
}

.boxs {
  width: 6.9rem;
  margin: 0 auto;
  position: relative;
  -webkit-mask-image: linear-gradient(to bottom, black 1.2rem, transparent auto);
  -webkit-mask-composite: add;
  -webkit-mask-composite: destination-in;
  padding-top: .68rem;
}

.boxs::before {
  -webkit-mask: url(../images/boxmask.png) repeat-x center 0;
  background-color: #7546f6;
  -webkit-mask-size: 6.9rem auto;
  position: absolute;
  content: '';
  width: 100%;
  height: .68rem;
  top: 0;
  left: 0;
}

.boxs .pr {
  position: relative;
  background-color: #7546f6;
  padding: 0 .2rem .4rem;
  z-index: 2;
}

.boxs .pr .awardbox {
  background: url(../images/awardbg.png) no-repeat;
  width: 6.5rem;
  height: 4.88rem;
  margin: .3rem auto .2rem;
  background-size: 100%;
  position: relative;
  padding: .2rem 0;
}

.boxs .pr .awardbox::after {
  content: '';
  position: absolute;
  width: 6.51rem;
  height: 100%;
  top: 0;
  left: 0;
  box-shadow: inset 0 0 .5rem #310079;
  z-index: 9;
}

.boxs .pr .awardbox .award {
  overflow: hidden;
}

.boxs .pr .awardbox .award {
  margin-bottom: .15rem;
}

.boxs .pr .awardbox img {
  width: 100%;
}

.boxs .pr .awardbox .swiper-slide {
  width: 1.9rem;
  margin: 0 .1rem;
}

.boxs .pr .awardtxt {
  display: flex;
  justify-content: space-between;
  margin: 0 .2rem;
}

.boxs .pr .awardtxt .btn-jl {
  background: url(../images/icon-lb.png) no-repeat 0 0.02rem;
  line-height: .3rem;
  padding-left: .28rem;
  background-size: .22rem auto;
}

.boxs.boxs2::before {
  background: linear-gradient(180deg, #361878 0, #341775 0.68rem);
}

.boxs.boxs2 .pr {
  background: linear-gradient(180deg, #341775 0, #1c0c5a 6rem, #1c0c5a 100%);
}

.boxs.boxs3::before {
  background: linear-gradient(180deg, #361878 0, #361878 0.68rem);
}

.boxs.boxs3 .pr {
  background: linear-gradient(180deg, #361878 0, #1b0c59 3.6rem, #1b0c59 100%);
}

.boxs.boxs3 .pr::after {
  content: '';
  position: absolute;
  background: url(../images/box3io.png) no-repeat center 0;
  background-size: 4.27rem auto;
  width: 100%;
  height: 1.3rem;
  top: -.45rem;
  left: 0;
}

.psty5 {
  text-align: center;
  color: #d0cee4;
  font-size: .22rem;
  line-height: .3rem;
  margin-bottom: .1rem;
}

.btn-cj {
  background: url(../images/btn5.png) no-repeat;
  width: 3.4rem;
  height: 1.14rem;
  background-size: 100%;
  display: block;
  margin: .2rem auto 0;
  line-height: 1.2rem;
  text-align: center;
  color: #191919;
  font-weight: bold;
  font-size: .4rem;
  position: relative;
  z-index: 1;
}

.btn-cj .tip {
  position: absolute;
  font-size: .22rem;
  color: #fff;
  background: url(../images/headbtntip.png) no-repeat;
  background-size: auto .42rem;
  width: 1.25rem;
  height: .42rem;
  line-height: .36rem;
  font-weight: normal;
  right: 0;
  top: -.1rem;
  text-align: center;
}

.taskbox {
  margin-top: .6rem;
}

.taskbox .ht {
  margin-bottom: .5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.taskbox .ht .tit {
  position: relative;
  font-size: .42rem;
  font-weight: bold;
  line-height: .6rem;
  padding-right: .5rem;
  display: flex;
  align-items: center;
}

.taskbox .ht .tit .wenh {
  margin-left: .1rem;
}

.taskbox .btn {
  width: 1.22rem;
  height: .46rem;
  line-height: .46rem;
  text-align: center;
  color: #f1efff;
  position: relative;
  display: block;
  background: url(../images/btn3.png) no-repeat;
  background-size: 100%;
}

.taskbox .list {
  margin-top: .25rem;
}

.taskbox .list li {
  background: url(../images/libg.png) no-repeat;
  background-size: 100%;
  width: 6.5rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .2rem;
  margin-bottom: .1rem;
}

.taskbox .list li .p1 {
  font-weight: bold;
  font-size: .28rem;
}

.taskbox .list li .p2 {
  color: #cec9f3;
  font-size: .2rem;
  margin-top: .1rem;
}

.taskbox .list li .btn.on {
  opacity: .5;
}

.taskbox .btn-lookall {
  background: url(../images/btn6.png) no-repeat;
  width: 3.42rem;
  height: .6rem;
  background-size: 100%;
  display: block;
  margin: .3rem auto 0;
  line-height: 5rem;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.pubpage .btn-change {
  background: url(../images/pub-btn2.png) no-repeat;
  width: 3.42rem;
  height: .6rem;
  background-size: 100%;
  display: block;
  margin: .3rem auto 0;
  line-height: .6rem;
  color: #fff;
  position: relative;
  z-index: 1;
  text-align: center;
}

.tabs ul {
  display: flex;
  justify-content: space-around;
  gap: .4rem;
  padding: 0 .2rem;
  align-items: center;
  background: url(../images/line.png) no-repeat center 0.5rem;
  background-size: 6.51rem .03rem;
}

.tabs li {
  color: #cec9f3;
  font-size: .28rem;
  padding-bottom: .3rem;
}

.tabs li.on {
  font-weight: bold;
  color: #daff24;
  font-size: .3rem;
  background: url(../images/tabon.png) no-repeat center bottom;
  background-size: auto .11rem;
}

.list-pwzr {
  margin-top: .2rem;
}

.list-pwzr ul {
  padding: 0 .1rem;
}

.list-pwzr li {
  line-height: .52rem;
  height: .52rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.list-pwzr li span {
  font-size: .26rem;
  color: #f2f0ff;
}

.list-pwzr li em {
  color: #8a8cde;
}

.psty6 {
  text-align: center;
  color: #6c66a3;
  font-size: .2rem;
  margin-top: .2rem;
}

.txtbox {
  margin: 0 .2rem;
}

.txtbox p {
  padding: .2rem 0 .2rem .2rem;
  background: url(../images/txtio.png) no-repeat 0 0.28rem;
  line-height: .32rem;
  background-size: auto .12rem;
}

.sidebtn {
  width: 0.6rem;
  height: 0.86rem;
  background: url(../images/lefticon.png) no-repeat 0.3rem center rgba(0, 0, 0, 0.7);
  border-radius: .86rem 0 0 .86rem;
  background-size: .16rem auto;
  position: fixed;
  right: 0;
  bottom: 1rem;
  z-index: 6;
  animation: fixShow .3s forwards;
}

@keyframes fixShow {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}

.sides {
  position: fixed;
  bottom: 1rem;
  right: 0.13rem;
  z-index: 1;
  animation: fixShow .3s forwards;
}

.sides li {
  margin-bottom: .1rem;
  position: relative;
}

.sides li a {
  background: url(../images/side1.png) no-repeat;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  display: block;
  background-size: 100%;
  line-height: 5rem;
  overflow: hidden;
}

.sides li.a2 a {
  background-image: url(../images/side2.png);
}

.sides li.a3 a {
  background-image: url(../images/side3.png);
}

.sides li.a4 a {
  background-image: url(../images/side4.png);
}

.sides li.a5 a {
  background-image: url(../images/side5.png);
}

.sides li.top a {
  background-image: url(../images/sidetop.png);
}

.sides li .tip {
  position: absolute;
  background: url(../images/sidetip.png) no-repeat;
  background-size: 100%;
  width: .7rem;
  height: .32rem;
  right: 0;
  top: -.21rem;
}

.n-head {
  width: 100%;
  background: url(../images/n-head.jpg) no-repeat center 0;
  background-size: 7.5rem auto;
  padding-top: 1.1rem;
  padding-bottom: .2rem;
}

.n-head .n-switch {
  background: url(../images/n-open.png) no-repeat;
  width: .2rem;
  height: .19rem;
  background-size: 100%;
  display: block;
  margin: .3rem auto 0;
}

.n-head .n-switch.off {
  background-image: url(../images/n-close.png);
}

.n-tab2box {
  height: 1.43rem;
  overflow: hidden;
  transition: height .3s ease-in-out;
}

.n-tab2box.on {
  height: 0;
}

.n-tab1 {
  width: 3.14rem;
  height: .68rem;
  margin-bottom: .15rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: .69rem;
  line-height: .69rem;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  overflow: hidden;
  align-items: center;
}

.n-tab1 span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: .51rem;
  width: 1.44rem;
  height: .48rem;
  border-radius: .51rem;
  font-size: .22rem;
  color: #d3ddff;
}

.n-tab1 span i {
  -webkit-mask: url(../images/n-i1.png) no-repeat;
  width: .2rem;
  height: .3rem;
  -webkit-mask-size: 100%;
  background-color: #d3ddff;
  display: inline-block;
  margin-right: .1rem;
}

.n-tab1 span:last-child i {
  -webkit-mask-image: url(../images/n-i2.png);
  width: .24rem;
  height: .25rem;
}

.n-tab1 span.on {
  color: #fff;
  background: #34207f;
  box-shadow: inset 0 0 0.2rem rgba(103, 70, 246, 0.5);
}

.n-tab1 span.on i {
  background-color: #fff;
}

.n-tab2, .n-tab2-2 {
  position: relative;
  align-items: center;
  margin: .3rem 0 0;
  padding: 0 .3rem;
  height: 1.13rem;
}

.n-tab2.swiper-center .swiper-wrapper, .n-tab2-2.swiper-center .swiper-wrapper {
  justify-content: center;
}

.n-tab2 .swiper-slide, .n-tab2-2 .swiper-slide {
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  text-align: center;
  background: url(../images/n-tab.png) no-repeat;
  width: 2.1rem;
  height: 1.1rem;
  background-size: 1.75rem auto;
  padding-right: .35rem;
}

.n-tab2 .swiper-slide::after, .n-tab2-2 .swiper-slide::after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -.21rem;
  right: .05rem;
  background: url(../images/n-tabio.png) no-repeat;
  width: .27rem;
  height: .42rem;
  background-size: 100%;
}

.n-tab2 .swiper-slide:last-child, .n-tab2-2 .swiper-slide:last-child {
  padding-right: 0;
  width: 1.76rem;
}

.n-tab2 .swiper-slide:last-child::after, .n-tab2-2 .swiper-slide:last-child::after {
  display: none;
}

.n-tab2 .swiper-slide .p1, .n-tab2-2 .swiper-slide .p1 {
  color: #d3ddff;
  line-height: .29rem;
}

.n-tab2 .swiper-slide .p2, .n-tab2-2 .swiper-slide .p2 {
  color: #888ab1;
  font-size: .2rem;
  margin-top: .14rem;
}

.n-tab2 .swiper-slide.swiper-slide-active, .n-tab2-2 .swiper-slide.swiper-slide-active {
  background-image: url(../images/n-tabon.png);
}

.n-tab2 .swiper-slide.swiper-slide-active .p1, .n-tab2-2 .swiper-slide.swiper-slide-active .p1 {
  color: #fff;
  font-weight: bold;
}

.n-tab2 .swiper-slide.swiper-slide-active .p2, .n-tab2-2 .swiper-slide.swiper-slide-active .p2 {
  color: #fff;
}

.n-box {
  border-radius: .5rem .5rem 0 0;
  background-color: #fff;
  color: #131715;
}

.n-box .n-ht {
  padding: .46rem 0 .3rem;
}

.n-box .n-tit1 {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: .4rem;
}

.n-box .n-tit1 i {
  background: url(../images/n-titio2.png) no-repeat;
  width: .4rem;
  height: .44rem;
  display: block;
  background-size: 100%;
}

.n-box .n-tit1 i:last-child {
  transform: scaleX(-1);
}

.n-box .n-tit1 span {
  font-size: .54rem;
  font-weight: bold;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(-90deg, #302674 0%, #471f86 100%);
}

.n-box .n-tit1 em {
  background: url(../images/n-titio.png) no-repeat;
  width: .84rem;
  height: .48rem;
  background-size: 100%;
  line-height: .48rem;
  text-align: center;
  font-size: .28rem;
  margin-left: .1rem;
  color: #fff;
}

.n-box .n-search {
  background-color: #f6f5f5;
  height: .7rem;
  line-height: .7rem;
  border-radius: .7rem;
  margin: 0 .3rem;
  padding: 0 .3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.n-box .n-search form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: .7rem;
  width: 100%;
}

.n-box .n-search input {
  border: none;
  background: none;
  outline: none;
  height: .7rem;
  font-size: .26rem;
  width: 5.6rem;
}

.n-box .n-search .btn {
  background: url(../images/icon-search.png) no-repeat center;
  width: .4rem;
  height: 100%;
  background-size: auto .26rem;
  display: block;
}

.n-box .n-search .close {
  background: url(../images/s-close.png) no-repeat center;
  width: .41rem;
  height: .41rem;
  background-size: 100%;
  margin-right: .15rem;
}

.n-box .n-tit2 {
  font-size: .3rem;
  font-weight: bold;
  margin: .4rem .5rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.n-box .n-tit2 .btn-change {
  background: url(../images/btn-change.png) no-repeat;
  width: 1.16rem;
  height: .4rem;
  background-size: 100% auto;
  line-height: 2rem;
  overflow: hidden;
}

.n-box .n-list {
  max-height: 2rem;
  overflow-y: auto;
}

.n-box .n-list ul {
  font-size: 0;
  margin-left: .5rem;
}

.n-box .n-list li {
  width: 1.2rem;
  margin-right: .55rem;
  display: inline-block;
  font-size: .24rem;
  text-align: center;
  line-height: .28rem;
  vertical-align: top;
  margin-bottom: .28rem;
  position: relative;
}

.n-box .n-list li::after {
  content: '';
  position: absolute;
  top: -.05rem;
  left: -.05rem;
  width: .32rem;
  height: .32rem;
  border-radius: 100%;
  background: #d8ff23 url(../images/gouicon.png) no-repeat center;
  background-size: .22rem auto;
  opacity: 0;
  transition: all .5s;
}

.n-box .n-list li .cover {
  width: 100%;
  height: 1.2rem;
  border-radius: .3rem;
  overflow: hidden;
  margin-bottom: .1rem;
  position: relative;
}

.n-box .n-list li .cover img {
  width: 100%;
  filter: grayscale(100%);
  transition: all .5s;
}

.n-box .n-list li .cover::after {
  transition: all .5s;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 .04rem #131715;
  border-radius: .3rem;
  opacity: 0;
}

.n-box .n-list li p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.n-box .n-list li.on {
  font-weight: bold;
}

.n-box .n-list li.on .cover img {
  filter: grayscale(0%);
}

.n-box .n-list li.on .cover::after {
  opacity: 1;
}

.n-box .n-list li.on::after {
  opacity: 1;
}

.nodata {
  height: 100%;
  min-height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.nodata .role {
  background: url(../images/nodata.png) no-repeat center 0;
  background-size: auto 2.4rem;
  width: 1.89rem;
  height: 2.4rem;
  margin-bottom: .2rem;
}

.nodata .p1 {
  font-weight: bold;
  font-size: .3rem;
  margin-bottom: .2rem;
}

.nodata .p2 {
  font-size: .26rem;
  color: #808080;
  line-height: .32rem;
}

.btns2 {
  margin-top: .2rem;
  text-align: center;
  padding-bottom: .55rem;
  position: relative;
  z-index: 1;
}

.btns2 a {
  background-color: #d8ff23;
  color: #191919;
  font-weight: bold;
  line-height: .8rem;
  height: .8rem;
  width: 2.6rem;
  display: inline-block;
  border-radius: .8rem;
  font-size: .3rem;
  margin: 0 .4rem;
}

.btns2 a.large {
  width: 3.4rem;
}

.btns2 a.other {
  background: none;
  color: #fff;
  position: relative;
}

.btns2 a.other::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 .02rem #fff;
  border-radius: .8rem;
}

.roletagbox {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 11;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}

.roletagbox .n-box2 {
  color: #131715;
  border-radius: .5rem .5rem 0 0;
  position: fixed;
  bottom: -50%;
  left: 0;
  width: 100%;
  z-index: 11;
  background: linear-gradient(180deg, #f3ffbd 0%, #fff 1.5rem);
}

.roletagbox .n-box2 .close {
  background: url(../images/close1.png) no-repeat;
  width: .6rem;
  height: .6rem;
  background-size: auto .57rem;
  position: absolute;
  top: -.7rem;
  right: .1rem;
}

.roletagbox .n-box2 .n-tit {
  font-size: .3rem;
  font-weight: bold;
  margin: .4rem .5rem .29rem;
}

.roletagbox .n-box2 .n-tag {
  margin-left: .2rem;
  font-size: 0;
}

.roletagbox .n-box2 .n-tag span {
  background-color: #f6f5f5;
  border-radius: .16rem;
  width: 1.4rem;
  height: .6rem;
  text-align: center;
  line-height: .61rem;
  display: inline-block;
  font-size: .24rem;
  margin: 0 0 .3rem .3rem;
  word-break: break-all;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 .05rem;
}

.roletagbox .n-box2 .n-tag span.on {
  font-weight: bold;
  background-color: #d8ff23;
  position: relative;
}

.roletagbox .n-box2 .n-tag span.on::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 .04rem #131715;
  border-radius: .16rem;
}

.glowmask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 1000;
  /* 光圈层 */
}

.glowmask::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(0.1rem);
  -webkit-backdrop-filter: blur(0.1rem);
  background: rgba(0, 0, 0, 0.7);
}

.glowmask.active .modal {
  animation: popIn 0.2s forwards;
}

.glowmask .dot {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  z-index: 1;
  width: .1rem;
  height: .1rem;
  background-color: white;
  /* 半透明的背景色 */
  border-radius: 50%;
  /* 圆形 */
  filter: blur(0.03rem);
  /* 对背景进行模糊处理 */
  box-shadow: 0 0 0.2rem rgba(255, 255, 255, 0.8), 0 0 0.2rem rgba(255, 255, 255, 0.6), 0 0 0.8rem rgba(255, 255, 255, 0.4);
  /* 更大模糊 */
  animation: glow 1.5s infinite alternate;
  /* 添加发光动画效果 */
}

.glowmask .modal-glow {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 2rem;
  height: 2rem;
  box-shadow: inset 0 0 0.5rem rgba(179, 117, 255, 0.5);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  pointer-events: none;
  z-index: 2;
}

.glowmask .modal-glow.active {
  animation: glowIn 3s ease forwards;
}

.glowmask .modal-glow.hide {
  animation: glowOut 0.5s ease forwards;
}

@keyframes popIn {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  60% {
    transform: scale(1.1);
    opacity: 1;
  }
  80% {
    transform: scale(0.8);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes glow {
  0% {
    box-shadow: 0 0 0.2rem rgba(255, 255, 255, 0.8), 0 0 0.2rem rgba(255, 255, 255, 0.6), 0 0 80px rgba(255, 255, 255, 0.4);
  }
  100% {
    box-shadow: 0 0 0.3rem white, 0 0 0.6rem rgba(255, 255, 255, 0.8), 0 0 100px rgba(255, 255, 255, 0.6);
  }
}

@keyframes glowIn {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(12);
  }
}

@keyframes glowOut {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(6);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
  }
}

.modal {
  display: flex;
  height: 100%;
  align-items: center;
  position: relative;
  z-index: 3;
}

.modal .modalcont {
  width: 7.5rem;
}

.modal .tit {
  text-align: center;
  background: url(../images/n-titbg.png) no-repeat center 0;
  height: 2.45rem;
  background-size: auto 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .48rem;
  font-weight: bold;
  position: relative;
}

.modal .tit p {
  position: relative;
  display: inline;
}

.modal .tit p::before, .modal .tit p::after {
  position: absolute;
  content: '';
  top: 50%;
  margin-top: -.18rem;
  background: url(../images/n-tit4.png) no-repeat;
  width: .4rem;
  height: .6rem;
  background-size: 100%;
}

.modal .tit p::before {
  left: -.5rem;
}

.modal .tit p:after {
  right: -.5rem;
  transform: scaleX(-1);
}

.modal .tit .ftit {
  text-align: center;
  font-size: .32rem;
  position: absolute;
  bottom: .23rem;
  width: 100%;
  left: 0;
}

.modal .p3 {
  color: #b4b4b4;
  text-align: center;
  margin-bottom: .2rem;
}

.modal .list {
  text-align: center;
}

.modal .list li {
  background: url(../images/n-li1.png) no-repeat;
  width: 5.9rem;
  height: 1.6rem;
  background-size: 100%;
  display: inline-flex;
  align-items: center;
  padding-left: .3rem;
  margin-bottom: .3rem;
}

.modal .list li .cover {
  flex: 0 0 1.2rem;
  height: 1.2rem;
  overflow: hidden;
  border-radius: .3rem;
}

.modal .list li .cover img {
  width: 100%;
}

.modal .list li .txt {
  flex: 1;
  margin: 0 .8rem 0 .2rem;
  text-align: left;
  display: flex;
  justify-content: center;
  gap: .2rem;
  flex-direction: column;
  overflow: hidden;
}

.modal .list li .txt .p1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: .3rem;
  font-weight: bold;
}

.modal .list li .txt .p2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #cec9f3;
}

.modal .list li .txt .p2 span {
  margin-right: .1rem;
}

.modal .list2 {
  text-align: center;
}

.modal .list2 li {
  width: 5.2rem;
  height: 1.2rem;
  background: #302674;
  display: inline-flex;
  align-items: center;
  padding-left: .3rem;
  margin-bottom: .3rem;
  border-radius: .2rem;
  font-size: .3rem;
  font-weight: bold;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  padding: 1px 1px 1px .3rem;
}

.modal .list2 li::after {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  background: url(../images/n-li2.png) no-repeat;
  background-size: auto 100%;
}

.modal .list2 li .cover {
  opacity: .5;
  width: 2.7rem;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-items: center;
  align-items: center;
}

.modal .list2 li .cover img {
  width: 2.7rem;
  height: 2.7rem;
}

.modal .list2 li p {
  position: relative;
  z-index: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nominateForm {
  position: fixed;
  display: none;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.nominateForm .nominatec {
  height: 100%;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.nominateForm .tit {
  text-align: center;
  font-size: .48rem;
  font-weight: bold;
}

.nominateForm .tit i {
  background: url(../images/n-titio3.png) no-repeat;
  width: .76rem;
  height: .26rem;
  display: inline-block;
  background-size: 100%;
  margin: 0 .2rem;
}

.nominateForm .tit i:last-child {
  transform: scaleX(-1);
}

.nominateForm .popinputs {
  width: 5.9rem;
  margin: 0 auto .4rem;
}

.nominateForm .popinputs li .sp {
  margin: .4rem 0 .2rem;
  display: block;
}

.nominateForm .popinputs li .sp em {
  color: #ff2323;
  margin-right: .1rem;
}

.nominateForm .popinputs li input {
  width: 100%;
  border: none;
  height: .7rem;
  border-radius: .15rem;
  padding: 0 .2rem;
  outline: none;
}

.nominateForm .popinputs li textarea {
  resize: none;
  outline: none;
  padding: .2rem;
  width: 100%;
  border: none;
  border-radius: .15rem;
  font-size: .24rem;
}

.nominateForm .popinputs li .uploadbox {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.nominateForm .popinputs li .uploadbox #thumbDiv, .nominateForm .popinputs li .uploadbox .uploadbtn {
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/n-add.png) no-repeat center;
  background-size: .32rem auto;
  border-radius: .15rem;
}

.nominateForm .popinputs li .uploadbox #thumbDiv img, .nominateForm .popinputs li .uploadbox .uploadbtn img {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: .15rem;
}

.nominateForm .popinputs li .uploadbox #thumbDiv .del, .nominateForm .popinputs li .uploadbox .uploadbtn .del {
  background: url(../images/close1.png) no-repeat;
  width: .3rem;
  height: .3rem;
  position: absolute;
  top: -.1rem;
  right: -.1rem;
  background-size: 100%;
  z-index: 1;
}

.nominateForm .popinputs li .uploadbox #thumbDiv input, .nominateForm .popinputs li .uploadbox .uploadbtn input {
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.nominateForm .popinputs li .uploadbox .uploadbtn {
  position: absolute;
  top: 0;
  left: 0;
}

.nominateForm .popinputs li .uploadbox #thumbDiv, .nominateForm .popinputs li .uploadbox .uploadbtn.on {
  background: none;
}

.nominateForm .popinputs li .uploadbox .uploadimg {
  width: 1.2rem;
  height: 1.2rem;
}

.nominateForm .popinputs li .uploadbox .uploadimg img {
  width: 100%;
  height: 100%;
  border-radius: .15rem;
}

.popbox1 {
  position: fixed;
  overflow: hidden;
  display: none;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.popbox1 .popflex {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  /* 定义旋转动画 */
}

.popbox1 .popflex .popcont {
  position: relative;
}

.popbox1 .popflex .popcont .bg {
  background: url(../images/roleshade.png) no-repeat;
  background-size: 100%;
  width: 6rem;
  height: 6rem;
  display: block;
  position: absolute;
  top: -10%;
  left: 50%;
  margin-left: -3rem;
  /* 旋转动画 */
  animation: rotate 6s linear infinite forwards;
}

.popbox1 .popflex .popcont .bg::after, .popbox1 .popflex .popcont .bg::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  width: 2rem;
  height: 2rem;
  box-shadow: inset 0 0 0.5rem yellow;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  pointer-events: none;
  z-index: 2;
  animation: glowIn2 3s ease forwards infinite;
}

.popbox1 .popflex .popcont .bg::after {
  animation-delay: .5s;
}

.popbox1 .popflex .popcont .star {
  background: url(../images/rolestar.png) no-repeat center;
  width: 6rem;
  height: 6rem;
  background-size: 4.99rem auto;
  position: absolute;
  top: -10%;
  left: 50%;
  margin-left: -3rem;
  animation: rotate2 3s ease forwards infinite;
}

.popbox1 .popflex .popcont .role {
  position: relative;
  z-index: 1;
}

.popbox1 .popflex .popcont .role img {
  width: 100%;
}

@keyframes glowIn2 {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0);
  }
  50% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(4);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg) scale(0.5);
    /* 起始角度 */
    opacity: 0;
  }
  25% {
    transform: rotate(90deg) scale(0.9);
    opacity: 1;
  }
  50% {
    transform: rotate(180deg) scale(0.7);
    opacity: .5;
  }
  75% {
    transform: rotate(270deg) scale(1);
    opacity: 1;
  }
  100% {
    transform: rotate(360deg) scale(0.5);
    opacity: 0;
  }
}

@keyframes rotate2 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.popbox1 .popflex .role1 {
  width: 3.04rem;
  display: block;
  margin: 0 auto .4rem;
  position: relative;
}

.popbox1 .popflex .role2 {
  width: 4.44rem;
  display: block;
  margin: 0 auto .4rem;
  position: relative;
}

.popbox1 .popflex .tit {
  font-size: .36rem;
  font-weight: bold;
  margin-bottom: .2rem;
}

.popbox1 .popflex .poptxt {
  font-size: .26rem;
  margin-bottom: .3rem;
  line-height: .32rem;
  color: #c8c8c8;
  position: relative;
}

.popbox1 .popflex .poptxt span {
  color: #d8ff23;
}

.bottomtools {
  position: fixed;
  bottom: .2rem;
  left: 50%;
  background: url(../images/btbg.png) no-repeat;
  width: 7.1rem;
  height: 1.48rem;
  background-size: 100%;
  margin-left: -3.55rem;
  padding-top: .18rem;
  z-index: 12;
}

.bottomtools ul {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  height: 1.2rem;
}

.bottomtools ul li {
  width: .97rem;
  text-align: center;
  color: #b2b4bb;
  margin-bottom: .03rem;
}

.bottomtools ul li em {
  background: url(../images/bt-icon1.png) no-repeat center;
  height: .48rem;
  display: block;
  margin: 0 auto .15rem;
  background-size: .4rem auto;
}

.bottomtools ul li.li1 {
  width: .65rem;
  height: .65rem;
  border: .02rem solid #b2b4bb;
  border-radius: 100%;
  margin-bottom: .1rem;
  transition: all .3s;
  position: relative;
  margin: 0 0.16rem 0.12rem;
}

.bottomtools ul li.li1::before {
  content: '';
  position: absolute;
  width: .97rem;
  height: .79rem;
  background: url(../images/bt-icon0.png) no-repeat center;
  background-size: auto 100%;
  top: 50%;
  left: 50%;
  margin: -.45rem 0 0 -.485rem;
  transition: transform 0.2s ease, opacity 0.1s ease;
  z-index: 1;
}

.bottomtools ul li.li1::after {
  content: '';
  position: absolute;
  background: url(../images/bt-top.png) no-repeat center;
  background-size: auto 100%;
  width: .22rem;
  height: .29rem;
  top: 50%;
  left: 50%;
  margin: -.15rem 0 0 -.11rem;
  opacity: 0;
  transform: translateY(0.2rem);
  transition: transform .4s ease, opacity 1s ease;
}

.bottomtools ul li.li1.on::before {
  opacity: 0;
  transform: translateY(0.2rem);
}

.bottomtools ul li.li1.on::after {
  opacity: 1;
  transform: translateY(0);
}

.bottomtools ul li.li2 em {
  animation: ring 0.4s ease-in-out infinite;
}

.bottomtools ul li.li2 .s2 {
  display: none;
}

.bottomtools ul li.li2.on em {
  animation: none;
  background-image: url(../images/bt-icon1on.png);
}

.bottomtools ul li.li2.on .s1 {
  display: none;
}

.bottomtools ul li.li2.on .s2 {
  display: block;
}

@keyframes ring {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.bottomtools ul li.li3 {
  position: relative;
  font-weight: bold;
  margin-top: .15rem;
  color: #fff;
}

.bottomtools ul li.li3 em {
  width: .97rem;
  height: .97rem;
  display: block;
  background: #ddfe25;
  border-radius: 100%;
  margin: 0 auto .05rem;
  position: relative;
  animation: pressDown 1.5s ease-in-out forwards;
}

@keyframes pressDown {
  0% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(0.08rem);
  }
  60% {
    transform: translateY(0);
  }
}

.bottomtools ul li.li3 em i {
  height: 100%;
  position: relative;
  z-index: 1;
  background: url(../images/bt-main.png) no-repeat center 0.25rem;
  background-size: .8rem auto;
  transform-origin: center center;
  animation: expandRotate 2s ease-out forwards;
  display: block;
  margin: 0 auto;
  pointer-events: none;
  transform: translateZ(0);
  backface-visibility: hidden;
}

@keyframes expandRotate {
  0% {
    width: 0%;
    opacity: 0;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}

.bottomtools ul li.li4 em {
  background-image: url(../images/bt-icon2.png);
}

.bottomtools ul li.li5 {
  position: relative;
}

.bottomtools ul li.li5 em {
  background-image: url(../images/bt-icon3.png);
  background-size: .28rem auto;
  transition: background-image .4s ease;
}

.bottomtools ul li.li5.on .tips {
  display: flex;
}

.bottomtools ul li.li5.on em {
  background-image: url(../images/bt-icon3on.png);
  background-size: .23rem auto;
}

.bottomtools ul li .tips {
  position: absolute;
  display: none;
  top: -1.7rem;
  left: 50%;
  width: 1.52rem;
  height: 1.45rem;
  background-color: rgba(0, 0, 0, 0.7);
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-left: -.8rem;
  padding: .1rem;
  border-radius: .2rem;
}

.sh-bg01, .sh-bg01-2 {
  background: url(../images/sh-bg01.jpg) no-repeat;
  background-size: 7.5rem auto;
  min-height: 5.05rem;
}

.sh-bg01 .tabcont-sh .con, .sh-bg01-2 .tabcont-sh .con {
  display: none;
}

.sh-bg01 .tabcont-sh .con.on, .sh-bg01-2 .tabcont-sh .con.on {
  display: block;
}

.sh-bg01 .txt, .sh-bg01-2 .txt {
  padding-top: .34rem;
  margin: 0 .42rem 2.9rem;
  font-size: .26rem;
  line-height: .36rem;
  height: 1.06rem;
  overflow: hidden;
  color: #d3ddff;
  position: relative;
}

.sh-bg01 .txt span, .sh-bg01-2 .txt span {
  display: block;
}

.sh-bg01 .txt::before, .sh-bg01-2 .txt::before {
  content: '';
  float: left;
  width: 1px;
  height: 100%;
  margin-bottom: -.32rem;
}

.sh-bg01 .txt em, .sh-bg01-2 .txt em {
  background: url(../images/sh-open.gif) no-repeat 0 center;
  width: .17rem;
  height: .32rem;
  background-size: auto .21rem;
  float: right;
  clear: both;
  margin-right: .05rem;
}

.sh-bg01 .tab, .sh-bg01-2 .tab {
  background: url(../images/sh-tab1bg.png) no-repeat 0 bottom;
  width: 6.9rem;
  height: .85rem;
  background-size: 100%;
  font-size: 0;
  margin: 1.3rem auto 0;
  overflow: hidden;
  text-align: center;
}

.sh-bg01 .tab span, .sh-bg01-2 .tab span {
  display: inline-block;
  width: 2.3rem;
  height: 100%;
  font-size: .26rem;
  text-align: center;
  line-height: .92rem;
  color: #d3ddff;
  background: url(../images/sh-tab1.png) no-repeat center;
  background-size: auto .24rem;
}

.sh-bg01 .tab span.on, .sh-bg01-2 .tab span.on {
  background: url(../images/sh-tabon.png) no-repeat;
  background-size: auto .85rem;
  color: #fff;
  font-weight: bold;
  font-size: .32rem;
  line-height: .85rem;
}

.sh-bg01 .tab.tab-2 span, .sh-bg01-2 .tab.tab-2 span {
  width: 50%;
}

.sh-bg01 .tab.tab-2 span.on, .sh-bg01-2 .tab.tab-2 span.on {
  background-image: url(../images/sh-tabon2.png);
}

.sh-bg01 .box, .sh-bg01-2 .box {
  background: url(../images/sh-tabbg.png) no-repeat;
  width: 6.9rem;
  margin: 0 auto;
}

.sh-bg01 .box .ht, .sh-bg01-2 .box .ht {
  padding-top: .2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 .2rem .4rem;
}

.sh-bg01 .box .ht .info, .sh-bg01-2 .box .ht .info {
  color: #9395eb;
  display: flex;
  align-items: center;
}

.sh-bg01 .box .ht .info .p2, .sh-bg01-2 .box .ht .info .p2 {
  color: #7072c1;
  font-size: .2rem;
  margin-top: .06rem;
}

.sh-bg01 .box .ht .info .cover, .sh-bg01-2 .box .ht .info .cover {
  width: .54rem;
  height: .54rem;
  border-radius: 100%;
  overflow: hidden;
  margin-right: .2rem;
}

.sh-bg01 .box .ht .info .cover img, .sh-bg01-2 .box .ht .info .cover img {
  width: 100%;
}

.sh-bg01 .box .ht .icon, .sh-bg01-2 .box .ht .icon {
  background: url(../images/sh-btn1.png) no-repeat;
  width: 1.18rem;
  height: .54rem;
  background-size: auto 100%;
}

.sh-bg01 .box .ht .icon.icon2, .sh-bg01-2 .box .ht .icon.icon2 {
  background-image: url(../images/sh-btn2.png);
  width: 1.36rem;
}

.sh-bg01-2 {
  background-image: url(../images/sh-bg01-2.jpg);
}

.hotpage .box1ht {
  justify-content: center;
}

.hotpage .tits {
  margin-top: 1.55rem;
}

.hotpage .swiperbox {
  z-index: 2;
  position: relative;
  margin-left: .25rem;
  height: 2.68rem;
}

.hotpage .swiperbox.swiper-no-swiping {
  margin-left: 0;
}

.hotpage .swiperbox.swiper-no-swiping .swiper-container .swiper-slide {
  margin: 0 .125rem;
}

.hotpage .swiperbox .swiper-container .swiper-slide {
  opacity: 1;
  background: url(../images/hot-li.png) no-repeat;
  background-size: 100% auto;
  width: 2.5rem;
  height: 2.38rem;
  transform-origin: top;
  position: relative;
  margin-top: 0;
  transition: none;
  margin-left: .25rem;
  transform: scale(1) !important;
}

.hotpage .swiperbox .swiper-container .swiper-slide .iconbox {
  width: 100%;
  height: 100%;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
  display: flex;
  font-size: .28rem;
  font-weight: bold;
}

.hotpage .swiperbox .swiper-container .swiper-slide .iconbox .cover {
  background: url(../images/hot-i.png) no-repeat;
  width: 1.1rem;
  height: 1.1rem;
  background-size: 100%;
}

.hotpage .swiperbox .swiper-container .swiper-slide .iconbox img {
  width: 100%;
  height: 100%;
  display: block;
}

.hotpage .swiperbox .swiper-container .swiper-slide .iconbox p {
  margin-top: .18rem;
  height: .5rem;
  line-height: .5rem;
}

.hotpage .swiperbox:nth-child(2n-1) .swiper-container .swiper-slide {
  background-image: url(../images/hot-li-pc.png);
}

.hotpage .swiperbox:nth-child(2n-1) .swiper-container .swiper-slide .iconbox .cover {
  background-image: url(../images/hot-i-pc.png);
}

.gray {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.tabstylist .con {
  display: none;
}

.pubpage .tits::before {
  display: none;
}

.pubpage .bg06 {
  margin-top: 1rem;
}

.pubpage .bg01-2 {
  background-image: url(../images/pub-tit1.jpg);
  padding-top: 2.52rem;
}

.pubpage .n-tab2 .swiper-slide, .pubpage .n-tab2-2 .swiper-slide {
  background-image: url(../images/pub-tab.png);
  height: 1.12rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pubpage .n-tab2 .swiper-slide.swiper-slide-active, .pubpage .n-tab2-2 .swiper-slide.swiper-slide-active {
  background-image: url(../images/pub-tabon.png);
}

.pubpage .n-tab2 .swiper-slide::after, .pubpage .n-tab2-2 .swiper-slide::after {
  display: none;
}

.pubpage .swiperbox, .pubpage .swiperbox-pub2 {
  margin: .32rem auto 0;
}

.pubpage .swiperbox .swiper-no-pagination .swiper-pagination, .pubpage .swiperbox-pub2 .swiper-no-pagination .swiper-pagination {
  display: none;
}

.pubpage .swiperbox .swiper-no-pagination .swiper-wrapper, .pubpage .swiperbox-pub2 .swiper-no-pagination .swiper-wrapper {
  padding-bottom: 0;
}

.pubpage .swiperbox .swiper-wrapper, .pubpage .swiperbox-pub2 .swiper-wrapper {
  padding-bottom: .45rem;
}

.pubpage .swiperbox .swiper-slide, .pubpage .swiperbox-pub2 .swiper-slide {
  background: none;
  width: 6.9rem;
  height: 8.87rem;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
}

.pubpage .swiperbox .swiper-slide.swiper-slide-active, .pubpage .swiperbox-pub2 .swiper-slide.swiper-slide-active {
  transform: scale(1);
  -webkit-transform: scale(1);
}

.pubpage .pub-box {
  background: url(../images/pub-box.png) no-repeat;
  position: relative;
  width: 6.9rem;
  height: 8.87rem;
  background-size: 100% auto;
  padding-top: .11rem;
}

.pubpage .pub-box .bg {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  -webkit-mask: url(../images/pub-boshade.png) no-repeat;
  -webkit-mask-size: 100% auto;
  height: 3rem;
}

.pubpage .pub-box .bg img {
  width: 100%;
  opacity: .1;
}

.pubpage .pub-box .pr {
  overflow: hidden;
}

.pubpage .pub-box .tits {
  margin-top: .45rem;
  height: 1.36rem;
}

.pubpage .pub-box .tits::before {
  animation: none;
  opacity: .7;
  top: -1.4rem;
  transform: scale(0.7);
}

.pubpage .pub-box .tits::after {
  display: none;
}

.pubpage .pub-box .playbox {
  width: 6.44rem;
  height: 3.52rem;
  margin: 0 auto;
  border: .02rem solid #533db7;
  padding: 0;
  background: none;
}

.pubpage .pub-box .playbox img {
  width: 100%;
  height: 100%;
}

.pubpage .pub-box .gameinfo {
  text-align: center;
  margin-top: .4rem;
}

.pubpage .pub-box .gameinfo .p1 {
  font-size: .32rem;
  margin-bottom: .34rem;
  font-weight: bold;
}

.pubpage .pub-box .gameinfo .p2 {
  color: #cbccf3;
  font-size: .22rem;
  line-height: .3rem;
  margin: 0 .28rem;
}

.pubpage .pub-box .gameinfo .p3 {
  color: #cbccf3;
  font-size: .22rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: .2rem 0 .25rem;
}

.pubpage .pub-box .gameinfo .p3 em {
  background: url(../images/pub-icon1.png) no-repeat;
  background-size: 100%;
  width: .23rem;
  height: .22rem;
  margin-right: .05rem;
}

.pubpage .pub-box .gameinfo .btns {
  font-size: 0;
}

.pubpage .pub-box .gameinfo .btns a {
  background: url(../images/pub-btn1.png) no-repeat;
  width: 1.54rem;
  height: .46rem;
  background-size: 100%;
  background-size: 100%;
  display: inline-block;
  line-height: .46rem;
  font-size: .22rem;
  color: #f1efff;
  margin: 0 .22rem;
  text-align: center;
}

.pubpage .tit2, .pubpage .tit3, .pubpage .tit3-1, .pubpage .tit4, .pubpage .tit5, .pubpage .tit6 {
  background: url(../images/pub-tit2.jpg) no-repeat;
  width: 7.5rem;
  background-size: 100% auto;
  margin-top: .73rem;
  padding-top: 2.1rem;
}

.pubpage .tit3 {
  background-image: url(../images/pub-tit3.jpg);
}

.pubpage .tit3-1 {
  background-image: url(../images/pub-tit3-1.jpg);
}

.pubpage .tit4 {
  background-image: url(../images/pub-tit4.jpg);
  padding-top: 2rem;
}

.pubpage .tit5 {
  background-image: url(../images/pub-tit5.jpg);
  padding-top: 1.46rem;
  margin-top: 0;
}

.pubpage .tit5 .n-tab2 {
  height: .88rem;
}

.pubpage .tit5 .n-tab2 .swiper-slide {
  height: .88rem;
  background-image: url(../images/pub-tab2.png);
  background-size: 1.74rem auto;
}

.pubpage .tit5 .n-tab2 .swiper-slide.swiper-slide-active {
  background-image: url(../images/pub-tabon2.png);
}

.pubpage .tit6 {
  background-image: url(../images/pub-tit6.jpg);
  padding-top: 1.84rem;
  margin-top: 0;
}

.pubpage .bg05 {
  background-image: url(../images/bg05-1.jpg);
  padding-top: 2.45rem;
  height: 7.18rem;
}

.pubpage .enter-game {
  background: url(../images/pub-box2.png) no-repeat;
  width: 6.9rem;
  height: 5.89rem;
  background-size: 6.9rem auto;
  margin: 0 auto;
  padding-top: .36rem;
  margin-top: .4rem;
}

.pubpage .enter-game .tit {
  text-align: center;
  padding-top: .3rem;
  font-size: .34rem;
  font-weight: bold;
  margin-bottom: .4rem;
}

.pubpage .enter-game .tit span {
  position: relative;
}

.pubpage .enter-game .tit span::before, .pubpage .enter-game .tit span::after {
  content: '';
  position: absolute;
  top: 50%;
  background: url(../images/titio.png) no-repeat;
  background-size: 100%;
  width: .27rem;
  height: .19rem;
  margin-top: -.1rem;
}

.pubpage .enter-game .tit span::before {
  left: -.35rem;
}

.pubpage .enter-game .tit span::after {
  right: -.35rem;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.pubpage .enter-game .mySwiper {
  margin: 0 .25rem;
}

.pubpage .enter-game .mySwiper ul {
  font-size: 0;
  line-height: 0;
  width: 105%;
}

.pubpage .enter-game .mySwiper li {
  width: 1.2rem;
  margin-top: .4rem;
  margin: 0 .2rem .2rem;
  display: inline-block;
  vertical-align: top;
}

.pubpage .enter-game .mySwiper li .cover {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: .3rem;
  overflow: hidden;
  margin-bottom: .12rem;
}

.pubpage .enter-game .mySwiper li .cover img {
  width: 100%;
}

.pubpage .enter-game .mySwiper li .p1 {
  line-height: .25rem;
  font-size: .22rem;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pubpage .mySwiper {
  position: relative;
  overflow: hidden;
}

.pubpage .mySwiper .swiper-wrapper {
  padding-bottom: .3rem;
}

.pubpage .mySwiper .swiper-slide {
  height: auto;
  width: 100%;
}

.pubpage .history-game ul {
  font-size: 0;
}

.pubpage .history-game li {
  background: url(../images/pub-li.png) no-repeat;
  width: 2.1rem;
  height: 2.74rem;
  background-size: 100%;
  text-align: center;
  padding: .3rem 0.1rem 0;
  font-size: 0;
  display: inline-block;
  margin: 0 0 .4rem .3rem;
  font-size: 0;
  transform: scale(1);
  opacity: 1;
  vertical-align: top;
}

.pubpage .history-game li .cover {
  width: 1.4rem;
  height: 1.4rem;
  margin: 0 auto;
  border-radius: .3rem;
  overflow: hidden;
  margin-bottom: .14rem;
}

.pubpage .history-game li .cover img {
  width: 100%;
}

.pubpage .history-game li .p1 {
  font-size: .2rem;
  height: .24rem;
  overflow: hidden;
  line-height: .26rem;
  margin-bottom: .15rem;
}

.pubpage .history-game li .p2 {
  font-size: .24rem;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pubpage .pub-tabs {
  position: relative;
  z-index: 1;
}

.pubpage .pub-tabs ul {
  justify-content: space-around;
}

.pubpage .game-reviews {
  background: url(../images/pub-bc.png) repeat-y;
  width: 6.5rem;
  background-size: 100% auto;
  position: relative;
  margin: .4rem auto 0;
  padding: .3rem .24rem .24rem;
}

.pubpage .game-reviews::before {
  content: '';
  position: absolute;
  background: url(../images/pub-bt.png) no-repeat;
  width: 100%;
  height: .09rem;
  background-size: 100% auto;
  top: -.08rem;
  left: 0;
}

.pubpage .game-reviews::after {
  content: '';
  position: absolute;
  background: url(../images/pub-bb.png) no-repeat;
  width: 100%;
  height: .08rem;
  background-size: 100% auto;
  bottom: -.07rem;
  left: 0;
}

.pubpage .game-reviews .gameinfo {
  display: flex;
  align-items: center;
}

.pubpage .game-reviews .gameinfo .cover {
  margin-right: .2rem;
  width: .9rem;
  height: .9rem;
  border-radius: .15rem;
  overflow: hidden;
}

.pubpage .game-reviews .gameinfo .cover img {
  width: 100%;
}

.pubpage .game-reviews .gameinfo .info {
  flex: 1;
}

.pubpage .game-reviews .gameinfo .p1 {
  font-weight: bold;
  font-size: .3rem;
}

.pubpage .game-reviews .gameinfo .user {
  display: flex;
  justify-content: space-between;
  margin-top: .15rem;
}

.pubpage .game-reviews .gameinfo .p2 {
  display: flex;
  align-items: center;
}

.pubpage .game-reviews .gameinfo .p2 i {
  background: url(../images/n-tit4.png) no-repeat;
  width: .15rem;
  height: .24rem;
  background-size: 100% auto;
  margin: 0 .02rem;
}

.pubpage .game-reviews .gameinfo .p2 i:last-child {
  transform: scaleX(-1);
}

.pubpage .game-reviews .gameinfo .p3 {
  color: #9395eb;
  font-size: .22rem;
  display: flex;
  align-items: center;
  line-height: .26rem;
}

.pubpage .game-reviews .gameinfo .p3 i {
  -webkit-mask: url(../images/pub-icon1.png) no-repeat 0 0.01rem;
  width: .22rem;
  height: .24rem;
  background-color: #9395eb;
  -webkit-mask-size: 100% auto;
  margin-right: .05rem;
}

.pubpage .game-reviews .gameinfo .p3 span {
  max-width: 2.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pubpage .game-reviews .txt {
  font-size: .26rem;
  line-height: .46rem;
  color: #cbccf3;
  margin-top: .24rem;
}

.sharebox {
  position: fixed;
  width: 100%;
  z-index: 100;
  overflow-y: auto;
  top: 0;
  left: 0;
  opacity: 0;
  display: none;
}

.sharebox #sharePartElement {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sharebox .sharec {
  width: 7.5rem;
  background-color: #5c18c2;
  position: relative;
  padding-bottom: .34rem;
}

.sharebox .sharec .boxb {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

.sharebox .sharec .shbg {
  width: 7.22rem;
  height: 11.26rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5.63rem 0 0 -3.61rem;
}

.sharebox .cover {
  width: 100%;
  position: relative;
}

.sharebox .cover .coverio {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}

.sharebox .cover .banimg {
  width: 100%;
}

.sharebox .btn {
  text-align: center;
  height: .92rem;
  font-size: 0;
  position: relative;
  z-index: 2;
}

.sharebox .btn .btnr {
  height: .92rem;
}

.sharebox .btn .btnio {
  width: 3.43rem;
  position: absolute;
  top: -.05rem;
  left: 50%;
  margin-left: -1.715rem;
  height: .45rem;
  z-index: 1;
}

.sharebox .btn p {
  display: inline-block;
  position: relative;
  height: .92rem;
  font-size: .48rem;
  font-weight: bold;
  overflow: hidden;
  padding-left: .62rem;
  line-height: .92rem;
  vertical-align: top;
}

.sharebox .btn p span {
  position: relative;
  z-index: 2;
}

.sharebox .btn p span img {
  width: .36rem;
  height: .27rem;
}

.sharebox .btn p .btnl {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.sharebox .gameinfo {
  position: relative;
  text-align: center;
  margin-top: .26rem;
  padding-bottom: .68rem;
  z-index: 2;
}

.sharebox .gameinfo .gameimg {
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 auto .2rem;
  border-radius: .5rem;
  border: 0.03rem solid #fff;
  overflow: hidden;
}

.sharebox .gameinfo .gameimg img {
  width: 100%;
  display: block;
}

.sharebox .gameinfo .p1 {
  font-size: .32rem;
  margin-bottom: .4rem;
}

.sharebox .gameinfo .p2 {
  color: #cacbf5;
  line-height: .36rem;
}

.sharebox .gameinfo .p2 span {
  font-weight: bold;
  color: #fff;
}

.sharebox .sharebt {
  display: flex;
  z-index: 2;
  position: relative;
  margin: 0 .3rem;
  justify-content: space-between;
  align-items: flex-end;
}

.sharebox .sharebt .shs {
  width: 3.24rem;
  height: .52rem;
}

.sharebox .sharebt .ewm {
  display: flex;
  align-items: flex-end;
  font-size: .2rem;
  line-height: .24rem;
  color: #cacbf5;
}

.sharebox .sharebt .ewm img {
  padding: .05rem;
  border-radius: .1rem;
  background-color: #fff;
  display: block;
  margin-left: .14rem;
  width: .92rem;
}

.showImgbox {
  height: 100%;
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  padding-top: 1.6rem;
}

.showImgbox img {
  height: 95%;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  z-index: 100;
  display: none;
  z-index: 100;
}

.shareDiv {
  background: #f5f5f5;
  width: 7.5rem;
  height: 2.2rem;
  padding: 0.3rem 0 0;
  -webkit-box-sizing: border-box;
  overflow: hidden;
  border-radius: 0.3rem 0.3rem 0 0;
  z-index: 999;
  position: fixed;
  bottom: 0;
  left: 0;
}

.shareDiv .shareclose {
  background: url(../images/shareclose.png) no-repeat;
  background-size: .3rem auto;
  width: .4rem;
  height: .4rem;
  position: absolute;
  top: .15rem;
  right: .1rem;
}

.saeList {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  padding: 0.32rem 0.13rem 0;
  text-align: center;
  -webkit-box-sizing: border-box;
}

.saeList::-webkit-scrollbar {
  display: none;
}

.saeList a {
  background-repeat: no-repeat;
  background-size: 0.81rem 0.81rem;
  background-position: center top;
  width: 1.1rem;
  padding-top: 0.92rem;
  line-height: 0.36rem;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  position: relative;
  color: #333;
  font-size: 0.22rem;
}

.saeList a.icoPl {
  background-image: url("../images/icoPl.png");
}

.saeList a.icoPl em {
  background: #ffc53a;
  color: #fff;
  font-size: 0.16rem;
  height: 0.18rem;
  line-height: 0.2rem;
  padding: 0 0.08rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  top: -0.12rem;
  border-radius: 0.09rem;
  white-space: nowrap;
}

.saeList a.icoFriend {
  background-image: url("../images/icoFriend.png");
}

.saeList .icoSave {
  background-image: url("../images/icoSave.png");
}

.saeList .icoQq {
  background-image: url("../images/icoQq.png");
}

.saeList .icoWechat {
  background-image: url("../images/icoWechat.png");
}

.saeList .icoSina {
  background-image: url("../images/icoSina.png");
}

.saeList .icoPyq {
  background-image: url("../images/ico-qzone.png");
}