/*
 * @Description: 2025
 * @Autor: Beryoo
 * @Date:2026/2/6 09:12:18 
*/
@charset "UTF-8";
.scl ::-webkit-scrollbar-thumb:horizontal, .roletagbox .n-box2 .n-tag ::-webkit-scrollbar-thumb:horizontal, .feedback-list ::-webkit-scrollbar-thumb:horizontal{width: 0.05rem; border-radius: 0.05rem; background: transparent}
.scl ::-webkit-scrollbar, .roletagbox .n-box2 .n-tag ::-webkit-scrollbar, .feedback-list ::-webkit-scrollbar{width: 0.05rem; height: 0.05rem; border-radius: 0.05rem; background: transparent}
.scl ::-webkit-scrollbar-thumb:vertical, .roletagbox .n-box2 .n-tag ::-webkit-scrollbar-thumb:vertical, .feedback-list ::-webkit-scrollbar-thumb:vertical{background: #b4b2b6; outline-offset: -2px; border-radius: 0.05rem}
.scl2 ::-webkit-scrollbar-thumb:horizontal, .pubpage .enter-game .ulbox ::-webkit-scrollbar-thumb:horizontal{width: 0.05rem; border-radius: 0.05rem; background: transparent}
.scl2 ::-webkit-scrollbar, .pubpage .enter-game .ulbox ::-webkit-scrollbar{width: 0.05rem; height: 0.05rem; border-radius: 0.05rem; background: transparent}
.scl2 ::-webkit-scrollbar-thumb:vertical, .pubpage .enter-game .ulbox ::-webkit-scrollbar-thumb:vertical{background: #6542c1; 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,T1RUTwALAIAAAwAwQ0ZGILDr860AAAasAAAR50ZGVE2d+gSoAAAYtAAAABxHREVGACcAFQAAGJQAAAAeT1MvMmbakQgAAAEgAAAAYGNtYXBd2/R5AAAFIAAAAWpoZWFkJEtwpgAAALwAAAA2aGhlYQTuAiwAAAD0AAAAJGhtdHgZbAKjAAAY0AAAADxtYXhwAA9QAAAAARgAAAAGbmFtZd6m53YAAAGAAAADoHBvc3T/qQAfAAAGjAAAACAAAQAAAAEAAO++hddfDzz1AAsD6AAAAADhjY9GAAAAAOGNnZwACgAAAggC3wAAAAgAAgAAAAAAAAABAAAC5P/EAAACWAAAAAACCAABAAAAAAAAAAAAAAAAAAAADwAAUAAADwAAAAQBpgGQAAUACAKKAlgAAABLAooCWAAAAV4AHwEYAAAAAAAAAAAAAAAAAAAAAgiBAAAAAAAAAAAAAFVLV04AwAAgJgUC5P/EAAADnAC8AAQAAQAAAAACFAKbACAAIAABAAAAFwEaAAEAAAAAAAAAMQBkAAEAAAAAAAEACgCsAAEAAAAAAAIABwDHAAEAAAAAAAMAHQELAAEAAAAAAAQAEgFPAAEAAAAAAAUADQF+AAEAAAAAAAYAEgGyAAEAAAAAAAcAEQHpAAEAAAAAABAACgIRAAEAAAAAABEABwIsAAMAAQQJAAAAYgAAAAMAAQQJAAEAFACWAAMAAQQJAAIADgC3AAMAAQQJAAMAOgDPAAMAAQQJAAQAJAEpAAMAAQQJAAUAGgFiAAMAAQQJAAYAJAGMAAMAAQQJAAcAIgHFAAMAAQQJABAAFAH7AAMAAQQJABEADgIcAAMAAQgEAAAANAI0AAMAAQgEABAAFAJqAAMAAQgEABEABAKAAEMAbwBwAHkAcgBpAGcAaAB0ACgAYwApACAAMgAwADIAMwAgAEsAQgBhAG8ATgB1AG0AYgBlAHIAIABBAGwAbAAgAHIAaQBnAGgAdABzACAAcgBlAHMAZQByAHYAZQBkAC4AAENvcHlyaWdodChjKSAyMDIzIEtCYW9OdW1iZXIgQWxsIHJpZ2h0cyByZXNlcnZlZC4AAEsAQgBhAG8ATgB1AG0AYgBlAHIAAEtCYW9OdW1iZXIAAFIAZQBnAHUAbABhAHIAAFJlZ3VsYXIAADEALgAwADAAMAA7AFUASwBXAE4AOwBLAEIAYQBvAE4AdQBtAGIAZQByAC0AUgBlAGcAdQBsAGEAcgAAMS4wMDA7VUtXTjtLQmFvTnVtYmVyLVJlZ3VsYXIAAEsAQgBhAG8ATgB1AG0AYgBlAHIAIABSAGUAZwB1AGwAYQByAABLQmFvTnVtYmVyIFJlZ3VsYXIAAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAwADAAAFZlcnNpb24gMS4wMDAAAEsAQgBhAG8ATgB1AG0AYgBlAHIALQBSAGUAZwB1AGwAYQByAABLQmFvTnVtYmVyLVJlZ3VsYXIAAEIAeQAgAEsAQgBhAG8ATgB1AG0AYgBlAHIALgBjAG8AbQAAQnkgS0Jhb051bWJlci5jb20AAEsAQgBhAG8ATgB1AG0AYgBlAHIAAEtCYW9OdW1iZXIAAFIAZQBnAHUAbABhAHIAAFJlZ3VsYXIAckhnQwAoAGMAKQAgADIAMAAyADMAIFxeAEsAQgBhAG8ATgB1AG0AYgBlAHJiQGcJAC4AIAAAAEsAQgBhAG8ATgB1AG0AYgBlAHIAAF44icQAAAAAAAMAAAADAAAAHAABAAAAAABkAAMAAQAAABwABABIAAAADgAIAAIABgAgAC4AOQCgALcmBf//AAAAIAAuADAAoAC3JgX////h/9T/0/9h/1baCQABAAAAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAgADBAUGBwgJCgsMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAANAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAAAP+mAB8AAAAAAAAAAAAAAAAAAAAAAAAAAAEABAQAAQEBE0tCYW9OdW1iZXItUmVndWxhcgABAgABADD4HAD4HQH4HgL4HwP4FQRADAOqDASVi/ic+XMFHAC7DxwAABAcANgRHAATHBF0EgAFAgABAAgADQA+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; right: 0; bottom: 0; position: fixed; width: 100%; height: 100%; background: url(../images/trophy-bg.png) no-repeat center 0 rgba(0, 0, 0, 0.2); background-size: 7.5rem 100%; backdrop-filter: blur(0.1rem)}
.trophy .trophybox{width: 7.5rem; margin: 0 auto; 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: 5.8rem; background-size: 7.5rem auto; position: relative; margin-bottom: 3%}
.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: 3%}
.trophy .trophybox .close{background: url(../images/close1.png) no-repeat; width: .57rem; height: .57rem; background-size: 100%; display: block; margin: 3% 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-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{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}
.playbox .video_box{width: 100%; height: 100%; background-color: #000; overflow: hidden}
.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::after{content: ''; position: absolute; width: 100%; height: 4.66rem; background: url(../images/boxshade.png) no-repeat; background-size: 100%; left: 0; top: -2.8rem}
.cont1.nobf .tits{margin-top: 1rem}
.cont1.nobf::after{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}
.swiperbox-vote .swiper-slide{background-image: url(../images/n1-box.png?v1); height: 4rem}
.swiperbox-vote .swiper-slide .list li .cover{position: relative}
.swiperbox-vote .swiper-slide .list li .icon-link{background: url(../images/n1-icon-link.png) no-repeat center rgba(15, 11, 40, 0.8); width: .38rem; height: .38rem; background-size: .18rem auto; position: absolute; top: 0; right: 0; border-radius: 0 0 0 .3rem}
.swiperbox-vote .swiper-slide .list li .txt{position: absolute; bottom: 0; left: 0; width: 100%; height: .24rem; line-height: .24rem; background-color: rgba(15, 11, 40, 0.8); text-align: center; font-size: .16rem}
.swiperbox-vote .swiper-slide .list li .txt i{background: url(../images/n1-icon-tp.png) no-repeat 0 center; background-size: .15rem auto; width: .15rem; height: 100%; display: inline-block; vertical-align: top; margin-right: .03rem}
.swiperbox-vote .swiper-slide .enterbox{background: url(../images/n1-enterbox.png?v1) no-repeat; width: 5.2rem; height: .79rem; background-size: 100%; position: absolute; bottom: .3rem; left: 50%; margin-left: -2.6rem; padding: 0 .2rem; justify-content: space-between; align-items: center; z-index: 10; display: flex}
.swiperbox-vote .swiper-slide .enterbox .l{font-size: .18rem; color: #ad97fc}
.swiperbox-vote .swiper-slide .enterbox .m{background: url(../images/n1-icon-more.png?v1) no-repeat; width: .2rem; height: .4rem; background-size: 100%}
.swiperbox-vote .swiper-slide .enterbox ul{display: flex; flex: 1; margin-left: .2rem}
.swiperbox-vote .swiper-slide .enterbox ul li{width: .6rem; height: .6rem; border-radius: .1rem; overflow: hidden; margin-right: .2rem}
.swiperbox-vote .swiper-slide .enterbox ul li img{width: 100%}
.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 .6rem; 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: .4rem; 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.icon-tit .cover, .n-box .n-list li.img-txt .cover, .n-box .n-list li.txt .cover{width: 1.2rem; height: 1.2rem; border-radius: .3rem; overflow: hidden; margin-bottom: .1rem}
.n-box .n-list li.icon-tit .cover img, .n-box .n-list li.img-txt .cover img, .n-box .n-list li.txt .cover img{width: 100%; filter: grayscale(100%); transition: all .5s}
.n-box .n-list li.icon-tit .cover::after, .n-box .n-list li.img-txt .cover::after, .n-box .n-list li.txt .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.icon-tit p, .n-box .n-list li.img-txt p, .n-box .n-list li.txt p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; opacity: .8}
.n-box .n-list li.icon-tit{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.icon-tit::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.icon-tit .cover{position: relative}
.n-box .n-list li.icon-tit.on .cover img{filter: grayscale(0%)}
.n-box .n-list li.icon-tit.on .cover::after{opacity: 1}
.n-box .n-list li.icon-tit.on p{opacity: 1}
.n-box .n-list li.icon-tit.on::after{opacity: 1}
.n-box .n-list li.img-txt, .n-box .n-list li.txt{height: 1.2rem; background-color: #f6f5f5; border-radius: .3rem; font-size: .24rem; width: auto; margin: 0 .5rem .4rem 0; position: relative}
.n-box .n-list li.img-txt::after, .n-box .n-list li.txt::after{content: ''; position: absolute; top: -.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; z-index: 2}
.n-box .n-list li.img-txt::before, .n-box .n-list li.txt::before{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; z-index: 1}
.n-box .n-list li.img-txt .cover, .n-box .n-list li.txt .cover{margin-bottom: 0}
.n-box .n-list li.img-txt .c-txt, .n-box .n-list li.txt .c-txt{display: flex; height: 100%; align-items: center}
.n-box .n-list li.img-txt p, .n-box .n-list li.txt p{text-align: left; padding: 0 .15rem; line-height: .35rem}
.n-box .n-list li.img-txt.on::after, .n-box .n-list li.img-txt.on::before, .n-box .n-list li.txt.on::after, .n-box .n-list li.txt.on::before{opacity: 1}
.n-box .n-list li.img-txt.on .cover img, .n-box .n-list li.txt.on .cover img{filter: grayscale(0%)}
.n-box .n-list li.img-txt.on p, .n-box .n-list li.txt.on p{opacity: 1}
.n-box .n-list li.img-txt:nth-child(even)::after{left: -.05rem}
.n-box .n-list li.img-txt:nth-child(even) .cover{float: right; margin-right: .04rem}
.n-box .n-list li.img-txt:nth-child(odd){justify-content: flex-end}
.n-box .n-list li.img-txt:nth-child(odd)::after{right: -.05rem}
.n-box .n-list li.img-txt:nth-child(odd) .cover{float: left; margin-left: .04rem}
.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 .1rem}
.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}
.btns2 a.min{width: 2rem}
.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 .pclose{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; line-height: .5rem; font-weight: bold}
.roletagbox .n-box2 .htinfo{display: flex; align-items: center; justify-content: space-between; margin: .44rem .5rem .29rem}
.roletagbox .n-box2 .role-search{height: .5rem; line-height: .5rem; border-radius: .5rem; background-color: #f6f5f5; padding: 0 .2rem}
.roletagbox .n-box2 .role-search form{display: flex; align-items: center; justify-content: space-between}
.roletagbox .n-box2 .role-search input{background: none; border: none; line-height: .5rem; height: .5rem; width: 2.7rem; display: inline-block}
.roletagbox .n-box2 .role-search .iclose{background: url(../images/r-close.png) no-repeat center; width: .3rem; height: .3rem; background-size: auto .25rem; display: inline-block}
.roletagbox .n-box2 .role-search .btn{background: url(../images/icon-search.png) no-repeat center; width: .3rem; height: .3rem; display: inline-block; background-size: auto .26rem}
.roletagbox .n-box2 .n-tag{margin-left: .2rem; font-size: 0; padding-right: .1rem}
.roletagbox .n-box2 .n-tag .nodata2{background: url(../images/empty.png) no-repeat center 20%; height: 3.5rem; background-size: auto 1.1rem; font-size: .3rem; font-weight: bold; text-align: center; padding-top: 1.9rem}
.roletagbox .n-box2 .n-tag .nodata2 .p2{font-weight: normal; text-decoration: underline; margin-top: .1rem}
.roletagbox .n-box2 .n-tag ul{max-height: 3.5rem; overflow-y: auto}
.roletagbox .n-box2 .n-tag .roll-txt{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}
.roletagbox .n-box2 .n-tag .roll-txt.on{font-weight: bold; background-color: #d8ff23; position: relative; box-shadow: inset 0 0 0 .04rem #131715}
.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: flex-end; 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{max-width: 50%; position: absolute; left: .3rem; 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: 9.09rem; 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/n0126-box.png) no-repeat; position: relative; width: 6.9rem; height: 9.09rem; 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 .gametit{margin-bottom: .2rem}
.pubpage .pub-box .gametit ul{font-size: 0; text-align: center}
.pubpage .pub-box .gametit li{display: inline-flex; width: 33%; font-size: .24rem; line-height: .3rem; text-align: center; color: #a4a4ef; background: url(../images/n0126-split.png) no-repeat right center; background-size: auto .2rem; align-items: center; justify-content: center; position: relative}
.pubpage .pub-box .gametit li:last-child{background: none}
.pubpage .pub-box .gametit li p{width: 1.6rem; height: .6rem; align-items: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.pubpage .pub-box .gametit li.on{font-size: .26rem; font-weight: bold; color: #fff}
.pubpage .pub-box .gametit li.on::after{content: ''; position: absolute; bottom: -.1rem; left: 0; background: url(../images/n0126-line.png) no-repeat center bottom; background-size: auto .07rem; width: 100%; height: .07rem}
.pubpage .pub-box .gametit1{font-size: .38rem; height: .6rem; margin-bottom: .2rem; font-weight: bold; text-align: center}
.pubpage .pub-box .gamecont .con{display: none}
.pubpage .pub-box .playbox{width: 6.44rem; height: 3.62rem; margin: 0 auto; border: .02rem solid #533db7; overflow: hidden; padding: 0; background: none}
.pubpage .pub-box .playbox .video_box{width: 100%; height: 3.59rem}
.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/n0126-tit.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 .tit4 .swiper-wrapper{justify-content: center}
.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/n0126-box2.png) no-repeat; width: 6.9rem; height: 8.22rem; 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 .n0126-tab{height: .7rem; margin: .2rem .3rem .28rem}
.pubpage .enter-game .n0126-tab .swiper-wrapper{padding-bottom: 0; justify-content: inherit}
.pubpage .enter-game .n0126-tab .center{justify-content: center}
.pubpage .enter-game .n0126-tab .swiper-slide{opacity: 1; margin: 0; color: #d3ddff; font-size: .2rem; text-align: center; width: 1.6rem; height: .7rem; transform: scale(1) !important}
.pubpage .enter-game .n0126-tab .swiper-slide p{display: flex; align-items: center; justify-content: center; height: .7rem; background: url(../images/n0126-tab2.png) no-repeat; background-size: auto .7rem; width: 1.4rem; line-height: .24rem}
.pubpage .enter-game .n0126-tab .swiper-slide-active{color: #fff}
.pubpage .enter-game .n0126-tab .swiper-slide-active p{background-image: url(../images/n0126-tab2n.png)}
.pubpage .enter-game .ulbox{height: 6.2rem}
.pubpage .enter-game ul{font-size: 0; line-height: 0; margin: 0 .2rem; max-height: 6.2rem; overflow-y: auto; padding-right: .1rem}
.pubpage .enter-game .ul1{display: none}
.pubpage .enter-game .ul1 li{width: 1.2rem; margin-top: .4rem; margin: 0 .19rem .2rem; display: inline-block; vertical-align: top}
.pubpage .enter-game .ul1 li .cover{width: 1.2rem; height: 1.2rem; border-radius: .3rem; overflow: hidden; margin-bottom: .12rem}
.pubpage .enter-game .ul1 li .cover img{width: 100%}
.pubpage .enter-game .ul1 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 .enter-game .ul2{margin: 0 .2rem}
.pubpage .enter-game .ul2 ul{font-size: 0; margin-left: .5rem}
.pubpage .enter-game .ul2 li.img-txt{padding: 0 .1rem}
.pubpage .enter-game .ul2 li.img-txt .cover{width: 1.2rem; height: 1.2rem; border-radius: .3rem; overflow: hidden; margin-bottom: .1rem}
.pubpage .enter-game .ul2 li.img-txt .cover img{width: 100%; filter: grayscale(0); transition: all .5s}
.pubpage .enter-game .ul2 li.img-txt .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}
.pubpage .enter-game .ul2 li.img-txt p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; opacity: .8}
.pubpage .enter-game .ul2 li.img-txt{height: 1.2rem; background-color: rgba(16, 9, 64, 0.3); border-radius: .3rem; font-size: .24rem; width: auto; margin-bottom: .4rem; position: relative}
.pubpage .enter-game .ul2 li.img-txt:last-child{margin-bottom: 0}
.pubpage .enter-game .ul2 li.img-txt::after{content: ''; position: absolute; top: -.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; z-index: 2}
.pubpage .enter-game .ul2 li.img-txt::before{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; z-index: 1}
.pubpage .enter-game .ul2 li.img-txt .cover{margin-bottom: 0}
.pubpage .enter-game .ul2 li.img-txt .c-txt{display: flex; height: 100%; align-items: center}
.pubpage .enter-game .ul2 li.img-txt p{text-align: left; padding: 0 .15rem; line-height: .35rem}
.pubpage .enter-game .ul2 li.img-txt.on::after, .pubpage .enter-game .ul2 li.img-txt.on::before{opacity: 1}
.pubpage .enter-game .ul2 li.img-txt.on .cover img{filter: grayscale(0%)}
.pubpage .enter-game .ul2 li.img-txt.on p{opacity: 1}
.pubpage .enter-game .ul2 li.img-txt:nth-child(even)::after{left: -.05rem}
.pubpage .enter-game .ul2 li.img-txt:nth-child(even) .cover{float: right; margin-right: .04rem}
.pubpage .enter-game .ul2 li.img-txt:nth-child(odd){justify-content: flex-end}
.pubpage .enter-game .ul2 li.img-txt:nth-child(odd)::after{right: -.05rem}
.pubpage .enter-game .ul2 li.img-txt:nth-child(odd) .cover{float: left; margin-left: .04rem}
.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 .txt{font-size: .26rem; line-height: .46rem; color: #cbccf3; margin-top: .24rem}
.pubpage .game-reviews .p3{color: #9395eb; font-size: .22rem; display: flex; align-items: center; justify-content: right; line-height: .26rem; margin-top: .2rem}
.pubpage .game-reviews .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}
.sharebox{position: fixed; width: 100%; z-index: 100; overflow-y: auto; top: 0; left: 0; opacity: 0; display: none}
.sharebox.sharebox2{height: 100%}
.sharebox.sharebox2 .sharecont{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7)}
.sharebox.sharebox2 .sharec{border-radius: .15rem}
.sharebox.sharebox2 .gameinfo .gameimg{width: 2.3rem; height: 2.3rem}
.sharebox.sharebox2 .gameinfo .p1{font-weight: bold}
.sharebox.sharebox2 .btn p span img{width: .26rem}
.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; min-height: 3.5rem}
.sharebox .cover .coverio{position: absolute; width: 100%; bottom: 0; left: 0}
.sharebox .cover .coverio .n1-tit{width: 4.45rem; display: block; margin: -.3rem auto .7rem; position: relative}
.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}
.sharebox .btn p .btnl{position: absolute; top: 0; left: 0; height: 100%}
.sharebox .ver{text-align: center; margin: .2rem 0 .5rem; font-size: .3rem; font-weight: bold}
.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; line-height: .36rem; margin-bottom: .4rem; padding: 0 .3rem; overflow: hidden; max-height: .72rem}
.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{width: 92%}
.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: 50%; margin-left: -3.75rem}
.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")}
.music-switch{position: absolute; bottom: 5%; left: 0; width: 100%; text-align: center; color: #afafaf}
.music-switch i{width: .22rem; height: .22rem; border-radius: 100%; border: .02rem solid #daff2e; position: relative; display: inline-block; vertical-align: top; margin-right: .1rem}
.music-switch i::before{display: none; content: ''; position: absolute; width: .15rem; height: .15rem; border-radius: 100%; border-radius: 100%; background: #daff2e; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%)}
.music-switch.on i::before{display: block}
.feedback{position: fixed; display: none; overflow: hidden; background: rgba(0, 0, 0, 0.8); z-index: 100; top: 0; right: 0; bottom: 0; left: 0}
.feedback-box{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column}
.feedback-box .close{background: url(../images/close1.png) no-repeat; width: .57rem; height: .57rem; background-size: 100%; display: block !important; margin: 3% auto 0}
.feedback-list{background-color: #fff; width: 6.6rem; color: #191919; border-radius: .15rem; padding: .45rem .3rem .4rem}
.feedback-list .tit{font-size: .48rem; font-weight: bold; text-align: center; margin-bottom: .2rem}
.feedback-list ul{max-height: 5rem; overflow-y: auto}
.feedback-list li{margin-bottom: .2rem; border: 1px solid #f0f0f0; border-radius: .15rem}
.feedback-list li .c{height: .8rem; line-height: .8rem; background-color: #f0f0f0}
.feedback-list li .i{text-align: center; color: #999; line-height: .3rem; padding: .2rem}
.feedback-list li span{text-align: center; display: inline-block; vertical-align: top; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 .1rem}
.feedback-list li span.s1{width: 30%}
.feedback-list li span.s2{width: 50%}
.feedback-list li span.s3{width: 20%}
.feedback-list .ht li{color: #444444; margin-bottom: 0; border: none}
.feedback-list .ht li .c{background: none}
.feedback-list .err{color: #ff2626}
.feedback-list .warn{color: #ff693b}
.feedback-list .ok{color: #0b79bf}