@charset "UTF-8"; @font-face { font-family: "kb_bold"; src: url("data:font/ttf;charset=utf-8;base64,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") format("truetype"), url("data:font/otf;charset=utf-8;base64,T1RUTwALAIAAAwAwQ0ZGIJ9BmyAAAAZ4AAASCkZGVE2d+gW9AAAYpAAAABxHREVGACcAFQAAGIQAAAAeT1MvMmgGkRQAAAEgAAAAYGNtYXBd2/R5AAAE7AAAAWpoZWFkJEtxuQAAALwAAAA2aGhlYQTuAiwAAAD0AAAAJGhtdHgZ+wKEAAAYwAAAADxtYXhwAA9QAAAAARgAAAAGbmFtZbtraEIAAAGAAAADaXBvc3T/qQAfAAAGWAAAACAAAQAAAAEAAFYUMg9fDzz1AAsD6AAAAADhjY9GAAAAAOGNnrEACgAAAggC3QAAAAgAAgAAAAAAAAABAAAC5P/EAAACWAAAAAACCAABAAAAAAAAAAAAAAAAAAAADwAAUAAADwAAAAQBsAK8AAcACAKKAlgAAABLAooCWAAAAV4AHwEYAAAAAAAAAAAAAAAAAAAAAgiBAAAAAAAAAAAAAFVLV04AwAAgJgUC5P/EAAADnAC8AAQAAQAAAAACFAKbACAAIAABAAAAFgEOAAEAAAAAAAAAMQBkAAEAAAAAAAEADwC2AAEAAAAAAAIABwDWAAEAAAAAAAMAGgEUAAEAAAAAAAQADwFPAAEAAAAAAAUADQF7AAEAAAAAAAYADwGpAAEAAAAAAAcAEQHdAAEAAAAAABAACgIFAAEAAAAAABEABAIaAAMAAQQJAAAAYgAAAAMAAQQJAAEAHgCWAAMAAQQJAAIADgDGAAMAAQQJAAMANADeAAMAAQQJAAQAHgEvAAMAAQQJAAUAGgFfAAMAAQQJAAYAHgGJAAMAAQQJAAcAIgG5AAMAAQQJABAAFAHvAAMAAQQJABEACAIQAAMAAQgEAAAANAIfAAMAAQgEABEABAJVAEMAbwBwAHkAcgBpAGcAaAB0ACgAYwApACAAMgAwADIAMwAgAEsAQgBhAG8ATgB1AG0AYgBlAHIAIABBAGwAbAAgAHIAaQBnAGgAdABzACAAcgBlAHMAZQByAHYAZQBkAC4AAENvcHlyaWdodChjKSAyMDIzIEtCYW9OdW1iZXIgQWxsIHJpZ2h0cyByZXNlcnZlZC4AAEsAQgBhAG8ATgB1AG0AYgBlAHIAIABCAGwAbwBkAABLQmFvTnVtYmVyIEJsb2QAAFIAZQBnAHUAbABhAHIAAFJlZ3VsYXIAADEALgAwADAAMAA7AFUASwBXAE4AOwBLAEIAYQBvAE4AdQBtAGIAZQByAC0AQgBsAG8AZAAAMS4wMDA7VUtXTjtLQmFvTnVtYmVyLUJsb2QAAEsAQgBhAG8ATgB1AG0AYgBlAHIAIABCAGwAbwBkAABLQmFvTnVtYmVyIEJsb2QAAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAwADAAAFZlcnNpb24gMS4wMDAAAEsAQgBhAG8ATgB1AG0AYgBlAHIALQBCAGwAbwBkAABLQmFvTnVtYmVyLUJsb2QAAEIAeQAgAEsAQgBhAG8ATgB1AG0AYgBlAHIALgBjAG8AbQAAQnkgS0Jhb051bWJlci5jb20AAEsAQgBhAG8ATgB1AG0AYgBlAHIAAEtCYW9OdW1iZXIAAEIAbABvAGQAAEJsb2QAckhnQwAoAGMAKQAgADIAMAAyADMAIFxeAEsAQgBhAG8ATgB1AG0AYgBlAHJiQGcJAC4AIAAAUqB8lwAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAGQAAwABAAAAHAAEAEgAAAAOAAgAAgAGACAALgA5AKAAtyYF//8AAAAgAC4AMACgALcmBf///+H/1P/T/2H/VtoJAAEAAAAAAAAAAAAAAAAAAAAAAQYAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAACAAMEBQYHCAkKCwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAA/6YAHwAAAAAAAAAAAAAAAAAAAAAAAAAAAQAEBAABAQEQS0Jhb051bWJlci1CbG9kAAECAAEAMPgcAPgdAfgeAvgfA/gUBEAMA6oMBJWL+Jz5cQUcALoPHAAAEBwA1xEcABYcEZQSAAUCAAEACAANAD4ATQBcdW5pMjYwNTEuMDAwQ29weXJpZ2h0KGMpIDIwMjMgS0Jhb051bWJlciBBbGwgcmlnaHRzIHJlc2VydmVkLktCYW9OdW1iZXIgQmxvZEtCYW9OdW1iZXIgQmxvZAAAAAABAA8AEQASABMAFAAVABYAFwAYABkAGgByAYcADwIAAQADAAYADgICAhoDJgXYBgoH2wmvCcsMvw6tDrYQm/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: "kb"; src: url("data:font/ttf;charset=utf-8;base64,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") format("truetype"), url("data:font/otf;charset=utf-8;base64,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AFAAWnVuaTI2MDUxLjAwMENvcHlyaWdodChjKSAyMDIzIEtCYW9OdW1iZXIgQWxsIHJpZ2h0cyByZXNlcnZlZC5LQmFvTnVtYmVyIFJlZ3VsYXJLQmFvTnVtYmVyAAAAAAEADwARABIAEwAUABUAFgAXABgAGQAaAHIBhwAPAgABAAIABQANAWUBeAKnBYoFrwdTCVsJdAy3DowOlRB6Dvt5Dvuys5gVIAoO3/fl/wJngAAV///sqque///oVVX/AAmAAG+LCIAGb4v//+iAAP//9oAAeHh4eP//9oAA///o1VWL///kqqsI+/kHi///5Kqr/wAJgAD//+jVVZ54nnj/ABeAAP//9oAAp4sIlgani/8AF6qr/wAJgAD/ABNVVZ7/ABNVVZ7/AAmqq/8AFyqri/8AG1VVCPf5B4v/ABtVVf//9lVV/wAXKqv//+yqq54I//8JgAD8nRV6qP//94AA/wAfgACLrQj3+QeLrf8ACIAA/wAfgACcqJyooqKonKic/wAf1VX/AAiAAP8AIqqriwiWBv8AIqqri/8AH9VV///3gACoeqh6onScbpxu/wAIgAD//+CAAItpCPv5B4tp///3gAD//+CAAHpuem50dG56bnr//+Aqq///94AA///dVVWLCIAG///dVVWL///gKqv/AAiAAG6cbpx0onqoCA4s95wW+WMnByNQiyfzx4v9AAUO9tjjFTP4Kub7twf3cPe7Bf8AEKqrof8ADNVV/wAYVVWU/wAaqquU/wAaqqv/AASAAP8AG1VVi6eL/wAiqqv///dVVav//+6qq/8AHVVV///uqqv/AB1VVf//6IAA/wAXVVb//+JVVf8AEVVV///iVVX/ABFVVf//39VW/wAIqqv//91VVYsIgwb//91VVYv//9/VVv//91VV///iVVX//+6qq///4lVV///uqqv//+iAAP//6Kqq///uqqv//+Kqq///7qqr///iqqv///dVVWuL///dVVUIc+ajB4unlf8AF9VVn/8AE6qrn/8AE6qro/8ACdVVp4sIkwani6P///Yqq5///+xVVZ///+xVVZX//+gqq4tvi///2qqr///0qqv//95VVf//6VVVbQgO1/clphX/AB6qq3n/ACGqqoL/ACSqq4sInwavi/8AISqr/wAIqqv/AB5VVf8AEVVV/wAeVVX/ABFVVf8AGFVW/wAXqqv/ABJVVan/ABJVVan/AAmAAP8AIKqr/wAAqqv/ACNVVQiWB4v/ABSqq////Cqr/wAUqqr///hVVf8AFKqr///4VVX/ABSqq///94AA/wAQVVX///aqq5d//wAOqqv///Sqq5f///VVVf8ACVVV///1VVX/AAlVVX6T///wqqv/AAaqq/8AFVVV/wALVVX/ABRVVv8AE1VW/wATVVX/ABtVVf8ACKqr/wAMqqv/AAcqqv8ADoAA/wAFqqv/ABBVVQj/AAWqq/8AEFVV/wADKqr/ABDVVv8AAKqr/wARVVUIio+MjYuZBf///1VV/wAhVVWC/wAe1Vb//+6qq/8AHFVV///uqqv/ABxVVXT/ABZVVv//41VV/wAQVVX//+NVVf8AEFVVbP8ACCqr///eqquLCHgGaYv//+CAAP//94AAbnpuenR0em56bv//94AA///ggACLaQiA5pYHi/8AG1VV/wAJqqv/ABcqq/8AE1VVnv8AE1VVnqL/AAmAAP8AGqqriwieBv8AG1VVi/8AFyqr///2gACeeJ54/wAJgAD//+jVVYv//+SqqwiGB4v//+FVVf//9Sqr///l1Vb//+pVVf//6lVV///qVVX//+pVVf//5dVW///1Kqv//+FVVYsIdSCrBv8AIKqri6f///RVVf8AF1VV///oqqv/ABdVVf//6Kqr/wALqqtvi///31VVi///4VVV///1VVX//+XVVv//6qqr///qVVX//+qqq///6lVVcf//9Sqr///hVVWLCHcG///hVVWLcf8ACqqr///qqqv/ABVVVf//6qqr/wAVVVX///VVVaWL/wAeqqsIkTCFB4v//9tVVZT//95VVp3//+FVVZ3//+FVVf8AGFVV///nqqv/AB6qq3kIDvcb9/33BRX7Ben3BcztSveuLfuu+1YH90v4kCGL+0v8kIspBQ7b9zb/ABqAABWp///uVVX/ACCqq///9yqr/wAjVVWLr4v/ACEqq/8ACNVV/wAeVVX/ABGqq/8AHlVV/wARqquj/wAX1VX/ABGqq6n/ABGqq6n/AAjVVf8AIKqri/8AI1VVCOgHi/8AI1VV///3Kqv/ACDVVv//7lVV/wAeVVX//+5VVf8AHlVVc6P//+Gqq/8AEaqr///hqqv/ABGqq///3tVV/wAI1VVniwiDBv//4VVVi27///hVVf//5Kqr///wqqsI9zr3qeX8BPwJ7gf/AAdVVf8ADqqr/wAKqquXmf8ACVVVmf8ACVVV/wAPqqv/AASqq/8AEVVViwiTBv8AHVVVi/8AGSqr///1gACgdqB2/wAKgAD//+bVVYv//+KqqwguB4v//+Kqq///9YAAcnb//+tVVXb//+tVVf//5tVV///1qqv//+Kqq4v//+NVVYv//+cqq/8ACoAAdqB2oP//9YAA/wAY1VWL/wAcqqsIjjGIB4v//9yqq/8ACNVV///fVVX/ABGqq23/ABGqq23/ABfVVf//6Cqrqf//7lVVCA7n9zqjFf8AHVVVe/8AH6qrg62Lr4v/ACFVVZT/AB6qq53/AB6qq53/ABhVVf8AGFVVnf8AHqqrnf8AHqqrlP8AIVVVi68IqQeLr4L/ACFVVXn/AB6qq3n/AB6qq///56qr/wAYVVX//+FVVZ3//+FVVZ3//96qq5Rni///7Kqri3r///2qq///8VVV///7VVUIi4z3PPe7JIv7I/uPBf//3VVV///DVVV1S///9qqr//+8qquH///xVVWJ///wqquLewhtB4uH/wAAqqv///lVVf8AAVVV///2qqv/AANVVf//3qqr/wAK1Vb//+Gqqv8AElVV///kqqv/ABJVVf//5Kqr/wAX1Vb//+pVVf8AHVVVewiY/wBmgAAV///sqqug///2VVX/ABiAAIuni/8ADVVV/wABVVX/ABNVVv8AAqqr/wAZVVX/AAaqq6P/AA0qqv8AE6qr/wATqqv/AA9VVf8AE6qr/wAPVVX/ABaAAP8AB6qr/wAZVVWL/wAeqquLpf//9Sqr/wAVVVX//+pVVf8AFVVV///qVVX/AAqqq///5iqri20IbQeL///hVVX///VVVXH//+qqq///6qqr///qqqv//+qqq3H///VVVf//4VVVi///+qqri4f/AABVVf///VVV/wAAqqv//+Sqq/8AAqqr///oqqr/AAvVVf//7KqroAgOuPf2+P0V+3/8/fCL9374+4vo/B6LizAFDvT3Nv8AHIAAFat4rv//9oAAsYuxi/8AIyqr/wAJVVX/ACBVVf8AEqqr/wAgVVX/ABKqq/8AGYAA/wAZgAD/ABKqq/8AIFVV/wASqqv/ACBVVf8ACVVV/wAjKquLsQiYB4v/ACFVVf//+FVV/wAfgAD///Cqq/8AHaqr///wqqv/AB2qq///61VV/wAYgABx/wATVVX/ABSqq52b/wAVVVX/AAtVVf8AGKqr/wALVVX/ABiqq/8ABaqr/wAaVVWLpwiUB4v/ACKqq///94AA/wAf1VV6qHqodKJunG6c///gKqv/AAiAAP//3VVVi///3VVVi///4Cqr///3gABuem56dHR6bnpu///3gAD//+Aqq4v//91VVQiCB4tv/wAFqqv//+Wqq/8AC1VV///nVVX/AAtVVf//51VVm///6qqr/wAUqqt5cf//7Kqr///rgAD//+eAAHz//+JVVXz//+JVVf//+IAA///ggACL///eqqsIfgeLZf8ACVVVaP8AEqqra/8AEqqra/8AGVVV///mgACreAig/wBggAAV///oqqv/ABdVVf//9FVV/wAcVVaL/wAhVVUImAeL/wAhVVX/AAuqq/8AHCqr/wAXVVWi/wAXVVWip/8AC4AA/wAgqquL/wAhVVWL/wAcVVb///RVVf8AF1VV///oqqv/ABdVVf//6Kqr/wALqqtvi///31VVCH4Hi///31VV///0VVX//+PVVv//6Kqr///oVVX//+iqq///6FVV///jqqr///Qqq///3qqri///31VVi2//AAuqq///6Kqr/wAXVVUI/wANgAD/AVKAABX//+xVVf8AE6qr///2Kqv/ABeAAIv/ABtVVQiUB4v/ABtVVf8ACdVV/wAXgAD/ABOqq/8AE6qr/wATqqv/ABOqq/8AF4AA/wAJ1VX/ABtVVYv/ABtVVYv/ABeAAP//9iqr/wATqqv//+xVVf8AE6qr///sVVX/AAnVVf//6IAAi///5KqrCIIHi///5Kqr///2Kqv//+iAAP//7FVV///sVVX//+xVVf//7FVV///ogAD///Yqq///5Kqri///5Kqri///6IAA/wAJ1VX//+xVVf8AE6qrCA6y94v3xBX/ABNVVYuc/wACVVX/AA6qq/8ABKqrCPtF+8vzi/cr954F/wAiqqv/ADyqq6HL/wAJVVX/AENVVY//AA9VVY3/AA9VVov/AA9VVQipB4uvgv8AIVVVef8AHqqref8AHqqr///nqqv/ABhVVf//4VVVnf//4VVVnf//3lVWlP//21VVi2eL///eqquC///hVVV5///hVVV5///nqqv//+eqq3n//+FVVXn//+FVVYL//96qq4tnCG0Hi2eU///eqqud///hVVWd///hVVX/ABhVVf//56qr/wAeqqt5/wAeqqt5/wAhVVWCr4sI//+ygAD3DhX//+pVVf8AFVVV///1Kquli/8AHqqrCKkHi6n/AArVVf8AGdVV/wAVqqv/ABWqq/8AFaqr/wAVqqv/ABnVVf8ACtVVqYv/AB6qq4v/ABoqqv//9Sqr/wAVqqv//+pVVf8AFaqr///qVVX/AArVVf//5iqri22L///yqqv///6qq///7Kqq///9VVX//+aqq///+VVVc///8tVW///sVVX//+xVVf//8KqrCP//7FVV///wqqv//+mAAP//+FVV///mqquLbYv//+Yqq/8ACqqr///qVVX/ABVVVQgO+56u99gVIAoOmvcj96cV/wAGqqv/AACqq5D/AARVVf8AA1VVkwi69AX/AAKqq/8AB1VV/wAFqqr/AAOqq/8ACKqri/8ACKqri/8ABaqq///8VVX/AAKqq///+KqrCLgiBf8ABVVVg/8ABaqr///7qquR////VVUI9weABf8ABVVV////VVX/AARVVon/AANVVf///Kqr/wADVVX///yqq/8AAaqr///7qqqL///6qquL///7VVWJ///7qquHhwgyPQX///yqq////Kqr///+VVX///uqqov///qqqwiLh6X7BQX/AACqq4X///5VVf//+qqrh///+1VVh///+1VV///7VVX///2qq///+qqri////Kqri////KqqjP///KqrjQgoxwWJ/wABVVX///yqq/8AAKqr///7VVWLh4v///yqq////1VV///9VVX///6qqwgoTwX///1VVYn///yqq4qHi4WL///7Kqv/AAJVVf///FVV/wAEqqv///xVVf8ABKqr///+1Vb/AAVVVf8AAVVVkQik9wUFjf8AB1VV///+VVX/AAWqq///+qqrjwgy2QWHj4n/AASqq4v/AAVVVYv/AASqq/8AAaqrj/8AA1VV/wADVVX/AANVVf8AA1VVj43/AASqq/8AAKqrCA747BT4QRV3n/ljmgaWDAocABMTAAEBAVz///dVVf8ABFVV///7qqv/AAiqqx7OBv8ACKqr/wAEVVX/AARVVf8ACKqrH84H/wAIqqv///uqq/8ABFVV///3VVUeSAb///dVVf//+6qr///7qqv///dVVR8LAAABAAAADAAAABYAAAACAAEAAQAOAAEABAAAAAIAAAAAAAAAAQAAAADa3tfFAAAAAOGNj0YAAAAA4Y2dnAJYAAAAyAAAAI8AKAIBAEEBTgA8AhgARgH5AC0CNAA9Af0AQAIJADwB2gA8AhYAOgHUAC8AowAjAbwACg==") format("opentype"); } * { margin: 0px; padding: 0px; } a { text-decoration: none; } em, i, li { list-style: none; font-style: normal; } a { text-decoration: none; color: #d4bb94; -webkit-tap-highlight-color: #d4bb94; } a img { border: none; } img { vertical-align: top; max-width: 100%; max-height: 100%; } .cf { *zoom: 1; } .cf:after { content: ""; display: block; height: 0; clear: both; } a, a:visited, a:active { -webkit-tap-highlight-color: transparent; /* iOS */ -webkit-user-select: none; /* 禁止选中文本（可选） */ -moz-user-select: none; -ms-user-select: none; user-select: none; /* 禁止选中文本（可选） */ -webkit-touch-callout: none; /* 禁止点击链接打开菜单（可选） */ } /* 针对iOS 10+，添加以下样式 */ a, a:visited { -webkit-box-shadow: none; box-shadow: none; color: inherit; /* 继承父元素的文本颜色 */ text-decoration: none; /* 移除下划线 */ } /* 针对iOS 10.3+，添加以下样式 */ a:active { color: inherit; } html { font-size: 100px; font-size: 13.33333vw; } @media screen and (max-width: 320px) { html { font-size: 42.66667px; font-size: 13.33333vw; } } @media screen and (min-width: 321px) and (max-width: 360px) { html { font-size: 48px; font-size: 13.33333vw; } } @media screen and (min-width: 361px) and (max-width: 375px) { html { font-size: 50px; font-size: 13.33333vw; } } @media screen and (min-width: 376px) and (max-width: 393px) { html { font-size: 52.4px; font-size: 13.33333vw; } } @media screen and (min-width: 394px) and (max-width: 412px) { html { font-size: 54.93333px; font-size: 13.33333vw; } } @media screen and (min-width: 413px) and (max-width: 414px) { html { font-size: 55.2px; font-size: 13.33333vw; } } @media screen and (min-width: 415px) and (max-width: 480px) { html { font-size: 64px; font-size: 13.33333vw; } } @media screen and (min-width: 481px) and (max-width: 540px) { html { font-size: 72px; font-size: 13.33333vw; } } @media screen and (min-width: 541px) and (max-width: 640px) { html { font-size: 85.33333px; font-size: 13.33333vw; } } @media screen and (min-width: 641px) and (max-width: 720px) { html { font-size: 96px; font-size: 13.33333vw; } } @media screen and (min-width: 721px) and (max-width: 750px) { html { font-size: 100px; font-size: 13.33333vw; } } @media screen and (min-width: 751px) { html { font-size: 100px; } } body { font-weight: normal; line-height: 0.26rem; color: rgb(var(--comMainFont)); font-size: 0.26rem; font-family: "微软雅黑", Helvetica, sans-serif; position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 7.5rem; margin: 0 auto; background: rgb(var(--comMainBg)); position: relative; } a { blr: expression(this.onFocus=this.blur()); } a { -webkit-tap-highlight-color: transparent; color: #666666; } a:active { color: #333; } ol, p, dl, li { margin: 0; padding: 0; list-style: none; } h1, h2, h3, h4, h5 { font-size: 14px; margin: 0; padding: 0; font-weight: normal; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; resize: vertical; } optgroup { font-weight: bold; } input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; } input:focus { outline: none; } .fl { float: left !important; } .fr { float: right !important; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tal { text-align: left !important; } .tac { text-align: center !important; } .tar { text-align: right !important; } .mt10 { margin-top: 0.1rem !important; } .mt20 { margin-top: 0.2rem !important; } .mt30 { margin-top: 0.3rem !important; } .mt40 { margin-top: 0.4rem !important; } .mt50 { margin-top: 0.5rem !important; } .btn { display: inline-block; vertical-align: top; background-repeat: no-repeat; -o-background-size: 100% 100%; background-size: 100% 100%; overflow: hidden; line-height: 999px; } body { background: rgba(var(--comMainBg), 1); } .pages { width: 100%; min-height: 100vh; background: rgb(var(--comMainBg)); } .head { position: relative; } .head .btns-grooup { position: absolute; bottom: 5.82rem; right: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 2.16rem; } .head .a1 { width: 2.16rem; height: 0.6rem; background: rgba(var(--comborderColor), 1); border-radius: 0.1rem 0 0 0.1rem; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgb(var(--comMainFont)); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; font-size: 0.26rem; line-height: 0.65rem; } .head .a1 i { width: 0.28rem; height: 0.17rem; background: rgba(var(--comMainFont), 1); -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; display: block; -webkit-mask-image: url(../images/ico-down.png); mask-image: url(../images/ico-down.png); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); margin-left: 0.05rem; } .head .a2 { width: 1rem; height: 1rem; margin-top: 0.22rem; background: rgba(var(--comborderColor), 1); border-radius: 0.1rem 0 0 0.1rem; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgb(var(--comMainFont)); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; padding: 0.1rem 0 0; font-size: 0.22rem; } .head .a2 i { width: 0.6rem; height: 0.6rem; background: rgba(var(--comMainFont), 1); -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; display: block; -webkit-mask-image: url(../images/fico1.png); mask-image: url(../images/fico1.png); } .head .userBar { width: 0.65rem; height: 0.65rem; position: absolute; bottom: 7.1rem; left: 0.15rem; } .head .userBar .loginNo { width: 100%; height: 100%; background: url(../images/icon_login.png) center center no-repeat; background-color: rgba(var(--comborderColor), 1); -o-background-size: 0.54rem auto; background-size: 0.54rem auto; display: block; border-radius: 100%; } .head .userBar .loginNo img { width: 100%; } .head .userBar .loginInfo { width: 100%; height: 100%; border: 0.02rem solid rgb(var(--comMainFont)); border-radius: 100%; overflow: hidden; display: block; } .head .userBar .loginInfo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .pubox { width: 7.15rem; position: relative; margin: 0.5rem auto 0; } .pubtit { text-align: center; } .pubtit img { height: 1.49rem; display: inline-block; vertical-align: top; } .pubstit { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; padding: 0.1rem 0 0 0.2rem; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .pubstit:before { width: 1.43rem; height: 0.3rem; background: rgba(var(--comMainFontSecond), 1); -webkit-mask-image: url(../images/sutitbg.png); mask-image: url(../images/sutitbg.png); -webkit-mask-size: 1.43rem auto; mask-size: 1.43rem auto; -webkit-mask-position: left center; mask-position: left center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; content: ""; position: absolute; bottom: 0; left: 0.2rem; } .pubstit .name { position: relative; z-index: 5; font-size: 0.32rem; font-weight: bold; line-height: 0.55rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .pubstit .tag { height: 0.35rem; padding: 0 0.15rem; line-height: 0.35rem; background: rgb(var(--comMainTipsColor)); color: rgb(var(--comMainBg)); border-radius: 0.18rem 0 0 0.18rem; } .pubstit .txt { padding-right: 0.3rem; } .pubstit .txt span { color: rgba(var(--comborderColor), 1); font-weight: bold; } .pubtn, .diapop .bind-tab .iChange, .diapop .bind-tab .gobind, .diapop .dia-btns a, .pop .p-btn a { width: 1.5rem; height: 0.45rem; padding: 0.04rem 0 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0.22rem; background-image: -webkit-gradient(linear, left top, right bottom, from(rgb(var(--comMainBtnsColor))), to(rgb(var(--comMainBtnsSecondColor)))); background-image: -webkit-linear-gradient(left top, rgb(var(--comMainBtnsColor)), rgb(var(--comMainBtnsSecondColor))); background-image: -moz-linear-gradient(left top, rgb(var(--comMainBtnsColor)), rgb(var(--comMainBtnsSecondColor))); background-image: -o-linear-gradient(left top, rgb(var(--comMainBtnsColor)), rgb(var(--comMainBtnsSecondColor))); background-image: linear-gradient(to right bottom, rgb(var(--comMainBtnsColor)), rgb(var(--comMainBtnsSecondColor))); color: rgb(var(--comMainBg)); font-weight: bold; margin: 0 auto; } .pubtn.has-gray, .diapop .bind-tab .has-gray.iChange, .diapop .bind-tab .has-gray.gobind, .diapop .dia-btns a.has-gray, .pop .p-btn a.has-gray { background: #b8b8b8; color: #363636; } .pubtn.btn-xy, .diapop .bind-tab .btn-xy.iChange, .diapop .bind-tab .btn-xy.gobind, .diapop .dia-btns a.btn-xy, .pop .p-btn a.btn-xy { background: rgb(var(--comMainTipsColor)); } .pubtips { color: rgba(var(--comMainFontSecond), 1); text-align: center; padding: 0.1rem 0; } .theme-box, .pages-canvas .canvas-img, .diapop .diacont, .pop, .gameList dl, .other-group li { border: 0.02rem solid rgba(var(--comborderColor), 1); background: rgb(var(--comMainSecondBg)); border-radius: 0.25rem; } .box1 { margin-top: 0; position: relative; } .box1 .theme-box, .box1 .pages-canvas .canvas-img, .pages-canvas .box1 .canvas-img, .box1 .diapop .diacont, .diapop .box1 .diacont, .box1 .pop, .box1 .gameList dl, .gameList .box1 dl, .box1 .other-group li, .other-group .box1 li { position: relative; } .box1 .theme-box .indexDia, .box1 .pages-canvas .canvas-img .indexDia, .pages-canvas .box1 .canvas-img .indexDia, .box1 .diapop .diacont .indexDia, .diapop .box1 .diacont .indexDia, .box1 .pop .indexDia, .box1 .gameList dl .indexDia, .gameList .box1 dl .indexDia, .box1 .other-group li .indexDia, .other-group .box1 li .indexDia { position: relative; z-index: 5; padding: 0.2rem 0.3rem; } .box1 .theme-box .indexText, .box1 .pages-canvas .canvas-img .indexText, .pages-canvas .box1 .canvas-img .indexText, .box1 .diapop .diacont .indexText, .diapop .box1 .diacont .indexText, .box1 .pop .indexText, .box1 .gameList dl .indexText, .gameList .box1 dl .indexText, .box1 .other-group li .indexText, .other-group .box1 li .indexText { line-height: 0.4rem; max-height: 1.6rem; overflow: hidden; overflow-y: auto; padding-right: 0.1rem; } .box1 .theme-box .indexText.indexTextClose, .box1 .pages-canvas .canvas-img .indexText.indexTextClose, .pages-canvas .box1 .canvas-img .indexText.indexTextClose, .box1 .diapop .diacont .indexText.indexTextClose, .diapop .box1 .diacont .indexText.indexTextClose, .box1 .pop .indexText.indexTextClose, .box1 .gameList dl .indexText.indexTextClose, .gameList .box1 dl .indexText.indexTextClose, .box1 .other-group li .indexText.indexTextClose, .other-group .box1 li .indexText.indexTextClose { height: 0.8rem; overflow: hidden; } .box1 .theme-box .indexText.indexTextClose i, .box1 .pages-canvas .canvas-img .indexText.indexTextClose i, .pages-canvas .box1 .canvas-img .indexText.indexTextClose i, .box1 .diapop .diacont .indexText.indexTextClose i, .diapop .box1 .diacont .indexText.indexTextClose i, .box1 .pop .indexText.indexTextClose i, .box1 .gameList dl .indexText.indexTextClose i, .gameList .box1 dl .indexText.indexTextClose i, .box1 .other-group li .indexText.indexTextClose i, .other-group .box1 li .indexText.indexTextClose i { width: 0.28rem; height: 0.17rem; -webkit-mask-image: url(../images//ico-down.png); mask-image: url(../images//ico-down.png); -webkit-mask-size: 100%; mask-size: 100%; background: rgba(var(--comborderColor), 1); display: inline-block; vertical-align: top; margin-left: 0.1rem; margin-top: 0.15rem; float: right; } .box1 .theme-box .indexPic, .box1 .pages-canvas .canvas-img .indexPic, .pages-canvas .box1 .canvas-img .indexPic, .box1 .diapop .diacont .indexPic, .diapop .box1 .diacont .indexPic, .box1 .pop .indexPic, .box1 .gameList dl .indexPic, .gameList .box1 dl .indexPic, .box1 .other-group li .indexPic, .other-group .box1 li .indexPic { width: 100%; height: 3.68rem; margin-top: 0.25rem; } .box1 .theme-box .indexPic img, .box1 .pages-canvas .canvas-img .indexPic img, .pages-canvas .box1 .canvas-img .indexPic img, .box1 .diapop .diacont .indexPic img, .diapop .box1 .diacont .indexPic img, .box1 .pop .indexPic img, .box1 .gameList dl .indexPic img, .gameList .box1 dl .indexPic img, .box1 .other-group li .indexPic img, .other-group .box1 li .indexPic img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .box1 .theme-box .toggleClose, .box1 .pages-canvas .canvas-img .toggleClose, .pages-canvas .box1 .canvas-img .toggleClose, .box1 .diapop .diacont .toggleClose, .diapop .box1 .diacont .toggleClose, .box1 .pop .toggleClose, .box1 .gameList dl .toggleClose, .gameList .box1 dl .toggleClose, .box1 .other-group li .toggleClose, .other-group .box1 li .toggleClose { padding: 0.15rem 0; text-align: center; font-size: 0.26rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 0.15rem; } .box1 .theme-box .toggleClose i, .box1 .pages-canvas .canvas-img .toggleClose i, .pages-canvas .box1 .canvas-img .toggleClose i, .box1 .diapop .diacont .toggleClose i, .diapop .box1 .diacont .toggleClose i, .box1 .pop .toggleClose i, .box1 .gameList dl .toggleClose i, .gameList .box1 dl .toggleClose i, .box1 .other-group li .toggleClose i, .other-group .box1 li .toggleClose i { width: 0.28rem; height: 0.17rem; -webkit-mask-image: url(../images/ico-down.png); mask-image: url(../images/ico-down.png); -webkit-mask-size: 100%; mask-size: 100%; background: rgba(var(--comborderColor), 1); display: block; margin-left: 0.1rem; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .box1 .theme-box:after, .box1 .pages-canvas .canvas-img:after, .pages-canvas .box1 .canvas-img:after, .box1 .diapop .diacont:after, .diapop .box1 .diacont:after, .box1 .pop:after, .box1 .gameList dl:after, .gameList .box1 dl:after, .box1 .other-group li:after, .other-group .box1 li:after { width: 7.2rem; height: 100%; content: ""; background: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--comMainBg), 1)), to(rgba(var(--comMainBg), 0))); background: -webkit-linear-gradient(top, rgba(var(--comMainBg), 1) 0%, rgba(var(--comMainBg), 0) 100%); background: -moz-linear-gradient(top, rgba(var(--comMainBg), 1) 0%, rgba(var(--comMainBg), 0) 100%); background: -o-linear-gradient(top, rgba(var(--comMainBg), 1) 0%, rgba(var(--comMainBg), 0) 100%); background: linear-gradient(to bottom, rgba(var(--comMainBg), 1) 0%, rgba(var(--comMainBg), 0) 100%); position: absolute; top: -0.02rem; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 1; } .other-group { margin-top: 0.4rem; } .other-group ul { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .other-group li { width: 3.5rem; height: 2.24rem; position: relative; margin-bottom: 0.2rem; overflow: hidden; } .other-group li .tips { height: 0.36rem; line-height: 0.36rem; background: rgba(var(--comMainTipsColor)); color: rgba(var(--comMainBg), 1); position: absolute; top: 0; right: 0; border-radius: 0 0.25rem 0 0.25rem; padding: 0 0.15rem; font-size: 0.26rem; } .other-group li .cont { height: 1.15rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.3rem 0.13rem 0; } .other-group li .cont .nums { font-size: 0.72rem; font-weight: bold; color: rgba(var(--comMainBtnsSecondColor), 1); } .other-group li .cont .role { width: 1.56rem; position: absolute; bottom: -0.8rem; right: -0.2rem; } .other-group li .cont .rcont { width: 2rem; margin-left: 0.15rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .other-group li .cont .rcont p { color: rgba(var(--comMainFontSecond), 1); font-size: 0.22rem; line-height: 0.35rem; } .other-group li .cont .rcont .pubtn, .other-group li .cont .rcont .diapop .bind-tab .iChange, .diapop .bind-tab .other-group li .cont .rcont .iChange, .other-group li .cont .rcont .diapop .bind-tab .gobind, .diapop .bind-tab .other-group li .cont .rcont .gobind, .other-group li .cont .rcont .diapop .dia-btns a, .diapop .dia-btns .other-group li .cont .rcont a, .other-group li .cont .rcont .pop .p-btn a, .pop .p-btn .other-group li .cont .rcont a { margin: 0.05rem 0 0 0; } .other-group li .cont .icon { width: 1.06rem; height: 1.06rem; border-radius: 0.25rem; overflow: hidden; } .other-group li .cont .icon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .btn-search { width: 7.15rem; height: 0.8rem; font-size: 0.36rem; border-radius: 0.4rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .btn-search i { width: 0.28rem; height: 0.29rem; -webkit-mask-image: url(../images/ico-search.png); mask-image: url(../images/ico-search.png); -webkit-mask-size: 100%; mask-size: 100%; background: rgba(var(--comMainBg), 1); display: block; margin-right: 0.15rem; } .box-onlines { margin-top: 0.35rem; } .box-onlines .theme-box, .box-onlines .pages-canvas .canvas-img, .pages-canvas .box-onlines .canvas-img, .box-onlines .diapop .diacont, .diapop .box-onlines .diacont, .box-onlines .pop, .box-onlines .gameList dl, .gameList .box-onlines dl, .box-onlines .other-group li, .other-group .box-onlines li { padding: 0.38rem 0 0.38rem; } .box-onlines .pubtn, .box-onlines .diapop .bind-tab .iChange, .diapop .bind-tab .box-onlines .iChange, .box-onlines .diapop .bind-tab .gobind, .diapop .bind-tab .box-onlines .gobind, .box-onlines .diapop .dia-btns a, .diapop .dia-btns .box-onlines a, .box-onlines .pop .p-btn a, .pop .p-btn .box-onlines a { width: 2.36rem; height: 0.8rem; line-height: 0.84rem; border-radius: 0.4rem; font-size: 0.36rem; margin-top: 0.38rem; } .box-onlines .online-ing { margin: 0 0.3rem; } .box-onlines .online-ing .title { height: 0.74rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box-onlines .online-ing .title .online-game { height: 0.64rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box-onlines .online-ing .title .online-game span { max-width: 12em; white-space: nowrap; overflow: hidden; display: inline-block; vertical-align: top; font-size: 0.26rem; line-height: 0.3rem; } .box-onlines .online-ing .title .online-game i { width: 0.29rem; height: 0.36rem; -webkit-mask-image: url(../images/ico-yinfu.png); mask-image: url(../images/ico-yinfu.png); -webkit-mask-size: 100%; mask-size: 100%; background: rgba(var(--comMainBtnsSecondColor), 1); display: block; margin-left: 0.1rem; } .box-onlines .online-ing .title .times { width: 2.92rem; height: 0.74rem; border-radius: 0.1rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(var(--comMainBg), 1); font-size: 0.32rem; font-weight: bold; } .box-onlines .online-ing .title .times i { width: 0.44rem; height: 0.44rem; -webkit-mask-image: url(../images/ico-naozhong.png); mask-image: url(../images/ico-naozhong.png); -webkit-mask-size: 100%; mask-size: 100%; background: rgba(var(--comMainBtnsSecondColor), 1); display: block; margin-right: 0.2rem; } .box-onlines .online-ing .online-cont { width: 100%; height: 3.68rem; overflow: hidden; margin-top: 0.38rem; } .box-onlines .online-ing .online-cont img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .box-onlines .online-tit { width: 1.22rem; height: 0.38rem; line-height: 0.38rem; color: rgb(var(--comMainBg)); text-align: center; border-radius: 0 0.19rem 0.19rem 0; font-size: 0.24rem; background: rgba(var(--comMainTipsColor), 1); margin: 0.35rem 0.3rem 0; } .box-onlines .online-list { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box-onlines .online-list li { width: 3.2rem; height: 1.33rem; background: rgba(var(--comMainBg), 1); border-radius: 0.1rem; padding: 0.13rem 0.15rem; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0.14rem 0.14rem 0 0; } .box-onlines .online-list li:nth-child(2n) { margin-right: 0; } .box-onlines .online-list li .img { width: 1.06rem; height: 1.06rem; border-radius: 0.25rem; overflow: hidden; } .box-onlines .online-list li .img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .box-onlines .online-list li .licont { width: 1.65rem; } .box-onlines .online-list li .licont .ongame { font-weight: bold; height: 0.4rem; line-height: 0.4rem; overflow: hidden; font-size: 0.26rem; } .box-onlines .online-list li .licont .ontime { color: rgba(var(--comMainFontSecond), 1); font-size: 0.22rem; } .game-hd { height: 0.8rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-top: 0.25rem; } .game-hd a { width: 1.6rem; height: 0.8rem; border: 0.02rem solid rgba(var(--comborderColor), 1); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; text-align: center; margin-right: 0.08rem; border-bottom: 0; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 0.55rem; color: rgba(var(--comborderColor), 1); border-radius: 0.1rem; font-size: 0.32rem; } .game-hd a.on { background: rgba(var(--comborderColor), 1); color: rgba(var(--comMainBg), 1); font-weight: bold; } .game-bd .gameBig { margin-top: -0.25rem; position: relative; z-index: 1; } .box-plays .plays-ins { text-align: center; font-weight: bold; padding: 0.3rem 0; } .box-plays .plays-ins span { color: rgba(var(--comborderColor), 1); } .box-plays .bd-list { display: none; } .box-play-times .theme-box, .box-play-times .pages-canvas .canvas-img, .pages-canvas .box-play-times .canvas-img, .box-play-times .diapop .diacont, .diapop .box-play-times .diacont, .box-play-times .pop, .box-play-times .gameList dl, .gameList .box-play-times dl, .box-play-times .other-group li, .other-group .box-play-times li { margin-top: 0.35rem; padding: 0.25rem 0.3rem; } .box-play-times .ph-rush { width: 100%; text-align: right; } .box-play-times .ph-rush a { width: 0.42rem; height: 0.42rem; -webkit-mask-image: url(../images/ico-rush.png); mask-image: url(../images/ico-rush.png); -webkit-mask-size: 100%; mask-size: 100%; display: inline-block; vertical-align: top; background: rgb(var(--comMainFont)); line-height: 999; overflow: hidden; } .box-play-times .ph-head { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .box-play-times .ph-head li { width: 33.3%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 2.25rem; position: relative; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box-play-times .ph-head li.i1 .uface img { width: 1.24rem; height: 1.24rem; } .box-play-times .ph-head li.i1 .uface:after { top: -0.35rem; background-image: url(../images/ph1.png); } .box-play-times .ph-head li.i2 .uface:after { background-image: url(../images/ph2.png); } .box-play-times .ph-head li.i3 .uface:after { background-image: url(../images/ph3.png); } .box-play-times .ph-head li .unums { color: rgb(var(--comMainTipsColor)); } .box-play-times .ph-head li .uname { font-size: 0.32rem; height: 0.45rem; line-height: 0.45rem; margin-top: 0.08rem; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: bold; } .box-play-times .ph-head li .uface { height: 1.24rem; display: block; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .box-play-times .ph-head li .uface img { border-radius: 100%; width: 0.9rem; height: 0.9rem; border: 0.02rem solid rgb(var(--comborderColor)); } .box-play-times .ph-head li .uface:after { width: 0.58rem; height: 0.48rem; background-repeat: no-repeat; -o-background-size: 100%; background-size: 100%; content: ""; position: absolute; top: 0.1rem; left: 0; right: 0; margin: 0 auto; } .box-play-times .bbtns { text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 0.38rem; } .box-play-times .pubtn, .box-play-times .diapop .bind-tab .iChange, .diapop .bind-tab .box-play-times .iChange, .box-play-times .diapop .bind-tab .gobind, .diapop .bind-tab .box-play-times .gobind, .box-play-times .diapop .dia-btns a, .diapop .dia-btns .box-play-times a, .box-play-times .pop .p-btn a, .pop .p-btn .box-play-times a { width: 2.38rem; height: 0.8rem; border-radius: 0.4rem; font-size: 0.36rem; } .box-play-times .ph-list { padding: 0.15rem 0 1.3rem; position: relative; } .box-play-times .ph-list li { height: 1.14rem; background: rgba(var(--comMainBg), 1); border-radius: 0.1rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0.15rem; position: relative; } .box-play-times .ph-list li.my { width: 7.15rem; position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); border: 0.02rem solid rgb(var(--comborderColor)); margin-top: 0; padding: 0 0.3rem; } .box-play-times .ph-list li.last { background: none; color: rgb(var(--comMainBtnsSecondColor)); text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 0.63rem; margin-top: 0; font-size: 0.32rem; } .box-play-times .ph-list li .num { width: 0.82rem; font-size: 0.32rem; color: rgb(var(--comMainBtnsSecondColor)); text-align: center; font-family: "kb_bold"; } .box-play-times .ph-list li .uname { font-size: 0.32rem; font-weight: bold; width: 2.4rem; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 0.7rem; padding-right: 0.15rem; } .box-play-times .ph-list li .unums { width: 1.95rem; text-align: right; padding-right: 0.15rem; } .box-play-times .ph-list li .unums span { color: rgba(var(--comMainTipsColor), 1); font-weight: bold; } .box-play-times .ph-list li .uface { margin-right: 0.36rem; } .box-play-times .ph-list li .uface img { width: 0.92rem; height: 0.92rem; border-radius: 100%; border: 0.02rem solid rgb(var(--comborderColor)); } .gameBig { padding: 0.38rem 0.3rem 0.2rem; margin-top: 0.5rem; } .gameBig .picture { height: 3.7rem; overflow: hidden; } .gameBig .details { margin: 0.06rem auto 0rem; position: relative; padding: 0.35rem 0 0.15rem; } .gameBig .details .txts { color: rgba(var(--comMainFontSecond), 1); line-height: 0.36rem; padding: 0.1rem 0 0; } .gameBig .infos { height: 1.04rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .gameBig .infos .icon { width: 1.04rem; height: 1.04rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 0.24rem; overflow: hidden; } .gameBig .infos .icon img { width: 1.04rem; height: 1.04rem; } .gameBig .infos .oths { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 1.83rem; } .gameBig .infos .oths .pubtn, .gameBig .infos .oths .diapop .bind-tab .iChange, .diapop .bind-tab .gameBig .infos .oths .iChange, .gameBig .infos .oths .diapop .bind-tab .gobind, .diapop .bind-tab .gameBig .infos .oths .gobind, .gameBig .infos .oths .diapop .dia-btns a, .diapop .dia-btns .gameBig .infos .oths a, .gameBig .infos .oths .pop .p-btn a, .pop .p-btn .gameBig .infos .oths a { width: 1.83rem; height: 0.6rem; border-radius: 0.3rem; font-size: 0.36rem; } .gameBig .infos .oths .many { height: 0.24rem; line-height: 0.24rem; margin-top: 0.1rem; text-align: center; font-size: 0.22rem; overflow: hidden; } .gameBig .infos .oths .many em { color: rgba(var(--comMainBtnsSecondColor), 1); margin-right: 0.04rem; } .gameBig .infos dl { margin: 0 0.24rem; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; width: 0%; } .gameBig .infos dl dt { height: 0.36rem; line-height: 0.36rem; font-size: 0.32rem; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: bold; } .gameBig .infos dl dd { height: 0.34rem; margin: 0.16rem auto 0rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; } .gameBig .infos dl dd span { height: 0.34rem; line-height: 0.38rem; padding: 0 0.08rem; margin-left: 0.08rem; -webkit-box-shadow: 0 0 0 0.01rem rgba(var(--comMainBtnsSecondColor), 1) inset; box-shadow: 0 0 0 0.01rem rgba(var(--comMainBtnsSecondColor), 1) inset; font-size: 0.2rem; color: rgba(var(--comMainBtnsSecondColor), 1); overflow: hidden; } .gameBig .infos dl dd span:first-child { margin-left: 0rem; } .gameList { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; width: 7.15rem; margin: 0.35rem auto 0; } .gameList li { width: 2.1rem; height: 3.28rem; margin: 0.15rem 0.14rem 0; position: relative; overflow: hidden; } .gameList dl { width: 100%; height: 100%; overflow: hidden; border-radius: 0.1rem !important; } .gameList dl dt { height: 1.18rem; position: relative; } .gameList dl dt img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .gameList dl dt .score { background: rgba(var(--comborderColor), 1); width: 0.82rem; height: 0.35rem; line-height: 0.36rem; text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; border-radius: 0 0 0 0.1rem; right: -0.04rem; top: -0.04rem; z-index: 2; } .gameList dl dt .score .iStar { width: 0.24rem; height: 0.23rem; margin-right: 0.04rem; -webkit-mask-image: url(../images/ico-start.png); mask-image: url(../images/ico-start.png); -webkit-mask-size: 100%; mask-size: 100%; background: rgb(var(--comMainFont)); display: block; } .gameList dl dt .score em { height: 0.36rem; line-height: 0.4rem; color: #fff; font-size: 0.26rem; font-weight: bold; font-family: "kb_bold"; } .gameList dl dd { height: 2rem; overflow: hidden; padding: 0.15rem 0 0; } .gameList dl dd a.pubtn, .gameList dl dd .diapop .bind-tab a.iChange, .diapop .bind-tab .gameList dl dd a.iChange, .gameList dl dd .diapop .bind-tab a.gobind, .diapop .bind-tab .gameList dl dd a.gobind, .gameList dl dd .diapop .dia-btns a, .diapop .dia-btns .gameList dl dd a, .gameList dl dd .pop .p-btn a, .pop .p-btn .gameList dl dd a { margin-top: 0.2rem; } .gameList dl dd a.pubtn.btn-price, .gameList dl dd .diapop .bind-tab a.btn-price.iChange, .diapop .bind-tab .gameList dl dd a.btn-price.iChange, .gameList dl dd .diapop .bind-tab a.btn-price.gobind, .diapop .bind-tab .gameList dl dd a.btn-price.gobind, .gameList dl dd .diapop .dia-btns a.btn-price, .diapop .dia-btns .gameList dl dd a.btn-price, .gameList dl dd .pop .p-btn a.btn-price, .pop .p-btn .gameList dl dd a.btn-price { width: 1.86rem; font-size: 0.26rem; position: relative; } .gameList dl dd a.pubtn.btn-price i, .gameList dl dd .diapop .bind-tab a.btn-price.iChange i, .diapop .bind-tab .gameList dl dd a.btn-price.iChange i, .gameList dl dd .diapop .bind-tab a.btn-price.gobind i, .diapop .bind-tab .gameList dl dd a.btn-price.gobind i, .gameList dl dd .diapop .dia-btns a.btn-price i, .diapop .dia-btns .gameList dl dd a.btn-price i, .gameList dl dd .pop .p-btn a.btn-price i, .pop .p-btn .gameList dl dd a.btn-price i { padding: 0 0.1rem; min-width: 0.55rem; border-radius: 0.14rem 0.14rem 0.14rem 0; height: 0.27rem; line-height: 0.27rem; position: absolute; top: -0.2rem; right: 0; background: rgba(var(--comMainTipsColor), 1); color: rgb(var(--comMainBg)); font-size: 0.22rem; font-weight: normal; } .gameList dl dd a.pubtn.btn-price em, .gameList dl dd .diapop .bind-tab a.btn-price.iChange em, .diapop .bind-tab .gameList dl dd a.btn-price.iChange em, .gameList dl dd .diapop .bind-tab a.btn-price.gobind em, .diapop .bind-tab .gameList dl dd a.btn-price.gobind em, .gameList dl dd .diapop .dia-btns a.btn-price em, .diapop .dia-btns .gameList dl dd a.btn-price em, .gameList dl dd .pop .p-btn a.btn-price em, .pop .p-btn .gameList dl dd a.btn-price em { font-size: 0.22rem; font-weight: normal; display: block; text-decoration: line-through; margin-left: 0.05rem; } .gameList dl dd strong { height: 0.34rem; line-height: 0.34rem; font-size: 0.3rem; font-weight: bold; margin: 0 0.08rem; text-align: center; display: block; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .gameList dl dd p { height: 0.32rem; line-height: 0.32rem; margin: 0.04rem auto 0rem; margin: 0 0.2rem; vertical-align: top; text-align: center; overflow: hidden; color: rgba(var(--comMainBtnsSecondColor), 1); white-space: nowrap; } .gameList dl dd p em { height: 0.32rem; line-height: 0.32rem; font-size: 0.2rem; display: inline-block; padding-left: 0.12rem; position: relative; overflow: hidden; } .gameList dl dd span { height: 0.22rem; line-height: 0.22rem; margin: 0.15rem auto 0rem; padding: 0 0.2rem; font-size: 0.22rem; text-align: center; color: rgba(var(--comMainFontSecond), 1); display: block; overflow: hidden; } .more-game { text-align: center; padding: 0.35rem 0 0; } .more-game a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(var(--comMainFont), 1); } .more-game a i { width: 0.28rem; height: 0.17rem; -webkit-mask-image: url(../images/ico-down.png); mask-image: url(../images/ico-down.png); -webkit-mask-size: 100%; mask-size: 100%; background: rgba(var(--comborderColor), 1); display: block; margin-left: 0.05rem; } .box-gameyy .allyy { width: 7.15rem; height: 0.8rem; font-size: 0.36rem; border-radius: 0.4rem; margin-top: 0.3rem; } .box-xunzhang .theme-box, .box-xunzhang .pages-canvas .canvas-img, .pages-canvas .box-xunzhang .canvas-img, .box-xunzhang .diapop .diacont, .diapop .box-xunzhang .diacont, .box-xunzhang .pop, .box-xunzhang .other-group li, .other-group .box-xunzhang li, .box-xunzhang .gameList dl, .gameList .box-xunzhang dl { padding: 0.15rem 0 0; } .box-xunzhang .text { line-height: 0.4rem; margin: 0.2rem 0.2rem; } .box-xunzhang .notice1 { height: 0.5rem; background: rgb(var(--comMainFirstBg)); margin: 0.1rem 0.2rem; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0.2rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 0.18rem; } .box-xunzhang .notice1 .notice-list { width: 5.65rem; height: 0.5rem; } .box-xunzhang .notice1 .notice-list .swiper-slide { width: 100%; height: 0.5rem; overflow: hidden; line-height: 0.5rem; text-align: center; color: rgba(var(--comMainBtnsSecondColor), 1); } .box-xunzhang .xz-list { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.28rem 0.2rem 0.22rem; } .box-xunzhang .xz-list li { width: 3.2rem; text-align: center; } .box-xunzhang .xz-list li .xz-name { font-size: 0.32rem; padding: 0.15rem 0; line-height: 0.4rem; font-weight: bold; } .box-xunzhang .xz-list li .yy { color: rgb(var(--comMainBtnsSecondColor)); font-size: 0.22rem; padding-bottom: 0.2rem; } .box-xunzhang .xz-list li .hasnum { opacity: 0.6; padding: 0.15rem 0; font-size: 0.22rem; } .box-xunzhang .xz-list li .icon { width: 100%; height: 3.3rem; border-radius: 0.1rem; background: rgb(var(--comMainFirstBg)); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .box-xunzhang .xz-list li .icon .noTag { width: 1.04rem; height: 0.35rem; border-radius: 0 0.1rem 0 0.1rem; text-align: center; line-height: 0.39rem; color: rgb(var(--comMainBg)); position: absolute; top: 0; background: rgb(var(--comMainTipsColor)); right: 0; } .box-xunzhang .xz-list li .icon img { width: 2.5rem; } .box-xunzhang .xz-list li .pubtn, .box-xunzhang .xz-list li .diapop .bind-tab .iChange, .diapop .bind-tab .box-xunzhang .xz-list li .iChange, .box-xunzhang .xz-list li .diapop .bind-tab .gobind, .diapop .bind-tab .box-xunzhang .xz-list li .gobind, .box-xunzhang .xz-list li .diapop .dia-btns a, .diapop .dia-btns .box-xunzhang .xz-list li a, .box-xunzhang .xz-list li .pop .p-btn a, .pop .p-btn .box-xunzhang .xz-list li a { display: block; margin: 0 auto; text-align: center; line-height: 0.48rem; padding: 0; } .box-feedback { width: 100%; } .box-feedback .pubtn, .box-feedback .diapop .bind-tab .iChange, .diapop .bind-tab .box-feedback .iChange, .box-feedback .diapop .bind-tab .gobind, .diapop .bind-tab .box-feedback .gobind, .box-feedback .diapop .dia-btns a, .diapop .dia-btns .box-feedback a, .box-feedback .pop .p-btn a, .pop .p-btn .box-feedback a { width: 2.66rem; height: 0.8rem; border-radius: 0.4rem; font-size: 0.36rem; } .box-feedback .feedback { height: 2.7rem; overflow: hidden; position: relative; } .box-feedback .feedback ul { margin: 0.24rem auto 0rem; height: 0.56rem; white-space: nowrap; font-size: 0rem; } .box-feedback .feedback ul:first-child { margin-top: 0.16rem; } .box-feedback .feedback ul li { height: 0.56rem; display: inline-block; font-size: 0.24rem; -webkit-transition: all 0.0123s; -o-transition: all 0.0123s; -moz-transition: all 0.0123s; transition: all 0.0123s; } .box-feedback .feedback ul li.color1 span { background: rgba(var(--comborderColor), 0.5); } .box-feedback .feedback ul li span { background: rgba(var(--comborderColor), 1); height: 0.56rem; line-height: 0.58rem; padding-left: 0.25rem; padding-right: 0.25rem; margin-right: 0.25rem; color: rgb(var(--comMainFont)); border-radius: 999rem; float: right; position: relative; vertical-align: top; overflow: hidden; } .box-feedback .feedback ul li span em { color: rgb(var(--comMainFont)); max-width: 2rem; height: 0.56rem; line-height: 0.56rem; margin: 0 0.04rem; display: inline-block; vertical-align: top; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .box-feedback .feedback ul li img { width: 0.56rem; height: 0.56rem; border-radius: 999rem; position: absolute; top: 0; left: 0; } .box-task .theme-box, .box-task .pages-canvas .canvas-img, .pages-canvas .box-task .canvas-img, .box-task .diapop .diacont, .diapop .box-task .diacont, .box-task .pop, .box-task .other-group li, .other-group .box-task li, .box-task .gameList dl, .gameList .box-task dl { padding: 0.1rem 0; margin-top: 0.2rem; } .box-task .theme-box .sign-process, .box-task .pages-canvas .canvas-img .sign-process, .pages-canvas .box-task .canvas-img .sign-process, .box-task .diapop .diacont .sign-process, .diapop .box-task .diacont .sign-process, .box-task .pop .sign-process, .box-task .other-group li .sign-process, .other-group .box-task li .sign-process, .box-task .gameList dl .sign-process, .gameList .box-task dl .sign-process { margin-top: 0.25rem; height: 2.65rem; } .box-task .theme-box .sign-process .sign-text, .box-task .pages-canvas .canvas-img .sign-process .sign-text, .pages-canvas .box-task .canvas-img .sign-process .sign-text, .box-task .diapop .diacont .sign-process .sign-text, .diapop .box-task .diacont .sign-process .sign-text, .box-task .pop .sign-process .sign-text, .box-task .other-group li .sign-process .sign-text, .other-group .box-task li .sign-process .sign-text, .box-task .gameList dl .sign-process .sign-text, .gameList .box-task dl .sign-process .sign-text { text-align: center; padding: 0.2rem 0; font-size: 0.22rem; color: rgb(var(--comMainBtnsSecondColor)); } .box-task .theme-box .sign-process .sign-date, .box-task .pages-canvas .canvas-img .sign-process .sign-date, .pages-canvas .box-task .canvas-img .sign-process .sign-date, .box-task .diapop .diacont .sign-process .sign-date, .diapop .box-task .diacont .sign-process .sign-date, .box-task .pop .sign-process .sign-date, .box-task .other-group li .sign-process .sign-date, .other-group .box-task li .sign-process .sign-date, .box-task .gameList dl .sign-process .sign-date, .gameList .box-task dl .sign-process .sign-date { margin: 0 0.25rem; position: relative; } .box-task .theme-box .sign-process .sign-date .swiper-slide, .box-task .pages-canvas .canvas-img .sign-process .sign-date .swiper-slide, .pages-canvas .box-task .canvas-img .sign-process .sign-date .swiper-slide, .box-task .diapop .diacont .sign-process .sign-date .swiper-slide, .diapop .box-task .diacont .sign-process .sign-date .swiper-slide, .box-task .pop .sign-process .sign-date .swiper-slide, .box-task .other-group li .sign-process .sign-date .swiper-slide, .other-group .box-task li .sign-process .sign-date .swiper-slide, .box-task .gameList dl .sign-process .sign-date .swiper-slide, .gameList .box-task dl .sign-process .sign-date .swiper-slide { width: 1.04rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .box-task .theme-box .sign-process .sign-date .swiper-slide.get .date-num .add-num, .box-task .pages-canvas .canvas-img .sign-process .sign-date .swiper-slide.get .date-num .add-num, .pages-canvas .box-task .canvas-img .sign-process .sign-date .swiper-slide.get .date-num .add-num, .box-task .diapop .diacont .sign-process .sign-date .swiper-slide.get .date-num .add-num, .diapop .box-task .diacont .sign-process .sign-date .swiper-slide.get .date-num .add-num, .box-task .pop .sign-process .sign-date .swiper-slide.get .date-num .add-num, .box-task .other-group li .sign-process .sign-date .swiper-slide.get .date-num .add-num, .other-group .box-task li .sign-process .sign-date .swiper-slide.get .date-num .add-num, .box-task .gameList dl .sign-process .sign-date .swiper-slide.get .date-num .add-num, .gameList .box-task dl .sign-process .sign-date .swiper-slide.get .date-num .add-num { background: rgb(var(--comMainBg)); -webkit-mask-image: url(../images/ico-xunzhang.png); mask-image: url(../images/ico-xunzhang.png); -webkit-mask-size: 0.37rem auto; mask-size: 0.37rem auto; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center center; mask-position: center center; } .box-task .theme-box .sign-process .sign-date .swiper-slide.has .process-line:after, .box-task .pages-canvas .canvas-img .sign-process .sign-date .swiper-slide.has .process-line:after, .pages-canvas .box-task .canvas-img .sign-process .sign-date .swiper-slide.has .process-line:after, .box-task .diapop .diacont .sign-process .sign-date .swiper-slide.has .process-line:after, .diapop .box-task .diacont .sign-process .sign-date .swiper-slide.has .process-line:after, .box-task .pop .sign-process .sign-date .swiper-slide.has .process-line:after, .box-task .other-group li .sign-process .sign-date .swiper-slide.has .process-line:after, .other-group .box-task li .sign-process .sign-date .swiper-slide.has .process-line:after, .box-task .gameList dl .sign-process .sign-date .swiper-slide.has .process-line:after, .gameList .box-task dl .sign-process .sign-date .swiper-slide.has .process-line:after { width: 100%; height: 0.04rem; background: rgb(var(--comborderColor)); content: ""; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); left: 0; } .box-task .theme-box .sign-process .sign-date .swiper-slide.has .process-line::before, .box-task .pages-canvas .canvas-img .sign-process .sign-date .swiper-slide.has .process-line::before, .pages-canvas .box-task .canvas-img .sign-process .sign-date .swiper-slide.has .process-line::before, .box-task .diapop .diacont .sign-process .sign-date .swiper-slide.has .process-line::before, .diapop .box-task .diacont .sign-process .sign-date .swiper-slide.has .process-line::before, .box-task .pop .sign-process .sign-date .swiper-slide.has .process-line::before, .box-task .other-group li .sign-process .sign-date .swiper-slide.has .process-line::before, .other-group .box-task li .sign-process .sign-date .swiper-slide.has .process-line::before, .box-task .gameList dl .sign-process .sign-date .swiper-slide.has .process-line::before, .gameList .box-task dl .sign-process .sign-date .swiper-slide.has .process-line::before { width: 0.16rem; height: 0.16rem; border-radius: 100%; background: rgb(var(--comborderColor)); content: ""; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; z-index: 1; } .box-task .theme-box .sign-process .sign-date .swiper-slide.has .date-num .add-num, .box-task .pages-canvas .canvas-img .sign-process .sign-date .swiper-slide.has .date-num .add-num, .pages-canvas .box-task .canvas-img .sign-process .sign-date .swiper-slide.has .date-num .add-num, .box-task .diapop .diacont .sign-process .sign-date .swiper-slide.has .date-num .add-num, .diapop .box-task .diacont .sign-process .sign-date .swiper-slide.has .date-num .add-num, .box-task .pop .sign-process .sign-date .swiper-slide.has .date-num .add-num, .box-task .other-group li .sign-process .sign-date .swiper-slide.has .date-num .add-num, .other-group .box-task li .sign-process .sign-date .swiper-slide.has .date-num .add-num, .box-task .gameList dl .sign-process .sign-date .swiper-slide.has .date-num .add-num, .gameList .box-task dl .sign-process .sign-date .swiper-slide.has .date-num .add-num { background: rgb(var(--comMainBg)); -webkit-mask-image: url(../images/ico-sign.png); mask-image: url(../images/ico-sign.png); -webkit-mask-size: 0.35rem auto; mask-size: 0.35rem auto; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center center; mask-position: center center; } .box-task .theme-box .sign-process .sign-date .swiper-slide .process-line, .box-task .pages-canvas .canvas-img .sign-process .sign-date .swiper-slide .process-line, .pages-canvas .box-task .canvas-img .sign-process .sign-date .swiper-slide .process-line, .box-task .diapop .diacont .sign-process .sign-date .swiper-slide .process-line, .diapop .box-task .diacont .sign-process .sign-date .swiper-slide .process-line, .box-task .pop .sign-process .sign-date .swiper-slide .process-line, .box-task .other-group li .sign-process .sign-date .swiper-slide .process-line, .other-group .box-task li .sign-process .sign-date .swiper-slide .process-line, .box-task .gameList dl .sign-process .sign-date .swiper-slide .process-line, .gameList .box-task dl .sign-process .sign-date .swiper-slide .process-line { width: 100%; height: 0.1rem; background: rgb(var(--comMainFirstBg)); margin-top: 0.12rem; position: relative; } .box-task .theme-box .sign-process .sign-date .swiper-slide .date, .box-task .pages-canvas .canvas-img .sign-process .sign-date .swiper-slide .date, .pages-canvas .box-task .canvas-img .sign-process .sign-date .swiper-slide .date, .box-task .diapop .diacont .sign-process .sign-date .swiper-slide .date, .diapop .box-task .diacont .sign-process .sign-date .swiper-slide .date, .box-task .pop .sign-process .sign-date .swiper-slide .date, .box-task .other-group li .sign-process .sign-date .swiper-slide .date, .other-group .box-task li .sign-process .sign-date .swiper-slide .date, .box-task .gameList dl .sign-process .sign-date .swiper-slide .date, .gameList .box-task dl .sign-process .sign-date .swiper-slide .date { font-size: 0.22rem; padding: 0.1rem 0 0; line-height: 0.35rem; } .box-task .theme-box .sign-process .sign-date .swiper-slide .date-num, .box-task .pages-canvas .canvas-img .sign-process .sign-date .swiper-slide .date-num, .pages-canvas .box-task .canvas-img .sign-process .sign-date .swiper-slide .date-num, .box-task .diapop .diacont .sign-process .sign-date .swiper-slide .date-num, .diapop .box-task .diacont .sign-process .sign-date .swiper-slide .date-num, .box-task .pop .sign-process .sign-date .swiper-slide .date-num, .box-task .other-group li .sign-process .sign-date .swiper-slide .date-num, .other-group .box-task li .sign-process .sign-date .swiper-slide .date-num, .box-task .gameList dl .sign-process .sign-date .swiper-slide .date-num, .gameList .box-task dl .sign-process .sign-date .swiper-slide .date-num { width: 0.94rem; height: 1rem; background: rgb(var(--comborderColor)); border-radius: 0.1rem; padding: 0.07rem 0.05rem 0; } .box-task .theme-box .sign-process .sign-date .swiper-slide .date-num .add-num, .box-task .pages-canvas .canvas-img .sign-process .sign-date .swiper-slide .date-num .add-num, .pages-canvas .box-task .canvas-img .sign-process .sign-date .swiper-slide .date-num .add-num, .box-task .diapop .diacont .sign-process .sign-date .swiper-slide .date-num .add-num, .diapop .box-task .diacont .sign-process .sign-date .swiper-slide .date-num .add-num, .box-task .pop .sign-process .sign-date .swiper-slide .date-num .add-num, .box-task .other-group li .sign-process .sign-date .swiper-slide .date-num .add-num, .other-group .box-task li .sign-process .sign-date .swiper-slide .date-num .add-num, .box-task .gameList dl .sign-process .sign-date .swiper-slide .date-num .add-num, .gameList .box-task dl .sign-process .sign-date .swiper-slide .date-num .add-num { width: 0.84rem; height: 0.59rem; border-radius: 0.1rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgb(var(--comMainBtnsSecondColor)); color: rgb(var(--comMainBg)); font-size: 0.32rem; font-weight: bold; } .box-task .theme-box .sign-process .sign-date .swiper-slide .date-num .t, .box-task .pages-canvas .canvas-img .sign-process .sign-date .swiper-slide .date-num .t, .pages-canvas .box-task .canvas-img .sign-process .sign-date .swiper-slide .date-num .t, .box-task .diapop .diacont .sign-process .sign-date .swiper-slide .date-num .t, .diapop .box-task .diacont .sign-process .sign-date .swiper-slide .date-num .t, .box-task .pop .sign-process .sign-date .swiper-slide .date-num .t, .box-task .other-group li .sign-process .sign-date .swiper-slide .date-num .t, .other-group .box-task li .sign-process .sign-date .swiper-slide .date-num .t, .box-task .gameList dl .sign-process .sign-date .swiper-slide .date-num .t, .gameList .box-task dl .sign-process .sign-date .swiper-slide .date-num .t { text-align: center; height: 0.35rem; line-height: 0.35rem; text-align: center; color: rgb(var(--comMainBg)); font-weight: bold; font-size: 0.22rem; } .task-list { margin: 0 0.3rem; } .task-list li { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 1.18rem; background: rgb(var(--comMainFirstBg)); border-radius: 0.1rem; padding: 0 0.2rem; margin-bottom: 0.25rem; } .task-list li .icon { width: 1.06rem; height: 1.06rem; border-radius: 0.25rem; overflow: hidden; margin-right: 0.15rem; } .task-list li .icon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .task-list li .text { line-height: 0.4rem; width: 4.1rem; max-height: 0.8rem; overflow: hidden; letter-spacing: 0.05rem; } .task-list li .tright { width: 1.5rem; text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .task-list li .tright p { font-size: 0.22rem; opacity: 0.7; padding-top: 0.1rem; } .box-xuyuan s .theme-box, .box-xuyuan s .pages-canvas .canvas-img, .pages-canvas .box-xuyuan s .canvas-img, .box-xuyuan s .diapop .diacont, .diapop .box-xuyuan s .diacont, .box-xuyuan s .pop, .box-xuyuan s .other-group li, .other-group .box-xuyuan s li, .box-xuyuan s .gameList dl, .gameList .box-xuyuan s dl { padding-left: 0.1rem; } .box-xuyuan .text { line-height: 0.4rem; margin: 0.2rem 0.2rem; } .box-xuyuan .notice { height: 0.5rem; background: rgb(var(--comMainFirstBg)); margin: 0 0.2rem; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0.2rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 0.18rem; } .box-xuyuan .notice i { width: 0.39rem; height: 0.3rem; background: rgb(var(--comborderColor)); -webkit-mask-image: url(../images/ico-notice.png); mask-image: url(../images/ico-notice.png); -webkit-mask-size: 0.39rem auto; mask-size: 0.39rem auto; display: block; } .box-xuyuan .notice .notice-list { width: 5.65rem; height: 0.5rem; } .box-xuyuan .notice .notice-list .swiper-slide { width: 100%; height: 0.5rem; overflow: hidden; line-height: 0.5rem; } .box-xuyuan .thing-list { width: 6.69rem; margin-top: 0.07rem; padding-bottom: 0.6rem; } .box-xuyuan .thing-list .swiper-slide { width: 100%; height: 7.5rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box-xuyuan .thing-list .swiper-slide .li { width: 2.1rem; height: 2.35rem; background: rgb(var(--comMainFirstBg)); border-radius: 0.1rem; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0.07rem 0.06rem; } .box-xuyuan .thing-list .swiper-slide .li.chose:after { width: 0.4rem; height: 0.4rem; content: ""; background: rgb(var(--comMainTipsColor)); -webkit-mask-image: url(../images/ico-chose.png); mask-image: url(../images/ico-chose.png); -webkit-mask-size: 100%; mask-size: 100%; position: absolute; top: 0.1rem; right: 0.1rem; } .box-xuyuan .thing-list .swiper-slide .li img { width: 1.7rem; } .box-xuyuan .pubtn, .box-xuyuan .diapop .bind-tab .iChange, .diapop .bind-tab .box-xuyuan .iChange, .box-xuyuan .diapop .bind-tab .gobind, .diapop .bind-tab .box-xuyuan .gobind, .box-xuyuan .diapop .dia-btns a, .diapop .dia-btns .box-xuyuan a, .box-xuyuan .pop .p-btn a, .pop .p-btn .box-xuyuan a { width: 2.66rem; height: 0.8rem; border-radius: 0.4rem; font-size: 0.36rem; } .box-xuyuan .chose-text { padding: 0.2rem 0 0.3rem; text-align: center; color: rgba(var(--comMainFontSecond), 1); } .box-xuyuan .chose-text span { color: rgb(var(--comMainBtnsSecondColor)); } .box-pinjian .theme-box, .box-pinjian .pages-canvas .canvas-img, .pages-canvas .box-pinjian .canvas-img, .box-pinjian .diapop .diacont, .diapop .box-pinjian .diacont, .box-pinjian .pop, .box-pinjian .other-group li, .other-group .box-pinjian li, .box-pinjian .gameList dl, .gameList .box-pinjian dl { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.2rem 0.5rem 0.2rem 0.3rem !important; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0.5rem !important; } .box-pinjian .theme-box .pinjian-l, .box-pinjian .pages-canvas .canvas-img .pinjian-l, .pages-canvas .box-pinjian .canvas-img .pinjian-l, .box-pinjian .diapop .diacont .pinjian-l, .diapop .box-pinjian .diacont .pinjian-l, .box-pinjian .pop .pinjian-l, .box-pinjian .other-group li .pinjian-l, .other-group .box-pinjian li .pinjian-l, .box-pinjian .gameList dl .pinjian-l, .gameList .box-pinjian dl .pinjian-l { width: 4.82rem; } .box-pinjian .theme-box p, .box-pinjian .pages-canvas .canvas-img p, .pages-canvas .box-pinjian .canvas-img p, .box-pinjian .diapop .diacont p, .diapop .box-pinjian .diacont p, .box-pinjian .pop p, .box-pinjian .other-group li p, .other-group .box-pinjian li p, .box-pinjian .gameList dl p, .gameList .box-pinjian dl p { height: 0.4rem; line-height: 0.4rem; } .box-pinjian .theme-box .t, .box-pinjian .pages-canvas .canvas-img .t, .pages-canvas .box-pinjian .canvas-img .t, .box-pinjian .diapop .diacont .t, .diapop .box-pinjian .diacont .t, .box-pinjian .pop .t, .box-pinjian .other-group li .t, .other-group .box-pinjian li .t, .box-pinjian .gameList dl .t, .gameList .box-pinjian dl .t { font-size: 0.32rem; font-weight: bold; } .box-pinjian .theme-box .ins, .box-pinjian .pages-canvas .canvas-img .ins, .pages-canvas .box-pinjian .canvas-img .ins, .box-pinjian .diapop .diacont .ins, .diapop .box-pinjian .diacont .ins, .box-pinjian .pop .ins, .box-pinjian .other-group li .ins, .other-group .box-pinjian li .ins, .box-pinjian .gameList dl .ins, .gameList .box-pinjian dl .ins { opacity: 0.7; } .box-sign .theme-box, .box-sign .pages-canvas .canvas-img, .pages-canvas .box-sign .canvas-img, .box-sign .diapop .diacont, .diapop .box-sign .diacont, .box-sign .pop, .box-sign .other-group li, .other-group .box-sign li, .box-sign .gameList dl, .gameList .box-sign dl { padding: 0.25rem 0.1rem 0.38rem; } .box-sign .task-list { margin: 0.25rem 0.1rem 0; } .box-sign .task-list li { height: 1.33rem; } .box-sign .sign-bottom { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 0.1rem; } .box-sign .sign-bottom .sign-br { width: 2.6rem; text-align: right; } .box-sign .sign-bottom .sign-br p { line-height: 0.4rem; } .box-sign .sign-bottom .sign-br .pubtn, .box-sign .sign-bottom .sign-br .diapop .bind-tab .iChange, .diapop .bind-tab .box-sign .sign-bottom .sign-br .iChange, .box-sign .sign-bottom .sign-br .diapop .bind-tab .gobind, .diapop .bind-tab .box-sign .sign-bottom .sign-br .gobind, .box-sign .sign-bottom .sign-br .diapop .dia-btns a, .diapop .dia-btns .box-sign .sign-bottom .sign-br a, .box-sign .sign-bottom .sign-br .pop .p-btn a, .pop .p-btn .box-sign .sign-bottom .sign-br a { float: right; } .box-sign .sign-bottom .icon-group { width: 3.7rem; margin-left: 0.5rem; } .box-sign .sign-bottom .icon-group img { width: 1.07rem; height: 1.07rem; border-radius: 0.25rem; margin-left: -0.5rem; } .box-gamejl .theme-box, .box-gamejl .pages-canvas .canvas-img, .pages-canvas .box-gamejl .canvas-img, .box-gamejl .diapop .diacont, .diapop .box-gamejl .diacont, .box-gamejl .pop, .box-gamejl .other-group li, .other-group .box-gamejl li, .box-gamejl .gameList dl, .gameList .box-gamejl dl { margin-top: 0.2rem; overflow: hidden; padding-bottom: 0.5rem; } .box-gamejl .theme-box .jl-list, .box-gamejl .pages-canvas .canvas-img .jl-list, .pages-canvas .box-gamejl .canvas-img .jl-list, .box-gamejl .diapop .diacont .jl-list, .diapop .box-gamejl .diacont .jl-list, .box-gamejl .pop .jl-list, .box-gamejl .other-group li .jl-list, .other-group .box-gamejl li .jl-list, .box-gamejl .gameList dl .jl-list, .gameList .box-gamejl dl .jl-list { padding: 0.01rem 0.16rem 0 0.16rem; height: 7rem; } .box-gamejl .theme-box .jl-list .swiper-slide, .box-gamejl .pages-canvas .canvas-img .jl-list .swiper-slide, .pages-canvas .box-gamejl .canvas-img .jl-list .swiper-slide, .box-gamejl .diapop .diacont .jl-list .swiper-slide, .diapop .box-gamejl .diacont .jl-list .swiper-slide, .box-gamejl .pop .jl-list .swiper-slide, .box-gamejl .other-group li .jl-list .swiper-slide, .other-group .box-gamejl li .jl-list .swiper-slide, .box-gamejl .gameList dl .jl-list .swiper-slide, .gameList .box-gamejl dl .jl-list .swiper-slide { width: 100%; height: 2.89rem; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0.35rem; } .box-gamejl .theme-box .jl-list .swiper-slide .jl-cont, .box-gamejl .pages-canvas .canvas-img .jl-list .swiper-slide .jl-cont, .pages-canvas .box-gamejl .canvas-img .jl-list .swiper-slide .jl-cont, .box-gamejl .diapop .diacont .jl-list .swiper-slide .jl-cont, .diapop .box-gamejl .diacont .jl-list .swiper-slide .jl-cont, .box-gamejl .pop .jl-list .swiper-slide .jl-cont, .box-gamejl .other-group li .jl-list .swiper-slide .jl-cont, .other-group .box-gamejl li .jl-list .swiper-slide .jl-cont, .box-gamejl .gameList dl .jl-list .swiper-slide .jl-cont, .gameList .box-gamejl dl .jl-list .swiper-slide .jl-cont { width: 5.63rem; border-radius: 0.2rem; background: rgb(var(--comMainFirstBg)); padding: 0 0.2rem; position: relative; } .box-gamejl .theme-box .jl-list .swiper-slide .jl-cont:after, .box-gamejl .pages-canvas .canvas-img .jl-list .swiper-slide .jl-cont:after, .pages-canvas .box-gamejl .canvas-img .jl-list .swiper-slide .jl-cont:after, .box-gamejl .diapop .diacont .jl-list .swiper-slide .jl-cont:after, .diapop .box-gamejl .diacont .jl-list .swiper-slide .jl-cont:after, .box-gamejl .pop .jl-list .swiper-slide .jl-cont:after, .box-gamejl .other-group li .jl-list .swiper-slide .jl-cont:after, .other-group .box-gamejl li .jl-list .swiper-slide .jl-cont:after, .box-gamejl .gameList dl .jl-list .swiper-slide .jl-cont:after, .gameList .box-gamejl dl .jl-list .swiper-slide .jl-cont:after { width: 0; height: 0; border-right: 0.1rem solid rgb(var(--comMainFirstBg)); border-top: 0.1rem solid transparent; border-bottom: 0.1rem solid transparent; content: ""; position: absolute; left: 0; top: 0.4rem; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .box-gamejl .theme-box .jl-list .swiper-slide .jl-cont .text, .box-gamejl .pages-canvas .canvas-img .jl-list .swiper-slide .jl-cont .text, .pages-canvas .box-gamejl .canvas-img .jl-list .swiper-slide .jl-cont .text, .box-gamejl .diapop .diacont .jl-list .swiper-slide .jl-cont .text, .diapop .box-gamejl .diacont .jl-list .swiper-slide .jl-cont .text, .box-gamejl .pop .jl-list .swiper-slide .jl-cont .text, .box-gamejl .other-group li .jl-list .swiper-slide .jl-cont .text, .other-group .box-gamejl li .jl-list .swiper-slide .jl-cont .text, .box-gamejl .gameList dl .jl-list .swiper-slide .jl-cont .text, .gameList .box-gamejl dl .jl-list .swiper-slide .jl-cont .text { line-height: 0.4rem; border-bottom: 0.02rem solid rgba(var(--comMainSecondBg), 1); padding: 0.25rem 0 0.25rem; } .box-gamejl .theme-box .jl-list .swiper-slide .jl-cont .tj-game, .box-gamejl .pages-canvas .canvas-img .jl-list .swiper-slide .jl-cont .tj-game, .pages-canvas .box-gamejl .canvas-img .jl-list .swiper-slide .jl-cont .tj-game, .box-gamejl .diapop .diacont .jl-list .swiper-slide .jl-cont .tj-game, .diapop .box-gamejl .diacont .jl-list .swiper-slide .jl-cont .tj-game, .box-gamejl .pop .jl-list .swiper-slide .jl-cont .tj-game, .box-gamejl .other-group li .jl-list .swiper-slide .jl-cont .tj-game, .other-group .box-gamejl li .jl-list .swiper-slide .jl-cont .tj-game, .box-gamejl .gameList dl .jl-list .swiper-slide .jl-cont .tj-game, .gameList .box-gamejl dl .jl-list .swiper-slide .jl-cont .tj-game { padding: 0.25rem 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .box-gamejl .theme-box .jl-list .swiper-slide .jl-cont .tj-game .gamecont, .box-gamejl .pages-canvas .canvas-img .jl-list .swiper-slide .jl-cont .tj-game .gamecont, .pages-canvas .box-gamejl .canvas-img .jl-list .swiper-slide .jl-cont .tj-game .gamecont, .box-gamejl .diapop .diacont .jl-list .swiper-slide .jl-cont .tj-game .gamecont, .diapop .box-gamejl .diacont .jl-list .swiper-slide .jl-cont .tj-game .gamecont, .box-gamejl .pop .jl-list .swiper-slide .jl-cont .tj-game .gamecont, .box-gamejl .other-group li .jl-list .swiper-slide .jl-cont .tj-game .gamecont, .other-group .box-gamejl li .jl-list .swiper-slide .jl-cont .tj-game .gamecont, .box-gamejl .gameList dl .jl-list .swiper-slide .jl-cont .tj-game .gamecont, .gameList .box-gamejl dl .jl-list .swiper-slide .jl-cont .tj-game .gamecont { width: 2.52rem; } .box-gamejl .theme-box .jl-list .swiper-slide .jl-cont .tj-game .gname, .box-gamejl .pages-canvas .canvas-img .jl-list .swiper-slide .jl-cont .tj-game .gname, .pages-canvas .box-gamejl .canvas-img .jl-list .swiper-slide .jl-cont .tj-game .gname, .box-gamejl .diapop .diacont .jl-list .swiper-slide .jl-cont .tj-game .gname, .diapop .box-gamejl .diacont .jl-list .swiper-slide .jl-cont .tj-game .gname, .box-gamejl .pop .jl-list .swiper-slide .jl-cont .tj-game .gname, .box-gamejl .other-group li .jl-list .swiper-slide .jl-cont .tj-game .gname, .other-group .box-gamejl li .jl-list .swiper-slide .jl-cont .tj-game .gname, .box-gamejl .gameList dl .jl-list .swiper-slide .jl-cont .tj-game .gname, .gameList .box-gamejl dl .jl-list .swiper-slide .jl-cont .tj-game .gname { font-size: 0.36rem; height: 0.5rem; line-height: 0.5rem; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: bold; } .box-gamejl .theme-box .jl-list .swiper-slide .jl-cont .tj-game .gins, .box-gamejl .pages-canvas .canvas-img .jl-list .swiper-slide .jl-cont .tj-game .gins, .pages-canvas .box-gamejl .canvas-img .jl-list .swiper-slide .jl-cont .tj-game .gins, .box-gamejl .diapop .diacont .jl-list .swiper-slide .jl-cont .tj-game .gins, .diapop .box-gamejl .diacont .jl-list .swiper-slide .jl-cont .tj-game .gins, .box-gamejl .pop .jl-list .swiper-slide .jl-cont .tj-game .gins, .box-gamejl .other-group li .jl-list .swiper-slide .jl-cont .tj-game .gins, .other-group .box-gamejl li .jl-list .swiper-slide .jl-cont .tj-game .gins, .box-gamejl .gameList dl .jl-list .swiper-slide .jl-cont .tj-game .gins, .gameList .box-gamejl dl .jl-list .swiper-slide .jl-cont .tj-game .gins { height: 0.5rem; line-height: 0.5rem; opacity: 0.7; } .box-gamejl .theme-box .jl-list .swiper-slide .jl-cont .tj-game .icon, .box-gamejl .pages-canvas .canvas-img .jl-list .swiper-slide .jl-cont .tj-game .icon, .pages-canvas .box-gamejl .canvas-img .jl-list .swiper-slide .jl-cont .tj-game .icon, .box-gamejl .diapop .diacont .jl-list .swiper-slide .jl-cont .tj-game .icon, .diapop .box-gamejl .diacont .jl-list .swiper-slide .jl-cont .tj-game .icon, .box-gamejl .pop .jl-list .swiper-slide .jl-cont .tj-game .icon, .box-gamejl .other-group li .jl-list .swiper-slide .jl-cont .tj-game .icon, .other-group .box-gamejl li .jl-list .swiper-slide .jl-cont .tj-game .icon, .box-gamejl .gameList dl .jl-list .swiper-slide .jl-cont .tj-game .icon, .gameList .box-gamejl dl .jl-list .swiper-slide .jl-cont .tj-game .icon { width: 1.06rem; height: 1.06rem; border-radius: 0.2rem; overflow: hidden; margin-right: 0.13rem; } .box-gamejl .theme-box .jl-list .swiper-slide .jl-cont .tj-game .icon img, .box-gamejl .pages-canvas .canvas-img .jl-list .swiper-slide .jl-cont .tj-game .icon img, .pages-canvas .box-gamejl .canvas-img .jl-list .swiper-slide .jl-cont .tj-game .icon img, .box-gamejl .diapop .diacont .jl-list .swiper-slide .jl-cont .tj-game .icon img, .diapop .box-gamejl .diacont .jl-list .swiper-slide .jl-cont .tj-game .icon img, .box-gamejl .pop .jl-list .swiper-slide .jl-cont .tj-game .icon img, .box-gamejl .other-group li .jl-list .swiper-slide .jl-cont .tj-game .icon img, .other-group .box-gamejl li .jl-list .swiper-slide .jl-cont .tj-game .icon img, .box-gamejl .gameList dl .jl-list .swiper-slide .jl-cont .tj-game .icon img, .gameList .box-gamejl dl .jl-list .swiper-slide .jl-cont .tj-game .icon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .box-gamejl .theme-box .jl-list .swiper-slide .uimg, .box-gamejl .pages-canvas .canvas-img .jl-list .swiper-slide .uimg, .pages-canvas .box-gamejl .canvas-img .jl-list .swiper-slide .uimg, .box-gamejl .diapop .diacont .jl-list .swiper-slide .uimg, .diapop .box-gamejl .diacont .jl-list .swiper-slide .uimg, .box-gamejl .pop .jl-list .swiper-slide .uimg, .box-gamejl .other-group li .jl-list .swiper-slide .uimg, .other-group .box-gamejl li .jl-list .swiper-slide .uimg, .box-gamejl .gameList dl .jl-list .swiper-slide .uimg, .gameList .box-gamejl dl .jl-list .swiper-slide .uimg { width: 0.94rem; height: 0.94rem; border: 0.02rem solid rgba(var(--comborderColor), 1); border-radius: 100%; overflow: hidden; } .box-gamejl .theme-box .jl-list .swiper-slide .uimg img, .box-gamejl .pages-canvas .canvas-img .jl-list .swiper-slide .uimg img, .pages-canvas .box-gamejl .canvas-img .jl-list .swiper-slide .uimg img, .box-gamejl .diapop .diacont .jl-list .swiper-slide .uimg img, .diapop .box-gamejl .diacont .jl-list .swiper-slide .uimg img, .box-gamejl .pop .jl-list .swiper-slide .uimg img, .box-gamejl .other-group li .jl-list .swiper-slide .uimg img, .other-group .box-gamejl li .jl-list .swiper-slide .uimg img, .box-gamejl .gameList dl .jl-list .swiper-slide .uimg img, .gameList .box-gamejl dl .jl-list .swiper-slide .uimg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .box-gamejl .theme-box1 { width: 7.5rem; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 5; padding: 0.18rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .box-gamejl .theme-box1 .input { width: 6.08rem; height: 0.86rem; background: rgb(var(--comMainFirstBg)); border-radius: 0.1rem; color: rgba(var(--comMainFontSecond), 1); font-size: 0.26rem; line-height: 0.86rem; padding: 0 0.3rem; } .box-gamejl .theme-box1 .icon { width: 0.86rem; height: 0.86rem; background: rgb(var(--comMainFirstBg)); border-radius: 100%; } .box-gamejl .theme-box1 .icon i { width: 100%; height: 100%; background: rgb(var(--comMainBtnsSecondColor)); -webkit-mask-image: url(../images/ico-send.png); mask-image: url(../images/ico-send.png); -webkit-mask-size: 100%; mask-size: 100%; display: block; } /*图文模板**/ .box-card1 .theme-box, .box-card1 .pages-canvas .canvas-img, .pages-canvas .box-card1 .canvas-img, .box-card1 .diapop .diacont, .diapop .box-card1 .diacont, .box-card1 .pop, .box-card1 .other-group li, .other-group .box-card1 li, .box-card1 .gameList dl, .gameList .box-card1 dl { padding: 0.38rem 0.29rem 0.3rem; } .box-card1 .theme-box .img, .box-card1 .pages-canvas .canvas-img .img, .pages-canvas .box-card1 .canvas-img .img, .box-card1 .diapop .diacont .img, .diapop .box-card1 .diacont .img, .box-card1 .pop .img, .box-card1 .other-group li .img, .other-group .box-card1 li .img, .box-card1 .gameList dl .img, .gameList .box-card1 dl .img { width: 100%; height: 3.69rem; overflow: hidden; } .box-card1 .theme-box .img img, .box-card1 .pages-canvas .canvas-img .img img, .pages-canvas .box-card1 .canvas-img .img img, .box-card1 .diapop .diacont .img img, .diapop .box-card1 .diacont .img img, .box-card1 .pop .img img, .box-card1 .other-group li .img img, .other-group .box-card1 li .img img, .box-card1 .gameList dl .img img, .gameList .box-card1 dl .img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .box-card1 .theme-box .title, .box-card1 .pages-canvas .canvas-img .title, .pages-canvas .box-card1 .canvas-img .title, .box-card1 .diapop .diacont .title, .diapop .box-card1 .diacont .title, .box-card1 .pop .title, .box-card1 .other-group li .title, .other-group .box-card1 li .title, .box-card1 .gameList dl .title, .gameList .box-card1 dl .title { font-size: 0.32rem; font-weight: bold; padding: 0.25rem 0 0.1rem; line-height: 0.35rem; } .box-card1 .theme-box .title a, .box-card1 .pages-canvas .canvas-img .title a, .pages-canvas .box-card1 .canvas-img .title a, .box-card1 .diapop .diacont .title a, .diapop .box-card1 .diacont .title a, .box-card1 .pop .title a, .box-card1 .other-group li .title a, .other-group .box-card1 li .title a, .box-card1 .gameList dl .title a, .gameList .box-card1 dl .title a { color: #fff; } .box-card1 .theme-box .ins, .box-card1 .pages-canvas .canvas-img .ins, .pages-canvas .box-card1 .canvas-img .ins, .box-card1 .diapop .diacont .ins, .diapop .box-card1 .diacont .ins, .box-card1 .pop .ins, .box-card1 .other-group li .ins, .other-group .box-card1 li .ins, .box-card1 .gameList dl .ins, .gameList .box-card1 dl .ins { line-height: 0.36rem; opacity: 0.8; } .box-card1 .theme-box .bot, .box-card1 .pages-canvas .canvas-img .bot, .pages-canvas .box-card1 .canvas-img .bot, .box-card1 .diapop .diacont .bot, .diapop .box-card1 .diacont .bot, .box-card1 .pop .bot, .box-card1 .other-group li .bot, .other-group .box-card1 li .bot, .box-card1 .gameList dl .bot, .gameList .box-card1 dl .bot { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box-card1 .theme-box .bot span, .box-card1 .pages-canvas .canvas-img .bot span, .pages-canvas .box-card1 .canvas-img .bot span, .box-card1 .diapop .diacont .bot span, .diapop .box-card1 .diacont .bot span, .box-card1 .pop .bot span, .box-card1 .other-group li .bot span, .other-group .box-card1 li .bot span, .box-card1 .gameList dl .bot span, .gameList .box-card1 dl .bot span { max-width: 50%; } .box-card1 .theme-box .bot .time, .box-card1 .pages-canvas .canvas-img .bot .time, .pages-canvas .box-card1 .canvas-img .bot .time, .box-card1 .diapop .diacont .bot .time, .diapop .box-card1 .diacont .bot .time, .box-card1 .pop .bot .time, .box-card1 .other-group li .bot .time, .other-group .box-card1 li .bot .time, .box-card1 .gameList dl .bot .time, .gameList .box-card1 dl .bot .time { opacity: 0.8; } .box-banner .theme-box, .box-banner .pages-canvas .canvas-img, .pages-canvas .box-banner .canvas-img, .box-banner .diapop .diacont, .diapop .box-banner .diacont, .box-banner .pop, .box-banner .other-group li, .other-group .box-banner li, .box-banner .gameList dl, .gameList .box-banner dl { overflow: hidden; } i.ico-wh { width: 0.33rem; height: 0.33rem; display: inline-block; background: rgb(var(--comMainFont)); -webkit-mask-image: url(../images/ico-wh.png); mask-image: url(../images/ico-wh.png); -webkit-mask-size: 100%; mask-size: 100%; margin-left: 0.1rem; } .box-next .theme-box, .box-next .pages-canvas .canvas-img, .pages-canvas .box-next .canvas-img, .box-next .diapop .diacont, .diapop .box-next .diacont, .box-next .pop, .box-next .other-group li, .other-group .box-next li, .box-next .gameList dl, .gameList .box-next dl { padding: 0.4rem 0.15rem; margin-top: 0.25rem; } .box-next .theme-box .tp-time, .box-next .pages-canvas .canvas-img .tp-time, .pages-canvas .box-next .canvas-img .tp-time, .box-next .diapop .diacont .tp-time, .diapop .box-next .diacont .tp-time, .box-next .pop .tp-time, .box-next .other-group li .tp-time, .other-group .box-next li .tp-time, .box-next .gameList dl .tp-time, .gameList .box-next dl .tp-time { text-align: center; color: rgb(var(--comMainFont)); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .box-next .theme-box .vote-list, .box-next .pages-canvas .canvas-img .vote-list, .pages-canvas .box-next .canvas-img .vote-list, .box-next .diapop .diacont .vote-list, .diapop .box-next .diacont .vote-list, .box-next .pop .vote-list, .box-next .other-group li .vote-list, .other-group .box-next li .vote-list, .box-next .gameList dl .vote-list, .gameList .box-next dl .vote-list { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0.3rem 0 0; padding-bottom: 0.1rem; } .box-next .theme-box .vote-list .swiper-slide, .box-next .pages-canvas .canvas-img .vote-list .swiper-slide, .pages-canvas .box-next .canvas-img .vote-list .swiper-slide, .box-next .diapop .diacont .vote-list .swiper-slide, .diapop .box-next .diacont .vote-list .swiper-slide, .box-next .pop .vote-list .swiper-slide, .box-next .other-group li .vote-list .swiper-slide, .other-group .box-next li .vote-list .swiper-slide, .box-next .gameList dl .vote-list .swiper-slide, .gameList .box-next dl .vote-list .swiper-slide { width: 2.1rem; height: 2.96rem; border: 0.02rem solid rgba(var(--comborderColor), 1); background: rgb(var(--comMainSecondBg)); border-radius: 0.1rem; overflow: hidden; margin: 0 0.1rem; } .box-next .theme-box .vote-list .swiper-slide .vnum, .box-next .pages-canvas .canvas-img .vote-list .swiper-slide .vnum, .pages-canvas .box-next .canvas-img .vote-list .swiper-slide .vnum, .box-next .diapop .diacont .vote-list .swiper-slide .vnum, .diapop .box-next .diacont .vote-list .swiper-slide .vnum, .box-next .pop .vote-list .swiper-slide .vnum, .box-next .other-group li .vote-list .swiper-slide .vnum, .other-group .box-next li .vote-list .swiper-slide .vnum, .box-next .gameList dl .vote-list .swiper-slide .vnum, .gameList .box-next dl .vote-list .swiper-slide .vnum { text-align: center; font-size: 0.22rem; color: rgba(var(--comMainFontSecond), 1); line-height: 0.45rem; } .box-next .theme-box .vote-list .swiper-slide .tit, .box-next .pages-canvas .canvas-img .vote-list .swiper-slide .tit, .pages-canvas .box-next .canvas-img .vote-list .swiper-slide .tit, .box-next .diapop .diacont .vote-list .swiper-slide .tit, .diapop .box-next .diacont .vote-list .swiper-slide .tit, .box-next .pop .vote-list .swiper-slide .tit, .box-next .other-group li .vote-list .swiper-slide .tit, .other-group .box-next li .vote-list .swiper-slide .tit, .box-next .gameList dl .vote-list .swiper-slide .tit, .gameList .box-next dl .vote-list .swiper-slide .tit { font-size: 0.32rem; height: 0.8rem; line-height: 0.8rem; text-align: center; overflow: hidden; font-weight: bold; } .box-next .theme-box .vote-list .swiper-slide .img, .box-next .pages-canvas .canvas-img .vote-list .swiper-slide .img, .pages-canvas .box-next .canvas-img .vote-list .swiper-slide .img, .box-next .diapop .diacont .vote-list .swiper-slide .img, .diapop .box-next .diacont .vote-list .swiper-slide .img, .box-next .pop .vote-list .swiper-slide .img, .box-next .other-group li .vote-list .swiper-slide .img, .other-group .box-next li .vote-list .swiper-slide .img, .box-next .gameList dl .vote-list .swiper-slide .img, .gameList .box-next dl .vote-list .swiper-slide .img { height: 1.17rem; background: rgb(var(--comMainFirstBg)); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .box-next .theme-box .vote-list .swiper-slide .img img, .box-next .pages-canvas .canvas-img .vote-list .swiper-slide .img img, .pages-canvas .box-next .canvas-img .vote-list .swiper-slide .img img, .box-next .diapop .diacont .vote-list .swiper-slide .img img, .diapop .box-next .diacont .vote-list .swiper-slide .img img, .box-next .pop .vote-list .swiper-slide .img img, .box-next .other-group li .vote-list .swiper-slide .img img, .other-group .box-next li .vote-list .swiper-slide .img img, .box-next .gameList dl .vote-list .swiper-slide .img img, .gameList .box-next dl .vote-list .swiper-slide .img img { width: 1.12rem; height: 1.12rem; } .swiper-pagination-bullet-active { background: rgb(var(--comMainThirBg)); } .box-partner .theme-box, .box-partner .pages-canvas .canvas-img, .pages-canvas .box-partner .canvas-img, .box-partner .diapop .diacont, .diapop .box-partner .diacont, .box-partner .pop, .box-partner .other-group li, .other-group .box-partner li, .box-partner .gameList dl, .gameList .box-partner dl { padding: 0.4rem 0 0.2rem; margin: 0.2rem auto 0; } .box-partner .swiper-container { width: 100%; height: auto; overflow: hidden; padding-bottom: 0.4rem; } .box-partner .swiper-slide { width: 1.72rem; height: 4.68rem; position: relative; overflow: hidden; } .box-partner .swiper-slide .li { width: 100%; height: 2.34rem; text-align: center; } .box-partner .swiper-slide .li img { width: 0.94rem; height: 0.94rem; border: 0.02rem solid rgba(var(--comborderColor), 1); border-radius: 100%; display: block; margin: 0 auto; } .box-partner .swiper-slide .li .name { height: 0.57rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; font-size: 0.26rem; font-weight: bold; } .footer { height: 1.16rem; background: rgba(var(--comMainBg), 1); text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; line-height: 0.4rem; } .fixNewAnt { position: fixed; bottom: 0.76rem; z-index: 88; right: 0; width: 1rem; } .fixNewAnt.hide .fixSlide { margin-left: 1.2rem; opacity: 0; } .fixNewAnt.hide .fixNaTip { right: 0; opacity: 1; } .fixNewAnt .fixNaTip { width: 1rem; height: 1rem; margin-top: 0.22rem; background: rgba(var(--comborderColor), 1); border-radius: 0.1rem 0 0 0.1rem; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgb(var(--comMainFont)); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; position: absolute; top: 50%; margin-top: -0.5rem; right: -1.1rem; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; } .fixNewAnt .fixNaTip i { width: 0.41rem; height: 0.27rem; background: rgba(var(--comMainFont), 1); -webkit-mask-image: url(../images/ico-docuble.png); mask-image: url(../images/ico-docuble.png); -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; display: block; } .fixNewAnt .fixSlide { width: 1rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; opacity: 1; } .fixNewAnt .fixSlide a { width: 1rem; height: 1rem; margin-top: 0.22rem; background: rgba(var(--comborderColor), 1); border-radius: 0.1rem 0 0 0.1rem; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgb(var(--comMainFont)); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; padding: 0.1rem 0 0; } .fixNewAnt .fixSlide a.a1 i { -webkit-mask-image: url(../images/fico1.png); mask-image: url(../images/fico1.png); } .fixNewAnt .fixSlide a.a2 i { -webkit-mask-image: url(../images/fico2.png); mask-image: url(../images/fico2.png); } .fixNewAnt .fixSlide a.a3 i { -webkit-mask-image: url(../images/fico3.png); mask-image: url(../images/fico3.png); } .fixNewAnt .fixSlide a.a4 i { -webkit-mask-image: url(../images/fico4.png); mask-image: url(../images/fico4.png); } .fixNewAnt .fixSlide a.a5 i { -webkit-mask-image: url(../images/fico5.png); mask-image: url(../images/fico5.png); } .fixNewAnt .fixSlide a.a6 i { -webkit-mask-image: url(../images/fico6.png); mask-image: url(../images/fico6.png); } .fixNewAnt .fixSlide a i { width: 0.6rem; height: 0.6rem; background: rgba(var(--comMainFont), 1); -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; display: block; } .fixNewAnt .fixSlide a span { width: 100%; height: 0.4rem; text-align: center; display: block; font-size: 0.2rem; } .pop { position: relative; padding: 0.2rem 0 0.4rem; width: 7.18rem; } .pop .p-close { width: 0.32rem; height: 0.32rem; border-radius: 100%; overflow: hidden; -webkit-mask-image: url(../images/ico-close.png); mask-image: url(../images/ico-close.png); -webkit-mask-size: 100%; mask-size: 100%; background: rgba(var(--comMainBtnsSecondColor), 1); display: block; line-height: 999; overflow: hidden; position: absolute; top: 0.25rem; right: 0.25rem; } .pop .p-tit { font-size: 0.42rem; padding: 0.25rem 0.5rem; line-height: 0.45rem; color: rgba(var(--comMainBtnsSecondColor), 1); text-align: center; font-weight: bold; } .pop .p-text { padding: 0.15rem 0.6rem; line-height: 0.48rem; font-size: 0.36rem; } .pop .p-reward { width: 100%; text-align: center; padding: 0 0 0.2rem; } .pop .p-reward img { height: 3.56rem; display: inline-block; vertical-align: top; } .pop .p-reward .rname { padding: 0.1rem 0; font-size: 0.36rem; font-weight: bold; } .pop .p-input { padding: 0.3rem 0.3rem 0.1rem; } .pop .p-input input { width: 100%; height: 0.8rem; background: rgba(var(--comMainFont), 1); outline: none; border: none; border-radius: 0.2rem; text-align: center; font-size: 0.36rem; font-weight: bold; color: #333; } .pop .p-how { text-align: center; padding: 0.2rem 0 0.2rem; } .pop .p-how span { color: #66ffff; } .pop .p-btn { text-align: center; padding: 0.2rem 0.3rem 0.1rem; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pop .p-btn a { width: 2.66rem; height: 0.8rem; font-size: 0.36rem; border-radius: 0.4rem; } .pop .p-btn a.i2, .pop .p-btn a.i3 { background: rgba(var(--comMainTipsColor), 1); } .pop .p-btn a.i3 { width: 3.88rem; } .diapop { width: 7.5rem; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; position: relative; } .diapop .dia-close { width: 0.32rem; height: 0.32rem; border-radius: 100%; overflow: hidden; -webkit-mask-image: url(../images/ico-close.png); mask-image: url(../images/ico-close.png); -webkit-mask-size: 100%; mask-size: 100%; background: rgba(var(--comMainBtnsSecondColor), 1); display: block; line-height: 999; overflow: hidden; position: absolute; top: 0.25rem; right: 0.25rem; } .diapop .dia-tit { font-size: 0.36rem; padding: 0.2rem 0.5rem; line-height: 0.4rem; font-weight: bold; text-align: center; } .diapop .dia-tit span, .diapop .dia-tit em { color: rgba(var(--comMainBtnsSecondColor), 1); } .diapop .dia-tit em { font-size: 0.26rem; } .diapop .dia-line { width: 100%; height: 0.01rem; background: rgba(var(--comMainBg), 1); } .diapop .dia-text { font-size: 0.32rem; line-height: 0.42rem; padding: 0.2rem 0; margin-top: 0.1rem; } .diapop .dia-text span { color: rgba(var(--comMainBtnsSecondColor), 1); } .diapop .dia-gifts { padding: 0.18rem 0 0; width: 100%; } .diapop .dia-gifts .t { height: 0.73rem; line-height: 0.73rem; font-size: 0.32rem; font-weight: bold; } .diapop .dia-gifts input { width: 100%; height: 0.83rem; line-height: 0.83rem; border: 0; outline: none; background: rgba(var(--comMainFont), 1); font-size: 0.32rem; color: rgba(0, 0, 0, 0.5); font-weight: bold; padding: 0 0.15rem; } .diapop .diacont { width: 100%; padding: 0.15rem 0.15rem 0.25rem; border-radius: 0.25rem 0.25rem 0 0; position: relative; } .diapop .dia-p-rule { max-height: 5rem; padding: 0 0.2rem; line-height: 0.38rem; } .diapop .dia-btns { text-align: center; padding: 0.2rem 0.3rem 0.1rem; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .diapop .dia-btns a { width: 2.66rem; height: 0.8rem; font-size: 0.36rem; border-radius: 0.4rem; } .diapop .dia-btns a.i2, .diapop .dia-btns a.i3 { background: rgba(var(--comMainTipsColor), 1); } .diapop .dia-btns a.i3 { width: 3.88rem; } .diapop .dia-tips { width: 100%; line-height: 0.42rem; max-height: 2.1rem; overflow: hidden; overflow-y: auto; color: rgba(var(--comMainFontSecond), 1); margin-top: 0.25rem; } .diapop .dia-tips span { color: rgba(var(--comMainFont)); font-weight: bold; } .diapop .dia-tips a { color: rgba(var(--comMainBtnsSecondColor), 1); text-decoration: underline; } .diapop .dia-search { height: 0.8rem; border-radius: 0.1rem; background: rgba(var(--comMainFont), 1); position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0.2rem; margin: 0.24rem 0.18rem 0; } .diapop .dia-search i { width: 0.28rem; height: 0.29rem; display: block; -webkit-mask-image: url(../images/ico-search.png); mask-image: url(../images/ico-search.png); -webkit-mask-size: 100%; mask-size: 100%; background: #a6a6a6; } .diapop .dia-search input { width: 100%; height: 0.8rem; background: none; border: 0; outline: none; position: absolute; top: 0; left: 0; z-index: 5; font-size: 0.36rem; text-indent: 0.6rem; color: #7f7f7f; } .diapop .dia-game-list { width: 100%; margin-top: 0.38rem; margin-bottom: 0.15rem; max-height: 6rem; overflow: hidden; padding: 0 0.18rem; } .diapop .dia-game-list li { height: 1.9rem; border-radius: 0.1rem; background: rgba(var(--comMainBg), 1); margin-bottom: 0.38rem; padding: 0.23rem 0.12rem 0; } .diapop .dia-game-list li:nth-last-child(1) { margin-bottom: 0; } .diapop .dia-game-list li .lihead { height: 1.05rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .diapop .dia-game-list li .lihead .icon { width: 1.05rem; height: 1.05rem; border-radius: 0.25rem; overflow: hidden; } .diapop .dia-game-list li .lihead .icon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .diapop .dia-game-list li .lihead .pubtn, .diapop .dia-game-list li .lihead .bind-tab .iChange, .diapop .bind-tab .dia-game-list li .lihead .iChange, .diapop .dia-game-list li .lihead .bind-tab .gobind, .diapop .bind-tab .dia-game-list li .lihead .gobind, .diapop .dia-game-list li .lihead .pop .p-btn a, .pop .p-btn .diapop .dia-game-list li .lihead a, .diapop .dia-game-list li .lihead .dia-btns a, .diapop .dia-btns .dia-game-list li .lihead a { width: 1.85rem; height: 0.6rem; border-radius: 0.3rem; font-size: 0.36rem; } .diapop .dia-game-list li .lihead .cont { width: 3.4rem; margin-left: 0.18rem; } .diapop .dia-game-list li .lihead .cont .tit { font-size: 0.36rem; font-weight: bold; height: 0.5rem; line-height: 0.5rem; overflow: hidden; } .diapop .dia-game-list li .lihead .cont .tags span { height: 0.34rem; line-height: 0.34rem; padding: 0 0.08rem; margin-right: 0.08rem; -webkit-box-shadow: 0 0 0 0.01rem rgba(var(--comMainBtnsSecondColor), 1) inset; box-shadow: 0 0 0 0.01rem rgba(var(--comMainBtnsSecondColor), 1) inset; font-size: 0.2rem; color: rgba(var(--comMainBtnsSecondColor), 1); overflow: hidden; } .diapop .dia-game-list li .libot { color: rgba(var(--comMainFontSecond), 1); padding: 0.15rem 0 0; height: 0.5rem; line-height: 0.35rem; overflow: hidden; } .diapop .bind-tab { width: 100%; border-radius: 0.15rem; overflow: hidden; } .diapop .bind-tab dl { width: 2rem; } .diapop .bind-tab dl dt { width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 0.3rem; } .diapop .bind-tab dl dd { font-size: 0.22rem; color: rgba(var(--comMainFontSecond), 1); font-weight: normal; } .diapop .bind-tab th { width: 2.5rem; } .diapop .bind-tab td, .diapop .bind-tab th { background: rgba(var(--comMainFirstBg), 1); border: 0.02rem solid rgba(var(--comMainSecondBg), 1); height: 0.77rem; padding: 0.15rem; } .diapop .bind-tab thead td, .diapop .bind-tab thead th { font-size: 0.32rem; line-height: 0.3rem; text-align: center; } .diapop .bind-tab .bindinfo { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .diapop .bind-tab .bindinfo p { width: 3rem; line-height: 0.35rem; } .diapop .bind-tab .iChange, .diapop .bind-tab .gobind { margin: 0; } .diapop .bind-tab .ppcopy { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .diapop .bind-tab .ppcopy a { color: rgba(var(--comMainBtnsSecondColor), 1); text-decoration: underline; margin-left: 0.1rem; } .diapop .bind-tab .ppcopy p { width: 2.65rem; white-space: wrap; word-break: break-all; } .diapop .bind-tab .pplink { color: rgba(var(--comMainBtnsSecondColor), 1); text-decoration: underline; } .diapop .reward-tab { max-height: 5rem; } .diapop .reward-tab th, .diapop .reward-tab td { text-align: left; } .diapop .btn-address { height: 0.35rem; line-height: 0.35rem; border-radius: 0 0.18rem 0.18rem 0; background: rgba(var(--comMainFirstBg), 1); float: left; color: rgba(var(--comMainFont), 1); font-size: 0.26rem; font-weight: normal; margin-left: -0.15rem; padding: 0 0.1rem; margin-top: 0.05rem; } .diapop .dia-hd { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0.25rem 0; } .diapop .dia-hd a { width: 1.94rem; height: 0.6rem; border-radius: 0.1rem; border: 0.02rem solid rgba(var(--comMainBtnsSecondColor), 1); display: block; text-align: center; line-height: 0.6rem; font-size: 0.32rem; color: rgba(var(--comMainBtnsSecondColor), 1); font-weight: bold; margin-right: 0.28rem; } .diapop .dia-hd a.on { background: rgb(var(--comMainBtnsSecondColor)); color: rgba(var(--comMainBg), 1); } .diapop .shd { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0.15rem 0; } .diapop .shd a { display: block; text-align: center; line-height: 0.6rem; color: rgba(var(--comMainFontSecond), 1); margin-right: 0.8rem; font-weight: bold; position: relative; } .diapop .shd a.on { color: rgba(var(--comMainBtnsSecondColor), 1); } .diapop .shd a.on:after { width: 0.52rem; height: 0.04rem; background: rgba(var(--comMainBtnsSecondColor), 1); content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: 0; } .diapop .sbd-list { display: none; max-height: 5rem; } .diapop .sbd-list li { width: 100%; height: 1rem; margin-bottom: 0.13rem; border-radius: 0.1rem; background: rgba(var(--comMainBg), 1); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0.18rem; } .diapop .sbd-list li:nth-last-child(1) { margin-bottom: 0; } .diapop .sbd-list li .sbd-cont { width: 6.3rem; } .diapop .sbd-list li .sbd-cont p { padding: 0.05rem 0; } .diapop .sbd-list li .sbd-cont p.ins { font-size: 0.22rem; color: rgba(var(--comMainFontSecond), 1); } .diapop .sbd-list li .sbd-num { width: 0.5rem; text-align: center; font-weight: bold; font-size: 0.32rem; } .diapop .change-box { width: 100%; padding: 0.15rem 0; } .diapop .change-box .tit { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.15rem 0; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .diapop .change-box .tit .name { font-size: 0.32rem; font-weight: bold; line-height: 0.4rem; } .diapop .change-box .tit .pubtn, .diapop .change-box .tit .pop .p-btn a, .pop .p-btn .diapop .change-box .tit a, .diapop .change-box .tit .dia-btns a, .diapop .dia-btns .change-box .tit a, .diapop .change-box .tit .bind-tab .iChange, .diapop .bind-tab .change-box .tit .iChange, .diapop .change-box .tit .bind-tab .gobind, .diapop .bind-tab .change-box .tit .gobind { width: 1.86rem; margin: 0; } .diapop .change-box .list { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0.1rem; } .diapop .change-box .list li { width: 3.5rem; height: 3.85rem; } .diapop .change-box .list li .pubtn, .diapop .change-box .list li .pop .p-btn a, .pop .p-btn .diapop .change-box .list li a, .diapop .change-box .list li .dia-btns a, .diapop .dia-btns .change-box .list li a, .diapop .change-box .list li .bind-tab .iChange, .diapop .bind-tab .change-box .list li .iChange, .diapop .change-box .list li .bind-tab .gobind, .diapop .bind-tab .change-box .list li .gobind { width: 100%; height: 0.8rem; font-size: 0.36rem; border-radius: 0.4rem; margin-top: 0.3rem; } .diapop .change-box .list li .img { width: 3.46rem; height: 1.95rem; border-radius: 0.15rem; overflow: hidden; } .diapop .change-box .list li .img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .diapop .change-box .list li .name { height: 0.74rem; line-height: 0.37rem; overflow: hidden; margin-top: 0.1rem; } .diapop .dia-bd { padding: 0.13rem 0 0; } .diapop .dia-bd .dia-bd-list { display: none; } .diapop .dia-bd .text { height: 0.5rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background: rgb(var(--comMainBg)); border-radius: 0.1rem; padding: 0 0.2rem; } .diapop .dia-bd .text span { color: rgb(var(--comMainBtnsSecondColor)); } .diapop .dia-bd .dia-task { width: 100%; } .diapop .dia-bd .dia-task li { height: 1.5rem; border-bottom: 0.02rem solid rgba(var(--comMainBg), 1); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0.2rem; } .diapop .dia-bd .dia-task li .taskcont { width: 5.5rem; } .diapop .dia-bd .dia-task li .taskcont .tit { font-size: 0.32rem; font-weight: bold; height: 0.45rem; line-height: 0.45rem; overflow: hidden; } .diapop .dia-bd .dia-task li .taskcont .ins { color: rgba(var(--comMainFontSecond), 1); font-size: 0.26rem; height: 0.45rem; line-height: 0.45rem; } .diapop .dia-bd .dia-task li .taskcont .ins span { color: rgba(var(--comMainBtnsSecondColor), 1); } .diapop .dia-bd .dia-task li .icon { width: 0.68rem; height: 0.68rem; -webkit-mask-size: 100%; mask-size: 100%; display: block; margin-right: 0.15rem; background: rgba(var(--comMainBtnsSecondColor), 1); } .diapop .dia-bd .dia-task li .icon.icon1 { -webkit-mask-image: url(../images/ico-task1.png); mask-image: url(../images/ico-task1.png); } .diapop .dia-bd .dia-task li .icon.icon2 { -webkit-mask-image: url(../images/ico-task2.png); mask-image: url(../images/ico-task2.png); } .kbrole { margin: 0 0.5rem; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .kbrole .rimg { width: 1.34rem; margin-left: 0.15rem; } .kbrole .rtext { width: 3.88rem; height: 0.85rem; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0 0.3rem 0 0.15rem; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; } .kbrole .rtext span { color: rgba(var(--comMainBg), 1); font-size: 0.26rem; line-height: 0.32rem; } .kbrole .rtext:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .pimg { width: 2.18rem; height: 2.18rem; display: block; overflow: hidden; margin: 0.2rem auto; border-radius: 0.2rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(var(--comMainBg), 0.3); padding: 0.15rem; } .pimg img { max-width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover; } .scrollStyle, .fixStateCatalog .fix-container, .box1 .theme-box .indexText, .box1 .pages-canvas .canvas-img .indexText, .pages-canvas .box1 .canvas-img .indexText, .box1 .other-group li .indexText, .other-group .box1 li .indexText, .box1 .gameList dl .indexText, .gameList .box1 dl .indexText, .box1 .pop .indexText, .box1 .diapop .diacont .indexText, .diapop .box1 .diacont .indexText, .diapop .dia-p-rule, .diapop .dia-tips, .diapop .dia-game-list, .diapop .reward-tab, .diapop .sbd-list { overflow: hidden; overflow-y: auto; /*滚动条整体样式*/ /*滚动条滑块*/ /*滚动条轨道*/ } .scrollStyle::-webkit-scrollbar, .fixStateCatalog .fix-container::-webkit-scrollbar, .box1 .theme-box .indexText::-webkit-scrollbar, .box1 .pages-canvas .canvas-img .indexText::-webkit-scrollbar, .pages-canvas .box1 .canvas-img .indexText::-webkit-scrollbar, .box1 .other-group li .indexText::-webkit-scrollbar, .other-group .box1 li .indexText::-webkit-scrollbar, .box1 .gameList dl .indexText::-webkit-scrollbar, .gameList .box1 dl .indexText::-webkit-scrollbar, .box1 .pop .indexText::-webkit-scrollbar, .box1 .diapop .diacont .indexText::-webkit-scrollbar, .diapop .box1 .diacont .indexText::-webkit-scrollbar, .diapop .dia-p-rule::-webkit-scrollbar, .diapop .dia-tips::-webkit-scrollbar, .diapop .dia-game-list::-webkit-scrollbar, .diapop .reward-tab::-webkit-scrollbar, .diapop .sbd-list::-webkit-scrollbar { width: 0.08rem; height: 0.08rem; position: relative; border-radius: 0.08rem; } .scrollStyle::-webkit-scrollbar-thumb, .fixStateCatalog .fix-container::-webkit-scrollbar-thumb, .box1 .theme-box .indexText::-webkit-scrollbar-thumb, .box1 .pages-canvas .canvas-img .indexText::-webkit-scrollbar-thumb, .pages-canvas .box1 .canvas-img .indexText::-webkit-scrollbar-thumb, .box1 .other-group li .indexText::-webkit-scrollbar-thumb, .other-group .box1 li .indexText::-webkit-scrollbar-thumb, .box1 .gameList dl .indexText::-webkit-scrollbar-thumb, .gameList .box1 dl .indexText::-webkit-scrollbar-thumb, .box1 .pop .indexText::-webkit-scrollbar-thumb, .box1 .diapop .diacont .indexText::-webkit-scrollbar-thumb, .diapop .box1 .diacont .indexText::-webkit-scrollbar-thumb, .diapop .dia-p-rule::-webkit-scrollbar-thumb, .diapop .dia-tips::-webkit-scrollbar-thumb, .diapop .dia-game-list::-webkit-scrollbar-thumb, .diapop .reward-tab::-webkit-scrollbar-thumb, .diapop .sbd-list::-webkit-scrollbar-thumb { border-radius: 0.07rem; width: 0.08rem; background: rgb(var(--comborderColor)); } .scrollStyle::-webkit-scrollbar-track, .fixStateCatalog .fix-container::-webkit-scrollbar-track, .box1 .theme-box .indexText::-webkit-scrollbar-track, .box1 .pages-canvas .canvas-img .indexText::-webkit-scrollbar-track, .pages-canvas .box1 .canvas-img .indexText::-webkit-scrollbar-track, .box1 .other-group li .indexText::-webkit-scrollbar-track, .other-group .box1 li .indexText::-webkit-scrollbar-track, .box1 .gameList dl .indexText::-webkit-scrollbar-track, .gameList .box1 dl .indexText::-webkit-scrollbar-track, .box1 .pop .indexText::-webkit-scrollbar-track, .box1 .diapop .diacont .indexText::-webkit-scrollbar-track, .diapop .box1 .diacont .indexText::-webkit-scrollbar-track, .diapop .dia-p-rule::-webkit-scrollbar-track, .diapop .dia-tips::-webkit-scrollbar-track, .diapop .dia-game-list::-webkit-scrollbar-track, .diapop .reward-tab::-webkit-scrollbar-track, .diapop .sbd-list::-webkit-scrollbar-track { border-radius: 0.07rem; width: 0.08rem; } .fix-slide-l { position: fixed; left: 0; bottom: 2.5rem; z-index: 99; } .fix-slide-l.fix-slide-l1 { bottom: 0.8rem; } .fix-slide-l.show .fix-one { display: none; } .fix-slide-l.show .fix-second { display: block; } .fix-slide-l .fix-one { width: 1rem; height: 1rem; position: relative; background: rgba(var(--comborderColor), 1); border-radius: 0 0.1rem 0.1rem 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.07rem 0; } .fix-slide-l .fix-one .icon { width: 0.5rem; height: 0.5rem; -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background: rgba(var(--comMainFont), 1); display: block; } .fix-slide-l .fix-one .icon.icon1 { -webkit-mask-image: url(../images/ico-f1.png); mask-image: url(../images/ico-f1.png); } .fix-slide-l .fix-one .icon.icon2 { -webkit-mask-image: url(../images/ico-f2.png); mask-image: url(../images/ico-f2.png); } .fix-slide-l .fix-one .t { font-size: 0.22rem; } .fix-slide-l .fix-one:after { width: 0.22rem; height: 0.5rem; background: url(../images/ico-right.png) center center no-repeat; background-color: rgba(var(--comborderColor), 1); -o-background-size: 0.17rem auto; background-size: 0.17rem auto; position: absolute; right: -0.21rem; top: 50%; margin-top: -0.25rem; content: ""; border-radius: 0 0.1rem 0.1rem 0; } .fix-slide-l .fix-second { display: none; width: 5.52rem; position: relative; } .fix-slide-l .fix-second .fix-cont-top { width: 1.46rem; height: 0.4rem; text-align: center; line-height: 0.4rem; background: rgba(var(--comborderColor), 1); border-radius: 0 0.1rem 0 0; } .fix-slide-l .fix-second .btn-shouqi { width: 0.22rem; height: 0.5rem; background: url(../images/ico-right.png) center center no-repeat; background-color: rgb(var(--comborderColor)); -o-background-size: 0.17rem auto; background-size: 0.17rem auto; position: absolute; right: 0; bottom: 0.25rem; content: ""; border-radius: 0.1rem 0 0 0.1rem; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .fix-slide-l .fix-second .fix-cont { width: 5.32rem; height: 1rem; background: rgba(var(--comborderColor), 1); border-radius: 0 0.1rem 0.1rem 0; position: relative; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .fix-slide-l .fix-second .fix-cont .cont { width: 2.55rem; } .fix-slide-l .fix-second .fix-cont .cont .downtime { font-size: 0.22rem; } .fix-slide-l .fix-second .fix-cont .cont .downtime span { color: rgba(var(--comMainTipsColor), 1); } .fix-slide-l .fix-second .fix-cont .cont .hasyy { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.05rem 0; } .fix-slide-l .fix-second .fix-cont .cont .hasyy .pics { width: 0.66rem; margin-left: 0.16rem; } .fix-slide-l .fix-second .fix-cont .cont .hasyy .pics img { width: 0.32rem; height: 0.32rem; border: 0.02rem solid rgba(var(--comMainFont), 1); border-radius: 100%; margin-left: -0.16rem; } .fix-slide-l .fix-second .fix-cont .cont .hasyy .text { max-width: 1.75rem; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 0.2rem; } .fix-slide-l .fix-second .fix-cont .cont .hasyy .text span { color: rgba(var(--comMainTipsColor), 1); } .fix-slide-l .fix-second .fix-cont .icon { width: 0.82rem; height: 0.95rem; -webkit-mask-size: 0.5rem 0.5rem; mask-size: 0.5rem 0.5rem; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center center; mask-position: center center; background: rgba(var(--comMainFont), 1); display: block; } .fix-slide-l .fix-second .fix-cont .icon.icon1 { -webkit-mask-image: url(../images/ico-f1.png); mask-image: url(../images/ico-f1.png); } .fix-slide-l .fix-second .fix-cont .icon.icon2 { -webkit-mask-image: url(../images/ico-f2.png); mask-image: url(../images/ico-f2.png); } .canvas-demo { width: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: -1; background: rgba(var(--comMainSecondBg), 1); padding: 0.01rem 0.38rem 0.5rem; max-width: 7.5rem; margin: 0 auto; } .canvas-demo .uname { background: url(../images/ctitbg.png) left bottom no-repeat; -o-background-size: auto 0.34rem; background-size: auto 0.34rem; font-size: 0.36rem; font-weight: bold; padding: 0 0 0.15rem 0; margin-top: 0.53rem; } .canvas-demo .pin-ins { width: 100%; background: rgba(var(--comMainBg), 1); border-radius: 0.1rem; padding: 0.35rem 0 0; margin-top: 0.6rem; } .canvas-demo .pin-ins .title { color: rgba(var(--comMainBtnsSecondColor), 1); font-size: 0.48rem; font-weight: bold; line-height: 0.6rem; text-align: center; } .canvas-demo .pin-ins .text { line-height: 0.4rem; padding: 0.3rem 0.28rem; } .canvas-demo .pin-ins .pic { width: 100%; } .canvas-demo .canvas-bot { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.8rem 0 0; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .canvas-demo .canvas-bot .canva-l { width: 4rem; } .canvas-demo .canvas-bot .canva-l img { width: 3.49rem; } .canvas-demo .canvas-bot .canva-l .t { padding: 0.15rem 0 0; color: rgba(var(--comMainFontSecond), 1); } .canvas-demo .canvas-bot .ewm { width: 1.8rem; } .canvas-demo .canvas-head { width: 100%; height: 3.71rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .canvas-demo .canvas-head .uface { width: 3.07rem; height: 3.71rem; background: url(../images/cpicbg1.png) no-repeat; -o-background-size: 100%; background-size: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 0 0 0.2rem 0; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .canvas-demo .canvas-head .uface img { width: 2.61rem; } .canvas-demo .canvas-head .uname1 { width: 3rem; font-size: 0.36rem; font-weight: bold; } .canvas-demo .clist { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.2rem; } .canvas-demo .clist li { width: 20%; margin-bottom: 0.2rem; } .canvas-demo .clist li img { width: 1.07rem; height: 1.07rem; border-radius: 0.1rem; } .fixStateCatalog { width: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; max-width: 7.5rem; z-index: -1; } .fixStateCatalog.show { z-index: 100; } .fixStateCatalog.show .fix-container { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .fixStateCatalog .fix-container { width: 2.72rem; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; border-right: 0.02rem solid rgba(var(--comborderColor), 1); background: rgba(var(--comMainSecondBg), 1); position: relative; z-index: 99; overflow: hidden; overflow-y: auto; -webkit-transform: translate(-110%, 0); -moz-transform: translate(-110%, 0); -ms-transform: translate(-110%, 0); -o-transform: translate(-110%, 0); transform: translate(-110%, 0); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; } .fixStateCatalog .fix-container a { width: 100%; height: 0.8rem; line-height: 0.8rem; display: block; text-align: center; color: rgb(var(--comMainFont)); font-size: 0.32rem; } .pages-canvas { position: fixed; top: 0; left: 0; right: 0; bottom: 0; max-width: 7.5rem; margin: 0 auto; z-index: 100; background: rgba(0, 0, 0, 0.5); padding: 0.3rem 0 2rem 0; } .pages-canvas .canvas-img { width: 6rem; max-height: 100%; overflow: hidden; overflow-y: auto; margin: 0 auto; position: relative; } .pages-canvas .canvas-img .close { width: 0.32rem; height: 0.32rem; -webkit-mask-image: url(../images/ico-close.png); mask-image: url(../images/ico-close.png); -webkit-mask-size: 100%; mask-size: 100%; display: block; position: absolute; top: 0.2rem; right: 0.2rem; background: rgba(var(--comMainBtnsSecondColor), 1); z-index: 1; } .pages-canvas .canvas-img img { width: 100%; } .pages-canvas .canvas-menu { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 0.3rem; left: 0; right: 0; z-index: 5; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: center; } .pages-canvas .canvas-menu a { width: 0.9rem; height: 0.9rem; background: rgba(var(--comborderColor), 1); border-radius: 100%; margin: 0 0.07rem; position: relative; } .pages-canvas .canvas-menu a i { display: inline-block; vertical-align: top; padding: 0 0.15rem; background: rgb(var(--comMainTipsColor)); position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, -150%); -moz-transform: translate(-50%, -150%); -ms-transform: translate(-50%, -150%); -o-transform: translate(-50%, -150%); transform: translate(-50%, -150%); white-space: nowrap; height: 0.34rem; border-radius: 0.17rem; line-height: 0.34rem; font-size: 0.24rem; } .pages-canvas .canvas-menu a i:after { width: 0; height: 0; border-top: 0.1rem solid rgb(var(--comMainTipsColor)); border-left: 0.1rem solid transparent; border-right: 0.1rem solid transparent; content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 90%); -moz-transform: translate(-50%, 90%); -ms-transform: translate(-50%, 90%); -o-transform: translate(-50%, 90%); transform: translate(-50%, 90%); } .video_list { width: 100%; height: 3.68rem; overflow: hidden; } .video_list .video-js { width: 100%; height: 3.68rem; } .video_list video { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .kb-dialog-center { width: 7.14rem; } .diamask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 88; background: rgba(0, 0, 0, 0.5); } .video-1-dimensions { width: 100%; height: 100%; overflow: hidden; } .img_list { position: relative; } .img_list:after { width: 0.94rem; height: 0.94rem; display: block; background: url(../images/ico-play.png) no-repeat; -o-background-size: 100%; background-size: 100%; content: ""; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; z-index: 10; } .video-js .vjs-big-play-button { background: url(../images/ico-play.png) center center no-repeat; -o-background-size: 0.94rem auto; background-size: 0.94rem auto; } .video-js .vjs-big-play-button span { display: none; } .video-js .vjs-big-play-button { background-color: rgba(0, 0, 0, 0) !important; }