@charset "UTF-8"; /*! xff 20251112*/ /* CSS Document */ body, html, a, img, div, form, select, input, ul, ol, ul, li, h1, h2, h3, h4, h5, h6, dd, dl, dt, p, label, em, span { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } body { position: relative; color: #333; font: 62.5%/1.5 "\5FAE\8F6F\96C5\9ED1"; max-width: 7.5rem; overflow-x: hidden; } ul, ol, li { list-style: none; } a { text-decoration: none; color: #333; } * { -webkit-tap-highlight-color: rgba(255, 0, 0, 0); -webkit-appearance: none; } img { border: 0px; vertical-align: top; width: 100%; } table { border-collapse: collapse; border-spacing: 0; } em, i { font-style: normal; } .cf { *zoom: 1; } .cf:after { content: ''; display: block; height: 0; clear: both; } .fl { float: left; } .fr { float: right; } input, textarea { outline: none; } input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; } input { vertical-align: middle; border-radius: 5px; font-size: inherit; -webkit-border-radius: 5px; -moz-border-radius: 5px; cursor: pointer; } .lh { line-height: 99; overflow: hidden; } .noclick { pointer-events: none; } .hidden { display: none !important; } .wp { width: 100%; position: relative; overflow: hidden; } @font-face { font-family: "NumFontBlod"; src: url("data:font/ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwRFNJRwAAAAEAAAnYAAAACE9TLzJoBpD+AAAGYAAAAGBjbWFwTMrb2QAABsAAAABcZ2x5ZhMbEu4AAAC8AAAEzGhlYWQkQ3G4AAAFyAAAADZoaGVhBO4CNgAABjwAAAAkaG10eBn7AoQAAAYAAAAAPGxvY2EHHghgAAAFqAAAACBtYXhwAH8AXgAABYgAAAAgbmFtZVAo3HAAAAccAAACdHBvc3Q6uaBIAAAJkAAAAEgAAQAoAAAAoQB5AAsAAHI1NTQzMzIVFRQjIygRVxERVxFXERFXEQAAAAIAMgAAAc8C3QATACMAAHImJjURNDY2MzMyFhYVERQGBiMjJhYzMzI2NRE0JiMjIgYVEbpWMjJWMyczVjIyVjMnQyseGh4rKx4aHisyVjMBZzNWMjJWM/6ZM1YynSoqHwFnHisrHv6ZAAAAAAEAPAAAARICzwAHAABTBzU3NTMRI5ldXXl5AlUzeTMB/TEAAAEARgAAAeEC3QAeAAB3ATY1NCYjIyIGFRUjNTQ2NjMzMhYWFRQGBxUHMxUhTAD/HC8iByIveDZcNwc3XDYbGsf+/mt6AUUnLyEwMCEWFjZcNjZcNitRIgH+eAAAAQAtAAAB4ALcADwAAHImJjU1MxUUFjMzMjY1NTQmIyM1MzI2NTU0JiMjIgYVFSM1NDY2MzMyFhYXFRYGBwYHFhcWFhcXFAYGIyO8WjV1LyAqIS87KR8VJjYvIBIhLnU1WjUSM1c2AwEUCx4gLB0MGAEBNVo2KjVaNRISIC8vIAwpO4M2JgUhLi4hCgo1WjUxVDIMFjwSKhAUKBFDGww1WjUAAAABADgAAAIIAs8ADgAAdzMRMxEzFSMVIzUhNRMzuKR1Nzd1/tyxgN4BD/7xbnBwbgHxAAAAAQA0AAABywLPACYAAHImJjU1MxUUFjMyNjU1NCYjIyIGByMRIRUjFTY2MzIWFhUVFAYGI8hdN3M0JSUzMyUJGScGcwFw/QspG0FbLzddNzdeNwEBJTQ0JVglNCAZAYtyiQsQNlw5WDdeNwAAAgAyAAAB2wLQABcAJgAAcicmJjU1NDc2NzczAzYzMhYWFRUUBgYjJhYzMjY1NTQmIyIGBwYVzTMvOQYPNIWEmRIKOmE5OWE6YzopKTk5KSE1CQQeHGE5HhgYalrq/vQCOWE6HjphOaw6OigeKTkpHyQUAAABADwAAAHcAsQABgAAQSE1IRUDIwFT/ukBoOaGAkp6c/2vAAADADYAAAHlAt0AIgAwAD4AAHImJyYmNTU0Njc3JjU1NDY2MzIWFhUVFAcXFhYVFRQGBwYjJhYzMjY1NTQmIyIGFRUSFjMyNjU1NCYjIgYVFeFPHR8gIB8LNzVZNTZbNTgMHiEhHkFZZDoqKj09Kio6EzAhIzExIyEwIR4fTisNK08eCzpOCjVaNTVaNQpOOgseTysNK04fP607PCkNKjw8Kg0BFjAwIgohMTEhCgAAAAIALwAAAdgC3QAWACUAAEAjIiYmNTU0NjYzMhYWFRUUBwYHByMTJhYzMjY3NjU0JiMiBhUVAQ0KOmE5OWE6OmE6Bg80jYOgfjooITUJBDopKDoBFzlhOh46YTk5YToeGBhqWvcBGao6KR8kFCg6OSkeAAAAAQAyASkAqwGiAAsAAFI1NTQzMzIVFRQjIzIRVxERVwEpEVcREVcRAAEACgABAbIBlAAuAABSBwcGBhUUFxcWBwcGFjMyNzc2MzIXFxYzMjYnJzU0Nzc2NTQmJycmJycmIyIHB5kKdAcKBlkIAxkCCwkGBGMEBgcDYwUFCAwBGgVZBgoIcwkILQQNDQQvARQBCwEKBwgGTgYLcQkOAzwCAjwDDglxBAgFTgYHCAoBCwEMaQsLaQAAAAEAAAAPAD8AAwAAAAAAAQACAB4ABgAAAGQAAAAAAAAAAAAAAAAAFABKAFwAigDcAPYBLAFmAXgB0AIKAh4CZgABAAAAAQAAJhMdwl8PPPUAAwPoAAAAAOGNj0YAAAAA4Y2esQAKAAACCALdAAAABwACAAAAAAAAAlgAAADIAAAAqwAoAgEAMgFOADwCFgBGAgYALQI0ADgB/QA0AgkAMgHwADwCFgA2AewALwDdADIBvAAKAAEAAALk/8QAAAJYAAAACgIIAAEAAAAAAAAAAAAAAAAAAAAPAAQBuwK8AAcACAKKAlgAAABLAooCWAAAAV4AHwEYAAAAAAAAAAAAAAAAAAAAAgiBAAAAAAAAAAAAAFVLV04AwAAgJgUC5P/EAAADnAC8AAQAAQAAAAACFAKbAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABABIAAAADgAIAAIABgAgAC4AOQCgALcmBf//AAAAIAAuADAAoAC3JgX////h/9T/0/9h/1baCQABAAAAAAAAAAAAAAAAAAAAAAARANIAAQAAAAAAAQAPAAAAAQAAAAAAAgAHAA8AAQAAAAAABAAPAAAAAQAAAAAABQANABYAAQAAAAAABgAPACMAAwABBAkAAABiADIAAwABBAkAAQAeAJQAAwABBAkAAgAOALIAAwABBAkAAwA0AMAAAwABBAkABAAeAJQAAwABBAkABQAaAPQAAwABBAkABgAeAQ4AAwABBAkABwAiASwAAwABBAkAEAAUAU4AAwABBAkAEQAIAWIAAwABCAQAAAA0AWoAAwABCAQAEQAEAZ5LQmFvTnVtYmVyIEJsb2RSZWd1bGFyVmVyc2lvbiAxLjAwMEtCYW9OdW1iZXItQmxvZABDAG8AcAB5AHIAaQBnAGgAdAAoAGMAKQAgADIAMAAyADMAIABLAEIAYQBvAE4AdQBtAGIAZQByACAAQQBsAGwAIAByAGkAZwBoAHQAcwAgAHIAZQBzAGUAcgB2AGUAZAAuAEsAQgBhAG8ATgB1AG0AYgBlAHIAIABCAGwAbwBkAFIAZQBnAHUAbABhAHIAMQAuADAAMAAwADsAVQBLAFcATgA7AEsAQgBhAG8ATgB1AG0AYgBlAHIALQBCAGwAbwBkAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAwADAASwBCAGEAbwBOAHUAbQBiAGUAcgAtAEIAbABvAGQAQgB5ACAASwBCAGEAbwBOAHUAbQBiAGUAcgAuAGMAbwBtAEsAQgBhAG8ATgB1AG0AYgBlAHIAQgBsAG8AZHJIZ0MAKABjACkAIAAyADAAMgAzACBcXgBLAEIAYQBvAE4AdQBtAGIAZQByYkBnCQAuACBSoHyXAAIAAAAAAAD/xAAfAAAAAAAAAAAAAAAAAAAAAAAAAAAADwAAAAMAEQATABQAFQAWABcAGAAZABoAGwAcAMMBAgd1bmkyNjA1AAAAAQAAAAA=") format("truetype"), url("data:font/otf;charset=utf-8;base64,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IHJlc2VydmVkLktCYW9OdW1iZXIgQmxvZEtCYW9OdW1iZXIgQmxvZAAAAAABAA8AEQASABMAFAAVABYAFwAYABkAGgByAYcADwIAAQADAAYADgICAhoDJgXYBgoH2wmvCcsMvw6tDrYQm/YO+7kO+9aznBUgCg6f9yOkFf8AHKqr///vVVX/AB9VVf//96qrrYsIsgati/8AH1VV/wAIVVX/AByqq/8AEKqr/wAcqqv/ABCqq/8AFqqq/wAWqqr/ABCqq/8AHKqr/wAQqqv/AByqq/8ACFVV/wAfVVWLrQj3+weLrf//96qr/wAfVVX//+9VVf8AHKqr///vVVX/AByqq///6VVW/wAWqqr//+NVVf8AEKqr///jVVX/ABCqq///4Kqr/wAIVVVpiwhkBmmL///gqqv///eqq///41VV///vVVX//+NVVf//71VV///pVVb//+lVVv//71VV///jVVX//+9VVf//41VV///3qqv//+Cqq4tpCPv7B4tp/wAIVVX//+Cqq/8AEKqr///jVVX/ABCqq///41VV/wAWqqr//+lVVv8AHKqr///vVVUI/wAwgAD3AxX///Gqq5n///jVVf8AEVVVi/8AFKqrCPf7B4uf/wAHKqv/ABEqq/8ADlVV/wAOVVX/AA5VVf8ADlVV/wARKqv/AAcqq5+LCKUGn4v/ABEqq///+NVV/wAOVVX///Gqq/8ADlVV///xqqv/AAcqq///7tVVi3cI+/sHi///61VV///41VX//+6qq///8aqrff//8aqrff//7tVVhHeLCHEGd4v//+7VVZL///Gqq5kIDvsz9y346RX86fcN+WP7DYoHLliL+w0FDtf3DhX7Dvgp9wz7kgf3W/eSi4wF/wARVVX/ABaqq/8ADSqr/wAY1VWUppSm/wAEgAD/ABvVVYv/AByqq4uvgv8AIVVVef8AHqqref8AHqqr///nqqv/ABhVVf//4VVVnf//4VVVnf//3lVWlP//21VViwiEBv//21VVi///3lVWgv//4VVVef//4VVVef//56qr///nqqt5///hVVV5///hVVWC///eqquLZwh19wyhB4uh/wAH1VWe/wAPqqub/wAPqqub/wATKqqT/wAWqquLCJIG/wAWqquL/wATKqqD/wAPqqt7/wAPqqt7/wAH1VV4i3WL///gqqv///aqq///41VV///tVVVxCA6k9yP/ABqAABWp///uVVX/ACCqq///9yqr/wAjVVWLCLUGr4us/wAI1VWp/wARqqup/wARqqv/ABfVVf8AF9VV/wARqqup/wARqqup/wAI1VX/ACCqq4v/ACNVVQiKlwX///9VVZ3///uqq/8AFCqrg/8AFlVVg/8AFlVVg/8AENVWg/8AC1VV///sqqv/ABqqq///56qqn///4qqr/wANVVX/ABVVVf8ACqqr/wAUqqv/ABNVVZ+n/wAHVVWXkpv/AAaqq5//AAaqq5+O/wARVVX///9VVf8ADqqrCJcHif8AIVVVgf8AHqqread5p///6IAA/wAWKqtu/wAQVVVu/wAQVVX//+CAAP8ACCqraYsIeQb//9yqq4v//99VVf//9yqrbf//7lVVbf//7lVV///oKqv//+gqq///7lVVbf//7lVVbf//9yqr///fVVWL///cqqsIgfcJlQeLof8AB6qr/wASqqv/AA9VVf8AD1VV/wAPVVX/AA9VVf8AEqqr/wAHqquhiwidBv8AFVVVi/8AEoAA///4VVX/AA+qq///8Kqr/wAPqqv///Cqq/8AB9VV///tVVWLdQiGB4v//+aqq4L//+pVVXl5eXn//+pVVYL//+aqq4sIdvsXqgb/ABtVVYv/ABeAAP//9iqr/wATqqv//+xVVf8AE6qr///sVVX/AAnVVf//6IAAi///5KqrCH8Hi///6qqr///4Kqv//+2AAP//8FVV///wVVX///BVVf//8FVV///tKqv///gqq3WLCGEG///qqquL///tgAD/AAfVVf//8FVV/wAPqqv///BVVf8AD6qr///4Kqv/ABKAAIv/ABVVVQid+wl5B4v//9yqq/8ACNVV///fVVX/ABGqq23/ABGqq23/ABfVVf//6Cqrqf//7lVVCA7S90z3chX3RfiF+xSL+0X8hYv7Ave4i4v7BPcJi4v3BMKLi/cCVIuL96P7CYuL+6MFDpv/AJmAAP8AG4AAFar//+2qq/8AIiqr///21VX/ACVVVYv/ACSqq4v/ACHVVf8ACSqrqv8AElVVqv8AElVV/wAYqqv/ABjVVv8AElVV/wAfVVX/ABJVVf8AH1VV/wAJKquti/8AJKqrCOMHi7H///gqq/8AIlVV///wVVX/AB6qq///8FVV/wAeqqt0/wAYVVX//+Gqq53//+Gqq53//9sqqpT//9Sqq4t5i///8Cqr///9VVX///JVVf//+qqr///yVVX///qqq///9YAA///5qqr///iqq///+KqrCPcd95H3BvwE/B/3BweP/wAQqqv/AAiAAP8ADaqqmP8ACqqrmP8ACqqr/wAO1VX/AAVVVf8AEKqriwiUBv8AGKqri/8AFNVV///3VVWc///uqquc///uqqv/AAiAAHaL///nVVUIMweL///nVVX///eAAHZ6///uqqt6///uqqv//+sqq///91VV///nVVWL///nVVWLdv8ACKqr///uqqv/ABFVVf//7qqr/wARVVX///dVVaCL/wAYqqsIjPsHigeL///bVVX/AAkqq2n/ABJVVf//4Kqr/wASVVX//+Cqq/8AGKqr///nKqqq///tqqsIDqf3LqkVrXf/ACRVVYH/ACaqq4v/ACaqq4v/ACOAAP8ACYAA/wAgVVWe/wAgVVWe/wAZqqv/ABmqq57/ACBVVZ7/ACBVVf8ACYAA/wAjgACL/wAmqqsIqQeL/wAmqqv///aAAP8AI4AAeP8AIFVVeP8AIFVV///mVVX/ABmqq///36qrnv//36qrnv//3IAA/wAJgAD//9lVVYv///lVVYv///aqq////1VVf////qqrCPct96D7GIv7Gft+Bf//3VVVT///6aqr//++qquB//+5VVWHe4l7i3sIbQeLZf8ACYAA///c1VWe///fqque///fqqv/ABkqq///5oAA/wAfVVX//+1VVQiy9wUV///sqqv/ABNVVf//9lVVoov/ABqqq4v/AA1VVf8AAVVV/wASqqv/AAKqq6OR/wAUqqv/AAvVVf8AESqq/wARqqv/AA2qq/8AEaqr/wANqqv/ABPVVf8ABtVVoYv/ABtVVYv/ABcqq///9oAAnnieeP8ACYAA///o1VWL///kqqsIbQeL///lVVX///aAAHR4///sqqt4///sqqv//+jVVf//9lVV///kqquL///kqquL///oqqr/AAmqq///7Kqr/wATVVUIDo735/jeFft3/N73Gov3evjli/cH/DSLi/sOBQ7/ALmAAP8AEIAAFf8AGlVVgP8AG4AA///6gAD/AByqq4v/ADtVVYv/ADNVVqD/ACtVVbWf/wAUqqv/AA+AAP8AF1VVlqWWpf8ABYAA/wAbVVWL/wAcqqsImAeL/wAcqqv///qAAP8AG4AAgP8AGlVVgP8AGlVV///wgAD/ABcqq3efCH+WBf8AJVVV/wAmqqv/ABKqq/8ALVVVi78IlQeL/wAjVVX///cqq/8AIKqr///uVVWp///uVVWpc/8AF9VV///hqqv/ABGqq///4aqr/wARqqv//97VVf8ACNVVZ4v//9yqq4v//9+AAP//9yqr///iVVX//+5VVf//4lVV///uVVX//+hVVv//6Cqr///uVVVt///uVVVt///3Kqv//99VVYv//9yqqwiBB4tX/wASVVX//9Kqq/8AJKqr///ZVVUIgIAF///rVVV3///wVVb//+jVVf//9VVV///lqqv///VVVf//5aqr///6qqv//+SAAIv//+NVVQh+B4v//+NVVf8ABVVV///kqqv/AAqqq3H/AAqqq3H/AA+qqv//6Kqr/wAUqqv//+tVVf8AE1VVd/8AFtVW///wgAD/ABpVVYAI/wALgAD3ExX//+yqq/8AE6qr///2VVX/ABfVVYunCJgHi6f/AAmqq6P/ABNVVZ//ABNVVZ//ABeqq5Wni6eL/wAYKquB/wAUVVV3/wAUVVV3/wAKKqtzi28IfgeL///kqqv///XVVf//6FVV///rqqt3///rqqt3///n1VWBb4tvi///6FVV/wAJ1VX//+yqq/8AE6qrCJn/AUWAABV7m4P/ABNVVYv/ABaqqwiVB4uhk/8AEyqrm/8AEFVVm/8AEFVVnv8ACCqroYv/ABdVVYv/ABPVVv//99VV/wAQVVX//++qq/8AEFVV///vqqv/AAgqq///7NVVi3UIgQeL///pVVX///fVVf//7Kqr///vqqt7///vqqt7///sKqqD///oqquLdYt4k3ubCA6K95f3qxX/AAaqq4v/AAlVVf8AAKqrl/8AAVVVCPs0+633F4v3IfeLBf8AIqqrx/8AFlVV/wBBVVWV/wBGqquPm42bi5sIqQeL/wAmqqv///ZVVf8AI4AA///sqqv/ACBVVf//7Kqr/wAgVVX//+Yqqv8AGaqr///fqque///fqque///cgAD/AAmAAP//2VVVi///2VVVi///3IAA///2gAD//9+qq3j//9+qq3j//+ZVVf//5lVVeP//36qreP//36qr///2gAD//9yAAIv//9lVVQhtB4v//9lVVf8ACYAA///cgACe///fqque///fqqv/ABmqq///5lVV/wAgVVV4/wAgVVV4/wAjgAD///aAAP8AJqqriwhG9yMV///sqqv/ABNVVf//9lVVoov/ABqqqwipB4v/ABtVVf8ACaqr/wAXKqv/ABNVVZ7/ABNVVZ6i/wAJgAD/ABqqq4v/ABtVVYv/ABdVVv//9lVV/wATVVX//+yqq/8AE1VV///sqqv/AAmqq3SL///lVVWL///yqqv///6qq///7VVV///9VVVzhf//61VV///0Kqv//+7VVv//7lVV///yVVUI///uVVX///JVVf//7Cqr///5Kqt1i///5VVVi3T/AAmqq///7Kqr/wATVVUIDvukvffOFSAKDlr3I/enFf8ABqqr/wAAqquQ/wAEVVX/AANVVZMIuvQF/wACqqv/AAdVVf8ABaqq/wADqqv/AAiqq4v/AAiqq4v/AAWqqv///FVV/wACqqv///iqqwi4IgX/AAVVVYP/AAWqq///+6qrkf///1VVCPcHgAX/AAVVVf///1VV/wAEVVaJ/wADVVX///yqq/8AA1VV///8qqv/AAGqq///+6qqi///+qqri///+1VVif//+6qrh4cIMj0F///8qqv///yqq////lVV///7qqqL///6qqsIi4el+wUF/wAAqquF///+VVX///qqq4f///tVVYf///tVVf//+1VV///9qqv///qqq4v///yqq4v///yqqoz///yqq40IKMcFif8AAVVV///8qqv/AACqq///+1VVi4eL///8qqv///9VVf///VVV///+qqsIKE8F///9VVWJ///8qquKh4uFi///+yqr/wACVVX///xVVf8ABKqr///8VVX/AASqq////tVW/wAFVVX/AAFVVZEIpPcFBY3/AAdVVf///lVV/wAFqqv///qqq48IMtkFh4+J/wAEqquL/wAFVVWL/wAEqqv/AAGqq4//AANVVf8AA1VV/wADVVX/AANVVY+N/wAEqqv/AACqqwgO+KoU+IEVd5/5Y5kGlgwKjAwOHAAWEwABAQFc///0qqv/AAWqq///+lVV/wALVVUe4gb/AAtVVf8ABaqr/wAFqqv/AAtVVR/iB/8AC1VV///6VVX/AAWqq///9KqrHjQG///0qqv///pVVf//+lVV///0qqsfCwAAAAEAAAAMAAAAFgAAAAIAAQABAA4AAQAEAAAAAgAAAAAAAAABAAAAANre18UAAAAA4Y2PRgAAAADhjZ6xAlgAAADIAAAAqwAoAgEAMgFOADwCFgBGAgYALQI0ADgB/QA0AgkAMgHwADwCFgA2AewALwDdADIBvAAK") format("opentype"); } @font-face { font-family: "NumFont"; src: url("data:font/ttf;charset=utf-8;base64,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") format("truetype"), url("data:font/otf;charset=utf-8;base64,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AFAAWnVuaTI2MDUxLjAwMENvcHlyaWdodChjKSAyMDIzIEtCYW9OdW1iZXIgQWxsIHJpZ2h0cyByZXNlcnZlZC5LQmFvTnVtYmVyIFJlZ3VsYXJLQmFvTnVtYmVyAAAAAAEADwARABIAEwAUABUAFgAXABgAGQAaAHIBhwAPAgABAAIABQANAWUBeAKnBYoFrwdTCVsJdAy3DowOlRB6Dvt5Dvuys5gVIAoO3/fl/wJngAAV///sqque///oVVX/AAmAAG+LCIAGb4v//+iAAP//9oAAeHh4eP//9oAA///o1VWL///kqqsI+/kHi///5Kqr/wAJgAD//+jVVZ54nnj/ABeAAP//9oAAp4sIlgani/8AF6qr/wAJgAD/ABNVVZ7/ABNVVZ7/AAmqq/8AFyqri/8AG1VVCPf5B4v/ABtVVf//9lVV/wAXKqv//+yqq54I//8JgAD8nRV6qP//94AA/wAfgACLrQj3+QeLrf8ACIAA/wAfgACcqJyooqKonKic/wAf1VX/AAiAAP8AIqqriwiWBv8AIqqri/8AH9VV///3gACoeqh6onScbpxu/wAIgAD//+CAAItpCPv5B4tp///3gAD//+CAAHpuem50dG56bnr//+Aqq///94AA///dVVWLCIAG///dVVWL///gKqv/AAiAAG6cbpx0onqoCA4s95wW+WMnByNQiyfzx4v9AAUO9tjjFTP4Kub7twf3cPe7Bf8AEKqrof8ADNVV/wAYVVWU/wAaqquU/wAaqqv/AASAAP8AG1VVi6eL/wAiqqv///dVVav//+6qq/8AHVVV///uqqv/AB1VVf//6IAA/wAXVVb//+JVVf8AEVVV///iVVX/ABFVVf//39VW/wAIqqv//91VVYsIgwb//91VVYv//9/VVv//91VV///iVVX//+6qq///4lVV///uqqv//+iAAP//6Kqq///uqqv//+Kqq///7qqr///iqqv///dVVWuL///dVVUIc+ajB4unlf8AF9VVn/8AE6qrn/8AE6qro/8ACdVVp4sIkwani6P///Yqq5///+xVVZ///+xVVZX//+gqq4tvi///2qqr///0qqv//95VVf//6VVVbQgO1/clphX/AB6qq3n/ACGqqoL/ACSqq4sInwavi/8AISqr/wAIqqv/AB5VVf8AEVVV/wAeVVX/ABFVVf8AGFVW/wAXqqv/ABJVVan/ABJVVan/AAmAAP8AIKqr/wAAqqv/ACNVVQiWB4v/ABSqq////Cqr/wAUqqr///hVVf8AFKqr///4VVX/ABSqq///94AA/wAQVVX///aqq5d//wAOqqv///Sqq5f///VVVf8ACVVV///1VVX/AAlVVX6T///wqqv/AAaqq/8AFVVV/wALVVX/ABRVVv8AE1VW/wATVVX/ABtVVf8ACKqr/wAMqqv/AAcqqv8ADoAA/wAFqqv/ABBVVQj/AAWqq/8AEFVV/wADKqr/ABDVVv8AAKqr/wARVVUIio+MjYuZBf///1VV/wAhVVWC/wAe1Vb//+6qq/8AHFVV///uqqv/ABxVVXT/ABZVVv//41VV/wAQVVX//+NVVf8AEFVVbP8ACCqr///eqquLCHgGaYv//+CAAP//94AAbnpuenR0em56bv//94AA///ggACLaQiA5pYHi/8AG1VV/wAJqqv/ABcqq/8AE1VVnv8AE1VVnqL/AAmAAP8AGqqriwieBv8AG1VVi/8AFyqr///2gACeeJ54/wAJgAD//+jVVYv//+SqqwiGB4v//+FVVf//9Sqr///l1Vb//+pVVf//6lVV///qVVX//+pVVf//5dVW///1Kqv//+FVVYsIdSCrBv8AIKqri6f///RVVf8AF1VV///oqqv/ABdVVf//6Kqr/wALqqtvi///31VVi///4VVV///1VVX//+XVVv//6qqr///qVVX//+qqq///6lVVcf//9Sqr///hVVWLCHcG///hVVWLcf8ACqqr///qqqv/ABVVVf//6qqr/wAVVVX///VVVaWL/wAeqqsIkTCFB4v//9tVVZT//95VVp3//+FVVZ3//+FVVf8AGFVV///nqqv/AB6qq3kIDvcb9/33BRX7Ben3BcztSveuLfuu+1YH90v4kCGL+0v8kIspBQ7b9zb/ABqAABWp///uVVX/ACCqq///9yqr/wAjVVWLr4v/ACEqq/8ACNVV/wAeVVX/ABGqq/8AHlVV/wARqquj/wAX1VX/ABGqq6n/ABGqq6n/AAjVVf8AIKqri/8AI1VVCOgHi/8AI1VV///3Kqv/ACDVVv//7lVV/wAeVVX//+5VVf8AHlVVc6P//+Gqq/8AEaqr///hqqv/ABGqq///3tVV/wAI1VVniwiDBv//4VVVi27///hVVf//5Kqr///wqqsI9zr3qeX8BPwJ7gf/AAdVVf8ADqqr/wAKqquXmf8ACVVVmf8ACVVV/wAPqqv/AASqq/8AEVVViwiTBv8AHVVVi/8AGSqr///1gACgdqB2/wAKgAD//+bVVYv//+KqqwguB4v//+Kqq///9YAAcnb//+tVVXb//+tVVf//5tVV///1qqv//+Kqq4v//+NVVYv//+cqq/8ACoAAdqB2oP//9YAA/wAY1VWL/wAcqqsIjjGIB4v//9yqq/8ACNVV///fVVX/ABGqq23/ABGqq23/ABfVVf//6Cqrqf//7lVVCA7n9zqjFf8AHVVVe/8AH6qrg62Lr4v/ACFVVZT/AB6qq53/AB6qq53/ABhVVf8AGFVVnf8AHqqrnf8AHqqrlP8AIVVVi68IqQeLr4L/ACFVVXn/AB6qq3n/AB6qq///56qr/wAYVVX//+FVVZ3//+FVVZ3//96qq5Rni///7Kqri3r///2qq///8VVV///7VVUIi4z3PPe7JIv7I/uPBf//3VVV///DVVV1S///9qqr//+8qquH///xVVWJ///wqquLewhtB4uH/wAAqqv///lVVf8AAVVV///2qqv/AANVVf//3qqr/wAK1Vb//+Gqqv8AElVV///kqqv/ABJVVf//5Kqr/wAX1Vb//+pVVf8AHVVVewiY/wBmgAAV///sqqug///2VVX/ABiAAIuni/8ADVVV/wABVVX/ABNVVv8AAqqr/wAZVVX/AAaqq6P/AA0qqv8AE6qr/wATqqv/AA9VVf8AE6qr/wAPVVX/ABaAAP8AB6qr/wAZVVWL/wAeqquLpf//9Sqr/wAVVVX//+pVVf8AFVVV///qVVX/AAqqq///5iqri20IbQeL///hVVX///VVVXH//+qqq///6qqr///qqqv//+qqq3H///VVVf//4VVVi///+qqri4f/AABVVf///VVV/wAAqqv//+Sqq/8AAqqr///oqqr/AAvVVf//7KqroAgOuPf2+P0V+3/8/fCL9374+4vo/B6LizAFDvT3Nv8AHIAAFat4rv//9oAAsYuxi/8AIyqr/wAJVVX/ACBVVf8AEqqr/wAgVVX/ABKqq/8AGYAA/wAZgAD/ABKqq/8AIFVV/wASqqv/ACBVVf8ACVVV/wAjKquLsQiYB4v/ACFVVf//+FVV/wAfgAD///Cqq/8AHaqr///wqqv/AB2qq///61VV/wAYgABx/wATVVX/ABSqq52b/wAVVVX/AAtVVf8AGKqr/wALVVX/ABiqq/8ABaqr/wAaVVWLpwiUB4v/ACKqq///94AA/wAf1VV6qHqodKJunG6c///gKqv/AAiAAP//3VVVi///3VVVi///4Cqr///3gABuem56dHR6bnpu///3gAD//+Aqq4v//91VVQiCB4tv/wAFqqv//+Wqq/8AC1VV///nVVX/AAtVVf//51VVm///6qqr/wAUqqt5cf//7Kqr///rgAD//+eAAHz//+JVVXz//+JVVf//+IAA///ggACL///eqqsIfgeLZf8ACVVVaP8AEqqra/8AEqqra/8AGVVV///mgACreAig/wBggAAV///oqqv/ABdVVf//9FVV/wAcVVaL/wAhVVUImAeL/wAhVVX/AAuqq/8AHCqr/wAXVVWi/wAXVVWip/8AC4AA/wAgqquL/wAhVVWL/wAcVVb///RVVf8AF1VV///oqqv/ABdVVf//6Kqr/wALqqtvi///31VVCH4Hi///31VV///0VVX//+PVVv//6Kqr///oVVX//+iqq///6FVV///jqqr///Qqq///3qqri///31VVi2//AAuqq///6Kqr/wAXVVUI/wANgAD/AVKAABX//+xVVf8AE6qr///2Kqv/ABeAAIv/ABtVVQiUB4v/ABtVVf8ACdVV/wAXgAD/ABOqq/8AE6qr/wATqqv/ABOqq/8AF4AA/wAJ1VX/ABtVVYv/ABtVVYv/ABeAAP//9iqr/wATqqv//+xVVf8AE6qr///sVVX/AAnVVf//6IAAi///5KqrCIIHi///5Kqr///2Kqv//+iAAP//7FVV///sVVX//+xVVf//7FVV///ogAD///Yqq///5Kqri///5Kqri///6IAA/wAJ1VX//+xVVf8AE6qrCA6y94v3xBX/ABNVVYuc/wACVVX/AA6qq/8ABKqrCPtF+8vzi/cr954F/wAiqqv/ADyqq6HL/wAJVVX/AENVVY//AA9VVY3/AA9VVov/AA9VVQipB4uvgv8AIVVVef8AHqqref8AHqqr///nqqv/ABhVVf//4VVVnf//4VVVnf//3lVWlP//21VVi2eL///eqquC///hVVV5///hVVV5///nqqv//+eqq3n//+FVVXn//+FVVYL//96qq4tnCG0Hi2eU///eqqud///hVVWd///hVVX/ABhVVf//56qr/wAeqqt5/wAeqqt5/wAhVVWCr4sI//+ygAD3DhX//+pVVf8AFVVV///1Kquli/8AHqqrCKkHi6n/AArVVf8AGdVV/wAVqqv/ABWqq/8AFaqr/wAVqqv/ABnVVf8ACtVVqYv/AB6qq4v/ABoqqv//9Sqr/wAVqqv//+pVVf8AFaqr///qVVX/AArVVf//5iqri22L///yqqv///6qq///7Kqq///9VVX//+aqq///+VVVc///8tVW///sVVX//+xVVf//8KqrCP//7FVV///wqqv//+mAAP//+FVV///mqquLbYv//+Yqq/8ACqqr///qVVX/ABVVVQgO+56u99gVIAoOmvcj96cV/wAGqqv/AACqq5D/AARVVf8AA1VVkwi69AX/AAKqq/8AB1VV/wAFqqr/AAOqq/8ACKqri/8ACKqri/8ABaqq///8VVX/AAKqq///+KqrCLgiBf8ABVVVg/8ABaqr///7qquR////VVUI9weABf8ABVVV////VVX/AARVVon/AANVVf///Kqr/wADVVX///yqq/8AAaqr///7qqqL///6qquL///7VVWJ///7qquHhwgyPQX///yqq////Kqr///+VVX///uqqov///qqqwiLh6X7BQX/AACqq4X///5VVf//+qqrh///+1VVh///+1VV///7VVX///2qq///+qqri////Kqri////KqqjP///KqrjQgoxwWJ/wABVVX///yqq/8AAKqr///7VVWLh4v///yqq////1VV///9VVX///6qqwgoTwX///1VVYn///yqq4qHi4WL///7Kqv/AAJVVf///FVV/wAEqqv///xVVf8ABKqr///+1Vb/AAVVVf8AAVVVkQik9wUFjf8AB1VV///+VVX/AAWqq///+qqrjwgy2QWHj4n/AASqq4v/AAVVVYv/AASqq/8AAaqrj/8AA1VV/wADVVX/AANVVf8AA1VVj43/AASqq/8AAKqrCA747BT4QRV3n/ljmgaWDAocABMTAAEBAVz///dVVf8ABFVV///7qqv/AAiqqx7OBv8ACKqr/wAEVVX/AARVVf8ACKqrH84H/wAIqqv///uqq/8ABFVV///3VVUeSAb///dVVf//+6qr///7qqv///dVVR8LAAABAAAADAAAABYAAAACAAEAAQAOAAEABAAAAAIAAAAAAAAAAQAAAADa3tfFAAAAAOGNj0YAAAAA4Y2dnAJYAAAAyAAAAI8AKAIBAEEBTgA8AhgARgH5AC0CNAA9Af0AQAIJADwB2gA8AhYAOgHUAC8AowAjAbwACg==") format("opentype"); } 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; } } .history a { overflow: hidden; line-height: 99; } .dia-prompt p::after { -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAkCAYAAADl9UilAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKcmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0xMi0wOFQxMDoxOTo0MSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0xMi0xOFQxMDowMTo0OSswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjQtMTItMThUMTA6MDE6NDkrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMzMWIyNTM5LTY2MjUtNTg0OC1hMTJlLTYzNmFhOTFlNTFmYSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjVhZWFmNmM1LWJkM2ItYTU0Mi1iYTI0LTA5NGIyZTBlMGY5NSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjEyNjQ3ODJlLWRhZjItNzY0Yi1iNjUyLTZlZDYyYzUwM2I0OSIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MTI2NDc4MmUtZGFmMi03NjRiLWI2NTItNmVkNjJjNTAzYjQ5IiBzdEV2dDp3aGVuPSIyMDIzLTEyLTA4VDEwOjE5OjQxKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmE3MTM2MmMxLTQzMjUtYWY0NC04N2E1LWEwOTQ4MTc3MmQ3NSIgc3RFdnQ6d2hlbj0iMjAyMy0xMi0wOFQxMDoyMjozOSswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoyZmFiMjMwMC1mMDQ4LWNmNDMtYjc4MS0zYzNhYmM1YTQ0MWEiIHN0RXZ0OndoZW49IjIwMjQtMTItMThUMTA6MDE6NDkrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJkZXJpdmVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJjb252ZXJ0ZWQgZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MzMxYjI1MzktNjYyNS01ODQ4LWExMmUtNjM2YWE5MWU1MWZhIiBzdEV2dDp3aGVuPSIyMDI0LTEyLTE4VDEwOjAxOjQ5KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJmYWIyMzAwLWYwNDgtY2Y0My1iNzgxLTNjM2FiYzVhNDQxYSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMjY0NzgyZS1kYWYyLTc2NGItYjY1Mi02ZWQ2MmM1MDNiNDkiIHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxMjY0NzgyZS1kYWYyLTc2NGItYjY1Mi02ZWQ2MmM1MDNiNDkiLz4gPHBob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8cmRmOkJhZz4gPHJkZjpsaSBwaG90b3Nob3A6TGF5ZXJOYW1lPSIwMSIgcGhvdG9zaG9wOkxheWVyVGV4dD0iMDEiLz4gPC9yZGY6QmFnPiA8L3Bob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8cGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8cmRmOkJhZz4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6MjQ0ZTU4ZjQtMzcyNy0xMTdmLWEwMDMtZWY5OTA5ZDZkMmE4PC9yZGY6bGk+IDwvcmRmOkJhZz4gPC9waG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+qWYc+AAAAXpJREFUWIXtWNtuwyAMPVT8/99m7dqt7GUg1zm+0E0KDzlSpRJsc4JvkAKgYUFcjiZg4SQ2i5PYLJYlVrFouTiJzYIR6+Pi6DUyL59JG1qW6VJiT4eYJskWl8+eikxT/z3dHbHviP0RiIjpt5e7mEFGXssUAG3pHfsSYx2kEXTsZXdHx5qco8SWQQXwOJoEQydmucIrGcxtXihE+i/zFcAdjq8NglYs0Qxz5KyYKxXAp7HIoagAbuDVN+syBrYbGdlhXxOLDKX6nCOb1u+unFlwlsxbchXA1ZmfbUFabyZRdsRueM24jtmeyHSy2SznR6/ciHGr5rBykJGLXmK3wxXAh2HICtzZvmgRY+QGdIxZp1A2tnSyGW5hVP4tknTwbnKE6K7M4C81zjvqmMT0jrHLA0N0uvV6rtcVRvBvhpH/RJRcu7UtYlZdyizaPzv0G5Nlp/z+pNyQlTGmr1tyQS/zLuCu9PS88cjKqyKk39C7xFoHSQ2v9DC77Qfyfq2/BFcYNAAAAABJRU5ErkJggg==); -webkit-mask-size: 100% 100%; } @media screen and (min-width: 751px) { html { font-size: 100px; } body { width: 750px; margin: 0 auto; } [data-dpr='1'] body { width: 750px; margin: 0 auto; } } /**/ .htmlOver body { width: 100%; height: 100%; overflow: hidden; } html, body { position: relative; } body { background: #070d20; } .loading { background: #070d20; width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: flex; align-items: center; justify-content: center; z-index: 1111; text-align: center; } .loading dl dt { width: 1.59rem; height: 1.76rem; display: block; background: url(../images/loading.gif) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; margin: 0 auto; } .loading dl dd { color: #fff; font-size: 0.24rem; padding-top: 0.2rem; } .side { position: fixed; width: 0.96rem; right: 0.1rem; z-index: 5; bottom: 2.6rem; } .side a { width: 0.96rem; height: 0.96rem; display: block; margin-top: 0.3rem; } .side a.s-top { background: url(../images/top.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; } .side a.s-index { background: url(../images/index.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; } .blue { color: #75cdff; } .headArea { background: url(../images/b-bg.jpg) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; position: relative; height: 9.45rem; overflow: hidden; z-index: 0; margin-bottom: -.83rem; } .headArea.friend .m-1 { background-image: url("../images/img1.png"); width: 3.98rem; height: 2.93rem; margin-left: -1.99rem; } .headArea.friend .m-2 { background-image: url("../images/img2.png"); width: 5.44rem; height: 1.72rem; left: 0.98rem; } .headArea.chat .m-1 { background-image: url("../images/img30.png"); width: 3.39rem; height: 2.93rem; margin-left: -1.4rem; top: 4.43rem; } .headArea.chat .m-2 { background-image: url("../images/img31.png"); width: 5.25rem; height: 1.53rem; left: 1.1rem; } .headArea.asset .m-1 { background-image: url("../images/img32.png"); width: 4.18rem; height: 3.52rem; margin-left: -2.09rem; top: 3.8rem; } .headArea.asset .m-2 { background-image: url("../images/img34.png"); width: 5.15rem; height: 2.76rem; left: 1.1rem; } .headArea.medal { background-image: url(../images/b-bg2.jpg); } .headArea.medal .m-1 { background-image: url("../images/img36.png"); width: 4.18rem; height: 3.03rem; margin-left: -2.09rem; top: 4.38rem; } .headArea.medal .m-2 { background-image: url("../images/img37.png"); width: 6.25rem; height: 2.87rem; left: 0.76rem; top: 4.2rem; } .headArea em { position: absolute; } .headArea em.m-1 { background: url(../images/img3.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 3.7rem; height: 2.59rem; position: absolute; left: 50%; margin-left: -1.85rem; top: 4.48rem; } .headArea em.m-2 { background: url(../images/img29.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 5.57rem; height: 2.07rem; position: absolute; top: 4.5rem; left: 0.78rem; } .headArea .btn-rule { background: url(../images/btn-rule.png) no-repeat right 0; background-size: auto 100%; background-color: transparent; width: 0.74rem; height: 1.3rem; position: absolute; right: -0.02rem; top: 2.14rem; color: #fff; font-size: 0.24rem; line-height: 0.26rem; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 0.1rem 0 0.36rem; -webkit-box-sizing: border-box; } .h-num { background-image: -webkit-linear-gradient(top, #fff 40%, #8eaada 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; width: 100%; font-size: 0.2rem; line-height: 0.26rem; position: relative; margin-bottom: 0.3rem; } .h-num span { font-weight: bold; padding: 0 0.06rem; } .tab { position: relative; height: 1.68rem; width: 7.27rem; margin: 0 auto; } .tab .swiper-slide { padding: 0.28rem 0 0 0.2rem; -webkit-box-sizing: border-box; display: block; width: 1.94rem; height: 1.53rem; background: url(../images/tab.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; -webkit-transition: all 0.5s; margin: 0.3rem 0 0 0; color: rgba(239, 246, 255, 0.7); } .tab .swiper-slide em { font-size: 0.28rem; height: 0.3rem; line-height: 0.32rem; overflow: hidden; display: block; } .tab .swiper-slide span { font-size: 0.17rem; line-height: 0.26rem; overflow: hidden; padding-top: 0.14rem; display: block; } .tab .swiper-slide.swiper-slide-active { margin-top: 0; width: 2.07rem; height: 1.54rem; background-image: url(../images/tab-on.png); color: rgba(244, 241, 255, 0.7); } .tab .swiper-slide.swiper-slide-active em { color: #fff7ef; font-weight: bold; } .tab .swiper-slide.swiper-slide-active span { font-size: 0.17rem; } .f-tit { background: url(../test/2.jpg) no-repeat 0 0; background-size: 100% auto; background-color: transparent; width: 100%; border-radius: 0.3rem 0.3rem 0 0; overflow: hidden; -webkit-box-sizing: border-box; padding-top: 4.7rem; margin: 0 auto; } .f-tit .f-txt { text-align: center; width: 100%; color: #eef9ff; overflow: hidden; position: relative; height: 0.69rem; font-size: 0; background: url(../images/img4.png) no-repeat center bottom; background-size: 2.55rem auto; background-color: transparent; } .f-tit .f-txt span { display: inline-block; vertical-align: top; line-height: 0.4rem; overflow: hidden; font-size: 0.34rem; padding: 0 0.48rem; height: 0.69rem; position: relative; background-image: -webkit-linear-gradient(top, #fff 10%, #fcc390 65%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 0.06rem; } .f-tit .f-txt span::before, .f-tit .f-txt span::after { content: ''; background: url(../images/img13.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.36rem; height: 0.54rem; position: absolute; top: 0.08rem; } .f-tit .f-txt span::before { left: 0; } .f-tit .f-txt span::after { right: 0; -webkit-transform: scaleX(-1); } .f-tit .f-number { display: flex; width: 100%; text-align: center; padding-top: 0.54rem; } .f-tit .f-number li { flex: 1; font-size: 0.26rem; line-height: 0.36rem; position: relative; } .f-tit .f-number li::before { content: ''; background: url(../images/line.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.02rem; height: 0.55rem; position: absolute; left: 0; top: 50%; margin-top: -0.27rem; } .f-tit .f-number li:first-child::before { display: none; } .f-tit .f-number li em { color: #618cbc; display: block; } .f-tit .f-number li i { color: #eef9ff; display: block; } .f-go { text-align: center; padding-top: 0.6rem; font-weight: normal; height: 0.42rem; position: relative; z-index: 1; } .f-go a { color: #27cfff; font-size: 0.26rem; height: 0.42rem; line-height: 0.44rem; overflow: hidden; display: inline-block; vertical-align: top; } .f-team { text-align: center; } .f-team .team-tit { padding-top: 1.05rem; position: relative; } .f-team .team-tit dl { display: block; width: 100%; } .f-team .team-tit dl dt { display: block; width: 100%; color: #eef9ff; height: 0.32rem; overflow: hidden; } .f-team .team-tit dl dt span { display: inline-block; vertical-align: top; height: 0.32rem; line-height: 0.34rem; overflow: hidden; font-size: 0.31rem; padding: 0 0.3rem; position: relative; font-weight: bold; } .f-team .team-tit dl dt span::before, .f-team .team-tit dl dt span::after { content: ''; background: url(../images/img12.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.19rem; height: 0.32rem; position: absolute; top: 0; } .f-team .team-tit dl dt span::before { left: 0; } .f-team .team-tit dl dt span::after { right: 0; -webkit-transform: scaleX(-1); } .f-team .team-tit dl dd { display: block; width: 100%; color: #5a7393; font-size: 0.24rem; line-height: 0.38rem; height: 0.36rem; padding-top: 0.12rem; } .f-team .team-tit dl dd.d-2 { color: #5a7393; } .f-team .team-tit dl dd .dia-wen { background: url(../images/icon-wen.png?v=01) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.36rem; height: 0.36rem; display: inline-block; vertical-align: top; position: relative; } .f-team .team-tit dl dd .dia-wen em { background: rgba(0, 0, 0, 0.8); text-align: center; padding: 0.08rem 0.1rem; -webkit-box-sizing: border-box; line-height: 0.32rem; font-size: 0.2rem; color: #fff; position: absolute; bottom: 0.45rem; border-radius: 0.1rem; left: 50%; white-space: nowrap; -webkit-transform: translateX(-50%); } .f-team .team-tit dl dd .dia-wen em::after { content: ''; background: rgba(0, 0, 0, 0.8); width: 0.1rem; height: 0.1rem; -webkit-transform: rotate(45deg); position: absolute; left: 50%; margin-left: -0.05rem; bottom: -0.05rem; } .f-team .team-ul { overflow: hidden; width: 100%; font-size: 0; padding: 0.1rem 0rem 0; -webkit-box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; } .f-team .team-ul li { width: 2.08rem; height: 3.26rem; flex-shrink: 0; margin: 0.3rem 0.11rem 0; position: relative; z-index: 0; } .f-team .team-ul li::before { content: ''; background: url(../images/heart.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.77rem; height: 1.1rem; position: absolute; left: 50%; margin-left: -0.88rem; top: 1.8rem; z-index: -1; opacity: 0; } .f-team .team-ul li.on::before { z-index: 3; } .f-team .team-ul li::after { content: ''; background: url(../images/img17.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 2.08rem; height: 2.68rem; position: absolute; bottom: 0; left: 0; z-index: -2; } .f-team .team-ul li.one .t-user::before, .f-team .team-ul li.two .t-user::before, .f-team .team-ul li.three .t-user::before { content: ''; background: url(../images/img14.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.29rem; height: 1.34rem; position: absolute; left: 50%; margin-left: -0.64rem; top: -0.06rem; z-index: -1; } .f-team .team-ul li.two .t-user::before { background-image: url(../images/img15.png); } .f-team .team-ul li.three .t-user::before { background-image: url(../images/img16.png); } .f-team .team-ul li .t-user { position: relative; padding-top: 0.12rem; width: 1rem; margin: 0 auto; } .f-team .team-ul li .t-user img { width: 0.94rem; height: 0.94rem; border-radius: 100%; overflow: hidden; display: block; margin: 0 auto; object-fit: cover; } .f-team .team-ul li .t-user em { display: block; position: absolute; right: 0.06rem; bottom: 0; background: url(../images/guan.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.25rem; height: 0.24rem; } .f-team .team-ul li .t-user em.over { background-image: url(../images/g-over.png); } .f-team .team-ul li dl { width: 1.92rem; margin: 0 auto; color: #eef9ff; padding-top: 0.14rem; } .f-team .team-ul li dl dt { font-size: 0.24rem; height: 0.4rem; line-height: 0.42rem; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .f-team .team-ul li dl dd { font-size: 0.19rem; height: 0.44rem; line-height: 0.46rem; overflow: hidden; } .f-team .team-ul li .t-hands { background: url(../images/btn1.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.5rem; height: 0.48rem; line-height: 0.5rem; overflow: hidden; text-align: center; color: #0f0b30; font-size: 0.22rem; display: block; margin: 0.06rem auto 0; position: relative; z-index: 2; -webkit-transition: all 0.3s; -webkit-transform-origin: center center; } .f-team .team-ul li .t-hands.t-click { -webkit-transform: scale(0.9); } .f-team .team-ul li .t-hands.over { background: #a5a2b8; color: #696688; border-radius: 1rem; } .f-team .team-ul li .t-number { color: #6b7c90; font-size: 0.2rem; height: 0.52rem; line-height: 0.54rem; overflow: hidden; display: block; width: 100%; } .f-tab { display: flex; flex-wrap: wrap; justify-content: center; text-align: center; z-index: 0; position: relative; overflow: hidden; } .f-tab#tab1 .swiper-slide { position: relative; z-index: 0; } .f-tab#tab1 .swiper-slide.one::before, .f-tab#tab1 .swiper-slide.two::before, .f-tab#tab1 .swiper-slide.three::before { content: ''; background: url(../images/img8.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.38rem; height: 0.28rem; position: absolute; left: 50%; top: 0.32rem; margin-left: -0.19rem; z-index: -1; } .f-tab#tab1 .swiper-slide.one img { background: -webkit-linear-gradient(top, #ffe787, #efc58a); } .f-tab#tab1 .swiper-slide.two img { background: -webkit-linear-gradient(top, #aacbed, #7ec0ee); } .f-tab#tab1 .swiper-slide.two::before { background-image: url(../images/img9.png); } .f-tab#tab1 .swiper-slide.three::before { background-image: url(../images/img10.png); } .f-tab#tab1 .swiper-slide img { background: -webkit-linear-gradient(top, #a1cbf5, #3b5a85); width: 0.74rem; height: 0.74rem; border-radius: 0.2rem; padding: 1px; } .f-tab#tab1 .swiper-slide.on em::before, .f-tab#tab1 .swiper-slide.on em::after { content: ''; background: url(../images/icon-star.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.12rem; height: 0.12rem; } .f-tab#tab1 .swiper-slide.on em font { max-width: 1rem; width: auto; background-image: -webkit-linear-gradient(top, #fff4df 40%, #fcc390); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .f-tab.tab-spc .swiper-slide { padding-top: 0.34rem; } .f-tab.tab-spc .swiper-slide img { width: 1rem; height: 0.9rem; } .f-tab.tab-spc .swiper-slide em { position: relative; margin-top: -0.06rem; } .f-tab .swiper-slide { width: 1.38rem; height: 2.09rem; flex-shrink: 0; background: url(../images/img27.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; margin: 0 0.04rem 0.1rem; -webkit-box-sizing: border-box; padding-top: 0.5rem; } .f-tab .swiper-slide.on { background-image: url(../images/img28.png); } .f-tab .swiper-slide img { overflow: hidden; display: block; margin: 0 auto; object-fit: cover; -webkit-box-sizing: border-box; } .f-tab .swiper-slide em { display: flex; justify-content: center; align-items: center; line-height: 0.16rem; height: 0.38rem; text-align: center; width: 100%; color: #d2ddef; font-size: 0.16rem; overflow: hidden; -webkit-box-sizing: border-box; } .f-tab .swiper-slide em font { width: 100%; white-space: nowrap; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .f-con { background-color: #001733; width: 7.04rem; margin: 0.5rem auto 0; -webkit-box-sizing: border-box; padding: 0 0 1rem; border-radius: 0.3rem 0.3rem 0 0; position: relative; z-index: 0; box-shadow: #4579b3 0 -1px 0,#4579b3 1px 0 0,#4579b3 -1px 0 0; } .f-con::after { content: ''; background: -webkit-linear-gradient(top, rgba(5, 11, 31, 0), #050b1f 60%); position: absolute; left: -1px; bottom: 0; width: 100%; padding: 0 1px; height: 1.5rem; } .f-con .f-game { opacity: 0; -webkit-transition: opacity 1.5s; } .f-con .f-game.on { opacity: 1; } .f-con.spc-con { background: none; border-radius: 0; margin-top: 1.1rem; box-shadow: #e1ca9b 1px 0 0,#e1ca9b -1px 0 0; } .f-con.spc-con::before { content: ''; background: url(../images/box.jpg) no-repeat 0 0; background-size: 100% auto; background-color: #031730; position: absolute; left: 0; top: -0.82rem; bottom: 0; right: 0; z-index: -1; } .f-con.asset-con { background: url(../images/asset-bg.png) #040e24 0 0; background-size: 100% auto; background-color: transparent; } .thankful { background: url(../images/img35.png) no-repeat center 0; background-size: 6.92rem auto; background-color: transparent; padding: 0.8rem 0 0.2rem; width: 100%; position: relative; } .thankful .tf-tit { background: url(../images/tit-bg.png) no-repeat center center; background-size: 6.04rem auto; background-color: transparent; color: #f4fbff; font-weight: bold; font-size: 0.3rem; height: 0.5rem; line-height: 0.52rem; overflow: hidden; } .thankful .tf-con { padding-top: 0.14rem; color: #7fa5cf; font-size: 0.24rem; line-height: 0.48rem; position: relative; z-index: 1; } .tie-tab { background: url(../images/tab-bg.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 6.64rem; height: 0.78rem; margin: 0.32rem auto 0; display: flex; align-items: center; justify-content: center; text-align: center; } .tie-tab a { width: 3.24rem; height: 0.6rem; line-height: 0.62rem; color: #f1f1f1; font-size: 0.28rem; } .tie-tab a.on { background: url(../images/btn4.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; color: #120c43; font-weight: 500; -webkit-text-stroke: .2pt; } .history { background: url(../images/img39.jpg) no-repeat 0 0; background-size: 100% auto; background-color: transparent; width: 6.7rem; height: 67.03rem; margin: 0.44rem auto 0; position: relative; border: rgba(83, 225, 255, 0.6) solid 1px; border-bottom: none; border-radius: 0.1rem; } .history::before { content: ''; background: -webkit-linear-gradient(top, rgba(3, 23, 48, 0), #031730); width: 100%; height: 1rem; position: absolute; left: -1px; bottom: 0; padding: 0 1px; } .history a { width: 50%; display: block; position: absolute; } .history a:nth-child(2n+1) { right: 0; } .history a:nth-child(2n) { left: 0; } .history a.a1 { top: 0.8rem; height: 3.6rem; } .history a.a2 { top: 5.2rem; height: 2.5rem; } .history a.a3 { top: 8.4rem; height: 3.8rem; } .history a.a4 { top: 13rem; height: 3.2rem; } .history a.a5 { top: 17rem; height: 3rem; } .history a.a6 { top: 21rem; height: 3.6rem; } .history a.a7 { top: 26rem; height: 3.2rem; } .history a.a8 { top: 30.4rem; height: 3.6rem; } .history a.a9 { top: 35.2rem; height: 3rem; } .history a.a10 { top: 39.2rem; height: 3.3rem; } .history a.a11 { top: 43.6rem; height: 3.7rem; } .history a.a12 { top: 48rem; height: 3rem; } .history a.a13 { top: 51.8rem; height: 3.2rem; } .history a.a14 { top: 55.8rem; height: 3.4rem; } .history a.a15 { top: 60rem; height: 3.4rem; } .history p { color: #e8fcff; font-size: 0.26rem; line-height: 0.5rem; text-align: center; position: absolute; width: 100%; bottom: 1.6rem; } .news { width: 6.71rem; margin: 0 auto; position: relative; padding-top: 0.44rem; } .news a { background: url(../images/li-bg.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 6.71rem; height: 3.61rem; margin-bottom: 0.4rem; padding: 0.24rem 0.18rem 0; position: relative; display: block; -webkit-box-sizing: border-box; } .news a .n-tag { background: url(../images/tag-bg.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 3.35rem; height: 0.41rem; line-height: 0.43rem; overflow: hidden; padding-left: 0.43rem; -webkit-box-sizing: border-box; color: #75aee0; font-size: 0.21rem; } .news a .n-top { height: 1.74rem; position: relative; overflow: hidden; padding: 0 0.05rem; margin-top: 0.22rem; } .news a .n-top .n-img { width: 2.6rem; height: 1.74rem; overflow: hidden; position: relative; float: left; } .news a .n-top .n-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.2rem; } .news a .n-top .n-info { width: 3.36rem; float: right; } .news a .n-top .n-info .n-con dl { width: 100%; height: 1.2rem; } .news a .n-top .n-info .n-con dl dt { font-size: 0.24rem; line-height: 0.36rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 0.7rem; width: 100%; color: #c7e5ff; position: relative; } .news a .n-top .n-info .n-con dl dd { height: 0.3rem; line-height: 0.32rem; overflow: hidden; margin-top: 0.16rem; } .news a .n-top .n-info .n-con dl dd img { width: 0.30rem; height: 0.30rem; float: left; border-radius: 100%; } .news a .n-top .n-info .n-con dl dd span { margin-left: 0.1rem; float: left; width: 2.4rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.22rem; color: #5b88b2; } .news a .n-top .n-info .n-con .n-num { overflow: hidden; padding-top: 0.2rem; } .news a .n-top .n-info .n-con .n-num span { float: left; width: 1.06rem; background: url(../images/icon-pl.png) no-repeat 0 center; background-size: 0.22rem auto; background-color: transparent; -webkit-box-sizing: border-box; padding-left: 0.3rem; color: #5b88b2; height: 0.24rem; line-height: 0.26rem; overflow: hidden; font-size: 0.2rem; } .news a .n-top .n-info .n-con .n-num span.view { background-image: url(../images/icon-view.png); } .news a .n-top .n-info .n-con .n-num span.zan { background-image: url(../images/icon-zan.png); background-size: 0.19rem auto; } .news a .n-note { background: #04213d; border-radius: 0.1rem; height: 0.5rem; overflow: hidden; width: 100%; padding: 0 0.3rem; -webkit-box-sizing: border-box; margin-top: 0.2rem; position: relative; } .news a .n-note span { height: 0.5rem; line-height: 0.52rem; overflow: hidden; color: #7A7D7A; font-size: 0.21rem; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #49698b; } .news a .n-note span em { color: #3970ab; display: inline-block; vertical-align: top; max-width: 1.9rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; padding-right: 0.2rem; } .news a .n-note span em::after { content: ':'; color: #49698b; position: absolute; right: 0.04rem; top: 0; } .news-more { width: 6.7rem; height: 3.1rem; position: relative; margin: 0 auto; z-index: 1; } .news-more::before { content: ''; background: url(../images/img33.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 100%; height: 2.41rem; position: absolute; left: 0; bottom: 0; z-index: -1; } .news-more p { text-align: center; height: 0.74rem; line-height: 0.76rem; overflow: hidden; background-image: -webkit-linear-gradient(top, #fff, #fff, #85b7ff 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 0.26rem; font-weight: bold; } .news-more .n-link { width: 100%; overflow: hidden; position: absolute; left: 0; bottom: 0.08rem; } .news-more .n-link a { width: 50%; float: left; height: 1.52rem; display: flex; align-items: center; } .news-more .n-link a dl { padding-left: 0.24rem; line-height: 0.4rem; } .news-more .n-link a dl dt { color: #eef9ff; font-size: 0.26rem; } .news-more .n-link a dl dd { color: rgba(238, 249, 255, 0.4); font-size: 0.2rem; } .f-link { overflow: hidden; padding: 0 0.22rem; } .f-link a { color: #9ec5f9; font-size: 0.24rem; height: 0.64rem; line-height: 0.66rem; overflow: hidden; text-decoration: underline; } .draw-box { margin-top: 0.3rem; } .prize { text-align: center; width: 100%; margin: 0.25rem auto 0; } .prize .swiper-slide { background: url(../images/card-bg.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.74rem; height: 2.48rem; -webkit-box-sizing: border-box; margin: 0 0.12rem; } .prize .swiper-slide img { width: 100%; height: 100%; object-fit: contain; padding: 0.3rem; -webkit-box-sizing: border-box; } .prize .swiper-slide span { position: absolute; left: 0; top: 1.82rem; display: block; width: 100%; text-align: center; font-size: 0; } .prize .swiper-slide span em { background: -webkit-linear-gradient(left, rgba(24, 61, 139, 0), #183d8b 10%, #183d8b 90%, rgba(24, 61, 139, 0)); height: 0.24rem; line-height: 0.26rem; overflow: hidden; color: #91dcff; font-size: 0.18rem; min-width: 1.1rem; padding: 0 0.1rem; display: inline-block; vertical-align: top; } .unline { text-decoration: underline; } .note { background: url(../images/note-bg.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 7.14rem; height: 0.53rem; overflow: hidden; margin: 0 auto; position: relative; } .note li { height: 0.53rem; line-height: 0.55rem; color: #a9c2f7; font-size: 0.24rem; padding-left: 0.6rem; overflow: hidden; } .note li span, .note li i { color: #3daeff; } .note li span { max-width: 1rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; vertical-align: top; } .draw-btn { background: url(../images/draw-btn.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 4.17rem; height: 1.66rem; display: block; margin: 0.36rem auto 0; line-height: 0.4rem; text-align: center; -webkit-box-sizing: border-box; padding-top: 0.24rem; } .draw-btn a { width: 100%; height: 1.28rem; display: block; -webkit-box-sizing: border-box; padding-top: 0.28rem; } .draw-btn a b { background-image: -webkit-linear-gradient(top, #fff, #fff, #85b7ff 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 0.32rem; font-weight: bold; display: block; } .draw-btn a b em { font-size: 0.2rem; } .draw-btn a span { color: #a6ceff; font-size: 0.22rem; display: block; } .sm-tit { background: url(../images/title2.png) no-repeat 0 0; background-size: auto 100%; background-color: transparent; height: 0.4rem; line-height: 0.42rem; padding-left: 0.3rem; overflow: hidden; color: #95c1f3; font-size: 0.24rem; margin-top: 0.4rem; width: 6.7rem; -webkit-box-sizing: border-box; margin: 0.7rem auto 0; } .sm-tit b { float: left; font-size: 0.32rem; padding-right: 0.14rem; color: #fff; } .task { width: 6.71rem; margin: 0 auto; position: relative; z-index: 1; } .task li { background: url(../images/task-bg.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 6.71rem; height: 1.59rem; display: flex; align-items: center; justify-content: space-between; -webkit-box-sizing: border-box; padding: 0 0.2rem; margin-top: 0.22rem; } .task li img { width: 0.62rem; height: 0.62rem; } .task li span { width: 3.62rem; font-size: 0.24rem; line-height: 0.3rem; color: #eef9ff; } .task li span em { color: #30a3fa; } .task li .t-btn { width: 1.42rem; overflow: hidden; } .task li .t-btn a { background: url(../images/btn1.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.42rem; height: 0.48rem; line-height: 0.5rem; text-align: center; display: block; margin: 0.1rem 0; color: #0f0b30; font-size: 0.22rem; float: left; } .task li .t-btn a.over { background: #a2a8b8; color: #505665; border-radius: 0.24rem; } .task li .t-btn a.t-get { background-image: url(../images/btn6.png); } .task li .t-btn em { display: block; color: #6a87ae; font-size: 0.2rem; width: 100%; text-align: center; margin-bottom: 0.1rem; } .fix-box { height: 1.62rem; } .fix-box .fix-content { background: url(../images/fix-bg.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; position: fixed; left: 50%; width: 7.56rem; bottom: 0.3rem; margin-left: -3.78rem; display: flex; align-items: center; justify-content: center; -webkit-box-sizing: border-box; z-index: 11; height: 1.32rem; text-align: center; border-radius: 0.3rem; } .fix-box .fix-content a { width: 50%; height: 1rem; height: 1.32rem; font-size: 0; position: relative; } .fix-box .fix-content a em { background: url(../images/bg-tips.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.75rem; height: 0.62rem; line-height: 0.53rem; position: absolute; top: -0.4rem; right: 0.46rem; font-size: 0.28rem; color: #050b1f; font-weight: 500; -webkit-text-stroke: .2pt; } .top-none { padding-top: 0rem !important; } .top-none dl { padding-top: 0.2rem !important; } .kbFootWrap .kbFooter { margin: 0; } /**/ .headArea::after { -webkit-animation: light 1.5s linear infinite alternate; } .headArea em.m-2 { -webkit-animation: fu 2s infinite linear -0.5s; } .headArea em.m-1 { -webkit-animation: fu 2s infinite linear; } .f-team .team-ul li.on::before, .rank .rank-top li.on::before, .rank .rank-list li.on .t-btn::before { -webkit-animation: heart 0.6s linear forwards; } @-webkit-keyframes heart { 0% { -webkit-transform: scale(0); opacity: 0; } 80% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1.2); opacity: 0; } } @-webkit-keyframes light { 0% { opacity: 0.3; } 100% { opacity: 1; } } @-webkit-keyframes sigh { 40%, 46%, 53%, 60% { -webkit-transform: scale(1) translateY(-0.3rem); opacity: 1; } 48% { -webkit-transform: scale3d(0.85, 1.15, 1) translateY(-0.3rem); opacity: 1; } 50% { -webkit-transform: scale3d(1.15, 0.85, 1) translateY(-0.3rem); opacity: 1; } 52% { -webkit-transform: scale3d(0.95, 1.05, 1) translateY(-0.3rem); opacity: 1; } } @-webkit-keyframes fu { 60% { transform: translateY(0.1rem); } } @-webkit-keyframes yao { 100% { -webkit-transform: rotate(10deg); } } /* --------------------------------------- 弹窗 begin ------------------------------------------ */ .pt10 { padding-top: 0.1rem !important; } .pt20 { padding-top: 0.2rem !important; } .pt30 { padding-top: 0.3rem !important; } .mt70 { margin-top: 0.7rem; } .mt20 { margin-top: 0.2rem !important; } .ft20 { font-size: 0.2rem; } .c1 { color: #91dcff; } .tac { text-align: center; } .dia-con i { color: #ee5f4e; } .gray { color: #999; } /* 模板 */ .dia-box { width: 6.7rem; margin: 0 auto; position: relative; display: none; } .dia-box.dia-spc { display: block; } .dia-box.dia-spc .dia-con { padding: 0.8rem 0.54rem 1rem; } .dia-box.box-none .dia-con { background: none; box-shadow: 0 0 0 0; } .dia-box.box-none .dia-close { top: -0.6rem; } .dia-box .dia-close { background: url(../images/close.png) no-repeat center center; background-size: 0.28rem auto; background-color: transparent; width: 0.6rem; height: 0.6rem; position: absolute; right: 0.1rem; top: 0.1rem; line-height: 99; overflow: hidden; z-index: 3; } .dia-box .dia-con { background: url(../images/dia-bg.jpg) no-repeat 0 0; background-size: 100% auto; background-color: #042246; border: #60ccef solid 1px; border-radius: 0.3rem; width: 100%; -webkit-box-sizing: border-box; padding: 0.1rem 0.18rem 0.4rem; color: #afc6f8; font-size: 0.24rem; line-height: 0.36rem; position: relative; } .dia-box .dia-tit { height: 0.9rem; line-height: 0.92rem; overflow: hidden; font-size: 0.32rem; text-align: center; color: #eef9ff; font-size: 0.36rem; font-weight: bold; } .dia-box .dia-tit span { padding: 0 0.1rem; } .dia-box .dia-btn { font-size: 0; padding-top: 0.3rem; text-align: center; width: 100%; overflow: hidden; } .dia-box .dia-btn a { width: 2.53rem; height: 0.76rem; line-height: 0.78rem; overflow: hidden; background: url(../images/btn1.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; color: #0f0b30; font-size: 0.34rem; display: inline-block; vertical-align: top; overflow: hidden; margin: 0 0.1rem; } .dia-box .table-box { background: rgba(7, 29, 67, 0.68); padding: 0.2rem; overflow: auto; margin-top: 0.1rem; } .dia-box .dia-table { background: rgba(16, 13, 43, 0.5); border-collapse: collapse; width: 100%; } .dia-box .dia-table tr th { border: 1px solid #4e73a3; text-align: center; line-height: 0.36rem; font-weight: normal; padding: 0.1rem 0.16rem; } .dia-box .dia-table tr td { border: 1px solid #4e73a3; line-height: 0.36rem; padding: 0.1rem 0.16rem; } .dia-box .dia-table tr td:first-child { width: 2rem; } .dia-box .dia-page { padding-top: 0.2rem; height: 0.6rem; line-height: 0.62rem; overflow: hidden; display: flex; justify-content: center; } .dia-box .dia-page a { padding: 0 0.3rem; height: 0.6rem; line-height: 0.62rem; color: #75cdff; font-size: 0.24rem; margin: 0 0.3rem; overflow: hidden; } .dia-box .dia-page span { margin: 0 0.3rem; } .dia-box .dia-ts { font-size: 0.22rem; line-height: 0.36rem; padding: 0.16rem; background: rgba(16, 13, 43, 0.52); } .dia-box .dia-ts .t-con { overflow: auto; padding: 0 0.1rem; margin-left: -0.1rem; width: 100%; max-height: 2rem; overflow: auto; } .dia-box .dia-ts .t-con::-webkit-scrollbar { width: 0.04rem; } .dia-box .dia-ts .t-con::-webkit-scrollbar-thumb { border-radius: .05rem; background: #3c6993; } .dia-box .dia-ts .t-con::-webkit-scrollbar-track { border-radius: .05rem; background: none; } .dia-box .dia-prize { width: 6.54rem; margin: 0.3rem 0 0 -0.1rem; overflow: hidden; } .dia-box .dia-prize ul { width: 100%; overflow: auto; padding: 0 0.1rem; margin-left: -0.1rem; width: 100%; padding: 0; margin-left: 0; max-height: 7.4rem; overflow-x: hidden; } .dia-box .dia-prize ul::-webkit-scrollbar { width: 0.04rem; } .dia-box .dia-prize ul::-webkit-scrollbar-thumb { border-radius: .05rem; background: #4a76d0; } .dia-box .dia-prize ul::-webkit-scrollbar-track { border-radius: .05rem; background: none; } .dia-box .dia-prize ul li { width: 1.7rem; float: left; text-align: center; margin: 0 0.24rem 0.3rem 0.24rem; } .dia-box .dia-prize ul li:nth-child(3n) { margin-right: 0; } .dia-box .dia-prize ul li em { background: url(../images/card-bg.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.69rem; height: 2.4rem; display: flex; align-items: center; justify-content: center; -webkit-box-sizing: border-box; padding: 0.3rem; } .dia-box .dia-prize ul li em img { width: 100%; height: 100%; object-fit: contain; } .dia-box .dia-prize ul li span { display: block; height: 0.68rem; line-height: 0.7rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #91dcff; font-size: 0.25rem; } .dia-box .dia-card { display: flex; justify-content: center; padding: 0.2rem 0; } .dia-box .dia-card img { width: 2.08rem; height: 2.76rem; margin: 0 0.38rem; } .dia-box .dia-get { padding: 0.2rem 0 0; } .dia-box .dia-get img { width: 1.9rem; height: 1.9rem; display: block; overflow: hidden; margin: 0 auto; } .dia-box .prize .swiper-slide { margin: 0 auto; } .dia-box .dia-rule { background: rgba(16, 13, 43, 0.52); margin-top: 0.1rem; font-size: 0.26rem; line-height: 0.48rem; color: #afdcf8; padding: 0.2rem; -webkit-box-sizing: border-box; border-radius: 0.2rem; } .dia-box .dia-rule .r-con { overflow: auto; padding: 0 0.1rem; margin-left: -0.1rem; width: 100%; max-height: 7rem; overflow: auto; } .dia-box .dia-rule .r-con::-webkit-scrollbar { width: 0.04rem; } .dia-box .dia-rule .r-con::-webkit-scrollbar-thumb { border-radius: .05rem; background: #3c6993; } .dia-box .dia-rule .r-con::-webkit-scrollbar-track { border-radius: .05rem; background: none; } .card-box { position: relative; width: 100%; font-size: 0.24rem; } .card-box .dia-close { background: url(../images/close2.png) no-repeat center center; background-size: 0.28rem auto; background-color: transparent; width: 0.6rem; height: 0.6rem; position: absolute; right: 0.9rem; top: -0.1rem; line-height: 99; overflow: hidden; z-index: 11; } .card-box .c-tit { color: #eef9ff; font-size: 0.36rem; font-weight: bold; padding-top: 0.4rem; text-align: center; } .card-box .card { width: 5.11rem; height: 5.11rem; position: relative; z-index: 0; margin: 0.2rem auto 0; } .card-box .card::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/light.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; z-index: -1; -webkit-animation: gotAni1 4s linear infinite; } .card-box .card .c-one, .card-box .card .c-two { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: all 1s; position: absolute; left: 50%; top: 50%; margin-left: -1.525rem; margin-top: -2.17rem; width: 3.05rem; height: 4.34rem; background: url(../images/card-bg.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; box-shadow: #deaa0a 0 0 0.2rem 0.02rem; border-radius: 0.15rem; } .card-box .card .c-one { -webkit-transform: rotateY(0); } .card-box .card .c-one img { width: 100%; height: 100%; object-fit: cover; } .card-box .card .c-two { -webkit-transform: rotateY(-180deg); -webkit-box-sizing: border-box; padding: 0.5rem 0.5rem 0.8rem; display: flex; align-items: center; justify-content: center; } .card-box .card .c-two img { width: 100%; height: 100%; object-fit: contain; } .card-box .card .c-two span { position: absolute; left: 0; top: 3.2rem; display: block; width: 100%; text-align: center; font-size: 0; } .card-box .card .c-two span em { background: -webkit-linear-gradient(left, rgba(24, 61, 139, 0), #183d8b 10%, #183d8b 90%, rgba(24, 61, 139, 0)); color: #91dcff; height: 0.42rem; line-height: 0.44rem; overflow: hidden; color: #a9c2f7; font-size: 0.3rem; min-width: 2rem; padding: 0 0.1rem; display: inline-block; vertical-align: top; } .card-box .card.on .c-two { -webkit-transform: rotateY(0); } .card-box .card.on .c-one { -webkit-transform: rotateY(-180deg); } .card-box .c-btn { text-align: center; width: 100%; font-size: 0; margin-top: 0.3rem; } .card-box .c-btn a { width: 2.33rem; height: 0.76rem; line-height: 0.78rem; overflow: hidden; display: inline-block; vertical-align: top; margin: 0 0.26rem; background: url(../images/btn1.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; color: #0f0b30; font-size: 0.26rem; } .card-box .c-btn a.a2 { background-image: url(../images/btn6.png); } .dia-bottom { position: fixed; left: 50%; width: 7.5rem; margin-left: -3.75rem; bottom: -20rem; z-index: 1111; background: url(../images/pop.png) no-repeat 0 0; background-size: 100% auto; background-color: transparent; -webkit-box-sizing: border-box; -webkit-transition: all 0.5s; } .dia-bottom .dia-close { background: url(../images/close2.png) no-repeat center center; background-size: 0.28rem auto; background-color: transparent; width: 0.6rem; height: 0.6rem; position: absolute; right: 0.1rem; top: 0.1rem; line-height: 99; overflow: hidden; z-index: 11; } .dia-bottom .f-team .team-tit dl dt { height: 0.46rem; } .dia-bottom .f-team .team-tit dl dt span { font-size: 0.36rem; height: 0.46rem; line-height: 0.48rem; font-weight: bold; padding: 0 0.45rem; } .dia-bottom .f-team .team-tit dl dt span::before, .dia-bottom .f-team .team-tit dl dt span::after { top: 50%; margin-top: -0.2rem; width: 0.22rem; height: 0.39rem; } .dia-bottom .dia-get { background: url(../images/task-bg.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 7.08rem; height: 1.68rem; margin: 0.4rem auto 0; display: flex; align-items: center; justify-content: space-between; padding: 0 0.2rem; -webkit-box-sizing: border-box; } .dia-bottom .dia-get img { width: 1.4rem; } .dia-bottom .dia-get dl { width: 3.4rem; } .dia-bottom .dia-get dl dt { font-size: 0.26rem; line-height: 0.3rem; width: 100%; color: #eef9ff; font-weight: bold; } .dia-bottom .dia-get dl dd { width: 100%; color: #5a7393; font-size: 0.22rem; padding-top: 0.1rem; line-height: 0.26rem; } .dia-bottom .dia-get dl dd span { color: #91dcff; } .dia-bottom .dia-get a { width: 1.6rem; height: 0.52rem; line-height: 0.54rem; overflow: hidden; text-align: center; background: url(../images/btn1.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; text-align: center; color: #0f0b30; font-size: 0.24rem; } .dia-bottom .dia-get a.over { background: #a5a2b8; color: #696688; border-radius: 0.6rem; } .dia-bottom .dia-get a.yellow-btn { background-image: url(../images/btn6.png); } .dia-bottom .more-tit { background: url(../images/more-tit.png) no-repeat -0.4rem 0; background-size: auto 100%; background-color: transparent; width: 5rem; height: 0.4rem; line-height: 0.42rem; overflow: hidden; font-size: 0.32rem; -webkit-box-sizing: border-box; padding-left: 0.28rem; color: #fff; font-weight: bold; margin-left: 0.22rem; margin-top: 0.44rem; } .dia-bottom .medal { width: 7.4rem; margin: 0.5rem auto 0; } .dia-bottom .medal ul { color: #6d83a2; margin-top: 0.24rem; position: relative; max-height: 6rem; overflow: auto; overflow: auto; padding: 0 0.1rem; margin-left: -0.1rem; width: 100%; padding: 0 0.04rem; margin-left: -0.04rem; } .dia-bottom .medal ul::-webkit-scrollbar { width: 0.04rem; } .dia-bottom .medal ul::-webkit-scrollbar-thumb { border-radius: .05rem; background: #4a76d0; } .dia-bottom .medal ul::-webkit-scrollbar-track { border-radius: .05rem; background: none; } .dia-bottom .medal li { background: url(../images/img25.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 3.27rem; text-align: center; height: 4.56rem; -webkit-box-sizing: border-box; padding-top: 0.2rem; float: left; margin: 0.3rem 0.19rem 0; } .dia-bottom .medal li:first-child, .dia-bottom .medal li:nth-child(2) { margin-top: 0; } .dia-bottom .medal li img { width: 2.2rem; height: 2.2rem; display: block; margin: 0 auto; } .dia-bottom .medal li dl { width: 100%; } .dia-bottom .medal li dl dt { width: 100%; color: #eef9ff; font-size: 0.28rem; height: 0.74rem; line-height: 0.76rem; overflow: hidden; } .dia-bottom .medal li dl dd { padding-top: 0.1rem; } .dia-bottom .medal li dl dd a { background: url(../images/btn1.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.96rem; height: 0.62rem; line-height: 0.64rem; font-size: 0.28rem; display: block; overflow: hidden; color: #0f0b30; margin: 0 auto; } .dia-bottom .medal li dl dd a.over { background: #a5a2b8; color: #696688; border-radius: 0.6rem; } .dia-bottom .medal li span { display: block; width: 100%; font-size: 0.26rem; padding-top: 0.1rem; } .dia-show { bottom: -0.04rem; } .tishi { font-size: 0.24rem; height: 0.28rem; line-height: 0.3rem; position: relative; color: rgba(255, 255, 255, 0.5); width: 1.8rem; margin: 0.32rem auto 0; } .tishi input { position: absolute; left: 0; top: 50%; margin-top: -0.1rem; width: 0.2rem; height: 0.2rem; display: block; z-index: 1; opacity: 0; } .tishi input + span { width: 0.2rem; height: 0.2rem; float: left; position: relative; line-height: 0.2rem; -webkit-box-sizing: border-box; box-shadow: rgba(238, 249, 255, 0.5) 0 0 0 1px inset; border-radius: 100%; margin: 0.04rem 0.1rem 0 0; } .tishi input:checked + span:after { content: ""; background: url(../images/sure.png) no-repeat center center; background-size: 0.2rem auto; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .dia-go { padding-top: 0.32rem; display: flex; justify-content: center; } .dia-prompt { padding: 0 0.32rem; position: relative; margin-top: -0.2rem; } .dia-prompt p { color: #afc6f8; font-size: 0.25rem; line-height: 0.45rem; position: relative; padding-left: 0.36rem; margin-top: 0.5rem; z-index: 0; } .dia-prompt p::before { content: ''; background: #5c54e0; position: absolute; left: 0; top: 0.15rem; width: 0.15rem; height: 0.15rem; -webkit-transform: rotate(45deg); } .dia-prompt p::after { content: attr(data-num); font-size: 0.38rem; font-family: "NumFontBlod"; color: rgba(63, 255, 253, 0.11); position: absolute; left: 0.36rem; top: -0.18rem; z-index: -1; } /* 弹窗遮罩 必须加 */ .dialog-mask { background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; right: 0; z-index: 99; width: 100%; height: 100%; } /* --------------------------------------- 弹窗 end ------------------------------------------ */ .dialog-hold { width: 6.68rem; margin: 0 auto; position: relative; text-align: center; } .dialog-hold .inner { background: url(../images/dia-bg.jpg) no-repeat 0 0; background-size: 100% auto; background-color: #042246; box-shadow: #60ccef 0 0 0 1px; border-radius: 0.3rem; padding: 0.1rem 0 0.84rem; color: #75cdff; overflow: hidden; } .dialog-hold .dia-f26 { font-size: .24rem; line-height: 1.4; margin-bottom: .24rem; } .dialog-hold .dia-tit { height: 0.9rem; font-size: 0.32rem; display: flex; justify-content: center; align-items: center; text-align: center; color: #eef9ff; font-size: 0.36rem; font-weight: bold; } .dialog-hold .dia-tit::before, .dialog-hold .dia-tit::after { content: '-'; margin: 0 0.1rem; } .dialog-hold .dia-back-guide { width: 100%; margin: 0; padding-top: 0.1rem; position: relative; } .dialog-hold .dia-back-guide::after { content: ''; width: 100%; height: 10rem; background: #183f7b; position: absolute; left: 0; bottom: -10rem; z-index: 1; } .dialog-hold .dia-btn { margin: .46rem 0 0; z-index: 2; width: 100%; position: relative; display: flex; justify-content: center; } .dialog-hold .dia-btn .bt2 { width: 2.54rem; height: 0.74rem; line-height: 0.76rem; overflow: hidden; background: url(../images/btn1.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; color: #0f0b30; font-size: 0.34rem; } .dialog-hold .dia-notip { position: relative; z-index: 2; font-size: 0.24rem; margin-top: 0.32rem; display: flex; justify-content: center; align-items: center; color: rgba(238, 249, 255, 0.5); } .dialog-hold .dia-notip input[type='checkbox'] { background-image: none; width: 0.2rem; height: 0.2rem; box-shadow: rgba(238, 249, 255, 0.5) 0 0 0 1px; border-radius: 100%; margin-right: 0.08rem; } .dialog-hold .dia-notip input[type='checkbox']:checked { background: url(../images/sure.png) no-repeat center center; background-size: 100% auto; background-color: transparent; } .asset-tab { background: url(../images/tab-bg2.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 7.1rem; height: 0.8rem; margin: 0.32rem auto 0; display: flex; justify-content: space-between; align-items: center; text-align: center; padding: 0 0.12rem; -webkit-box-sizing: border-box; } .asset-tab span { padding: 0 0.2rem; height: 0.6rem; line-height: 0.26rem; color: #6c84ae; font-size: 0.26rem; display: flex; align-items: center; position: relative; } .asset-tab span.on { background: url(../images/btn4.png) no-repeat center 0; background-size: auto 100%; background-color: transparent; color: #120c43; font-weight: 500; -webkit-text-stroke: .2pt; border-radius: 0.3rem; } .asset-tab span.on::before { content: ''; width: 0.44rem; height: 0.4rem; display: block; margin-right: 0.08rem; } .asset-tab span.on::after { content: ''; background: url(../images/asset-on.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.23rem; height: 0.11rem; position: absolute; left: 50%; margin-left: -0.12rem; bottom: -0.6rem; } .asset-tab span.on:nth-child(1)::before { background: url(../images/asset-1.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; } .asset-tab span.on:nth-child(2)::before { background: url(../images/asset-2.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; } .asset-tab span.on:nth-child(3)::before { background: url(../images/asset-3.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; } .rank { padding-top: 0.44rem; position: relative; } .rank .rank-txt { color: #8eaada; font-size: 0.22rem; line-height: 0.38rem; padding: 0 0.3rem; } .rank .rank-top { background: url(../images/rank-bg.png) no-repeat 0 bottom; background-size: 100% auto; background-color: transparent; width: 6.51rem; height: 3.82rem; margin: 0.5rem auto 0; position: relative; text-align: center; } .rank .rank-top li { width: 2.07rem; height: 3.82rem; position: absolute; z-index: 0; } .rank .rank-top li::before { content: ''; background: url(../images/heart.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.77rem; height: 1.1rem; position: absolute; left: 50%; margin-left: -0.88rem; top: 1.8rem; z-index: -1; opacity: 0; } .rank .rank-top li.on { z-index: 3; } .rank .rank-top li.one { left: 50%; top: 0; margin-left: -1.03rem; } .rank .rank-top li.one dl dd { color: #efbc6b; } .rank .rank-top li.one .t-hands { background-image: url(../images/btn6.png); } .rank .rank-top li.one .t-user em { background-image: url(../images/one-guan.png); } .rank .rank-top li.one .t-user em.over { background-image: url(../images/one-over.png); } .rank .rank-top li.two { left: 0; top: 0.48rem; } .rank .rank-top li.two .t-user::before { background-image: url(../images/img15.png); } .rank .rank-top li.two dl dd { color: #579ee7; } .rank .rank-top li.three { right: 0; top: 0.48rem; } .rank .rank-top li.three .t-user::before { background-image: url(../images/img16.png); } .rank .rank-top li.three dl dd { color: #ab746b; } .rank .rank-top li.three .t-hands { background-image: url(../images/btn7.png); } .rank .rank-top li.three .t-user em { background-image: url(../images/three-guan.png); } .rank .rank-top li.three .t-user em.over { background-image: url(../images/three-over.png); } .rank .rank-top li .t-user { position: relative; width: 1rem; margin: 0 auto; z-index: 0; padding-top: 0.03rem; } .rank .rank-top li .t-user img { width: 0.9rem; height: 0.9rem; border-radius: 100%; overflow: hidden; display: block; margin: 0 auto; object-fit: cover; } .rank .rank-top li .t-user em { display: block; position: absolute; right: 0.06rem; bottom: 0; background: url(../images/guan.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.24rem; height: 0.23rem; } .rank .rank-top li .t-user em.over { background-image: url(../images/g-over.png); } .rank .rank-top li .t-user::before { content: ''; background: url(../images/img14.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.24rem; height: 1.28rem; position: absolute; left: 50%; margin-left: -0.62rem; top: -0.14rem; z-index: -1; } .rank .rank-top li dl { width: 1.92rem; margin: 0 auto; color: #eef9ff; padding-top: 0.14rem; } .rank .rank-top li dl dt { font-size: 0.24rem; height: 0.4rem; line-height: 0.42rem; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .rank .rank-top li dl dd { font-size: 0.19rem; height: 0.44rem; line-height: 0.46rem; overflow: hidden; } .rank .rank-top li .t-hands { background: url(../images/btn1.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.45rem; height: 0.46rem; line-height: 0.48rem; overflow: hidden; text-align: center; color: #0f0b30; font-size: 0.22rem; display: block; margin: 0.06rem auto 0; position: relative; z-index: 2; -webkit-transition: all 0.3s; -webkit-transform-origin: center center; } .rank .rank-top li .t-hands.t-click { -webkit-transform: scale(0.9); } .rank .rank-top li .t-hands.over { background: #a5a2b8; color: #696688; border-radius: 1rem; } .rank .rank-top li .t-number { color: #656351; font-size: 0.2rem; height: 0.52rem; line-height: 0.54rem; overflow: hidden; display: block; width: 100%; } .rank .rank-list { width: 6.49rem; margin: 0 auto; padding-top: 0.2rem; } .rank .rank-list li { background: url(../images/rank-li.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 6.49rem; height: 1.59rem; margin-top: 0.32rem; display: flex; align-items: center; position: relative; z-index: 2; } .rank .rank-list li.on { z-index: 3; } .rank .rank-list li .t-rank { width: 0.7rem; color: #64c7ff; font-family: "NumFontBlod"; font-size: 0.3rem; line-height: 0.3rem; flex-shrink: 0; text-align: center; } .rank .rank-list li .t-user { position: relative; width: 0.94rem; flex-shrink: 0; } .rank .rank-list li .t-user img { width: 0.94rem; height: 0.94rem; border-radius: 100%; overflow: hidden; display: block; margin: 0 auto; object-fit: cover; border: #9ed7ff solid 1px; -webkit-box-sizing: border-box; } .rank .rank-list li .t-user em { display: block; position: absolute; right: 0.06rem; bottom: 0; background: url(../images/guan.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.24rem; height: 0.23rem; } .rank .rank-list li .t-user em.over { background-image: url(../images/g-over.png); } .rank .rank-list li dl { flex: 1; overflow: hidden; color: #eef9ff; margin-left: 0.2rem; } .rank .rank-list li dl dt { font-size: 0.24rem; height: 0.4rem; line-height: 0.42rem; display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .rank .rank-list li dl dd { width: 100%; font-size: 0.19rem; line-height: 0.2rem; margin-top: 0.1rem; color: #579ee7; } .rank .rank-list li .t-btn { width: 2.3rem; text-align: center; flex-shrink: 0; position: relative; } .rank .rank-list li .t-btn::before { content: ''; background: url(../images/heart.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.77rem; height: 1.1rem; position: absolute; left: 50%; margin-left: -0.88rem; top: -0.3rem; z-index: -1; opacity: 0; } .rank .rank-list li .t-btn .t-hands { background: url(../images/btn1.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.45rem; height: 0.46rem; line-height: 0.48rem; overflow: hidden; text-align: center; color: #0f0b30; font-size: 0.22rem; display: block; margin: 0 auto; position: relative; z-index: 2; -webkit-transition: all 0.3s; -webkit-transform-origin: center center; } .rank .rank-list li .t-btn .t-hands.t-click { -webkit-transform: scale(0.9); } .rank .rank-list li .t-btn .t-hands.over { background: #a5a2b8; color: #696688; border-radius: 1rem; } .rank .rank-list li .t-btn .t-number { color: #6a87ae; font-size: 0.18rem; line-height: 0.2rem; overflow: hidden; display: block; width: 100%; margin-top: 0.1rem; } .dia-share { width: 7.5rem; height: 100%; position: fixed; left: 50%; margin-left: -3.75rem; top: 0; z-index: 111; -webkit-animation: popshow 0.5s ease; } .dia-share .dia-con { position: relative; height: 100%; display: flex; flex-direction: column; width: 100%; } .dia-share .dia-close { background: url(../images/close.png) no-repeat center center; background-size: 0.28rem auto; background-color: transparent; width: 0.6rem; height: 0.6rem; position: absolute; right: 0.1rem; top: 0.1rem; line-height: 99; overflow: hidden; z-index: 3; } .dia-share .dia-top { flex: 1; width: 100%; overflow-y: auto; display: flex; align-items: center; justify-content: center; } .dia-share .dia-ft { background: -webkit-linear-gradient(top, #042246, #0b3569); width: 100%; border-radius: 0.2rem 0.2rem 0 0; border: #dabe8f solid 1px; border-bottom: none; position: relative; padding: 0.5rem 0; } .dia-share .dia-ft .ft-link { overflow: hidden; } .dia-share .dia-ft .ft-link a { background: url(../images/i-share-1.png) no-repeat center 0; background-size: 1.05rem auto; background-color: transparent; width: 25%; float: left; overflow: hidden; text-align: center; margin-top: 0.18rem; padding-top: 1.12rem; color: #f0d389; font-size: 0.24rem; line-height: 0.58rem; } .dia-share .dia-ft .ft-link a.share-2 { background-image: url("../images/i-share-2.png"); } .dia-share .dia-ft .ft-link a.share-3 { background-image: url("../images/i-share-3.png"); } .dia-share .dia-ft .ft-link a.share-4 { background-image: url("../images/i-share-4.png"); } .dia-share .dia-ft .ft-link a.share-5 { background-image: url("../images/i-share-5.png"); } .dia-share .dia-ft .ft-link a.share-6 { background-image: url("../images/i-share-6.png"); } .dia-share .dia-ft .ft-link a.share-7 { background-image: url("../images/i-share-7.png"); } .dia-medal { width: 5.47rem; height: 4.62rem; position: relative; margin: 0 auto; z-index: 0; display: flex; align-items: center; justify-content: center; } .dia-medal.m-spc { background: url(../images/img38.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; } .dia-medal.m-spc::before { content: ''; background: url(../images/star.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 3.71rem; height: 3.07rem; position: absolute; left: 50%; margin-left: -1.85rem; top: 0.4rem; z-index: -1; -webkit-animation: gotAni2 2s linear infinite; } .dia-medal.m-spc::after { content: ''; background: url(../images/light.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 5.11rem; height: 5.11rem; position: absolute; right: 0; top: 0; z-index: -2; -webkit-animation: gotAni1 4s linear infinite; } .dia-medal .m-bg { background: url(../images/medal-bg.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; } .dia-medal .m-img { width: 3.4rem; } .dia-logo { width: 3.68rem; margin: 0 auto; } .canvas-box { position: fixed; left: -99rem; top: 0; } .canvas-box .dia-con { border-radius: 0; } .shareImg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; } .egg { position: relative; width: 100%; } .egg .e-close { background: url(../images/close3.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.56rem; height: 0.56rem; position: absolute; right: 0.63rem; top: -1rem; line-height: 99; overflow: hidden; z-index: 3; } .egg .e-txt { width: 100%; text-align: center; } .egg .e-txt b { display: block; font-size: 0.4rem; line-height: 0.4rem; background-image: -webkit-linear-gradient(top, #fff9e7, #feecc5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 0.04rem; } .egg .e-txt em { font-size: 0.26rem; line-height: 0.3rem; display: block; margin-top: 0.2rem; background-image: -webkit-linear-gradient(top, #fff9e7, #feecc5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .egg .e-img { width: 3.6rem; margin: 0.5rem auto 0; position: relative; z-index: 0; } .egg .e-img img { position: relative; z-index: 2; } .egg .e-btn { display: flex; justify-content: space-around; width: 100%; text-align: center; margin-top: 0.5rem; position: relative; z-index: 2; } .egg .e-btn a { width: 3.02rem; height: 0.95rem; line-height: 0.97rem; overflow: hidden; background: url(../images/btn1.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; color: #0f0b30; font-size: 0.36rem; }