.run_screen_market{ margin: 0px auto; /* width: 76px; */ -webkit-animation: enlargen 1s ease-in-out infinite alternate; animation: enlargen 1s ease-in-out infinite alternate; } .run_screen_head_bg{ position: relative; overflow: hidden; height: 82px; width: 76px; margin: 0px auto; background-image: url(../img/head-bg.fac1b7e8.png); background-size: 100% 100%; } .run_screen_head_bg img{ display: block; margin: 10px auto 0px auto; height: 54px; width: 54px; border-radius: 50%; overflow: hidden; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .run_screen_user{ height: 36px; text-align: center; /* min-width: 86px; max-width: 96px; */ max-width: 145px; line-height: 32px; padding: 0px 16px; background: linear-gradient(180deg, #E0ECF7 0%, #FFFFFF 100%); box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.08); border-radius: 20px 20px 20px 20px; opacity: 1; border: 2px solid #FFFFFF; font-size: 18px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #0E437C; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @-webkit-keyframes enlargen{ 0%{ transform: scale(1); } 100%{ transform: scale(1.05); } } @keyframes enlargen{ 0%{ transform: scale(1); } 100%{ transform: scale(1.05); } } .hide-c{ color: #42b983 !important; } #app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* text-align: center; */ color: #2c3e50; } #nav { padding: 30px; } #nav a { font-weight: bold; color: #2c3e50; } #nav a.router-link-exact-active { color: #42b983; } @font-face { font-family: 'Numbers'; src: url('data:application/octet-stream;base64,T1RUTwANAIAAAwBQQ0ZGIOFqfPYAADtAAAAaYURTSUcAAAABAABXIAAAAAhHREVGAG4AAwAAVygAAAAYR1BPU0lMbYQAAFdAAAAKIkdTVUJEdkx1AABhZAAAACBPUy8yZtaDoAAAAUAAAABgY21hcG7EE+kAADiEAAACnGhlYWQXA7g5AAAA3AAAADZoaGVhBtUDPgAAARQAAAAkaG10eK8bDsQAAFWkAAABem1heHAAX1AAAAABOAAAAAZuYW1lJC67YgAAAaAAADbjcG9zdP+GADIAADsgAAAAIAABAAAAAQAAYB6hg18PPPUACwPoAAAAANYhQmYAAAAA3oQyrv/f/1wDXwLkAAEACAACAAAAAAAAAAEAAAM//1cAVgOI/98AAANfAAEAAAAAAAAAAAAAAAAAAABeAABQAABfAAAAAwHbArwABQAEAooCWAAAAEsCigJYAAABXgAyATgAAAILCAQDAgIDAgQAAAABAAAAAAAAAAAAAAAATU9OTwAgAAAgHQM//1cAVgOGALgAAAABAAAAAAIIArIAAAAgAAIAAAAaAT4AAQAAAAAAAAArAAAAAQAAAAAAAQAFAQwAAQAAAAAAAgAIADEAAQAAAAAAAwAbACsAAQAAAAAABAAOACsAAQAAAAAABQAsAEYAAQAAAAAABgAOAHIAAQAAAAAABwAjAIAAAQAAAAAACAAKANYAAQAAAAAACQALAKMAAQAAAAAACwAUAK4AAQAAAAAADREfAMIAAQAAAAAADgAaAaQAAwABBAkAAABYEeEAAwABBAkAAQAKE/sAAwABBAkAAgAQEkUAAwABBAkAAwA2EjkAAwABBAkABAAcEjkAAwABBAkABQBYEm8AAwABBAkABgAcEscAAwABBAkABwBGEuMAAwABBAkACAAUE48AAwABBAkACQAWEykAAwABBAkACwAoEz8AAwABBAkADSI+E2cAAwABBAkADgA0FStDb3B5cmlnaHQgP0RhdHRvLCBJbmMuIEFsbCByaWdodHMgcmVzZXJ2ZWQuRC1ESU4gRElOLUJvbGQ6VmVyc2lvbiAxLjAwVmVyc2lvbiAxLjAwIEFwcmlsIDE5LCAyMDIyLCBpbml0aWFsIHJlbGVhc2VELURJTi1ESU4tQm9sZERhdHRvIGlzIGEgdHJhZGVtYXJrIG9mIERhdHRvLCBJbmMuQ2hhcmxlcyBOaXhodHRwOi8vd3d3LmRhdHRvLmNvbUNvcHlyaWdodCAoYykgMjAxNywgRGF0dG8gSW5jLiAoZm9udHNAZGF0dG8uY29tKSwKd2l0aCBSZXNlcnZlZCBGb250IE5hbWUgRC1ESU4uCgpUaGlzIEZvbnQgU29mdHdhcmUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIFNJTCBPcGVuIEZvbnQgTGljZW5zZSwgVmVyc2lvbiAxLjEuClRoaXMgbGljZW5zZSBpcyBjb3BpZWQgYmVsb3csIGFuZCBpcyBhbHNvIGF2YWlsYWJsZSB3aXRoIGEgRkFRIGF0OgpodHRwOi8vc2NyaXB0cy5zaWwub3JnL09GTAoKCi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tClNJTCBPUEVOIEZPTlQgTElDRU5TRSBWZXJzaW9uIDEuMSAtIDI2IEZlYnJ1YXJ5IDIwMDcKLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0KClBSRUFNQkxFClRoZSBnb2FscyBvZiB0aGUgT3BlbiBGb250IExpY2Vuc2UgKE9GTCkgYXJlIHRvIHN0aW11bGF0ZSB3b3JsZHdpZGUKZGV2ZWxvcG1lbnQgb2YgY29sbGFib3JhdGl2ZSBmb250IHByb2plY3RzLCB0byBzdXBwb3J0IHRoZSBmb250IGNyZWF0aW9uCmVmZm9ydHMgb2YgYWNhZGVtaWMgYW5kIGxpbmd1aXN0aWMgY29tbXVuaXRpZXMsIGFuZCB0byBwcm92aWRlIGEgZnJlZSBhbmQKb3BlbiBmcmFtZXdvcmsgaW4gd2hpY2ggZm9udHMgbWF5IGJlIHNoYXJlZCBhbmQgaW1wcm92ZWQgaW4gcGFydG5lcnNoaXAKd2l0aCBvdGhlcnMuCgpUaGUgT0ZMIGFsbG93cyB0aGUgbGljZW5zZWQgZm9udHMgdG8gYmUgdXNlZCwgc3R1ZGllZCwgbW9kaWZpZWQgYW5kCnJlZGlzdHJpYnV0ZWQgZnJlZWx5IGFzIGxvbmcgYXMgdGhleSBhcmUgbm90IHNvbGQgYnkgdGhlbXNlbHZlcy4gVGhlCmZvbnRzLCBpbmNsdWRpbmcgYW55IGRlcml2YXRpdmUgd29ya3MsIGNhbiBiZSBidW5kbGVkLCBlbWJlZGRlZCwgCnJlZGlzdHJpYnV0ZWQgYW5kL29yIHNvbGQgd2l0aCBhbnkgc29mdHdhcmUgcHJvdmlkZWQgdGhhdCBhbnkgcmVzZXJ2ZWQKbmFtZXMgYXJlIG5vdCB1c2VkIGJ5IGRlcml2YXRpdmUgd29ya3MuIFRoZSBmb250cyBhbmQgZGVyaXZhdGl2ZXMsCmhvd2V2ZXIsIGNhbm5vdCBiZSByZWxlYXNlZCB1bmRlciBhbnkgb3RoZXIgdHlwZSBvZiBsaWNlbnNlLiBUaGUKcmVxdWlyZW1lbnQgZm9yIGZvbnRzIHRvIHJlbWFpbiB1bmRlciB0aGlzIGxpY2Vuc2UgZG9lcyBub3QgYXBwbHkKdG8gYW55IGRvY3VtZW50IGNyZWF0ZWQgdXNpbmcgdGhlIGZvbnRzIG9yIHRoZWlyIGRlcml2YXRpdmVzLgoKREVGSU5JVElPTlMKIkZvbnQgU29mdHdhcmUiIHJlZmVycyB0byB0aGUgc2V0IG9mIGZpbGVzIHJlbGVhc2VkIGJ5IHRoZSBDb3B5cmlnaHQKSG9sZGVyKHMpIHVuZGVyIHRoaXMgbGljZW5zZSBhbmQgY2xlYXJseSBtYXJrZWQgYXMgc3VjaC4gVGhpcyBtYXkKaW5jbHVkZSBzb3VyY2UgZmlsZXMsIGJ1aWxkIHNjcmlwdHMgYW5kIGRvY3VtZW50YXRpb24uCgoiUmVzZXJ2ZWQgRm9udCBOYW1lIiByZWZlcnMgdG8gYW55IG5hbWVzIHNwZWNpZmllZCBhcyBzdWNoIGFmdGVyIHRoZQpjb3B5cmlnaHQgc3RhdGVtZW50KHMpLgoKIk9yaWdpbmFsIFZlcnNpb24iIHJlZmVycyB0byB0aGUgY29sbGVjdGlvbiBvZiBGb250IFNvZnR3YXJlIGNvbXBvbmVudHMgYXMKZGlzdHJpYnV0ZWQgYnkgdGhlIENvcHlyaWdodCBIb2xkZXIocykuCgoiTW9kaWZpZWQgVmVyc2lvbiIgcmVmZXJzIHRvIGFueSBkZXJpdmF0aXZlIG1hZGUgYnkgYWRkaW5nIHRvLCBkZWxldGluZywKb3Igc3Vic3RpdHV0aW5nIC0tIGluIHBhcnQgb3IgaW4gd2hvbGUgLS0gYW55IG9mIHRoZSBjb21wb25lbnRzIG9mIHRoZQpPcmlnaW5hbCBWZXJzaW9uLCBieSBjaGFuZ2luZyBmb3JtYXRzIG9yIGJ5IHBvcnRpbmcgdGhlIEZvbnQgU29mdHdhcmUgdG8gYQpuZXcgZW52aXJvbm1lbnQuCgoiQXV0aG9yIiByZWZlcnMgdG8gYW55IGRlc2lnbmVyLCBlbmdpbmVlciwgcHJvZ3JhbW1lciwgdGVjaG5pY2FsCndyaXRlciBvciBvdGhlciBwZXJzb24gd2hvIGNvbnRyaWJ1dGVkIHRvIHRoZSBGb250IFNvZnR3YXJlLgoKUEVSTUlTU0lPTiAmIENPTkRJVElPTlMKUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nCmEgY29weSBvZiB0aGUgRm9udCBTb2Z0d2FyZSwgdG8gdXNlLCBzdHVkeSwgY29weSwgbWVyZ2UsIGVtYmVkLCBtb2RpZnksCnJlZGlzdHJpYnV0ZSwgYW5kIHNlbGwgbW9kaWZpZWQgYW5kIHVubW9kaWZpZWQgY29waWVzIG9mIHRoZSBGb250ClNvZnR3YXJlLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczoKCjEpIE5laXRoZXIgdGhlIEZvbnQgU29mdHdhcmUgbm9yIGFueSBvZiBpdHMgaW5kaXZpZHVhbCBjb21wb25lbnRzLAppbiBPcmlnaW5hbCBvciBNb2RpZmllZCBWZXJzaW9ucywgbWF5IGJlIHNvbGQgYnkgaXRzZWxmLgoKMikgT3JpZ2luYWwgb3IgTW9kaWZpZWQgVmVyc2lvbnMgb2YgdGhlIEZvbnQgU29mdHdhcmUgbWF5IGJlIGJ1bmRsZWQsCnJlZGlzdHJpYnV0ZWQgYW5kL29yIHNvbGQgd2l0aCBhbnkgc29mdHdhcmUsIHByb3ZpZGVkIHRoYXQgZWFjaCBjb3B5CmNvbnRhaW5zIHRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIGxpY2Vuc2UuIFRoZXNlIGNhbiBiZQppbmNsdWRlZCBlaXRoZXIgYXMgc3RhbmQtYWxvbmUgdGV4dCBmaWxlcywgaHVtYW4tcmVhZGFibGUgaGVhZGVycyBvcgppbiB0aGUgYXBwcm9wcmlhdGUgbWFjaGluZS1yZWFkYWJsZSBtZXRhZGF0YSBmaWVsZHMgd2l0aGluIHRleHQgb3IKYmluYXJ5IGZpbGVzIGFzIGxvbmcgYXMgdGhvc2UgZmllbGRzIGNhbiBiZSBlYXNpbHkgdmlld2VkIGJ5IHRoZSB1c2VyLgoKMykgTm8gTW9kaWZpZWQgVmVyc2lvbiBvZiB0aGUgRm9udCBTb2Z0d2FyZSBtYXkgdXNlIHRoZSBSZXNlcnZlZCBGb250Ck5hbWUocykgdW5sZXNzIGV4cGxpY2l0IHdyaXR0ZW4gcGVybWlzc2lvbiBpcyBncmFudGVkIGJ5IHRoZSBjb3JyZXNwb25kaW5nCkNvcHlyaWdodCBIb2xkZXIuIFRoaXMgcmVzdHJpY3Rpb24gb25seSBhcHBsaWVzIHRvIHRoZSBwcmltYXJ5IGZvbnQgbmFtZSBhcwpwcmVzZW50ZWQgdG8gdGhlIHVzZXJzLgoKNCkgVGhlIG5hbWUocykgb2YgdGhlIENvcHlyaWdodCBIb2xkZXIocykgb3IgdGhlIEF1dGhvcihzKSBvZiB0aGUgRm9udApTb2Z0d2FyZSBzaGFsbCBub3QgYmUgdXNlZCB0byBwcm9tb3RlLCBlbmRvcnNlIG9yIGFkdmVydGlzZSBhbnkKTW9kaWZpZWQgVmVyc2lvbiwgZXhjZXB0IHRvIGFja25vd2xlZGdlIHRoZSBjb250cmlidXRpb24ocykgb2YgdGhlCkNvcHlyaWdodCBIb2xkZXIocykgYW5kIHRoZSBBdXRob3Iocykgb3Igd2l0aCB0aGVpciBleHBsaWNpdCB3cml0dGVuCnBlcm1pc3Npb24uCgo1KSBUaGUgRm9udCBTb2Z0d2FyZSwgbW9kaWZpZWQgb3IgdW5tb2RpZmllZCwgaW4gcGFydCBvciBpbiB3aG9sZSwKbXVzdCBiZSBkaXN0cmlidXRlZCBlbnRpcmVseSB1bmRlciB0aGlzIGxpY2Vuc2UsIGFuZCBtdXN0IG5vdCBiZQpkaXN0cmlidXRlZCB1bmRlciBhbnkgb3RoZXIgbGljZW5zZS4gVGhlIHJlcXVpcmVtZW50IGZvciBmb250cyB0bwpyZW1haW4gdW5kZXIgdGhpcyBsaWNlbnNlIGRvZXMgbm90IGFwcGx5IHRvIGFueSBkb2N1bWVudCBjcmVhdGVkCnVzaW5nIHRoZSBGb250IFNvZnR3YXJlLgoKVEVSTUlOQVRJT04KVGhpcyBsaWNlbnNlIGJlY29tZXMgbnVsbCBhbmQgdm9pZCBpZiBhbnkgb2YgdGhlIGFib3ZlIGNvbmRpdGlvbnMgYXJlCm5vdCBtZXQuCgpESVNDTEFJTUVSClRIRSBGT05UIFNPRlRXQVJFIElTIFBST1ZJREVEICJBUyBJUyIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsCkVYUFJFU1MgT1IgSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBBTlkgV0FSUkFOVElFUyBPRgpNRVJDSEFOVEFCSUxJVFksIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQKT0YgQ09QWVJJR0hULCBQQVRFTlQsIFRSQURFTUFSSywgT1IgT1RIRVIgUklHSFQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRQpDT1BZUklHSFQgSE9MREVSIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSIExJQUJJTElUWSwKSU5DTFVESU5HIEFOWSBHRU5FUkFMLCBTUEVDSUFMLCBJTkRJUkVDVCwgSU5DSURFTlRBTCwgT1IgQ09OU0VRVUVOVElBTApEQU1BR0VTLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcKRlJPTSwgT1VUIE9GIFRIRSBVU0UgT1IgSU5BQklMSVRZIFRPIFVTRSBUSEUgRk9OVCBTT0ZUV0FSRSBPUiBGUk9NCk9USEVSIERFQUxJTkdTIElOIFRIRSBGT05UIFNPRlRXQVJFLgBDAG8AcAB5AHIAaQBnAGgAdAAgAKkAIABEAGEAdAB0AG8ALAAgAEkAbgBjAC4AIABBAGwAbAAgAHIAaQBnAGgAdABzACAAcgBlAHMAZQByAHYAZQBkAC4ARAAtAEQASQBOACAARABJAE4ALQBCAG8AbABkADoAVgBlAHIAcwBpAG8AbgAgADEALgAwADAAVgBlAHIAcwBpAG8AbgAgADEALgAwADAAIABBAHAAcgBpAGwAIAAxADkALAAgADIAMAAyADIALAAgAGkAbgBpAHQAaQBhAGwAIAByAGUAbABlAGEAcwBlAEQALQBEAEkATgAtAEQASQBOAC0AQgBvAGwAZABEAGEAdAB0AG8AIABpAHMAIABhACAAdAByAGEAZABlAG0AYQByAGsAIABvAGYAIABEAGEAdAB0AG8ALAAgAEkAbgBjAC4AQwBoAGEAcgBsAGUAcwAgAE4AaQB4AGgAdAB0AHAAOgAvAC8AdwB3AHcALgBkAGEAdAB0AG8ALgBjAG8AbQBDAG8AcAB5AHIAaQBnAGgAdAAgACgAYwApACAAMgAwADEANwAsACAARABhAHQAdABvACAASQBuAGMALgAgACgAZgBvAG4AdABzAEAAZABhAHQAdABvAC4AYwBvAG0AKQAsAAoAdwBpAHQAaAAgAFIAZQBzAGUAcgB2AGUAZAAgAEYAbwBuAHQAIABOAGEAbQBlACAARAAtAEQASQBOAC4ACgAKAFQAaABpAHMAIABGAG8AbgB0ACAAUwBvAGYAdAB3AGEAcgBlACAAaQBzACAAbABpAGMAZQBuAHMAZQBkACAAdQBuAGQAZQByACAAdABoAGUAIABTAEkATAAgAE8AcABlAG4AIABGAG8AbgB0ACAATABpAGMAZQBuAHMAZQAsACAAVgBlAHIAcwBpAG8AbgAgADEALgAxAC4ACgBUAGgAaQBzACAAbABpAGMAZQBuAHMAZQAgAGkAcwAgAGMAbwBwAGkAZQBkACAAYgBlAGwAbwB3ACwAIABhAG4AZAAgAGkAcwAgAGEAbABzAG8AIABhAHYAYQBpAGwAYQBiAGwAZQAgAHcAaQB0AGgAIABhACAARgBBAFEAIABhAHQAOgAKAGgAdAB0AHAAOgAvAC8AcwBjAHIAaQBwAHQAcwAuAHMAaQBsAC4AbwByAGcALwBPAEYATAAKAAoACgAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ACgBTAEkATAAgAE8AUABFAE4AIABGAE8ATgBUACAATABJAEMARQBOAFMARQAgAFYAZQByAHMAaQBvAG4AIAAxAC4AMQAgAC0AIAAyADYAIABGAGUAYgByAHUAYQByAHkAIAAyADAAMAA3AAoALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAAoACgBQAFIARQBBAE0AQgBMAEUACgBUAGgAZQAgAGcAbwBhAGwAcwAgAG8AZgAgAHQAaABlACAATwBwAGUAbgAgAEYAbwBuAHQAIABMAGkAYwBlAG4AcwBlACAAKABPAEYATAApACAAYQByAGUAIAB0AG8AIABzAHQAaQBtAHUAbABhAHQAZQAgAHcAbwByAGwAZAB3AGkAZABlAAoAZABlAHYAZQBsAG8AcABtAGUAbgB0ACAAbwBmACAAYwBvAGwAbABhAGIAbwByAGEAdABpAHYAZQAgAGYAbwBuAHQAIABwAHIAbwBqAGUAYwB0AHMALAAgAHQAbwAgAHMAdQBwAHAAbwByAHQAIAB0AGgAZQAgAGYAbwBuAHQAIABjAHIAZQBhAHQAaQBvAG4ACgBlAGYAZgBvAHIAdABzACAAbwBmACAAYQBjAGEAZABlAG0AaQBjACAAYQBuAGQAIABsAGkAbgBnAHUAaQBzAHQAaQBjACAAYwBvAG0AbQB1AG4AaQB0AGkAZQBzACwAIABhAG4AZAAgAHQAbwAgAHAAcgBvAHYAaQBkAGUAIABhACAAZgByAGUAZQAgAGEAbgBkAAoAbwBwAGUAbgAgAGYAcgBhAG0AZQB3AG8AcgBrACAAaQBuACAAdwBoAGkAYwBoACAAZgBvAG4AdABzACAAbQBhAHkAIABiAGUAIABzAGgAYQByAGUAZAAgAGEAbgBkACAAaQBtAHAAcgBvAHYAZQBkACAAaQBuACAAcABhAHIAdABuAGUAcgBzAGgAaQBwAAoAdwBpAHQAaAAgAG8AdABoAGUAcgBzAC4ACgAKAFQAaABlACAATwBGAEwAIABhAGwAbABvAHcAcwAgAHQAaABlACAAbABpAGMAZQBuAHMAZQBkACAAZgBvAG4AdABzACAAdABvACAAYgBlACAAdQBzAGUAZAAsACAAcwB0AHUAZABpAGUAZAAsACAAbQBvAGQAaQBmAGkAZQBkACAAYQBuAGQACgByAGUAZABpAHMAdAByAGkAYgB1AHQAZQBkACAAZgByAGUAZQBsAHkAIABhAHMAIABsAG8AbgBnACAAYQBzACAAdABoAGUAeQAgAGEAcgBlACAAbgBvAHQAIABzAG8AbABkACAAYgB5ACAAdABoAGUAbQBzAGUAbAB2AGUAcwAuACAAVABoAGUACgBmAG8AbgB0AHMALAAgAGkAbgBjAGwAdQBkAGkAbgBnACAAYQBuAHkAIABkAGUAcgBpAHYAYQB0AGkAdgBlACAAdwBvAHIAawBzACwAIABjAGEAbgAgAGIAZQAgAGIAdQBuAGQAbABlAGQALAAgAGUAbQBiAGUAZABkAGUAZAAsACAACgByAGUAZABpAHMAdAByAGkAYgB1AHQAZQBkACAAYQBuAGQALwBvAHIAIABzAG8AbABkACAAdwBpAHQAaAAgAGEAbgB5ACAAcwBvAGYAdAB3AGEAcgBlACAAcAByAG8AdgBpAGQAZQBkACAAdABoAGEAdAAgAGEAbgB5ACAAcgBlAHMAZQByAHYAZQBkAAoAbgBhAG0AZQBzACAAYQByAGUAIABuAG8AdAAgAHUAcwBlAGQAIABiAHkAIABkAGUAcgBpAHYAYQB0AGkAdgBlACAAdwBvAHIAawBzAC4AIABUAGgAZQAgAGYAbwBuAHQAcwAgAGEAbgBkACAAZABlAHIAaQB2AGEAdABpAHYAZQBzACwACgBoAG8AdwBlAHYAZQByACwAIABjAGEAbgBuAG8AdAAgAGIAZQAgAHIAZQBsAGUAYQBzAGUAZAAgAHUAbgBkAGUAcgAgAGEAbgB5ACAAbwB0AGgAZQByACAAdAB5AHAAZQAgAG8AZgAgAGwAaQBjAGUAbgBzAGUALgAgAFQAaABlAAoAcgBlAHEAdQBpAHIAZQBtAGUAbgB0ACAAZgBvAHIAIABmAG8AbgB0AHMAIAB0AG8AIAByAGUAbQBhAGkAbgAgAHUAbgBkAGUAcgAgAHQAaABpAHMAIABsAGkAYwBlAG4AcwBlACAAZABvAGUAcwAgAG4AbwB0ACAAYQBwAHAAbAB5AAoAdABvACAAYQBuAHkAIABkAG8AYwB1AG0AZQBuAHQAIABjAHIAZQBhAHQAZQBkACAAdQBzAGkAbgBnACAAdABoAGUAIABmAG8AbgB0AHMAIABvAHIAIAB0AGgAZQBpAHIAIABkAGUAcgBpAHYAYQB0AGkAdgBlAHMALgAKAAoARABFAEYASQBOAEkAVABJAE8ATgBTAAoAIgBGAG8AbgB0ACAAUwBvAGYAdAB3AGEAcgBlACIAIAByAGUAZgBlAHIAcwAgAHQAbwAgAHQAaABlACAAcwBlAHQAIABvAGYAIABmAGkAbABlAHMAIAByAGUAbABlAGEAcwBlAGQAIABiAHkAIAB0AGgAZQAgAEMAbwBwAHkAcgBpAGcAaAB0AAoASABvAGwAZABlAHIAKABzACkAIAB1AG4AZABlAHIAIAB0AGgAaQBzACAAbABpAGMAZQBuAHMAZQAgAGEAbgBkACAAYwBsAGUAYQByAGwAeQAgAG0AYQByAGsAZQBkACAAYQBzACAAcwB1AGMAaAAuACAAVABoAGkAcwAgAG0AYQB5AAoAaQBuAGMAbAB1AGQAZQAgAHMAbwB1AHIAYwBlACAAZgBpAGwAZQBzACwAIABiAHUAaQBsAGQAIABzAGMAcgBpAHAAdABzACAAYQBuAGQAIABkAG8AYwB1AG0AZQBuAHQAYQB0AGkAbwBuAC4ACgAKACIAUgBlAHMAZQByAHYAZQBkACAARgBvAG4AdAAgAE4AYQBtAGUAIgAgAHIAZQBmAGUAcgBzACAAdABvACAAYQBuAHkAIABuAGEAbQBlAHMAIABzAHAAZQBjAGkAZgBpAGUAZAAgAGEAcwAgAHMAdQBjAGgAIABhAGYAdABlAHIAIAB0AGgAZQAKAGMAbwBwAHkAcgBpAGcAaAB0ACAAcwB0AGEAdABlAG0AZQBuAHQAKABzACkALgAKAAoAIgBPAHIAaQBnAGkAbgBhAGwAIABWAGUAcgBzAGkAbwBuACIAIAByAGUAZgBlAHIAcwAgAHQAbwAgAHQAaABlACAAYwBvAGwAbABlAGMAdABpAG8AbgAgAG8AZgAgAEYAbwBuAHQAIABTAG8AZgB0AHcAYQByAGUAIABjAG8AbQBwAG8AbgBlAG4AdABzACAAYQBzAAoAZABpAHMAdAByAGkAYgB1AHQAZQBkACAAYgB5ACAAdABoAGUAIABDAG8AcAB5AHIAaQBnAGgAdAAgAEgAbwBsAGQAZQByACgAcwApAC4ACgAKACIATQBvAGQAaQBmAGkAZQBkACAAVgBlAHIAcwBpAG8AbgAiACAAcgBlAGYAZQByAHMAIAB0AG8AIABhAG4AeQAgAGQAZQByAGkAdgBhAHQAaQB2AGUAIABtAGEAZABlACAAYgB5ACAAYQBkAGQAaQBuAGcAIAB0AG8ALAAgAGQAZQBsAGUAdABpAG4AZwAsAAoAbwByACAAcwB1AGIAcwB0AGkAdAB1AHQAaQBuAGcAIAAtAC0AIABpAG4AIABwAGEAcgB0ACAAbwByACAAaQBuACAAdwBoAG8AbABlACAALQAtACAAYQBuAHkAIABvAGYAIAB0AGgAZQAgAGMAbwBtAHAAbwBuAGUAbgB0AHMAIABvAGYAIAB0AGgAZQAKAE8AcgBpAGcAaQBuAGEAbAAgAFYAZQByAHMAaQBvAG4ALAAgAGIAeQAgAGMAaABhAG4AZwBpAG4AZwAgAGYAbwByAG0AYQB0AHMAIABvAHIAIABiAHkAIABwAG8AcgB0AGkAbgBnACAAdABoAGUAIABGAG8AbgB0ACAAUwBvAGYAdAB3AGEAcgBlACAAdABvACAAYQAKAG4AZQB3ACAAZQBuAHYAaQByAG8AbgBtAGUAbgB0AC4ACgAKACIAQQB1AHQAaABvAHIAIgAgAHIAZQBmAGUAcgBzACAAdABvACAAYQBuAHkAIABkAGUAcwBpAGcAbgBlAHIALAAgAGUAbgBnAGkAbgBlAGUAcgAsACAAcAByAG8AZwByAGEAbQBtAGUAcgAsACAAdABlAGMAaABuAGkAYwBhAGwACgB3AHIAaQB0AGUAcgAgAG8AcgAgAG8AdABoAGUAcgAgAHAAZQByAHMAbwBuACAAdwBoAG8AIABjAG8AbgB0AHIAaQBiAHUAdABlAGQAIAB0AG8AIAB0AGgAZQAgAEYAbwBuAHQAIABTAG8AZgB0AHcAYQByAGUALgAKAAoAUABFAFIATQBJAFMAUwBJAE8ATgAgACYAIABDAE8ATgBEAEkAVABJAE8ATgBTAAoAUABlAHIAbQBpAHMAcwBpAG8AbgAgAGkAcwAgAGgAZQByAGUAYgB5ACAAZwByAGEAbgB0AGUAZAAsACAAZgByAGUAZQAgAG8AZgAgAGMAaABhAHIAZwBlACwAIAB0AG8AIABhAG4AeQAgAHAAZQByAHMAbwBuACAAbwBiAHQAYQBpAG4AaQBuAGcACgBhACAAYwBvAHAAeQAgAG8AZgAgAHQAaABlACAARgBvAG4AdAAgAFMAbwBmAHQAdwBhAHIAZQAsACAAdABvACAAdQBzAGUALAAgAHMAdAB1AGQAeQAsACAAYwBvAHAAeQAsACAAbQBlAHIAZwBlACwAIABlAG0AYgBlAGQALAAgAG0AbwBkAGkAZgB5ACwACgByAGUAZABpAHMAdAByAGkAYgB1AHQAZQAsACAAYQBuAGQAIABzAGUAbABsACAAbQBvAGQAaQBmAGkAZQBkACAAYQBuAGQAIAB1AG4AbQBvAGQAaQBmAGkAZQBkACAAYwBvAHAAaQBlAHMAIABvAGYAIAB0AGgAZQAgAEYAbwBuAHQACgBTAG8AZgB0AHcAYQByAGUALAAgAHMAdQBiAGoAZQBjAHQAIAB0AG8AIAB0AGgAZQAgAGYAbwBsAGwAbwB3AGkAbgBnACAAYwBvAG4AZABpAHQAaQBvAG4AcwA6AAoACgAxACkAIABOAGUAaQB0AGgAZQByACAAdABoAGUAIABGAG8AbgB0ACAAUwBvAGYAdAB3AGEAcgBlACAAbgBvAHIAIABhAG4AeQAgAG8AZgAgAGkAdABzACAAaQBuAGQAaQB2AGkAZAB1AGEAbAAgAGMAbwBtAHAAbwBuAGUAbgB0AHMALAAKAGkAbgAgAE8AcgBpAGcAaQBuAGEAbAAgAG8AcgAgAE0AbwBkAGkAZgBpAGUAZAAgAFYAZQByAHMAaQBvAG4AcwAsACAAbQBhAHkAIABiAGUAIABzAG8AbABkACAAYgB5ACAAaQB0AHMAZQBsAGYALgAKAAoAMgApACAATwByAGkAZwBpAG4AYQBsACAAbwByACAATQBvAGQAaQBmAGkAZQBkACAAVgBlAHIAcwBpAG8AbgBzACAAbwBmACAAdABoAGUAIABGAG8AbgB0ACAAUwBvAGYAdAB3AGEAcgBlACAAbQBhAHkAIABiAGUAIABiAHUAbgBkAGwAZQBkACwACgByAGUAZABpAHMAdAByAGkAYgB1AHQAZQBkACAAYQBuAGQALwBvAHIAIABzAG8AbABkACAAdwBpAHQAaAAgAGEAbgB5ACAAcwBvAGYAdAB3AGEAcgBlACwAIABwAHIAbwB2AGkAZABlAGQAIAB0AGgAYQB0ACAAZQBhAGMAaAAgAGMAbwBwAHkACgBjAG8AbgB0AGEAaQBuAHMAIAB0AGgAZQAgAGEAYgBvAHYAZQAgAGMAbwBwAHkAcgBpAGcAaAB0ACAAbgBvAHQAaQBjAGUAIABhAG4AZAAgAHQAaABpAHMAIABsAGkAYwBlAG4AcwBlAC4AIABUAGgAZQBzAGUAIABjAGEAbgAgAGIAZQAKAGkAbgBjAGwAdQBkAGUAZAAgAGUAaQB0AGgAZQByACAAYQBzACAAcwB0AGEAbgBkAC0AYQBsAG8AbgBlACAAdABlAHgAdAAgAGYAaQBsAGUAcwAsACAAaAB1AG0AYQBuAC0AcgBlAGEAZABhAGIAbABlACAAaABlAGEAZABlAHIAcwAgAG8AcgAKAGkAbgAgAHQAaABlACAAYQBwAHAAcgBvAHAAcgBpAGEAdABlACAAbQBhAGMAaABpAG4AZQAtAHIAZQBhAGQAYQBiAGwAZQAgAG0AZQB0AGEAZABhAHQAYQAgAGYAaQBlAGwAZABzACAAdwBpAHQAaABpAG4AIAB0AGUAeAB0ACAAbwByAAoAYgBpAG4AYQByAHkAIABmAGkAbABlAHMAIABhAHMAIABsAG8AbgBnACAAYQBzACAAdABoAG8AcwBlACAAZgBpAGUAbABkAHMAIABjAGEAbgAgAGIAZQAgAGUAYQBzAGkAbAB5ACAAdgBpAGUAdwBlAGQAIABiAHkAIAB0AGgAZQAgAHUAcwBlAHIALgAKAAoAMwApACAATgBvACAATQBvAGQAaQBmAGkAZQBkACAAVgBlAHIAcwBpAG8AbgAgAG8AZgAgAHQAaABlACAARgBvAG4AdAAgAFMAbwBmAHQAdwBhAHIAZQAgAG0AYQB5ACAAdQBzAGUAIAB0AGgAZQAgAFIAZQBzAGUAcgB2AGUAZAAgAEYAbwBuAHQACgBOAGEAbQBlACgAcwApACAAdQBuAGwAZQBzAHMAIABlAHgAcABsAGkAYwBpAHQAIAB3AHIAaQB0AHQAZQBuACAAcABlAHIAbQBpAHMAcwBpAG8AbgAgAGkAcwAgAGcAcgBhAG4AdABlAGQAIABiAHkAIAB0AGgAZQAgAGMAbwByAHIAZQBzAHAAbwBuAGQAaQBuAGcACgBDAG8AcAB5AHIAaQBnAGgAdAAgAEgAbwBsAGQAZQByAC4AIABUAGgAaQBzACAAcgBlAHMAdAByAGkAYwB0AGkAbwBuACAAbwBuAGwAeQAgAGEAcABwAGwAaQBlAHMAIAB0AG8AIAB0AGgAZQAgAHAAcgBpAG0AYQByAHkAIABmAG8AbgB0ACAAbgBhAG0AZQAgAGEAcwAKAHAAcgBlAHMAZQBuAHQAZQBkACAAdABvACAAdABoAGUAIAB1AHMAZQByAHMALgAKAAoANAApACAAVABoAGUAIABuAGEAbQBlACgAcwApACAAbwBmACAAdABoAGUAIABDAG8AcAB5AHIAaQBnAGgAdAAgAEgAbwBsAGQAZQByACgAcwApACAAbwByACAAdABoAGUAIABBAHUAdABoAG8AcgAoAHMAKQAgAG8AZgAgAHQAaABlACAARgBvAG4AdAAKAFMAbwBmAHQAdwBhAHIAZQAgAHMAaABhAGwAbAAgAG4AbwB0ACAAYgBlACAAdQBzAGUAZAAgAHQAbwAgAHAAcgBvAG0AbwB0AGUALAAgAGUAbgBkAG8AcgBzAGUAIABvAHIAIABhAGQAdgBlAHIAdABpAHMAZQAgAGEAbgB5AAoATQBvAGQAaQBmAGkAZQBkACAAVgBlAHIAcwBpAG8AbgAsACAAZQB4AGMAZQBwAHQAIAB0AG8AIABhAGMAawBuAG8AdwBsAGUAZABnAGUAIAB0AGgAZQAgAGMAbwBuAHQAcgBpAGIAdQB0AGkAbwBuACgAcwApACAAbwBmACAAdABoAGUACgBDAG8AcAB5AHIAaQBnAGgAdAAgAEgAbwBsAGQAZQByACgAcwApACAAYQBuAGQAIAB0AGgAZQAgAEEAdQB0AGgAbwByACgAcwApACAAbwByACAAdwBpAHQAaAAgAHQAaABlAGkAcgAgAGUAeABwAGwAaQBjAGkAdAAgAHcAcgBpAHQAdABlAG4ACgBwAGUAcgBtAGkAcwBzAGkAbwBuAC4ACgAKADUAKQAgAFQAaABlACAARgBvAG4AdAAgAFMAbwBmAHQAdwBhAHIAZQAsACAAbQBvAGQAaQBmAGkAZQBkACAAbwByACAAdQBuAG0AbwBkAGkAZgBpAGUAZAAsACAAaQBuACAAcABhAHIAdAAgAG8AcgAgAGkAbgAgAHcAaABvAGwAZQAsAAoAbQB1AHMAdAAgAGIAZQAgAGQAaQBzAHQAcgBpAGIAdQB0AGUAZAAgAGUAbgB0AGkAcgBlAGwAeQAgAHUAbgBkAGUAcgAgAHQAaABpAHMAIABsAGkAYwBlAG4AcwBlACwAIABhAG4AZAAgAG0AdQBzAHQAIABuAG8AdAAgAGIAZQAKAGQAaQBzAHQAcgBpAGIAdQB0AGUAZAAgAHUAbgBkAGUAcgAgAGEAbgB5ACAAbwB0AGgAZQByACAAbABpAGMAZQBuAHMAZQAuACAAVABoAGUAIAByAGUAcQB1AGkAcgBlAG0AZQBuAHQAIABmAG8AcgAgAGYAbwBuAHQAcwAgAHQAbwAKAHIAZQBtAGEAaQBuACAAdQBuAGQAZQByACAAdABoAGkAcwAgAGwAaQBjAGUAbgBzAGUAIABkAG8AZQBzACAAbgBvAHQAIABhAHAAcABsAHkAIAB0AG8AIABhAG4AeQAgAGQAbwBjAHUAbQBlAG4AdAAgAGMAcgBlAGEAdABlAGQACgB1AHMAaQBuAGcAIAB0AGgAZQAgAEYAbwBuAHQAIABTAG8AZgB0AHcAYQByAGUALgAKAAoAVABFAFIATQBJAE4AQQBUAEkATwBOAAoAVABoAGkAcwAgAGwAaQBjAGUAbgBzAGUAIABiAGUAYwBvAG0AZQBzACAAbgB1AGwAbAAgAGEAbgBkACAAdgBvAGkAZAAgAGkAZgAgAGEAbgB5ACAAbwBmACAAdABoAGUAIABhAGIAbwB2AGUAIABjAG8AbgBkAGkAdABpAG8AbgBzACAAYQByAGUACgBuAG8AdAAgAG0AZQB0AC4ACgAKAEQASQBTAEMATABBAEkATQBFAFIACgBUAEgARQAgAEYATwBOAFQAIABTAE8ARgBUAFcAQQBSAEUAIABJAFMAIABQAFIATwBWAEkARABFAEQAIAAiAEEAUwAgAEkAUwAiACwAIABXAEkAVABIAE8AVQBUACAAVwBBAFIAUgBBAE4AVABZACAATwBGACAAQQBOAFkAIABLAEkATgBEACwACgBFAFgAUABSAEUAUwBTACAATwBSACAASQBNAFAATABJAEUARAAsACAASQBOAEMATABVAEQASQBOAEcAIABCAFUAVAAgAE4ATwBUACAATABJAE0ASQBUAEUARAAgAFQATwAgAEEATgBZACAAVwBBAFIAUgBBAE4AVABJAEUAUwAgAE8ARgAKAE0ARQBSAEMASABBAE4AVABBAEIASQBMAEkAVABZACwAIABGAEkAVABOAEUAUwBTACAARgBPAFIAIABBACAAUABBAFIAVABJAEMAVQBMAEEAUgAgAFAAVQBSAFAATwBTAEUAIABBAE4ARAAgAE4ATwBOAEkATgBGAFIASQBOAEcARQBNAEUATgBUAAoATwBGACAAQwBPAFAAWQBSAEkARwBIAFQALAAgAFAAQQBUAEUATgBUACwAIABUAFIAQQBEAEUATQBBAFIASwAsACAATwBSACAATwBUAEgARQBSACAAUgBJAEcASABUAC4AIABJAE4AIABOAE8AIABFAFYARQBOAFQAIABTAEgAQQBMAEwAIABUAEgARQAKAEMATwBQAFkAUgBJAEcASABUACAASABPAEwARABFAFIAIABCAEUAIABMAEkAQQBCAEwARQAgAEYATwBSACAAQQBOAFkAIABDAEwAQQBJAE0ALAAgAEQAQQBNAEEARwBFAFMAIABPAFIAIABPAFQASABFAFIAIABMAEkAQQBCAEkATABJAFQAWQAsAAoASQBOAEMATABVAEQASQBOAEcAIABBAE4AWQAgAEcARQBOAEUAUgBBAEwALAAgAFMAUABFAEMASQBBAEwALAAgAEkATgBEAEkAUgBFAEMAVAAsACAASQBOAEMASQBEAEUATgBUAEEATAAsACAATwBSACAAQwBPAE4AUwBFAFEAVQBFAE4AVABJAEEATAAKAEQAQQBNAEEARwBFAFMALAAgAFcASABFAFQASABFAFIAIABJAE4AIABBAE4AIABBAEMAVABJAE8ATgAgAE8ARgAgAEMATwBOAFQAUgBBAEMAVAAsACAAVABPAFIAVAAgAE8AUgAgAE8AVABIAEUAUgBXAEkAUwBFACwAIABBAFIASQBTAEkATgBHAAoARgBSAE8ATQAsACAATwBVAFQAIABPAEYAIABUAEgARQAgAFUAUwBFACAATwBSACAASQBOAEEAQgBJAEwASQBUAFkAIABUAE8AIABVAFMARQAgAFQASABFACAARgBPAE4AVAAgAFMATwBGAFQAVwBBAFIARQAgAE8AUgAgAEYAUgBPAE0ACgBPAFQA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AAoAPQA+AAsAQABDAAsARABEAAoARQBFAAsARgBGAAoARwBHAAsASABIAAIASQBJAAMASgBKAAsASwBMAAQATQBNAAYATgBOAAQATwBPAAcAXABcAAUAXgBeAAUAAgBoAAQAAAB2AJgABAALAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/7v/2f/i/7oAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/87/tQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf/M/+AADgABAAUACABbAFwAXQBeAAIABQAIAAgAAQBbAFsAAgBcAFwAAwBdAF0AAgBeAF4AAwABABoANQAFAAcAAAAHAAcABwAAAAcABwAGAAcABwAHAAcAAAAHAAAABwAAAAEAAAACAAMAAAAEAAAAAAAAAAAAAAAIAAgACAAAAAgAAAAAAAAAAAAAAAAAAAAIAAAACAAAAAkAAAAAAAoACgAAAAoAAQA8AAQAAAAHABgAGAAYAB4AJAAYADYAAQAS//YAAQAS/9YABAAO//YAD//sABH/2AAT//YAAQAS/+IAAQAHAAsADgAPABEAEgATABQAAgAgAAQAAAAoADQAAgAEAAAAAAAAAAAAAP/i/+//5AABAAIABwAJAAEABwADAAEAAAABAAIAAwAMAAwAAQASABIAAgAUABQAAwACABwABAAAACQAMAADAAIAAAAAAAD/3wAA/94AAQACABIAFAABABIAAwABAAAAAgABAAcAAwABAAAAAQABAAwAEAAAADoAPAACAAAAAQATABoAHgAiACcAKAAqACwALgAyADMANgA6AD4AQwBEAEgASgBOAE8AAAATAAAAAQAAAAoAHAAeAAFERkxUAAgABAAAAAD//wAAAAAAAA==') format('woff2'); } .home { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/index.607bebb9.jpeg) round; } .home div { width: 230px; height: 230px; position: absolute; } .home .a { top: 647px; left: 142px; } .home .b { top: 647px; left: 500px; } .home .c { top: 647px; left: 840px; } .home .d { top: 600px; left: 1540px; } .img { position: fixed; top: 0; left: 0; bottom: 0; right: 0; } .img1 { background: url(../img/1.7895ba79.jpg) round; } .img2 { background: url(../img/2.fb8c2eaa.jpg) round; } .img3 { background: url(../img/3.860b0de9.jpg) round; } .img4 { background: url(../img/4.f6498ad9.jpg) round; } .img5 { background: url(../img/5.6616f1cb.jpg) round; } .img6 { background: url(../img/6.16135a25.jpg) round; } .bg { width: 1920px; height: 1080px; background: url(../img/dr_bj.cf651436.png) no-repeat; background-size: 100% 100%; } .skip { position: fixed; top: 0; left: 0; bottom: 0; right: 0; } .skip .card-a { position: fixed; left: 0; top: 0; width: 1920px; height: 1080px; background: url(../img/dr_bj.cf651436.png) round; background-size: 1920px 1080px; } .skip .card-a .img-title { position: fixed; left: 70px; top: 110px; width: 356px; height: 888px; } .skip .card-a .content { position: relative; left: 446px; top: 123px; width: 1428px; height: 807px; padding: 200px 0 0 10px; background: url(../img/dar.1c17bdbc.png) no-repeat; background-size: 1428px 807px; } .skip .card-a .content .stu { display: inline-block; width: 350px; height: 240px; margin: 0 80px 43px 26px; } .skip .card-a .content .stu .head { position: relative; left: -53px; top: 20px; width: 130px; height: 130px; border-radius: 50%; border: 4px solid #e8ca8e; z-index: 99; } .skip .card-a .content .stu .hg { position: relative; left: 0; top: -5px; float: left; width: 68px; height: 64px; z-index: 999; } .skip .card-a .content .stu .grade { position: relative; left: 34px; top: 25px; font-size: 30px; color: #f4cd64; font-weight: bold; z-index: 99; } .skip .card-a .content .stu .msg { position: relative; top: -180px; left: 80px; width: 358px; height: 240px; background: url(../img/lan.d4f1462c.png); font-size: 30px; color: #fff; } .skip .card-a .content .stu .msg .stu-msg { position: absolute; top: 30px; left: 95px; line-height: 50px; } .skip .card-a .content .stu .msg .stu-msg span { font-size: 36px; font-weight: bold; color: #ffab9b; } .skip .card-b { position: fixed; left: 0; top: 0; width: 1920px; height: 1080px; background: url(../img/syb_bj.37b60e56.png) round; background-size: 1920px 1080px; } .skip .card-b .main { background: url(../img/01.c4c58c01.png) round; width: 1808px; height: 881px; margin: 70px auto 0 auto; } .skip .card-b .boy { position: relative; display: inline-block; left: 48px; top: 82px; width: 888px; height: 872px; background-size: 888px 872px; z-index: 9; } .skip .card-b .girl { position: relative; display: inline-block; left: 96px; top: 82px; width: 888px; height: 872px; background-size: 888px 872px; } .skip .card-b .boy-top, .skip .card-b .girl-top { position: absolute; display: flex; margin: 120px 0 0 24px; text-align: center; z-index: 99; } .skip .card-b .boy-top .name, .skip .card-b .girl-top .name { font-size: 36px; font-weight: bold; color: #fff; } .skip .card-b .boy-top .class, .skip .card-b .girl-top .class { font-size: 24px; color: #bbdfff; } .skip .card-b .boy-top .point, .skip .card-b .girl-top .point { display: inline-block; width: 114px; height: 50px; line-height: 50px; margin-top: 5px; background: url(../img/anniu.5ede96cd.png) no-repeat; background-size: 114px 50px; font-size: 30px; font-weight: bold; } .skip .card-b .boy-top .top-two, .skip .card-b .girl-top .top-two, .skip .card-b .boy-top .top-three, .skip .card-b .girl-top .top-three { flex: 1; width: 240px; height: 194px; margin: 65px 0 0 30px; background: url(../img/lan240_194.dddf6e8e.png) no-repeat; background-size: 240px 194px; } .skip .card-b .boy-top .top-two .hg-two, .skip .card-b .girl-top .top-two .hg-two, .skip .card-b .boy-top .top-three .hg-two, .skip .card-b .girl-top .top-three .hg-two, .skip .card-b .boy-top .top-two .hg-three, .skip .card-b .girl-top .top-two .hg-three, .skip .card-b .boy-top .top-three .hg-three, .skip .card-b .girl-top .top-three .hg-three { position: absolute; float: left; top: -50px; z-index: 999; } .skip .card-b .boy-top .top-two .head-two, .skip .card-b .girl-top .top-two .head-two, .skip .card-b .boy-top .top-three .head-two, .skip .card-b .girl-top .top-three .head-two, .skip .card-b .boy-top .top-two .head-three, .skip .card-b .girl-top .top-two .head-three, .skip .card-b .boy-top .top-three .head-three, .skip .card-b .girl-top .top-three .head-three { width: 130px; height: 130px; margin-top: -98px; border-radius: 50%; } .skip .card-b .boy-top .top-two .head-two, .skip .card-b .girl-top .top-two .head-two, .skip .card-b .boy-top .top-three .head-two, .skip .card-b .girl-top .top-three .head-two { border: 4px solid #bec3d7; } .skip .card-b .boy-top .top-two .head-three, .skip .card-b .girl-top .top-two .head-three, .skip .card-b .boy-top .top-three .head-three, .skip .card-b .girl-top .top-three .head-three { border: 4px solid #f9aaa5; } .skip .card-b .boy-top .top-two .point-color-two, .skip .card-b .girl-top .top-two .point-color-two, .skip .card-b .boy-top .top-three .point-color-two, .skip .card-b .girl-top .top-three .point-color-two { color: #bbdfff; } .skip .card-b .boy-top .top-two .point-color-three, .skip .card-b .girl-top .top-two .point-color-three, .skip .card-b .boy-top .top-three .point-color-three, .skip .card-b .girl-top .top-three .point-color-three { color: #eaa59f; } .skip .card-b .boy-top .top-one, .skip .card-b .girl-top .top-one { flex: 1; width: 240px; height: 194px; margin-left: 30px; background: url(../img/lan240_194.dddf6e8e.png) no-repeat; background-size: 240px 194px; } .skip .card-b .boy-top .top-one .hg-one, .skip .card-b .girl-top .top-one .hg-one { position: absolute; float: left; top: -103px; margin-left: -7px; z-index: 999; } .skip .card-b .boy-top .top-one .head-one, .skip .card-b .girl-top .top-one .head-one { width: 130px; height: 130px; margin-top: -68px; border-radius: 50%; border: 4px solid #e8ca8e; } .skip .card-b .boy-top .top-one .point-color-one, .skip .card-b .girl-top .top-one .point-color-one { color: #fcd363; } .skip .card-b .girl .other { top: 70px; } .skip .card-b .other { position: absolute; left: 0; top: 450px; } .skip .card-b .other table { width: 780px; margin-left: 54px; } .skip .card-b .other table tr { margin-top: 40px !important; } .skip .card-b .other table .rank { width: 40px; font-size: 30px; font-weight: bold; font-style: italic; color: #fff; } .skip .card-b .other table .head { width: 94px; } .skip .card-b .other table .head .small-head { width: 65px; height: 65px; border-radius: 50%; border: 2px solid #bec3d7; } .skip .card-b .other table .stu-name { width: 228px; font-size: 30px; color: #bbdfff; } .skip .card-b .other table .stu-class { width: 266px; font-size: 30px; color: #bbdfff; } .skip .card-b .other table .point { font-size: 30px; font-weight: bold; color: #ffab9b; } .title { position: relative; top: 42px; font-size: 40px; color: #a2ecff; font-weight: bold; text-align: center; } .bg { width: 1920px; height: 1080px; background: url(../img/dr_bj.cf651436.png) no-repeat; background-size: 100% 100%; } .running { position: fixed; top: 0; left: 0; bottom: 0; right: 0; } .running .card-a { position: fixed; left: 0; top: 0; width: 1920px; height: 1080px; text-align: center; background: url(../img/syb_bj.37b60e56.png) round; background-size: 1920px 1080px; } .running .card-a .list { position: relative; margin-top: 75px; margin-right: -20px; } .running .card-a .list ul { margin: 0; padding: 0; } .running .card-a .list ul li { position: relative; left: 0; top: 0; display: inline-block; border: none; width: 346px; height: 126px; margin: 0 22px 26px 0; } .running .card-a .list ul li .bg_color { position: relative; left: 0; top: 0; width: 346px; height: 126px; } .running .card-a .list ul li .content { position: absolute; left: 0; top: 0; width: 346px; height: 126px; line-height: 126px; } .running .card-a .list ul li .content .rank { position: absolute; left: 0; top: 0; width: 50px; text-align: center; display: inline-block; font-size: 36px; font-weight: bold; color: #fff; } .running .card-a .list ul li .content .head { position: absolute; left: 48px; top: 20px; display: inline-block; width: 80px; height: 80px; border-radius: 50%; border: 4px solid #e8ca8e; } .running .card-a .list ul li .content .msg { position: absolute; left: 140px; top: 20px; display: inline-block; text-align: left; height: 80px; line-height: 46px; color: #fff; } .running .card-a .list ul li .content .msg .name { font-size: 26px; font-weight: bold; } .running .card-a .list ul li .content .msg .class { font-size: 22px; } .running .card-a .list ul li .content .point { float: right; margin-right: 8px; font-size: 36px; font-weight: bold; color: #fff000; } .running .card-b { position: fixed; left: 0; top: 0; width: 1920px; height: 1080px; background: url(../img/syb_bj.37b60e56.png) round; background-size: 1920px 1080px; } .running .card-b .content { position: relative; display: flex; top: 115px; width: 1822px; height: 807px; margin: 0 auto; background: url(../img/ydfz.a4b7df29.png); } .running .card-b .content .boy, .running .card-b .content .girl { flex: 1; } .running .card-b .content .boy .msg1, .running .card-b .content .girl .msg1 { margin-bottom: 130px !important; top: 200px !important; } .running .card-b .content .boy .msg, .running .card-b .content .girl .msg { position: relative; left: 30px; top: 130px; margin-bottom: 80px; color: #fff; } .running .card-b .content .boy .msg .text, .running .card-b .content .girl .msg .text { position: relative; display: inline-block; vertical-align: middle; width: 150px; } .running .card-b .content .boy .msg .text .name, .running .card-b .content .girl .msg .text .name { font-size: 36px; font-weight: bold; color: #d1a039; } .running .card-b .content .boy .msg .text .class, .running .card-b .content .girl .msg .text .class { font-size: 30px; color: #fff; } .running .card-b .content .boy .msg .length, .running .card-b .content .girl .msg .length { position: relative; left: 10px; display: inline-block; vertical-align: middle; height: 68px; border-radius: 40px; } .running .card-b .content .boy .msg .length .head, .running .card-b .content .girl .msg .length .head { position: absolute; top: -36px; right: -100px; width: 130px; height: 130px; border-radius: 50%; border: 4px solid #e8ca8e; } .running .card-b .content .boy .msg .length .ball, .running .card-b .content .girl .msg .length .ball { position: absolute; right: -206px; top: -60px; width: 64px; height: 64px; } .running .card-b .content .boy .msg .step-num, .running .card-b .content .girl .msg .step-num { position: relative; display: inline-block; vertical-align: middle; margin-left: 120px; line-height: 68px; font-size: 60px; font-weight: bold; color: #ffab9b; } .title { position: relative; top: 42px; font-size: 40px; color: #a2ecff; font-weight: bold; text-align: center; } .running { position: fixed; top: 0; left: 0; bottom: 0; right: 0; } .running .result { position: fixed; left: 0; top: 0; width: 1920px; height: 1080px; background: url(../img/syb_bj.37b60e56.png) round; background-size: 1920px 1080px; } .running .result .item:nth-child(n+5) { background: url(../img/fen_2.1d0bf921.png) !important; } .running .result .main { padding: 140px 40px; } .running .result .main .item { width: 438px; height: 352px; background: url(../img/lan_2.c62c85ba.png); float: left; margin: 10px; } .running .result .main .item .left { float: left; margin: 90px 0 0 10px; } .running .result .main .item .left .left-top div { font-size: 50px; font-weight: bold; color: #fff; display: inline-block; vertical-align: top; height: 100px; width: 50px; line-height: 100px; text-align: center; } .running .result .main .item .left .left-top img { width: 100px; height: 100px; border-radius: 100%; } .running .result .main .item .left .left-bottom { margin-left: 30px; margin-top: 10px; width: 140px; font-size: 32px; color: #fff; text-align: center; } .running .result .main .item .left .left-bottom .class-name { font-size: 24px; font-weight: bold; } .running .result .main .item .right { float: right; margin: 90px 10px 0 0px; } .running .result .main .item .right div { margin: 0 0 10px 0; } .running .result .main .item .right .val { display: inline-block; width: 180px; text-align: left; margin-left: 10px; } .running .result .main .item .right i { font-size: 30px; color: #fff; display: inline-block; width: 60px; } .running .result .main .item .right span { font-size: 50px; color: #fff000; font-weight: bold; } .running .result .main .item .right .key { font-size: 30px; color: #fff; display: inline-block; width: 60px; } .running .card-b { position: fixed; left: 0; top: 0; width: 1920px; height: 1080px; background: url(../img/syb_bj.37b60e56.png) round; background-size: 1920px 1080px; } .running .card-b .content { position: relative; display: flex; top: 115px; width: 1822px; height: 807px; margin: 0 auto; background: url(../img/ydfz.a4b7df29.png); } .running .card-b .content .boy, .running .card-b .content .girl { flex: 1; } .running .card-b .content .boy .msg1, .running .card-b .content .girl .msg1 { margin-bottom: 130px !important; top: 200px !important; } .running .card-b .content .boy .msg, .running .card-b .content .girl .msg { position: relative; left: 30px; top: 130px; margin-bottom: 80px; color: #fff; } .running .card-b .content .boy .msg .text, .running .card-b .content .girl .msg .text { position: relative; display: inline-block; vertical-align: middle; width: 150px; } .running .card-b .content .boy .msg .text .name, .running .card-b .content .girl .msg .text .name { font-size: 36px; font-weight: bold; color: #d1a039; } .running .card-b .content .boy .msg .text .class, .running .card-b .content .girl .msg .text .class { font-size: 30px; color: #fff; } .running .card-b .content .boy .msg .length, .running .card-b .content .girl .msg .length { position: relative; left: 10px; display: inline-block; vertical-align: middle; height: 68px; border-radius: 40px; } .running .card-b .content .boy .msg .length .head, .running .card-b .content .girl .msg .length .head { position: absolute; top: -36px; right: -100px; width: 130px; height: 130px; border-radius: 50%; border: 4px solid #e8ca8e; } .running .card-b .content .boy .msg .length .step, .running .card-b .content .girl .msg .length .step { position: absolute; right: -160px; top: -30px; width: 42px; height: 42px; } .running .card-b .content .boy .msg .length .hot, .running .card-b .content .girl .msg .length .hot { position: absolute; right: -160px; top: 40px; width: 42px; height: 42px; } .running .card-b .content .boy .msg .step-num, .running .card-b .content .girl .msg .step-num { position: absolute; right: -290px; top: -40px; font-size: 40px; font-weight: bold; color: #ffab9b; } .running .card-b .content .boy .msg .step-num span, .running .card-b .content .girl .msg .step-num span { font-size: 20px; color: #fff; } .running .card-b .content .boy .msg .hot-num, .running .card-b .content .girl .msg .hot-num { position: absolute; right: -290px; top: 35px; font-size: 40px; font-weight: bold; color: #ffab9b; } .running .card-b .content .boy .msg .hot-num span, .running .card-b .content .girl .msg .hot-num span { font-size: 20px; color: #fff; } .title { position: relative; top: 42px; font-size: 40px; color: #a2ecff; font-weight: bold; text-align: center; } .running { position: fixed; top: 0; left: 0; bottom: 0; right: 0; } .running .result { position: fixed; left: 0; top: 0; width: 1920px; height: 1080px; background: url(../img/syb_bj.37b60e56.png) round; background-size: 1920px 1080px; } .running .result .item:nth-child(n+5) { background: url(../img/fen_2.1d0bf921.png) !important; } .running .result .main { padding: 140px 40px; } .running .result .main .item { width: 438px; height: 352px; background: url(../img/lan_2.c62c85ba.png); float: left; margin: 10px; } .running .result .main .item .left { float: left; margin: 90px 0 0 10px; } .running .result .main .item .left .left-top div { font-size: 50px; font-weight: bold; color: #fff; display: inline-block; vertical-align: top; height: 100px; width: 50px; line-height: 100px; text-align: center; } .running .result .main .item .left .left-top img { width: 100px; height: 100px; border-radius: 100%; } .running .result .main .item .left .left-bottom { margin-left: 30px; margin-top: 10px; width: 140px; font-size: 32px; color: #fff; text-align: center; } .running .result .main .item .left .left-bottom .class-name { font-size: 24px; font-weight: bold; } .running .result .main .item .right { float: right; margin: 90px 10px 0 0px; } .running .result .main .item .right div { margin: 0 0 10px 0; } .running .result .main .item .right .val { display: inline-block; width: 180px; text-align: left; margin-left: 10px; } .running .result .main .item .right i { font-size: 30px; color: #fff; display: inline-block; width: 60px; } .running .result .main .item .right span { font-size: 50px; color: #fff000; font-weight: bold; } .running .result .main .item .right .key { font-size: 30px; color: #fff; display: inline-block; width: 60px; } .running .card-b { position: fixed; left: 0; top: 0; width: 1920px; height: 1080px; background: url(../img/syb_bj.37b60e56.png) round; background-size: 1920px 1080px; } .running .card-b .content { position: relative; display: flex; top: 115px; width: 1822px; height: 807px; margin: 0 auto; background: url(../img/ydfz.a4b7df29.png); } .running .card-b .content .boy, .running .card-b .content .girl { flex: 1; } .running .card-b .content .boy .msg1, .running .card-b .content .girl .msg1 { margin-bottom: 130px !important; top: 200px !important; } .running .card-b .content .boy .msg, .running .card-b .content .girl .msg { position: relative; left: 30px; top: 130px; margin-bottom: 80px; color: #fff; } .running .card-b .content .boy .msg .text, .running .card-b .content .girl .msg .text { position: relative; display: inline-block; vertical-align: middle; width: 150px; } .running .card-b .content .boy .msg .text .name, .running .card-b .content .girl .msg .text .name { font-size: 36px; font-weight: bold; color: #d1a039; } .running .card-b .content .boy .msg .text .class, .running .card-b .content .girl .msg .text .class { font-size: 30px; color: #fff; } .running .card-b .content .boy .msg .length, .running .card-b .content .girl .msg .length { position: relative; left: 10px; display: inline-block; vertical-align: middle; height: 68px; border-radius: 40px; } .running .card-b .content .boy .msg .length .head, .running .card-b .content .girl .msg .length .head { position: absolute; top: -36px; right: -100px; width: 130px; height: 130px; border-radius: 50%; border: 4px solid #e8ca8e; } .running .card-b .content .boy .msg .length .step, .running .card-b .content .girl .msg .length .step { position: absolute; right: -160px; top: -30px; width: 42px; height: 42px; } .running .card-b .content .boy .msg .length .hot, .running .card-b .content .girl .msg .length .hot { position: absolute; right: -160px; top: 40px; width: 42px; height: 42px; } .running .card-b .content .boy .msg .step-num, .running .card-b .content .girl .msg .step-num { position: absolute; right: -290px; top: -40px; font-size: 40px; font-weight: bold; color: #ffab9b; } .running .card-b .content .boy .msg .step-num span, .running .card-b .content .girl .msg .step-num span { font-size: 20px; color: #fff; } .running .card-b .content .boy .msg .hot-num, .running .card-b .content .girl .msg .hot-num { position: absolute; right: -290px; top: 35px; font-size: 40px; font-weight: bold; color: #ffab9b; } .running .card-b .content .boy .msg .hot-num span, .running .card-b .content .girl .msg .hot-num span { font-size: 20px; color: #fff; display: inline-block; width: 20px; } .title { position: relative; top: 42px; font-size: 40px; color: #a2ecff; font-weight: bold; text-align: center; } .start { padding: 100px; } .start .item { margin-bottom: 20px; } .start .line { width: 1000px; margin: 50px 0; height: 1px; background: #000; } .num { display: inline-block; width: 100px; } .start { padding: 100px; } .start .item { margin-bottom: 20px; } .start .line { width: 1000px; margin: 50px 0; height: 1px; background: #000; } .num { display: inline-block; width: 100px; } .swim { position: fixed; top: 0; left: 0; bottom: 0; right: 0; } .swim .card1 { position: relative; width: 1920px; height: 1080px; text-align: center; background: url(../img/syb_bj.37b60e56.png) round; background-size: 1920px 1080px; } .swim .card1 .content { position: relative; display: flex; top: 110px; width: 1880px; height: 826px; margin: 0 auto; background: url(../img/swiming_bj.e1901a7c.png) round; } .swim .card1 .content .left { flex: 1; } .swim .card1 .content .left .msg { position: relative; top: 60px; left: 210px; width: 534px; height: 714px; border-radius: 10px; background: rgba(225, 225, 225, 0.1); } .swim .card1 .content .left .msg .top { position: absolute; left: -20px; top: -14px; width: 142px; height: 122px; } .swim .card1 .content .left .msg .rank { position: absolute; left: 23px; top: 30px; font-size: 26px; font-weight: bold; color: #fff; } .swim .card1 .content .left .msg .rank1 { position: absolute; left: 10px; top: 30px; font-size: 26px; font-weight: bold; color: #fff; } .swim .card1 .content .left .msg .stu-msg { position: relative; left: 147px; top: 110px; width: 240px; height: 194px; background: url(../img/lan240.dddf6e8e.png) no-repeat; background-size: 240px 194px; } .swim .card1 .content .left .msg .stu-msg .head { position: absolute; left: 55px; top: -65px; width: 130px; height: 130px; border-radius: 50%; border: 4px solid #e8ca8e; } .swim .card1 .content .left .msg .stu-msg .hg { position: absolute; top: -100px; left: 46px; } .swim .card1 .content .left .msg .stu-msg .hg1 { position: absolute; top: -85px; left: 56px; } .swim .card1 .content .left .msg .stu-msg .name { position: relative; top: 80px; font-size: 36px; font-weight: bold; color: #fff; } .swim .card1 .content .left .msg .stu-msg .cla { position: relative; top: 80px; font-size: 24px; color: #bbffff; } .swim .card1 .content .left .msg .other { position: relative; top: 110px; left: 147px; text-align: left; font-size: 36px; color: #fff; font-weight: bold; } .swim .card1 .content .left .msg .other .text { height: 67px; } .swim .card1 .content .left .msg .other .text .blue { color: #51edff; } .swim .card1 .content .left .msg .other .text .green { color: #7df174; } .swim .card1 .content .analysis { position: relative; flex: 1; top: 20px; right: 0; width: 750px; height: 800px; border-left: 1px dashed rgba(225, 225, 225, 0.5); } .swim .card1 .content .analysis .my-chart { position: relative; top: 80px; left: 90px; width: 650px; height: 800px; } .swim .card-a { position: relative; width: 1920px; height: 1080px; background: url(../img/qkjc_bj.53d9347e.jpg) round; background-size: 1920px 1080px; } .swim .card-a .content { position: relative; top: 120px; left: 3%; width: 94%; height: 780px; } .swim .card-a .content ul { display: inline-block; width: 8%; height: 780px; margin: 0; padding: 0; } .swim .card-a .content ul li { display: table; text-decoration: none; height: 130px; } .swim .card-a .content ul li .stu-name { line-height: 16px; } .swim .card-a .content ul li .stu-name .name { font-size: 36px; font-weight: bold; color: #84e6ff; } .swim .card-a .content ul li .stu-name .cla { font-size: 28px; color: #fff; } .swim .card-a .content .tb { display: inline-block; width: 91%; height: 780px; vertical-align: top; } .swim .card-a .content .tb table { width: 100%; height: 780px; border: 2px solid #fff; border-collapse: collapse; } .swim .card-a .content .tb table tr { width: 100%; height: 130px; } .swim .card-a .content .tb table tr td { height: 130px; border-collapse: collapse; } .swim .card-a .content .tb table tr .td1 { position: relative; top: 0; left: 0; width: 1400px; height: 130px; margin: 0; padding: 0; border: 2px solid #fff; } .swim .card-a .content .tb table tr .td1 .step { position: absolute; top: 0; left: 0; display: inline-block; height: 131px; max-width: 1150px; } .swim .card-a .content .tb table tr .td1 .step .icon { position: absolute; top: 42px; right: 75px; width: 54px; height: 46px; } .swim .card-a .content .tb table tr .td1 .step .head { position: absolute; right: -45px; top: 20px; display: inline-block; width: 90px; height: 90px; border-radius: 50%; border: 4px solid #e8ca8e; } .swim .card-a .content .tb table tr .td1 .step .heart-num { position: absolute; right: -178px; top: 22px; font-size: 72px; font-weight: bold; font-style: italic; color: #fff; } .swim .card-a .content .tb table tr .td1 .step .heart-num .heart { position: absolute; top: -5px; right: -50px; } .swim .card-a .content .tb table tr .td2 { padding-left: 10px; border: 2px solid #fff; font-size: 72px; font-weight: bold; font-style: italic; color: #fff; } .swim .card-a .content .tb table tr .td2 span { font-size: 28px; } .phone[data-v-05c0ed7e] { position: relative; top: 0; left: 0; bottom: 200px; } .phone h3[data-v-05c0ed7e] { margin-top: 50px; } .phone .content[data-v-05c0ed7e] { margin-top: 20px; border-top: 1px solid #94c1ff; } .phone .content .swim-step[data-v-05c0ed7e] { width: 100%; height: 80px; border-bottom: 1px solid #94c1ff; } .phone .content .swim-step .msg[data-v-05c0ed7e] { display: inline-block; width: 75px; line-height: 8px; font-size: 14px; } .phone .content .step[data-v-05c0ed7e] { position: relative; display: inline-block; top: 2px; left: 0px; vertical-align: top; height: 20px; max-width: 50%; border-radius: 18px; } .phone .content .step .head[data-v-05c0ed7e] { position: absolute; top: -6px; right: -20px; width: 32px; height: 32px; border-radius: 50%; } .phone .content .add[data-v-05c0ed7e] { float: right; margin: 18px 20px 0 0; width: 76px; height: 44px; line-height: 44px; text-align: center; color: #fff; font-size: 13px; border-radius: 5px; background-color: #94c1ff; } .phone .content .end[data-v-05c0ed7e] { float: right; margin: 18px 0 0 0; width: 76px; height: 44px; line-height: 44px; text-align: center; color: #fff; font-size: 13px; border-radius: 5px; background-color: #ff7256; } .phone .start-btn[data-v-05c0ed7e] { position: relative; display: inline-block; top: -30px; left: 100px; width: 90px; height: 90px; line-height: 90px; margin: 50px auto; border-radius: 50%; color: #fff; font-size: 22px; text-align: center; font-weight: bold; background-color: #459eff; } .phone .start-btn1[data-v-05c0ed7e] { position: relative; display: inline-block; left: 70px; top: -30px; width: 130px; height: 50px; line-height: 50px; margin: 50px auto; border-radius: 10px; color: #fff; font-size: 22px; text-align: center; font-weight: bold; background-color: #459eff; } .phone[data-v-60037a4f] { position: relative; top: 0; left: 0; bottom: 200px; -moz-user-select: none; /* Firefox私有属性 */ -webkit-user-select: none; /* WebKit内核私有属性 */ -ms-user-select: none; /* IE私有属性(IE10及以后) */ /* KHTML内核私有属性 */ -o-user-select: none; /* Opera私有属性 */ user-select: none; /* CSS3属性 */ } .phone h3[data-v-60037a4f] { display: inline-block; margin-top: 20px; } .phone .content[data-v-60037a4f] { margin-top: 20px; border-top: 1px solid #94c1ff; } .phone .content .swim-step[data-v-60037a4f] { width: 100%; height: 80px; border-bottom: 1px solid #94c1ff; } .phone .content .swim-step .msg[data-v-60037a4f] { display: inline-block; width: 75px; line-height: 20px; font-size: 14px; } .phone .content .step[data-v-60037a4f] { position: relative; display: inline-block; top: 2px; left: 0px; vertical-align: top; height: 20px; max-width: 50%; border-radius: 18px; } .phone .content .step .head[data-v-60037a4f] { position: absolute; top: 22px; right: -40px; width: 32px; height: 32px; border-radius: 50%; } .phone .content .add[data-v-60037a4f] { float: right; margin: 18px 30px 0 0; width: 76px; height: 44px; line-height: 44px; text-align: center; color: #fff; font-size: 13px; border-radius: 5px; background-color: #94c1ff; } .phone .content .end[data-v-60037a4f] { float: right; margin: 18px 0 0 0; width: 76px; height: 44px; line-height: 44px; text-align: center; color: #fff; font-size: 13px; border-radius: 5px; background-color: #ff7256; } .phone .start-btn[data-v-60037a4f] { position: relative; display: inline-block; top: -30px; left: 100px; width: 90px; height: 90px; line-height: 90px; margin: 50px auto; border-radius: 50%; color: #fff; font-size: 22px; text-align: center; font-weight: bold; background-color: #459eff; } .phone .start-btn1[data-v-60037a4f] { position: relative; display: inline-block; left: 70px; top: -30px; width: 130px; height: 50px; line-height: 50px; margin: 50px auto; border-radius: 10px; color: #fff; font-size: 22px; text-align: center; font-weight: bold; background-color: #459eff; } .phone .start-btn2[data-v-60037a4f] { position: relative; display: inline-block; left: 150px; top: 0; width: 130px; height: 50px; line-height: 50px; border-radius: 10px; color: #fff; font-size: 22px; text-align: center; font-weight: bold; background-color: #459eff; } .phone .end-tips[data-v-60037a4f] { position: absolute; top: 25px; left: 45px; width: 60px; font-size: 16px; font-weight: bold; color: red; } .phone[data-v-601191d0] { position: relative; top: 0; left: 0; bottom: 200px; -moz-user-select: none; /* Firefox私有属性 */ -webkit-user-select: none; /* WebKit内核私有属性 */ -ms-user-select: none; /* IE私有属性(IE10及以后) */ /* KHTML内核私有属性 */ -o-user-select: none; /* Opera私有属性 */ user-select: none; /* CSS3属性 */ } .phone h3[data-v-601191d0] { margin-top: 20px; } .phone .content[data-v-601191d0] { margin-top: 20px; border-top: 1px solid #94c1ff; } .phone .content .swim-step[data-v-601191d0] { width: 100%; height: 80px; border-bottom: 1px solid #94c1ff; } .phone .content .swim-step .msg[data-v-601191d0] { display: inline-block; width: 75px; line-height: 20px; font-size: 14px; } .phone .content .step[data-v-601191d0] { position: relative; display: inline-block; top: 2px; left: 0px; vertical-align: top; height: 20px; max-width: 50%; border-radius: 18px; } .phone .content .step .head[data-v-601191d0] { position: absolute; top: 22px; right: -40px; width: 32px; height: 32px; border-radius: 50%; } .phone .content .add[data-v-601191d0] { float: right; margin: 18px 30px 0 0; width: 76px; height: 44px; line-height: 44px; text-align: center; color: #fff; font-size: 13px; border-radius: 5px; background-color: #94c1ff; } .phone .content .end[data-v-601191d0] { float: right; margin: 18px 0 0 0; width: 76px; height: 44px; line-height: 44px; text-align: center; color: #fff; font-size: 13px; border-radius: 5px; background-color: #ff7256; } .phone .start-btn[data-v-601191d0] { position: relative; display: inline-block; top: -30px; left: 100px; width: 90px; height: 90px; line-height: 90px; margin: 50px auto; border-radius: 50%; color: #fff; font-size: 22px; text-align: center; font-weight: bold; background-color: #459eff; } .phone .start-btn1[data-v-601191d0] { position: relative; display: inline-block; left: 70px; top: -30px; width: 130px; height: 50px; line-height: 50px; margin: 50px auto; border-radius: 10px; color: #fff; font-size: 22px; text-align: center; font-weight: bold; background-color: #459eff; } .phone .end-tips[data-v-601191d0] { position: absolute; top: 25px; left: 45px; width: 60px; font-size: 16px; font-weight: bold; color: red; } .foot-bottom[data-v-8c1c725a] { margin-top: 60px; } .max-c[data-v-8c1c725a] { height: 100%; width: 100%; } [data-v-8c1c725a] .swiper-pagination { bottom: 35px !important; } [data-v-8c1c725a] .swiper-pagination-bullet { height: 10px !important; width: 10px !important; background: #FFFFFF; opacity: 0.34; } [data-v-8c1c725a] .swiper-pagination-bullet-active { opacity: 1 !important; } .b0[data-v-8c1c725a] { bottom: 0px !important; } video[data-v-8c1c725a] { width: 100%; height: 100%; } .flex-s[data-v-8c1c725a] { display: flex; justify-content: space-between; } .flex-s .btm-d[data-v-8c1c725a] { margin-top: 10px !important; } .flex-s .decorate[data-v-8c1c725a] { height: 14px; width: 220px; margin-top: 33px; } .flex-s .max-swiper-container[data-v-8c1c725a] { height: 100%; width: 100%; } .flex-s .max-swiper-container .swiper-slide[data-v-8c1c725a] { width: 100%; } .flex-s .max-swiper-container .swiper-slide img[data-v-8c1c725a] { width: 100%; height: 100%; } .flex-s .swiper-container[data-v-8c1c725a] { margin-top: 10px; height: 540px; width: 906px; } .flex-s .swiper-container .swiper-slide[data-v-8c1c725a] { width: 100%; } .flex-s .swiper-container .swiper-slide img[data-v-8c1c725a] { width: 100%; height: 100%; } .flex-s .time[data-v-8c1c725a] { text-align: center; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #BFCAFF; opacity: 0.49; } .login-bg[data-v-b8c2fedc] { position: absolute; width: 100%; height: 100%; background-image: url("http://localhost:8080/img/login-bg.d51c9bba.png"); z-index: 99; overflow: hidden; } .edit[data-v-b8c2fedc] { position: absolute; right: 0px; width: 200px; top: -15px; } .flex-s[data-v-b8c2fedc] { display: none !important; } .hd-lun[data-v-b8c2fedc] { width: 470px; height: 298px; margin: 0 auto; margin-top: 20px; } .hd-bg1[data-v-b8c2fedc] { background: url(../img/hd_bg.2115861e.png) no-repeat; background-size: 470px 94px; } .hd-bg2[data-v-b8c2fedc] { background: url(../img/pk_bg.fcfbc103.png) no-repeat; background-size: 470px 94px; margin-top: 10px !important; } .hd-data[data-v-b8c2fedc] { position: relative; display: flex; width: 470px; height: 94px; margin: 0 auto; } .hd-data .hd-data-type[data-v-b8c2fedc] { flex: 1; text-align: center; padding-left: 24px; } .hd-data .hd-data-type .name[data-v-b8c2fedc] { font-size: 14px; color: #91C8FF; margin-top: 22px; } .hd-data .hd-data-type .number[data-v-b8c2fedc] { font-size: 24px; font-weight: bold; color: #FFFFFF; margin-top: 10px; } .is10[data-v-b8c2fedc] { height: 40px !important; } .left22[data-v-b8c2fedc] { left: 22px !important; } .center-text .title[data-v-b8c2fedc] { font-size: 12px !important; } .db-logo[data-v-b8c2fedc] { position: absolute; width: 135px; height: 92px; right: 12px; top: 12px; } .cs-map[data-v-b8c2fedc] { position: relative; } .cs-map .csbj[data-v-b8c2fedc] { position: absolute; width: 723px; height: 298px; top: 170px; left: 36px; } .cs-map .wc[data-v-b8c2fedc] { position: absolute; width: 120px; height: 160px; top: 207px; left: 266px; } .cs-map .nx[data-v-b8c2fedc] { position: absolute; width: 278px; height: 226px; top: 234px; left: 37px; } .cs-map .ly[data-v-b8c2fedc] { position: absolute; width: 328px; height: 258px; top: 206px; left: 429px; } .cs-map .csx[data-v-b8c2fedc] { position: absolute; width: 163px; height: 234px; top: 171px; left: 365px; } .cs-map .tx[data-v-b8c2fedc] { position: absolute; width: 36px; height: 89px; top: 338px; left: 351px; } .cs-map .yl[data-v-b8c2fedc] { position: absolute; width: 110px; height: 119px; top: 306px; left: 255px; } .cs-map .yh[data-v-b8c2fedc] { position: absolute; width: 62px; height: 110px; top: 337px; left: 369px; } .cs-map .kf[data-v-b8c2fedc] { position: absolute; width: 52px; height: 74px; top: 270px; left: 346px; } .cs-map .gx[data-v-b8c2fedc] { position: absolute; width: 40px; height: 40px; top: 312px; left: 315px; } .cs-map .fr[data-v-b8c2fedc] { position: absolute; width: 44px; height: 24px; top: 325px; left: 363px; } .cs-map .nx-info-address[data-v-b8c2fedc] { top: 42px; left: 10px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .wc-info-address[data-v-b8c2fedc] { top: 30px; left: 100px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .ly-info-address[data-v-b8c2fedc] { top: 30px; left: 45px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .csx-info-address[data-v-b8c2fedc] { top: 30px; left: 45px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .tx-info-address[data-v-b8c2fedc] { top: 40px; left: 45px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .yl-info-address[data-v-b8c2fedc] { top: 40px; left: 45px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .yh-info-address[data-v-b8c2fedc] { top: 38px; left: 103px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .kf-info-address[data-v-b8c2fedc] { top: 38px; left: 50px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .gx-info-address[data-v-b8c2fedc] { top: 150px; left: 50px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .fr-info-address[data-v-b8c2fedc] { top: 150px; left: 100px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .lh-bg[data-v-b8c2fedc] { background: linear-gradient(180deg, rgba(78, 201, 225, 0.3) 0%, rgba(78, 201, 225, 0.8) 100%); } .cs-map .db-bg[data-v-b8c2fedc] { background: linear-gradient(180deg, rgba(0, 224, 83, 0.3) 0%, rgba(0, 224, 83, 0.8) 100%); } .cs-map .wdb-bg[data-v-b8c2fedc] { background: linear-gradient(180deg, rgba(241, 148, 102, 0.3) 0%, rgba(241, 148, 102, 0.8) 100%); } .cs-map .wc-info[data-v-b8c2fedc] { position: absolute; width: 480px; height: 152px; opacity: 1; border-radius: 4px; } .cs-map .wc-info .info-analyse[data-v-b8c2fedc] { font-size: 14px; margin-top: 10px; padding-left: 18px; } .cs-map .wc-info .info-analyse .analyse-item[data-v-b8c2fedc] { color: #a7c5ef; margin-top: 12px; float: left; margin-right: 18px; } .cs-map .wc-info .info-analyse .analyse-item span[data-v-b8c2fedc] { font-weight: bold; color: #ffffff; } .cs-map .wc-info .info-name[data-v-b8c2fedc] { font-weight: bold; font-size: 20px; padding-left: 18px; padding-top: 15px; } .cs-map .wc-info .info-data[data-v-b8c2fedc] { overflow: hidden; } .cs-map .wc-info .cy-number[data-v-b8c2fedc] { float: left; margin-top: 14px; margin-right: 20px; } .cs-map .wc-info .cy-number .cy-name[data-v-b8c2fedc] { padding-left: 18px; font-size: 14px; color: #ffffff; opacity: 0.6; } .cs-map .wc-info .cy-number .cy-data[data-v-b8c2fedc] { margin-top: 10px; padding-left: 18px; font-size: 24px; color: #ffffff; font-weight: bold; } .cs-map .wc-info .cy-number .cy-data span[data-v-b8c2fedc] { font-size: 14px; } .cs-map .wc-sj[data-v-b8c2fedc] { position: absolute; top: 182px; left: 290px; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .nx-sj[data-v-b8c2fedc] { position: absolute; top: 194px; left: 160px; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .ly-sj[data-v-b8c2fedc] { position: absolute; top: 98px; left: 520px; width: 0; height: 0; transform: rotate(270deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .csx-sj[data-v-b8c2fedc] { position: absolute; top: 98px; left: 520px; width: 0; height: 0; transform: rotate(270deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .tx-sj[data-v-b8c2fedc] { position: absolute; top: 192px; left: 350px; width: 0; height: 0; transform: rotate(360deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .yl-sj[data-v-b8c2fedc] { position: absolute; top: 192px; left: 316px; width: 0; height: 0; transform: rotate(360deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .yh-sj[data-v-b8c2fedc] { position: absolute; top: 190px; left: 381px; width: 0; height: 0; transform: rotate(360deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .kf-sj[data-v-b8c2fedc] { position: absolute; top: 190px; left: 364px; width: 0; height: 0; transform: rotate(360deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .gx-sj[data-v-b8c2fedc] { position: absolute; top: 301px; left: 322px; width: 0; height: 0; transform: rotate(360deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .fr-sj[data-v-b8c2fedc] { position: absolute; top: 301px; left: 368px; width: 0; height: 0; transform: rotate(360deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .lh-sj[data-v-b8c2fedc] { border-top: 10px solid #4ec9e1; } .cs-map .db-sj[data-v-b8c2fedc] { border-top: 10px solid #00e053; } .cs-map .wdb-sj[data-v-b8c2fedc] { border-top: 10px solid #f19466; } .cs-map .cs-target[data-v-b8c2fedc] { display: flex; justify-content: center; align-items: center; } .cs-map .cs-target .cs-content[data-v-b8c2fedc] { position: absolute; top: 490px; } .cs-map .cs-target .mt4[data-v-b8c2fedc] { margin-top: 4px; } .cs-map .cs-target .cs-target-item[data-v-b8c2fedc] { float: left; margin-right: 20px; color: #91c8ff; font-size: 14px; } .cs-map .cs-target .cs-target-item span[data-v-b8c2fedc] { font-size: 18px; color: #ffffff; font-weight: bold; margin-left: 4px; } .bmi-standard[data-v-b8c2fedc] { position: relative; top: 10px; right: 0; width: 510px; } .bmi-standard .bmi-data[data-v-b8c2fedc] { position: relative; top: 20px; height: 220px; padding: 0 25.5px; } .bmi-standard .bmi-data .bmi-data-item[data-v-b8c2fedc] { display: inline-block; position: relative; width: 51px; height: 220px; text-align: center; } .bmi-standard .bmi-data .bmi-data-item .bmi-rate[data-v-b8c2fedc] { font-family: "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #fff; } .bmi-standard .bmi-data .bmi-data-item .bmi-chart[data-v-b8c2fedc] { position: relative; width: 18px; height: 155px; margin: 4px auto; border-radius: 9px; background-color: #20388d; } .bmi-standard .bmi-data .bmi-data-item .bmi-chart .bmi-chart-use[data-v-b8c2fedc] { position: absolute; left: 0; bottom: 0; width: 18px; border-radius: 9px; -webkit-animation: bmi-chart-use-data-v-b8c2fedc 3s ease-in-out; background-color: #5997ff; background-image: linear-gradient(top, #5997ff, #5997ff); } @-webkit-keyframes bmi-chart-use-data-v-b8c2fedc { 0% { height: 0; } 0% { height: 0; } } .bmi-standard .bmi-data .bmi-data-item .bmi-grade[data-v-b8c2fedc] { position: relative; top: 14px; left: -5px; font-family: "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #91c8ff; transform: rotate(-60deg); -ms-transform: rotate(-60deg); /* IE 9 */ -moz-transform: rotate(-60deg); /* Firefox */ -webkit-transform: rotate(-60deg); /* Safari 和 Chrome */ -o-transform: rotate(-60deg); /* Opera */ } .tx-screen[data-v-b8c2fedc] { position: relative; top: 0; bottom: 0; left: 0; right: 0; width: 1920px; height: 1080px; padding: 0; margin: 0; background: #000; background: url(../img/bg.2ce12074.png) no-repeat; background-size: 100% 100%; } .tx-screen .titles[data-v-b8c2fedc] { position: relative; top: 0; width: 100%; padding-top: 20px; text-align: center; font-family: "Microsoft YaHei"; color: #fff; line-height: 59px; font-size: 42px; height: 101px; background: url(../img/top_bg.d90fee59.png) no-repeat; background-size: 1920px 101px; letter-spacing: 8px; } .tx-screen .titles .title-time[data-v-b8c2fedc] { position: absolute; font-size: 14px; font-weight: 400; color: #bfcaff; right: 142px; top: 60px; letter-spacing: 0px; } .tx-screen .content[data-v-b8c2fedc] { position: relative; top: -20px; left: 0; bottom: 40px; margin: 20px auto; width: 1840px; height: 921px; } .tx-screen .content .content-title[data-v-b8c2fedc] { position: relative; top: 0; left: 0; width: 100%; height: 42px; line-height: 42px; text-align: center; font-family: "Microsoft YaHei"; font-size: 20px; font-weight: bold; } .tx-screen .content .content-title .line[data-v-b8c2fedc] { display: inline-block; position: relative; vertical-align: middle; width: 64px; height: 5px; border-radius: 3px; } .tx-screen .content .content-title .left-line[data-v-b8c2fedc] { margin-right: 4px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #84aaff 100%); } .tx-screen .content .content-title .right-line[data-v-b8c2fedc] { margin-left: 4px; background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #84aaff 100%); } .tx-screen .content .content-title .text[data-v-b8c2fedc] { display: inline-block; position: relative; vertical-align: top; font-family: "Microsoft YaHei"; font-size: 20px; font-weight: bold; color: #fff; } .tx-screen .content .left[data-v-b8c2fedc] { float: left; } .tx-screen .content .left .hot-sport[data-v-b8c2fedc] { position: relative; top: 0; left: 0; width: 510px; height: 266px; background: url(../img/bg_a.b3ae2700.png) no-repeat; background-size: 510px 266px; } .tx-screen .content .left .hot-sport .hot-sport-content[data-v-b8c2fedc] { position: relative; top: 16px; left: 20px; width: 470px; height: 188px; } .tx-screen .content .left .hot-sport .hot-sport-content table[data-v-b8c2fedc] { position: relative; width: 470px; height: 94px; } .tx-screen .content .left .hot-sport .hot-sport-content table tr td[data-v-b8c2fedc] { width: 117.5px; font-size: 14px; font-family: "Microsoft YaHei"; font-weight: bold; line-height: 20px; padding-top: 16px; color: #3dffb0; } .tx-screen .content .left .hot-sport .hot-sport-content table tr td .td-num[data-v-b8c2fedc] { margin-top: 8px; font-size: 20px; font-family: "Microsoft YaHei"; font-weight: bold; line-height: 30px; color: #ffffff; } .tx-screen .content .left .hot-sport .hot-sport-content table tr .td-line[data-v-b8c2fedc] { width: 1px; height: 30px; background-color: #5a73bb; } .tx-screen .content .left .hot-sport .hot-sport-content table tr .td-line1[data-v-b8c2fedc] { position: absolute; top: 30px; left: 117.5px; } .tx-screen .content .left .hot-sport .hot-sport-content table tr .td-line2[data-v-b8c2fedc] { position: absolute; top: 30px; left: 235px; } .tx-screen .content .left .hot-sport .hot-sport-content table tr .td-line3[data-v-b8c2fedc] { position: absolute; top: 30px; left: 352.5px; } .tx-screen .content .left .join-trend[data-v-b8c2fedc] { position: relative; top: 10px; left: 0; width: 510px; height: 337px; background: url(../img/bg_b.951516fb.png) no-repeat; background-size: 510px 337px; } .tx-screen .content .left .join-trend .join-trend-chart[data-v-b8c2fedc] { position: relative; top: 30px; left: 20px; width: 470px; height: 250px; } .tx-screen .content .left .join-trend2[data-v-b8c2fedc] { position: relative; top: 0; left: 0; width: 510px; height: 298px; margin-top: 20px; background: url(../img/bg_c.fa7bd0ba.png) no-repeat; background-size: 510px 298px; } .tx-screen .content .left .join-trend2 .stu-sport-chart[data-v-b8c2fedc] { display: inline-block; position: relative; top: 19px; left: 20px; width: 210px; height: 220px; } .tx-screen .content .left .join-trend2 .stu-sport-data-a[data-v-b8c2fedc], .tx-screen .content .left .join-trend2 .stu-sport-data-b[data-v-b8c2fedc] { display: inline-block; position: relative; top: 19px; left: 20px; width: 130px; height: 210px; } .tx-screen .content .left .join-trend2 .stu-sport-data-a ul[data-v-b8c2fedc], .tx-screen .content .left .join-trend2 .stu-sport-data-b ul[data-v-b8c2fedc] { position: absolute; margin: 0; padding: 0; width: 100%; height: 210px; font-size: 0; white-space: normal; } .tx-screen .content .left .join-trend2 .stu-sport-data-a ul li[data-v-b8c2fedc], .tx-screen .content .left .join-trend2 .stu-sport-data-b ul li[data-v-b8c2fedc] { position: relative; text-decoration: none; list-style-type: none; width: 130px; height: 34px; margin: 0; line-height: 35px; font-family: "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #fff; } .tx-screen .content .left .join-trend2 .stu-sport-data-a ul li .color[data-v-b8c2fedc], .tx-screen .content .left .join-trend2 .stu-sport-data-b ul li .color[data-v-b8c2fedc] { display: inline-block; position: absolute; top: 10px; left: 10px; width: 24px; height: 14px; border-radius: 4px; } .tx-screen .content .left .join-trend2 .stu-sport-data-a ul li .grade[data-v-b8c2fedc], .tx-screen .content .left .join-trend2 .stu-sport-data-b ul li .grade[data-v-b8c2fedc] { display: inline-block; margin-left: 40px; color: #93afff; } .tx-screen .content .left .join-trend2 .stu-sport-data-a ul li .rate[data-v-b8c2fedc], .tx-screen .content .left .join-trend2 .stu-sport-data-b ul li .rate[data-v-b8c2fedc] { display: inline-block; margin-left: 6px; color: #fff; } .tx-screen .content .center[data-v-b8c2fedc] { position: relative; top: 0; width: 800px; height: 921px; margin: 10px auto; } .tx-screen .content .center .map[data-v-b8c2fedc] { position: relative; top: 0; left: 0; width: 800px; height: 608px; color: #fff; } .tx-screen .content .center .map .top-top[data-v-b8c2fedc] { display: flex; flex-direction: row; align-items: center; } .tx-screen .content .center .map .top-num[data-v-b8c2fedc] { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 80px; text-align: center; overflow: hidden; font-size: 24px; font-family: "Microsoft YaHei"; font-weight: bold; color: #ffffff; } .tx-screen .content .center .map .stu-num[data-v-b8c2fedc] { position: relative; top: 0; left: 0; width: 220px; background: url(../img/stu_num_bg.d7d781c5.png) no-repeat; background-size: 220px 80px; } .tx-screen .content .center .map .sport-num[data-v-b8c2fedc] { position: relative; top: 0; left: 10px; width: 340px; background: url(../img/sport_num_bg.5b75d9be.png) no-repeat; background-size: 340px 80px; } .tx-screen .content .center .map .sport-num .up-icon[data-v-b8c2fedc] { display: inline-block; width: 10px; height: 16px; margin: 0 10px; } .tx-screen .content .center .map .sport-num .down-icon[data-v-b8c2fedc] { display: inline-block; width: 25px; height: 22px; margin: 0 2px 0 5px; vertical-align: middle; } .tx-screen .content .center .map .sch-num[data-v-b8c2fedc] { position: relative; top: 0; left: 20px; width: 220px; background: url(../img/stu_num_bg.d7d781c5.png) no-repeat; background-size: 220px 80px; } .tx-screen .content .center .map .sch-nums[data-v-b8c2fedc] { position: relative; top: 0; left: 20px; width: 192px; background: url(../img/stu_num_bgs.63df2c6e.png) no-repeat; background-size: 192px 80px; margin-right: 10px; } .tx-screen .content .center .map .ml20[data-v-b8c2fedc] { margin-left: -20px; } .tx-screen .content .center .map .num-text[data-v-b8c2fedc] { margin-right: 5px; font-size: 14px; font-family: "Microsoft YaHei"; font-weight: bold; line-height: 20px; color: #91c8ff; } .tx-screen .content .center .map .map-data[data-v-b8c2fedc] { position: relative; top: 5px; width: 800px; height: 520px; margin: 5px auto; } .tx-screen .content .center .map .map-data .card[data-v-b8c2fedc] { position: relative; width: 235px; height: 122px; -webkit-animation-name: card-data-v-b8c2fedc; /*动画名称*/ -webkit-animation-duration: 1.5s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/ -webkit-animation: card-data-v-b8c2fedc 10s infinite linear; } @-webkit-keyframes card-data-v-b8c2fedc { 0% { opacity: 0; /*初始状态 透明度为0*/ } 50% { opacity: 1; /*中间状态 透明度为0*/ } 100% { opacity: 1; /*结尾状态 透明度为1*/ } } .tx-screen .content .center .map .map-data .card .sch-name[data-v-b8c2fedc] { position: absolute; top: 12px; width: 185px; font-family: "Microsoft YaHei"; font-size: 14px; font-weight: bold; color: #ffffff; } .tx-screen .content .center .map .map-data .card .num-left[data-v-b8c2fedc] { margin-left: 10px; } .tx-screen .content .center .map .map-data .card .num-right[data-v-b8c2fedc] { margin-left: 20px; } .tx-screen .content .center .map .map-data .card .num-data[data-v-b8c2fedc] { width: 185px; margin-top: 50px; font-family: "Microsoft YaHei"; font-size: 22px; font-weight: bold; color: #ffffff; } .tx-screen .content .center .map .map-data .card .text[data-v-b8c2fedc] { position: absolute; bottom: 18px; font-family: "Microsoft YaHei"; font-size: 14px; font-weight: bold; color: #ffffff; } .tx-screen .content .center .map .map-data .card1[data-v-b8c2fedc] { position: absolute; top: 23px; left: 95px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAdQAAADwCAMAAACOs2XKAAACSVBMVEUAAAAAAAD/AP8AAID/AID/gIAAVVX/XYsAR4D/VY4AQ3nyXpQASXn/VZIARoD/XZX4WpIASn74WZAATH/4XZMASoAAToD4XJH4W48AS374WJL1W5AAS3wATH73WpL3WpEASoD/WpIATID4XJICTYD2XZIATX4CTX71W5H5W5ECS34CToH3XJH3XJMATX/5W5IATH73XJEATIACTIAETIAGTIAGToAIToAKToAMToAOToAQToAQToESToEUToEWToEYToEaToEcToEeToEgToEiToEkToEmToEmUIEoUIEqUIEqUIMsUIMuUIMwUIMyUIM0UIM2UIM4UIM6UIM8UIM+UINAUINCUINEUINGUINGUIVGUoVIUoVKUoVMUoVOUoVQUoVSUoVUUoVWUoVYUoVaUoVcUoVeUoVgUoViUodkUodmUodmVIdoVIdqVIdsVIduVIdwVIdyVId0VId2VId4VId6VId8VId8VIl+VImAVImBVImDVImFVImFVomHVomJVomLVomNVomPVomRVomTVomVVomVVouXVouZVoubVoudVoufVouhVoujVoulVoulWIunWIupWIurWIutWIuvWIuxWI2zWI21WI23WI25WI27WI29WI2/WI3BWI3DWI3FWI3FWo3HWo3JWo3LWo3LWo/NWo/PWo/RWo/TWo/VWo/XWo/ZWo/bWo/dWo/fWo/hWo/jWo/lWo/lXI/lXJHnXJHpXJHrXJHtXJHvXJHxXJHzXJH1XJH3XJH5XJH/XJP/XZP/XJP/XZMd9SndAAAAwnRSTlMAAQECAgIDCxISExMVFRYpREVFRkdISEhJS0tMTltbXWBgbGxubnt7e3t9fX19fn5/f4CAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ7U8wWqT9YAAALhSURBVHja7dqxapNhFMfh8yahWulnIVBp3bwUt269BXVVkUKvQxx0Fm/BzclLcVApLWKsbQjWJjoplOT9aHF6j89viTZB0vPQfzNYIiJubdwedlEiSomIEvH3oVz624qHyy8r/S9beijlSi9b/tfKlV694onS952Unnd67be4/E5LXOM8ZcXb//PHp/PJbBr1RhFlvH0zSqiZXkbsf/626EEd3r3jTM31Ih4e/qw9OYjxlhO12Otx9anBxo77tNl2V0XtRs7TZs/rqOuu02pVuoEf1GZbq/9OdZxWe1X/9Kt0QYUqqIIqqIIKVVAFVVAFFaoTQBVUQRVUQYUqqIIqqIIKVVAFVVAFVVChCqqgCqqgQhVUQRVUQRVUqIIqqIIqqFAFVVAFVVAFFaqgCqqgCipUQRVUQRVUQYUqqIIqqIIKVVAFVVAFVVChCqqgCqqgQhVUQRVUQRVUqIIqqIIqqFAFVVAFVVD/297fgJqu4btNqPl29u09qOkqb1ZNMNSEEww14QRDTTjBUBNOMNSEEww14QRDTTjBUBNOMNSEEww14QRDTTjBUBNOMNSEEww14QRDTdjICZK12DuBmqz57g8/qbn69eCD+c03vX6nJpxeqAmnF2rC6YWacHqhJpxeqAmnF2rC6YWacHqhJpxeqAmnF2rC6YWacHqhJpxeqI13v/J1/50lYVChCqqgCqqgQhVUQRVUQYXqBFAFVVAFVVChCqqgCqqgQhVUQRVUQRVUqIIqqIIqqFAFVVAFVVAFFaqgCqqgCipUQRVUQRVUQYUqqIIqqIIKVVAFVVAFVVChCqqgCqqgQhVUQRVUQRVUqIIqqIIqqFAFVVAFVVAFFaqgCqqgCipUQRVUQdU/op65Qas9rqJeOE6rnVdRZ47TatMq6nThOm12UEf9/sV52uz4tP7p9/ir+7TYo6PqU6M4/3iys+5GjfXs09lFD2rMJ7Nuc9g5VDM9mU+mfR9wfwM5/2WXHZDZtwAAAABJRU5ErkJggg==) no-repeat; background-size: 235px 122px; } .tx-screen .content .center .map .map-data .card2[data-v-b8c2fedc] { position: absolute; top: 187px; left: 54px; background: url(data:image/png;base64,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) no-repeat; background-size: 235px 122px; } .tx-screen .content .center .map .map-data .card3[data-v-b8c2fedc] { position: absolute; top: 352px; left: 75px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAdQAAADwCAMAAACOs2XKAAACc1BMVEUAAAAAAAD/AP8AAID/AP8AVVX/XdEAR4DxVdUAQ3nyXtcASXn/VdsARoD/Xdr0WtYASn70WdMATH/0WtT0WtcASoAAToD0WdX1W9UAS371WNP1W9MAS4AATIH0WtX0WtYASoD/WtoATID2WtUCTYDzWtMATX4CTYHwWdPzWdP1W9YCS4ECToHzWtT1WtYATX/1W9QATH71WtUATIACTIAETIEGTIEIToEIToMKToMMToMOToMOToUQToUSToUUToUUTocWTocYTocaTocaTokcTokeTokgTokgTosiToskTosmTo0oTo0qUI0sUI8uUI8wUI8yUJE0UJE2UJE2UJM4UJM6UJM8UJM8UJU+UJVAUJVCUJVCUJdEUJdGUJdIUJdIUJlKUJlMUplOUptQUptSUptUUptUUp1WUp1YUp1aUp9cUp9eUp9eUqFgUqFiUqFkUqFkUqNmUqNoUqNqUqNqUqVsUqVuVKVwVKVwVKdyVKd0VKd2VKd2VKl4VKl6VKl8VKt+VKuAVKuBVK2DVK2FVK2FVK+HVK+JVK+LVK+LVLGNVLGPVrGRVrGRVrOTVrOVVrOXVrOXVrWZVrWbVrWdVrWdVrefVrehVrejVrmlVrmnVrmpVrurVrutVruvVr2xWL2zWL2zWL+1WL+3WL+5WL+5WMG7WMG9WMG/WMG/WMPBWMPDWMPFWMPFWMXHWMXJWMXLWMfNWMfPWMfRWMfRWMnTWsnVWsnXWsvZWsvbWsvbWs3dWs3fWs3hWs3hWs/jWs/lWs/nWs/nWtHpWtHrWtHtWtHtWtPvWtPxWtPzWtPzWtX1XNX/Wtj/W9r/W9n/XNmzOeAqAAAA0HRSTlMAAQECAgMLEhITExUVFilERUVGR0dISEhJS0tMTltbXWBgbGxubnt7e3t7fX19fX5+f3+AgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAntTzvUoIAwAAAu9JREFUeNrt2k9qU1EUwOFzk6AN2idWUIwj1+DImWuwcxWFrsoO7ALqGpw5cQ2CBSGIWjU1/kmig1TawbuZdHSP349CQh7v8XI+cpJBS0TEeLsbdhFl/bd+iBJl/RBRyukrUeLsafl3xtnBnodz1zl/8vrp6cV7Tu67XOk5ufcmN9xL7R323mSpX6P2DntvsvSdfIF3+Hj5af496o0iyvXJVpRQM70o5dnRl9UG1OHkljE1137svl/UDg5i56YRtdjhjeqhwZWJ+bTZ7atV1G5kPG32vKuijk2n1ap0Ax/UZrtcRd02nFY7qP/6VbqgQhVUQRVUQYUqqIIqqIIK1QigCqqgCqqgQhVUQRVUQYUqqIIqqIIqqFAFVVAFVVChCqqgCqqgCipUQRVUQRVUqIIqqIIqqIIKVVAFVVAFFaqgCqqgCqqgQhVUQRVUQYUqqIIqqIIqqFAFVVAFVVChCqqgCqqgCipUQRVUQRVUqIIqqIIqqP9tby5BTdfwdQc13559dRdqusrLvhUMNeEKhppwBUNNuIKhJlzBUBOuYKgJVzDUhCsYasIVDDXhCoaacAVDTbiCoSZcwVATrmCoCVcw1ISNjCBZqwdfoSZref+XT2qu/jx8a/3mW72+UxOuXqgJVy/UhKsXasLVCzXh6oWacPVCTbh6oSZcvVATrl6oCVcv1ISrF2rC1Qs14eqF2nj3Kq/7d5aEQYUqqIIqqIIKVVAFVVAFFaoRQBVUQRVUQYUqqIIqqIIKVVAFVVAFVVChCqqgCqqgQhVUQRVUQRVUqIIqqIIqqFAFVVAFVVAFFaqgCqqgCipUQRVUQRVUQYUqqIIqqIIKVVAFVVAFVVChCqqgCqqgQhVUQRVUQRVUqIIqqIIqqFAFVVAFVRdE/WYGrfaoirownFb7WUWdG06rnVRRZyvTabO9Wf079YPxtNm0jhrTj+bTYrvT6qFR/D46vjM2o8Z6+u5ksQE1lsfz7tqwM6hmerL4PPux4fhfItVlyIb6pmUAAAAASUVORK5CYII=) no-repeat; background-size: 235px 122px; } .tx-screen .content .center .map .map-data .card4[data-v-b8c2fedc] { position: absolute; top: 23px; right: 111px; background: url(data:image/png;base64,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) no-repeat; background-size: 235px 122px; } .tx-screen .content .center .map .map-data .card5[data-v-b8c2fedc] { position: absolute; top: 187px; right: 45px; background: url(data:image/png;base64,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) no-repeat; background-size: 235px 122px; } .tx-screen .content .center .map .map-data .card6[data-v-b8c2fedc] { position: absolute; top: 352px; right: 49px; background: url(data:image/png;base64,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) no-repeat; background-size: 235px 122px; } .tx-screen .content .center .map .map-data .map-data-img[data-v-b8c2fedc] { position: relative; top: 0; left: 0; width: 218px; height: 519px; margin: 0 auto; background: url(../img/map.f87ade45.png) no-repeat; background-size: 218px 519px; /* 设置动画前颜色 */ /* 设置动画后颜色 */ /* 设置动画 */ /* @keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。 */ } .tx-screen .content .center .map .map-data .map-data-img .point[data-v-b8c2fedc] { width: 10px; height: 10px; position: absolute; top: 0; left: 0; border-radius: 50%; } .tx-screen .content .center .map .map-data .map-data-img .point-flicker[data-v-b8c2fedc]:after { background-color: rgba(255, 255, 255, 0.3); } .tx-screen .content .center .map .map-data .map-data-img .point-flicker[data-v-b8c2fedc]:before { background-color: rgba(255, 255, 255, 0.1); } .tx-screen .content .center .map .map-data .map-data-img .point-flicker[data-v-b8c2fedc]:before, .tx-screen .content .center .map .map-data .map-data-img .point-flicker[data-v-b8c2fedc]:after { content: ""; width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; border-radius: 50%; -webkit-animation: warn-data-v-b8c2fedc 1.5s ease-out 0s infinite; animation: warn-data-v-b8c2fedc 1.5s ease-out 0s infinite; } @-webkit-keyframes warn-data-v-b8c2fedc { 0% { transform: scale(0.5); opacity: 1; } 30% { opacity: 1; } 100% { transform: scale(1.4); opacity: 0; } } @keyframes warn-data-v-b8c2fedc { 0% { transform: scale(0.5); opacity: 1; } 30% { opacity: 1; } 100% { transform: scale(1.4); opacity: 0; } } .tx-screen .content .center .map .map-data .tips[data-v-b8c2fedc] { width: 180px; height: 110px; background: rgba(0, 153, 255, 0.5); position: absolute; top: -165px; left: -10px; border-radius: 6px; } .tx-screen .content .center .map .map-data .tips .name[data-v-b8c2fedc] { font-family: "Microsoft YaHei"; font-size: 14px; font-weight: bold; color: #ffffff; margin-top: 10px; margin-left: 20px; } .tx-screen .content .center .map .map-data .tips .number[data-v-b8c2fedc] { font-family: "Microsoft YaHei"; font-size: 24px; font-weight: bold; color: #ffffff; margin-top: 10px; margin-left: 20px; } .tx-screen .content .center .map .map-data .tips .content[data-v-b8c2fedc] { font-family: "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #ffffff; margin-top: 30px; margin-left: 20px; } .tx-screen .content .center .map .map-data .jiao img[data-v-b8c2fedc] { position: absolute; width: 220px; height: 55px; top: -55px; left: -10px; } .tx-screen .content .center .join-ranking[data-v-b8c2fedc] { position: absolute; bottom: 0; left: 0; width: 800px; height: 298px; background: url(../img/bg_d.2e5a80aa.png) no-repeat; background-size: 800px 298px; } .tx-screen .content .center .join-ranking .top-three[data-v-b8c2fedc] { display: inline-block; position: relative; top: 17px; left: 30px; width: 348px; vertical-align: top; } .tx-screen .content .center .join-ranking .top-three .top-three-item[data-v-b8c2fedc] { display: table; position: relative; width: 348px; height: 64px; margin-bottom: 10px; border: 1px solid rgba(103, 142, 255, 0.6); border-radius: 6px; } .tx-screen .content .center .join-ranking .top-three .top-three-item .top-img[data-v-b8c2fedc] { display: inline-block; position: relative; top: 14.5px; left: 20px; width: 27px; height: 35px; } .tx-screen .content .center .join-ranking .top-three .top-three-item .sch-name[data-v-b8c2fedc] { display: table-cell; position: relative; left: 15px; width: 200px; font-weight: 400; color: #91c8ff; vertical-align: middle; } .tx-screen .content .center .join-ranking .top-three .top-three-item .sch-rate[data-v-b8c2fedc] { display: inline-block; position: relative; left: 30px; width: 60px; line-height: 64px; color: #fff; } .tx-screen .content .center .join-ranking .top-other[data-v-b8c2fedc] { display: inline-block; position: relative; top: 0; left: 40px; width: 382px; height: 245px; font-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tx-screen .content .center .join-ranking .top-other table[data-v-b8c2fedc] { position: relative; top: -8px; width: 382px; height: 30px; border: none; font-family: "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #91c8ff; border-collapse: collapse; } .tx-screen .content .center .join-ranking .top-other table tr[data-v-b8c2fedc] { width: 100%; height: 30px; font-size: 12px; border-bottom: 1px solid rgba(103, 142, 255, 0.6); } .tx-screen .content .center .join-ranking .top-other table tr td[data-v-b8c2fedc], .tx-screen .content .center .join-ranking .top-other table tr th[data-v-b8c2fedc] { vertical-align: middle; } .tx-screen .content .center .join-ranking .top-other .scroll-box[data-v-b8c2fedc] { position: relative; top: -8px; height: 218px; width: 100%; overflow: hidden; } .tx-screen .content .center .join-ranking .top-other .scroll-box .scroll-box-item[data-v-b8c2fedc] { width: 100%; height: 30px; line-height: 30px; border-bottom: 1px solid rgba(103, 142, 255, 0.6); } .tx-screen .content .center .join-ranking .top-other .scroll-box .scroll-box-item .rank[data-v-b8c2fedc] { display: inline-block; width: 50px; text-align: center; font-size: 14px; color: #fff; } .tx-screen .content .center .join-ranking .top-other .scroll-box .scroll-box-item .school[data-v-b8c2fedc] { display: inline-block; width: 272px; font-size: 12px; color: #91c8ff; } .tx-screen .content .center .join-ranking .top-other .scroll-box .scroll-box-item .rate[data-v-b8c2fedc] { display: inline-block; width: 60px; font-size: 14px; color: #fff; } .tx-screen .content .right[data-v-b8c2fedc] { position: absolute; top: 0; right: 0; } .tx-screen .content .right .join-distribution[data-v-b8c2fedc] { position: relative; top: 0; right: 0; width: 510px; height: 305px; background: url(../img/bg_c.fa7bd0ba.png) no-repeat; background-size: 510px 305px; } .tx-screen .content .right .join-distribution .join-dtb[data-v-b8c2fedc] { position: relative; top: 13px; left: 30px; width: 470px; height: 220px; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item[data-v-b8c2fedc] { display: inline-block; position: relative; top: 13px; left: 0; width: 78px; height: 110px; margin-bottom: 10px; text-align: center; /* ------------------------------------- * Mixin for progress-% class * ------------------------------------- */ } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .join-dtb-item-content[data-v-b8c2fedc] { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 90px; height: 110px; z-index: 999; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .join-dtb-item-content .circcle-rate[data-v-b8c2fedc] { position: absolute; top: 12px; width: 100%; height: 48px; line-height: 48px; color: #ffffff; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .join-dtb-item-content .circle-progress-bar[data-v-b8c2fedc] { width: 70px; height: 70px; margin: 0 auto; font-size: 12px !important; font-weight: bold; overflow: hidden; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .join-dtb-item-content .circle-progress-bar .title[data-v-b8c2fedc] { font-size: 12px !important; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .wave-echart[data-v-b8c2fedc] { position: relative; width: 70px; height: 70px; margin: 2px auto; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .sign[data-v-b8c2fedc] { position: relative; top: -30px; font-size: 12px; font-family: "Microsoft YaHei"; font-weight: bold; line-height: 17px; color: #91c8ff; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-radial[data-v-b8c2fedc] { display: inline-block; position: relative; width: 70px; height: 70px; border-radius: 50%; /* border: 10px solid #1C3381; */ background-color: #5997ff; /* box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); */ } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-radial[data-v-b8c2fedc]:after, .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-radial[data-v-b8c2fedc]:before { content: ""; width: 10px; height: 10px; top: 50%; left: 50%; border-radius: 50%; margin-left: -5px; margin-top: -5px; background: #5997ff; position: absolute; z-index: 999; box-shadow: 5px 0 5px rgba(0, 0, 0, 0.2); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-radial[data-v-b8c2fedc]:after { z-index: 998; box-shadow: none; transform: translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-radial b[data-v-b8c2fedc]:after { color: #fff; /* text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); */ position: absolute; font-weight: 400; left: 25px; top: 25px; width: 50px; height: 50px; background-color: #021e73; border-radius: 50%; margin-left: -15px; margin-top: -15px; text-align: center; line-height: 50px; font-family: "Microsoft YaHei"; font-size: 13px; font-weight: bold; /* box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3) inset, 0 0 0 10px #1C3381; */ } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-0[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(90deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-0[data-v-b8c2fedc]:before { transform: rotate(0deg) translate(0, -30px); background: #1c3381; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-0[data-v-b8c2fedc]:after { background: #1c3381; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-0 b[data-v-b8c2fedc]:after { content: "0%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-1[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(93.6deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-1[data-v-b8c2fedc]:before { transform: rotate(3.6deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-1[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-1 b[data-v-b8c2fedc]:after { content: "1%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-2[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(97.2deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-2[data-v-b8c2fedc]:before { transform: rotate(7.2deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-2[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-2 b[data-v-b8c2fedc]:after { content: "2%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-3[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(100.8deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-3[data-v-b8c2fedc]:before { transform: rotate(10.8deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-3[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-3 b[data-v-b8c2fedc]:after { content: "3%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-4[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(104.4deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-4[data-v-b8c2fedc]:before { transform: rotate(14.4deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-4[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-4 b[data-v-b8c2fedc]:after { content: "4%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-5[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(108deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-5[data-v-b8c2fedc]:before { transform: rotate(18deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-5[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-5 b[data-v-b8c2fedc]:after { content: "5%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-6[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(111.6deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-6[data-v-b8c2fedc]:before { transform: rotate(21.6deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-6[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-6 b[data-v-b8c2fedc]:after { content: "6%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-7[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(115.2deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-7[data-v-b8c2fedc]:before { transform: rotate(25.2deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-7[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-7 b[data-v-b8c2fedc]:after { content: "7%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-8[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(118.8deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-8[data-v-b8c2fedc]:before { transform: rotate(30.8deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-8[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-8 b[data-v-b8c2fedc]:after { content: "8%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-9[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(122.4deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-9[data-v-b8c2fedc]:before { transform: rotate(32.4deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-9[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-9 b[data-v-b8c2fedc]:after { content: "9%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-10[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(126deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-10[data-v-b8c2fedc]:before { transform: rotate(36deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-10[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-10 b[data-v-b8c2fedc]:after { content: "10%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-11[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(129.6deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-11[data-v-b8c2fedc]:before { transform: rotate(39.6deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-11[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-11 b[data-v-b8c2fedc]:after { content: "11%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-12[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(133.2deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-12[data-v-b8c2fedc]:before { transform: rotate(43.2deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-12[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-12 b[data-v-b8c2fedc]:after { content: "12%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-13[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(136.8deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-13[data-v-b8c2fedc]:before { transform: rotate(46.8deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-13[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-13 b[data-v-b8c2fedc]:after { content: "13%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-14[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(140.4deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-14[data-v-b8c2fedc]:before { transform: rotate(50.4deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-14[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-14 b[data-v-b8c2fedc]:after { content: "14%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-15[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(144deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-15[data-v-b8c2fedc]:before { transform: rotate(54deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-15[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-15 b[data-v-b8c2fedc]:after { content: "15%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-16[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(147.6deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-16[data-v-b8c2fedc]:before { transform: rotate(57.6deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-16[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-16 b[data-v-b8c2fedc]:after { content: "16%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-17[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(151.2deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-17[data-v-b8c2fedc]:before { transform: rotate(61.2deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-17[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-17 b[data-v-b8c2fedc]:after { content: "17%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-18[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(154.8deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-18[data-v-b8c2fedc]:before { transform: rotate(64.8deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-18[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-18 b[data-v-b8c2fedc]:after { content: "18%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-19[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(158.4deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-19[data-v-b8c2fedc]:before { transform: rotate(68.4deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-19[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-19 b[data-v-b8c2fedc]:after { content: "19%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-20[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(162deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-20[data-v-b8c2fedc]:before { transform: rotate(72deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-20[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-20 b[data-v-b8c2fedc]:after { content: "20%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-21[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(165.6deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-21[data-v-b8c2fedc]:before { transform: rotate(75.6deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-21[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-21 b[data-v-b8c2fedc]:after { content: "21%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-22[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(169.2deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-22[data-v-b8c2fedc]:before { transform: rotate(79.2deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-22[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-22 b[data-v-b8c2fedc]:after { content: "22%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-23[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(172.8deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-23[data-v-b8c2fedc]:before { transform: rotate(82.8deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-23[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-23 b[data-v-b8c2fedc]:after { content: "23%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-24[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(176.4deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-24[data-v-b8c2fedc]:before { transform: rotate(86.4deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-24[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-24 b[data-v-b8c2fedc]:after { content: "24%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-25[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(180deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-25[data-v-b8c2fedc]:before { transform: rotate(90deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-25[data-v-b8c2fedc]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-25 b[data-v-b8c2fedc]:after { content: "25%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-26[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(183.6deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-26[data-v-b8c2fedc]:before { transform: rotate(93.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-26 b[data-v-b8c2fedc]:after { content: "26%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-27[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(187.2deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-27[data-v-b8c2fedc]:before { transform: rotate(97.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-27 b[data-v-b8c2fedc]:after { content: "27%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-28[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(190.8deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-28[data-v-b8c2fedc]:before { transform: rotate(100.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-28 b[data-v-b8c2fedc]:after { content: "30%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-29[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(194.4deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-29[data-v-b8c2fedc]:before { transform: rotate(104.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-29 b[data-v-b8c2fedc]:after { content: "29%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-30[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(198deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-30[data-v-b8c2fedc]:before { transform: rotate(108deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-30 b[data-v-b8c2fedc]:after { content: "30%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-31[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(201.6deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-31[data-v-b8c2fedc]:before { transform: rotate(111.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-31 b[data-v-b8c2fedc]:after { content: "31%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-32[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(205.2deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-32[data-v-b8c2fedc]:before { transform: rotate(115.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-32 b[data-v-b8c2fedc]:after { content: "32%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-33[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(208.8deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-33[data-v-b8c2fedc]:before { transform: rotate(118.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-33 b[data-v-b8c2fedc]:after { content: "33%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-34[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(212.4deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-34[data-v-b8c2fedc]:before { transform: rotate(122.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-34 b[data-v-b8c2fedc]:after { content: "34%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-35[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(216deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-35[data-v-b8c2fedc]:before { transform: rotate(126deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-35 b[data-v-b8c2fedc]:after { content: "35%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-36[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(219.6deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-36[data-v-b8c2fedc]:before { transform: rotate(129.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-36 b[data-v-b8c2fedc]:after { content: "36%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-37[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(223.2deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-37[data-v-b8c2fedc]:before { transform: rotate(133.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-37 b[data-v-b8c2fedc]:after { content: "37%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-38[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(230deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-38[data-v-b8c2fedc]:before { transform: rotate(136.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-38 b[data-v-b8c2fedc]:after { content: "38%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-39[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(230.4deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-39[data-v-b8c2fedc]:before { transform: rotate(140.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-39 b[data-v-b8c2fedc]:after { content: "39%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-40[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(234deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-40[data-v-b8c2fedc]:before { transform: rotate(144deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-40 b[data-v-b8c2fedc]:after { content: "40%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-41[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(237.6deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-41[data-v-b8c2fedc]:before { transform: rotate(147.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-41 b[data-v-b8c2fedc]:after { content: "41%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-42[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(241.2deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-42[data-v-b8c2fedc]:before { transform: rotate(151.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-42 b[data-v-b8c2fedc]:after { content: "42%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-43[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(244.8deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-43[data-v-b8c2fedc]:before { transform: rotate(154.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-43 b[data-v-b8c2fedc]:after { content: "43%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-44[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(248.4deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-44[data-v-b8c2fedc]:before { transform: rotate(158.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-44 b[data-v-b8c2fedc]:after { content: "44%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-45[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(252deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-45[data-v-b8c2fedc]:before { transform: rotate(162deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-45 b[data-v-b8c2fedc]:after { content: "45%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-46[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(255.6deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-46[data-v-b8c2fedc]:before { transform: rotate(165.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-46 b[data-v-b8c2fedc]:after { content: "46%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-47[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(259.2deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-47[data-v-b8c2fedc]:before { transform: rotate(169.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-47 b[data-v-b8c2fedc]:after { content: "47%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-48[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(262.8deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-48[data-v-b8c2fedc]:before { transform: rotate(172.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-48 b[data-v-b8c2fedc]:after { content: "48%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-49[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(266.4deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-49[data-v-b8c2fedc]:before { transform: rotate(176.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-49 b[data-v-b8c2fedc]:after { content: "49%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-50[data-v-b8c2fedc] { background-image: linear-gradient(-90deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-50[data-v-b8c2fedc]:before { transform: rotate(180deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-50 b[data-v-b8c2fedc]:after { content: "50%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-51[data-v-b8c2fedc] { background-image: linear-gradient(-86.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-51[data-v-b8c2fedc]:before { transform: rotate(183.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-51 b[data-v-b8c2fedc]:after { content: "51%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-52[data-v-b8c2fedc] { background-image: linear-gradient(-82.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-52[data-v-b8c2fedc]:before { transform: rotate(187.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-52 b[data-v-b8c2fedc]:after { content: "52%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-53[data-v-b8c2fedc] { background-image: linear-gradient(-79.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-53[data-v-b8c2fedc]:before { transform: rotate(190.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-53 b[data-v-b8c2fedc]:after { content: "53%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-54[data-v-b8c2fedc] { background-image: linear-gradient(-75.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-54[data-v-b8c2fedc]:before { transform: rotate(194.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-54 b[data-v-b8c2fedc]:after { content: "54%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-55[data-v-b8c2fedc] { background-image: linear-gradient(-72deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-55[data-v-b8c2fedc]:before { transform: rotate(198deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-55 b[data-v-b8c2fedc]:after { content: "55%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-56[data-v-b8c2fedc] { background-image: linear-gradient(-68.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-56[data-v-b8c2fedc]:before { transform: rotate(201.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-56 b[data-v-b8c2fedc]:after { content: "56%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-57[data-v-b8c2fedc] { background-image: linear-gradient(-64.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-57[data-v-b8c2fedc]:before { transform: rotate(205.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-57 b[data-v-b8c2fedc]:after { content: "57%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-58[data-v-b8c2fedc] { background-image: linear-gradient(-61.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-58[data-v-b8c2fedc]:before { transform: rotate(208.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-58 b[data-v-b8c2fedc]:after { content: "58%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-59[data-v-b8c2fedc] { background-image: linear-gradient(-57.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-59[data-v-b8c2fedc]:before { transform: rotate(212.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-59 b[data-v-b8c2fedc]:after { content: "59%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-60[data-v-b8c2fedc] { background-image: linear-gradient(-54deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-60[data-v-b8c2fedc]:before { transform: rotate(216deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-60 b[data-v-b8c2fedc]:after { content: "60%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-61[data-v-b8c2fedc] { background-image: linear-gradient(-50.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-61[data-v-b8c2fedc]:before { transform: rotate(219.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-61 b[data-v-b8c2fedc]:after { content: "61%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-62[data-v-b8c2fedc] { background-image: linear-gradient(-46.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-62[data-v-b8c2fedc]:before { transform: rotate(223.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-62 b[data-v-b8c2fedc]:after { content: "62%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-63[data-v-b8c2fedc] { background-image: linear-gradient(-43.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-63[data-v-b8c2fedc]:before { transform: rotate(230deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-63 b[data-v-b8c2fedc]:after { content: "63%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-64[data-v-b8c2fedc] { background-image: linear-gradient(-39.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-64[data-v-b8c2fedc]:before { transform: rotate(230.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-64 b[data-v-b8c2fedc]:after { content: "64%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-65[data-v-b8c2fedc] { background-image: linear-gradient(-36deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-65[data-v-b8c2fedc]:before { transform: rotate(234deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-65 b[data-v-b8c2fedc]:after { content: "65%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-66[data-v-b8c2fedc] { background-image: linear-gradient(-32.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-66[data-v-b8c2fedc]:before { transform: rotate(237.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-66 b[data-v-b8c2fedc]:after { content: "66%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-67[data-v-b8c2fedc] { background-image: linear-gradient(-30.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-67[data-v-b8c2fedc]:before { transform: rotate(241.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-67 b[data-v-b8c2fedc]:after { content: "67%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-68[data-v-b8c2fedc] { background-image: linear-gradient(-25.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-68[data-v-b8c2fedc]:before { transform: rotate(244.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-68 b[data-v-b8c2fedc]:after { content: "68%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-69[data-v-b8c2fedc] { background-image: linear-gradient(-21.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-69[data-v-b8c2fedc]:before { transform: rotate(248.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-69 b[data-v-b8c2fedc]:after { content: "69%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-70[data-v-b8c2fedc] { background-image: linear-gradient(-18deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-70[data-v-b8c2fedc]:before { transform: rotate(252deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-70 b[data-v-b8c2fedc]:after { content: "70%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-71[data-v-b8c2fedc] { background-image: linear-gradient(-14.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-71[data-v-b8c2fedc]:before { transform: rotate(255.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-71 b[data-v-b8c2fedc]:after { content: "71%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-72[data-v-b8c2fedc] { background-image: linear-gradient(-10.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-72[data-v-b8c2fedc]:before { transform: rotate(259.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-72 b[data-v-b8c2fedc]:after { content: "72%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-73[data-v-b8c2fedc] { background-image: linear-gradient(-7.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-73[data-v-b8c2fedc]:before { transform: rotate(262.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-73 b[data-v-b8c2fedc]:after { content: "73%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-74[data-v-b8c2fedc] { background-image: linear-gradient(-3.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-74[data-v-b8c2fedc]:before { transform: rotate(266.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-74 b[data-v-b8c2fedc]:after { content: "74%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-75[data-v-b8c2fedc] { background-image: linear-gradient(0deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-75[data-v-b8c2fedc]:before { transform: rotate(270deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-75 b[data-v-b8c2fedc]:after { content: "75%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-76[data-v-b8c2fedc] { background-image: linear-gradient(3.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-76[data-v-b8c2fedc]:before { transform: rotate(273.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-76 b[data-v-b8c2fedc]:after { content: "76%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-77[data-v-b8c2fedc] { background-image: linear-gradient(7.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-77[data-v-b8c2fedc]:before { transform: rotate(277.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-77 b[data-v-b8c2fedc]:after { content: "77%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-78[data-v-b8c2fedc] { background-image: linear-gradient(10.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-78[data-v-b8c2fedc]:before { transform: rotate(30.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-78 b[data-v-b8c2fedc]:after { content: "78%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-79[data-v-b8c2fedc] { background-image: linear-gradient(14.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-79[data-v-b8c2fedc]:before { transform: rotate(304.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-79 b[data-v-b8c2fedc]:after { content: "79%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-80[data-v-b8c2fedc] { background-image: linear-gradient(18deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-80[data-v-b8c2fedc]:before { transform: rotate(308deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-80 b[data-v-b8c2fedc]:after { content: "80%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-81[data-v-b8c2fedc] { background-image: linear-gradient(21.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-81[data-v-b8c2fedc]:before { transform: rotate(291.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-81 b[data-v-b8c2fedc]:after { content: "81%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-82[data-v-b8c2fedc] { background-image: linear-gradient(25.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-82[data-v-b8c2fedc]:before { transform: rotate(295.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-82 b[data-v-b8c2fedc]:after { content: "82%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-83[data-v-b8c2fedc] { background-image: linear-gradient(30.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-83[data-v-b8c2fedc]:before { transform: rotate(298.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-83 b[data-v-b8c2fedc]:after { content: "83%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-84[data-v-b8c2fedc] { background-image: linear-gradient(32.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-84[data-v-b8c2fedc]:before { transform: rotate(302.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-84 b[data-v-b8c2fedc]:after { content: "84%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-85[data-v-b8c2fedc] { background-image: linear-gradient(36deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-85[data-v-b8c2fedc]:before { transform: rotate(306deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-85 b[data-v-b8c2fedc]:after { content: "85%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-86[data-v-b8c2fedc] { background-image: linear-gradient(39.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-86[data-v-b8c2fedc]:before { transform: rotate(309.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-86 b[data-v-b8c2fedc]:after { content: "86%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-87[data-v-b8c2fedc] { background-image: linear-gradient(43.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-87[data-v-b8c2fedc]:before { transform: rotate(313.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-87 b[data-v-b8c2fedc]:after { content: "87%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-88[data-v-b8c2fedc] { background-image: linear-gradient(46.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-88[data-v-b8c2fedc]:before { transform: rotate(316.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-88 b[data-v-b8c2fedc]:after { content: "88%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-89[data-v-b8c2fedc] { background-image: linear-gradient(50.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-89[data-v-b8c2fedc]:before { transform: rotate(320.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-89 b[data-v-b8c2fedc]:after { content: "89%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-90[data-v-b8c2fedc] { background-image: linear-gradient(54deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-90[data-v-b8c2fedc]:before { transform: rotate(324deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-90 b[data-v-b8c2fedc]:after { content: "90%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-91[data-v-b8c2fedc] { background-image: linear-gradient(57.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-91[data-v-b8c2fedc]:before { transform: rotate(330deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-91 b[data-v-b8c2fedc]:after { content: "91%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-92[data-v-b8c2fedc] { background-image: linear-gradient(61.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-92[data-v-b8c2fedc]:before { transform: rotate(331.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-92 b[data-v-b8c2fedc]:after { content: "92%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-93[data-v-b8c2fedc] { background-image: linear-gradient(64.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-93[data-v-b8c2fedc]:before { transform: rotate(334.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-93 b[data-v-b8c2fedc]:after { content: "93%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-94[data-v-b8c2fedc] { background-image: linear-gradient(68.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-94[data-v-b8c2fedc]:before { transform: rotate(338.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-94 b[data-v-b8c2fedc]:after { content: "94%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-95[data-v-b8c2fedc] { background-image: linear-gradient(72deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-95[data-v-b8c2fedc]:before { transform: rotate(342deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-95 b[data-v-b8c2fedc]:after { content: "95%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-96[data-v-b8c2fedc] { background-image: linear-gradient(75.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-96[data-v-b8c2fedc]:before { transform: rotate(345.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-96 b[data-v-b8c2fedc]:after { content: "96%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-97[data-v-b8c2fedc] { background-image: linear-gradient(79.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-97[data-v-b8c2fedc]:before { transform: rotate(349.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-97 b[data-v-b8c2fedc]:after { content: "97%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-98[data-v-b8c2fedc] { background-image: linear-gradient(82.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-98[data-v-b8c2fedc]:before { transform: rotate(352.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-98 b[data-v-b8c2fedc]:after { content: "98%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-99[data-v-b8c2fedc] { background-image: linear-gradient(86.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-99[data-v-b8c2fedc]:before { transform: rotate(356.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-99 b[data-v-b8c2fedc]:after { content: "99%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-100[data-v-b8c2fedc] { background-image: linear-gradient(90deg, #5997ff 50%, transparent 50%, transparent); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-100[data-v-b8c2fedc]:before { transform: rotate(360deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-100 b[data-v-b8c2fedc]:after { content: "100%"; } .tx-screen .content .right .bmi-standard[data-v-b8c2fedc] { position: relative; top: 10px; right: 0; width: 510px; height: 606px; background: url(../img/hd.eddf10ac.png) no-repeat; background-size: 510px 606px; } .tx-screen .content .right .bmi-standard .bmi-data[data-v-b8c2fedc] { position: relative; top: 20px; height: 220px; padding: 0 25.5px; } .tx-screen .content .right .bmi-standard .bmi-data .bmi-data-item[data-v-b8c2fedc] { display: inline-block; position: relative; width: 51px; height: 220px; text-align: center; } .tx-screen .content .right .bmi-standard .bmi-data .bmi-data-item .bmi-rate[data-v-b8c2fedc] { font-family: "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #fff; } .tx-screen .content .right .bmi-standard .bmi-data .bmi-data-item .bmi-chart[data-v-b8c2fedc] { position: relative; width: 18px; height: 155px; margin: 4px auto; border-radius: 9px; background-color: #20388d; } .tx-screen .content .right .bmi-standard .bmi-data .bmi-data-item .bmi-chart .bmi-chart-use[data-v-b8c2fedc] { position: absolute; left: 0; bottom: 0; width: 18px; border-radius: 9px; -webkit-animation: bmi-chart-use-data-v-b8c2fedc 3s ease-in-out; background-color: #5997ff; background-image: linear-gradient(top, #5997ff, #5997ff); } @-webkit-keyframes bmi-chart-use-data-v-b8c2fedc { 0% { height: 0; } 0% { height: 0; } } .tx-screen .content .right .bmi-standard .bmi-data .bmi-data-item .bmi-grade[data-v-b8c2fedc] { position: relative; top: 14px; left: -5px; font-family: "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #91c8ff; transform: rotate(-60deg); -ms-transform: rotate(-60deg); /* IE 9 */ -moz-transform: rotate(-60deg); /* Firefox */ -webkit-transform: rotate(-60deg); /* Safari 和 Chrome */ -o-transform: rotate(-60deg); /* Opera */ } .tx-screen .content .right .view-analysis[data-v-b8c2fedc] { position: relative; top: 20px; right: 0; width: 510px; height: 298px; background: url(../img/bg_c.fa7bd0ba.png) no-repeat; background-size: 510px 298px; } .tx-screen .content .right .view-analysis .view-data[data-v-b8c2fedc] { display: inline-block; position: relative; top: 10px; width: 230px; height: 220px; vertical-align: top; } .tx-screen .content .right .view-analysis .view-data .view-data-item[data-v-b8c2fedc] { position: relative; top: 0; left: 10px; width: 220px; height: 44px; line-height: 44px; } .tx-screen .content .right .view-analysis .view-data .view-data-item .grade[data-v-b8c2fedc] { display: inline-block; position: relative; left: 0; font-size: 12px; font-family: "Microsoft YaHei"; font-weight: bold; color: #91c8ff; } .tx-screen .content .right .view-analysis .view-data .view-data-item .view-data-chart[data-v-b8c2fedc] { display: inline-block; position: relative; left: 10px; width: 168px; height: 16px; line-height: 16px; vertical-align: middle; border-radius: 8px; background-color: #233a9a; } .tx-screen .content .right .view-analysis .view-data .view-data-item .view-data-chart .view-data-chart-use[data-v-b8c2fedc] { position: absolute; top: 0; left: 0; height: 16px; border-radius: 8px; -webkit-animation: view-data-chart-use-data-v-b8c2fedc 3s ease-in-out; background-color: #00db82; background-image: linear-gradient(top, #00db82, #00db82); } @-webkit-keyframes view-data-chart-use-data-v-b8c2fedc { 0% { width: 0; } 0% { width: 0; } } .tx-screen .content .right .view-analysis .view-data .view-data-item .view-data-chart .normal-rate[data-v-b8c2fedc] { position: relative; left: -15px; transform: scale(0.7); font-size: 8px; font-family: "Microsoft YaHei"; font-weight: bold; color: #00663d; } .tx-screen .content .right .view-analysis .view-data .view-data-item .err-rate[data-v-b8c2fedc] { position: absolute; top: -16px; right: 12px; font-size: 10px; font-family: "Microsoft YaHei"; font-weight: bold; color: #ffffff; } .tx-screen .content .right .view-analysis .view-data .view-data-item span[data-v-b8c2fedc] { margin-left: 4px; } .tx-screen .content .right .view-analysis .view-data-a[data-v-b8c2fedc] { margin-left: 20px; } .tx-screen .content .right .view-analysis .view-data-b[data-v-b8c2fedc] { margin-left: 10px; } .login-bg{ position: absolute; width: 100%; height: 100%; background-image: url(../img/login-bg.d51c9bba.png); z-index: 9999; overflow: hidden; } .login-info{ position: absolute; width: 628px; height: 524px; background-image: url(../img/login_shu.ccdfb5ac.png); position:absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .login-text{ font-size: 24px; font-weight: bold; color: #FFFFFF; margin-top: 50px; margin-left: 72px; } .login-lebal{ position: relative; width: 480px; height: 60px; margin: 0 auto; margin-top: 24px; } .login-lebal img{ position: absolute; width: 34px; height: 34px; top: 14px; left: 10px; z-index: 9; } .login-input{ width: 430px; height: 60px; line-height: 60px; padding-left: 50px; background-color: #264CA2; border: 0px; color: #FFFFFF; font-size: 18px; border-radius: 8px; } .login-input:focus { outline:none; border: 1px solid #FFFFFF; } .el-input__inner{ height: 60px; padding: 0 50px; color: #FFFFFF; background-color: #264CA2; } .el-input__inner:hover{ background-color:#264CA2 !important; } .yzm{ width: 250px; } .login-btn{ width: 480px; height: 60px; line-height: 60px; background: linear-gradient(179deg, #3F66F5 0%, #7B96FF 100%); border-radius: 4px 4px 4px 4px; margin: 0 auto; margin-top: 42px; text-align: center; font-weight: bold; color: #FFFFFF; } .subscript{ position: fixed; width: 100%; font-size: 18px; z-index: 9; bottom: 30px; color: #FFFFFF; } .subscript-text{ text-align: center; } ::-webkit-input-placeholder { /* WebKit browsers，webkit内核浏览器 */ color: rgba(255, 255, 255, 0.42); font-size: 18px; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(255, 255, 255, 0.42); font-size: 18px; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(255, 255, 255, 0.42); font-size: 18px; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: rgba(255, 255, 255, 0.42); font-size: 18px; } .login-lebal .captchaPath{ width: 170px; height: 60px; margin-left: 300px; margin-top: -12px; } .title_bg{ position: absolute; top: 0px; left: 0px; width: 100%; height: 128px; } .login-bg-text{ position: absolute; top: 20px; width: 100%; text-align: center; font-size: 42px; color: #FFFFFF; font-weight: bold; letter-spacing: 10px; } .edit-img{ position: absolute; width: 16px; height: 16px; right: 110px; top: 98px; } .edit-content{ position: absolute; font-size: 14px; font-weight: bold; color: #BFCAFF; right: 47px; top: 75px; z-index: 99999; letter-spacing: 0px; } .monitor-edit{ top: 110px; } .is10[data-v-78806730] { height: 40px !important; } .left22[data-v-78806730] { left: 22px !important; } .center-text .title[data-v-78806730] { font-size: 12px !important; } .db-logo[data-v-78806730] { position: absolute; width: 53px; height: 92px; right: 12px; top: 12px; } .cs-map[data-v-78806730] { position: relative; } .cs-map .csbj[data-v-78806730] { position: absolute; width: 723px; height: 298px; top: 170px; left: 36px; } .cs-map .wc[data-v-78806730] { position: absolute; width: 120px; height: 160px; top: 207px; left: 266px; } .cs-map .nx[data-v-78806730] { position: absolute; width: 278px; height: 226px; top: 234px; left: 37px; } .cs-map .ly[data-v-78806730] { position: absolute; width: 328px; height: 258px; top: 206px; left: 429px; } .cs-map .csx[data-v-78806730] { position: absolute; width: 163px; height: 234px; top: 171px; left: 365px; } .cs-map .tx[data-v-78806730] { position: absolute; width: 36px; height: 89px; top: 338px; left: 351px; } .cs-map .yl[data-v-78806730] { position: absolute; width: 110px; height: 119px; top: 306px; left: 255px; } .cs-map .yh[data-v-78806730] { position: absolute; width: 62px; height: 110px; top: 337px; left: 369px; } .cs-map .kf[data-v-78806730] { position: absolute; width: 52px; height: 74px; top: 270px; left: 346px; } .cs-map .gx[data-v-78806730] { position: absolute; width: 40px; height: 40px; top: 312px; left: 315px; } .cs-map .fr[data-v-78806730] { position: absolute; width: 44px; height: 24px; top: 325px; left: 363px; } .cs-map .nx-info-address[data-v-78806730] { top: 42px; left: 10px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .wc-info-address[data-v-78806730] { top: 30px; left: 100px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .ly-info-address[data-v-78806730] { top: 30px; left: 45px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .csx-info-address[data-v-78806730] { top: 30px; left: 45px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .tx-info-address[data-v-78806730] { top: 40px; left: 45px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .yl-info-address[data-v-78806730] { top: 40px; left: 45px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .yh-info-address[data-v-78806730] { top: 38px; left: 103px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .kf-info-address[data-v-78806730] { top: 38px; left: 50px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .gx-info-address[data-v-78806730] { top: 150px; left: 50px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .fr-info-address[data-v-78806730] { top: 150px; left: 100px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .lh-bg[data-v-78806730] { background: linear-gradient(180deg, rgba(78, 201, 225, 0.3) 0%, rgba(78, 201, 225, 0.8) 100%); } .cs-map .db-bg[data-v-78806730] { background: linear-gradient(180deg, rgba(0, 224, 83, 0.3) 0%, rgba(0, 224, 83, 0.8) 100%); } .cs-map .wdb-bg[data-v-78806730] { background: linear-gradient(180deg, rgba(241, 148, 102, 0.3) 0%, rgba(241, 148, 102, 0.8) 100%); } .cs-map .wc-info[data-v-78806730] { position: absolute; width: 480px; height: 152px; opacity: 1; border-radius: 4px; } .cs-map .wc-info .info-analyse[data-v-78806730] { font-size: 14px; margin-top: 10px; padding-left: 18px; } .cs-map .wc-info .info-analyse .analyse-item[data-v-78806730] { color: #a7c5ef; margin-top: 12px; float: left; margin-right: 18px; } .cs-map .wc-info .info-analyse .analyse-item span[data-v-78806730] { font-weight: bold; color: #ffffff; } .cs-map .wc-info .info-name[data-v-78806730] { font-weight: bold; font-size: 20px; padding-left: 18px; padding-top: 15px; } .cs-map .wc-info .info-data[data-v-78806730] { overflow: hidden; } .cs-map .wc-info .cy-number[data-v-78806730] { float: left; margin-top: 14px; margin-right: 20px; } .cs-map .wc-info .cy-number .cy-name[data-v-78806730] { padding-left: 18px; font-size: 14px; color: #ffffff; opacity: 0.6; } .cs-map .wc-info .cy-number .cy-data[data-v-78806730] { margin-top: 10px; padding-left: 18px; font-size: 24px; color: #ffffff; font-weight: bold; } .cs-map .wc-info .cy-number .cy-data span[data-v-78806730] { font-size: 14px; } .cs-map .wc-sj[data-v-78806730] { position: absolute; top: 182px; left: 290px; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .nx-sj[data-v-78806730] { position: absolute; top: 194px; left: 160px; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .ly-sj[data-v-78806730] { position: absolute; top: 98px; left: 520px; width: 0; height: 0; transform: rotate(270deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .csx-sj[data-v-78806730] { position: absolute; top: 98px; left: 520px; width: 0; height: 0; transform: rotate(270deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .tx-sj[data-v-78806730] { position: absolute; top: 192px; left: 350px; width: 0; height: 0; transform: rotate(360deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .yl-sj[data-v-78806730] { position: absolute; top: 192px; left: 316px; width: 0; height: 0; transform: rotate(360deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .yh-sj[data-v-78806730] { position: absolute; top: 190px; left: 381px; width: 0; height: 0; transform: rotate(360deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .kf-sj[data-v-78806730] { position: absolute; top: 190px; left: 364px; width: 0; height: 0; transform: rotate(360deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .gx-sj[data-v-78806730] { position: absolute; top: 301px; left: 322px; width: 0; height: 0; transform: rotate(360deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .fr-sj[data-v-78806730] { position: absolute; top: 301px; left: 368px; width: 0; height: 0; transform: rotate(360deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .lh-sj[data-v-78806730] { border-top: 10px solid #4ec9e1; } .cs-map .db-sj[data-v-78806730] { border-top: 10px solid #00e053; } .cs-map .wdb-sj[data-v-78806730] { border-top: 10px solid #f19466; } .cs-map .cs-target[data-v-78806730] { display: flex; justify-content: center; align-items: center; } .cs-map .cs-target .cs-content[data-v-78806730] { position: absolute; top: 490px; } .cs-map .cs-target .mt4[data-v-78806730] { margin-top: 4px; } .cs-map .cs-target .cs-target-item[data-v-78806730] { float: left; margin-right: 20px; color: #91c8ff; font-size: 14px; } .cs-map .cs-target .cs-target-item span[data-v-78806730] { font-size: 18px; color: #ffffff; font-weight: bold; } .bmi-standard[data-v-78806730] { position: relative; top: 10px; right: 0; width: 510px; } .bmi-standard .bmi-data[data-v-78806730] { position: relative; top: 20px; height: 220px; padding: 0 25.5px; } .bmi-standard .bmi-data .bmi-data-item[data-v-78806730] { display: inline-block; position: relative; width: 51px; height: 220px; text-align: center; } .bmi-standard .bmi-data .bmi-data-item .bmi-rate[data-v-78806730] { font-family: "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #fff; } .bmi-standard .bmi-data .bmi-data-item .bmi-chart[data-v-78806730] { position: relative; width: 18px; height: 155px; margin: 4px auto; border-radius: 9px; background-color: #20388d; } .bmi-standard .bmi-data .bmi-data-item .bmi-chart .bmi-chart-use[data-v-78806730] { position: absolute; left: 0; bottom: 0; width: 18px; border-radius: 9px; -webkit-animation: bmi-chart-use-data-v-78806730 3s ease-in-out; background-color: #5997ff; background-image: linear-gradient(top, #5997ff, #5997ff); } @-webkit-keyframes bmi-chart-use-data-v-78806730 { 0% { height: 0; } 0% { height: 0; } } .bmi-standard .bmi-data .bmi-data-item .bmi-grade[data-v-78806730] { position: relative; top: 14px; left: -5px; font-family: "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #91c8ff; transform: rotate(-60deg); -ms-transform: rotate(-60deg); /* IE 9 */ -moz-transform: rotate(-60deg); /* Firefox */ -webkit-transform: rotate(-60deg); /* Safari 和 Chrome */ -o-transform: rotate(-60deg); /* Opera */ } .tx-screen[data-v-78806730] { position: relative; top: 0; bottom: 0; left: 0; right: 0; width: 1920px; height: 1080px; padding: 0; margin: 0; background: #000; background: url(../img/bg.2ce12074.png) no-repeat; background-size: 100% 100%; } .tx-screen .titles[data-v-78806730] { position: relative; top: 0; width: 100%; padding-top: 20px; text-align: center; font-family: "Microsoft YaHei"; color: #fff; line-height: 59px; font-size: 42px; height: 101px; background: url(../img/top_bg.d90fee59.png) no-repeat; background-size: 1920px 101px; } .tx-screen .titles .title-time[data-v-78806730] { position: absolute; font-size: 14px; font-weight: 400; color: #bfcaff; right: 142px; top: 75px; } .tx-screen .content[data-v-78806730] { position: relative; top: -20px; left: 0; bottom: 40px; margin: 20px auto; width: 1840px; height: 921px; } .tx-screen .content .content-title[data-v-78806730] { position: relative; top: 0; left: 0; width: 100%; height: 42px; line-height: 42px; text-align: center; font-family: "Microsoft YaHei"; font-size: 20px; font-weight: bold; } .tx-screen .content .content-title .line[data-v-78806730] { display: inline-block; position: relative; vertical-align: middle; width: 64px; height: 5px; border-radius: 3px; } .tx-screen .content .content-title .left-line[data-v-78806730] { margin-right: 4px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #84aaff 100%); } .tx-screen .content .content-title .right-line[data-v-78806730] { margin-left: 4px; background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #84aaff 100%); } .tx-screen .content .content-title .text[data-v-78806730] { display: inline-block; position: relative; vertical-align: top; font-family: "Microsoft YaHei"; font-size: 20px; font-weight: bold; color: #fff; } .tx-screen .content .left[data-v-78806730] { float: left; } .tx-screen .content .left .hot-sport[data-v-78806730] { position: relative; top: 0; left: 0; width: 510px; height: 266px; background: url(../img/bg_a.b3ae2700.png) no-repeat; background-size: 510px 266px; } .tx-screen .content .left .hot-sport .hot-sport-content[data-v-78806730] { position: relative; top: 16px; left: 20px; width: 470px; height: 188px; } .tx-screen .content .left .hot-sport .hot-sport-content table[data-v-78806730] { position: relative; width: 470px; height: 94px; } .tx-screen .content .left .hot-sport .hot-sport-content table tr td[data-v-78806730] { width: 117.5px; font-size: 14px; font-family: "Microsoft YaHei"; font-weight: bold; line-height: 20px; padding-top: 16px; color: #3dffb0; } .tx-screen .content .left .hot-sport .hot-sport-content table tr td .td-num[data-v-78806730] { margin-top: 8px; font-size: 20px; font-family: "Microsoft YaHei"; font-weight: bold; line-height: 30px; color: #ffffff; } .tx-screen .content .left .hot-sport .hot-sport-content table tr .td-line[data-v-78806730] { width: 1px; height: 30px; background-color: #5a73bb; } .tx-screen .content .left .hot-sport .hot-sport-content table tr .td-line1[data-v-78806730] { position: absolute; top: 30px; left: 117.5px; } .tx-screen .content .left .hot-sport .hot-sport-content table tr .td-line2[data-v-78806730] { position: absolute; top: 30px; left: 235px; } .tx-screen .content .left .hot-sport .hot-sport-content table tr .td-line3[data-v-78806730] { position: absolute; top: 30px; left: 352.5px; } .tx-screen .content .left .join-trend[data-v-78806730] { position: relative; top: 10px; left: 0; width: 510px; height: 337px; background: url(../img/bg_b.951516fb.png) no-repeat; background-size: 510px 337px; } .tx-screen .content .left .join-trend .join-trend-chart[data-v-78806730] { position: relative; top: 30px; left: 20px; width: 470px; height: 250px; } .tx-screen .content .left .join-trend2[data-v-78806730] { position: relative; top: 0; left: 0; width: 510px; height: 298px; margin-top: 20px; background: url(../img/bg_c.fa7bd0ba.png) no-repeat; background-size: 510px 298px; } .tx-screen .content .left .join-trend2 .stu-sport-chart[data-v-78806730] { display: inline-block; position: relative; top: 19px; left: 20px; width: 210px; height: 220px; } .tx-screen .content .left .join-trend2 .stu-sport-data-a[data-v-78806730], .tx-screen .content .left .join-trend2 .stu-sport-data-b[data-v-78806730] { display: inline-block; position: relative; top: 19px; left: 20px; width: 130px; height: 210px; } .tx-screen .content .left .join-trend2 .stu-sport-data-a ul[data-v-78806730], .tx-screen .content .left .join-trend2 .stu-sport-data-b ul[data-v-78806730] { position: absolute; margin: 0; padding: 0; width: 100%; height: 210px; font-size: 0; white-space: normal; } .tx-screen .content .left .join-trend2 .stu-sport-data-a ul li[data-v-78806730], .tx-screen .content .left .join-trend2 .stu-sport-data-b ul li[data-v-78806730] { position: relative; text-decoration: none; list-style-type: none; width: 130px; height: 34px; margin: 0; line-height: 35px; font-family: "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #fff; } .tx-screen .content .left .join-trend2 .stu-sport-data-a ul li .color[data-v-78806730], .tx-screen .content .left .join-trend2 .stu-sport-data-b ul li .color[data-v-78806730] { display: inline-block; position: absolute; top: 10px; left: 10px; width: 24px; height: 14px; border-radius: 4px; } .tx-screen .content .left .join-trend2 .stu-sport-data-a ul li .grade[data-v-78806730], .tx-screen .content .left .join-trend2 .stu-sport-data-b ul li .grade[data-v-78806730] { display: inline-block; margin-left: 40px; color: #93afff; } .tx-screen .content .left .join-trend2 .stu-sport-data-a ul li .rate[data-v-78806730], .tx-screen .content .left .join-trend2 .stu-sport-data-b ul li .rate[data-v-78806730] { display: inline-block; margin-left: 6px; color: #fff; } .tx-screen .content .center[data-v-78806730] { position: relative; top: 0; width: 800px; height: 921px; margin: 10px auto; } .tx-screen .content .center .map[data-v-78806730] { position: relative; top: 0; left: 0; width: 800px; height: 608px; color: #fff; } .tx-screen .content .center .map .top-top[data-v-78806730] { display: flex; flex-direction: row; align-items: center; } .tx-screen .content .center .map .top-num[data-v-78806730] { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 80px; text-align: center; overflow: hidden; font-size: 24px; font-family: "Microsoft YaHei"; font-weight: bold; color: #ffffff; } .tx-screen .content .center .map .stu-num[data-v-78806730] { position: relative; top: 0; left: 0; width: 220px; background: url(../img/stu_num_bg.d7d781c5.png) no-repeat; background-size: 220px 80px; } .tx-screen .content .center .map .sport-num[data-v-78806730] { position: relative; top: 0; left: 10px; width: 340px; background: url(../img/sport_num_bg.5b75d9be.png) no-repeat; background-size: 340px 80px; } .tx-screen .content .center .map .sport-num .up-icon[data-v-78806730] { display: inline-block; width: 10px; height: 16px; margin: 0 10px; } .tx-screen .content .center .map .sport-num .down-icon[data-v-78806730] { display: inline-block; width: 25px; height: 22px; margin: 0 2px 0 5px; vertical-align: middle; } .tx-screen .content .center .map .sch-num[data-v-78806730] { position: relative; top: 0; left: 20px; width: 220px; background: url(../img/stu_num_bg.d7d781c5.png) no-repeat; background-size: 220px 80px; } .tx-screen .content .center .map .sch-nums[data-v-78806730] { position: relative; top: 0; left: 20px; width: 192px; background: url(../img/stu_num_bgs.63df2c6e.png) no-repeat; background-size: 192px 80px; margin-right: 10px; } .tx-screen .content .center .map .ml20[data-v-78806730] { margin-left: -20px; } .tx-screen .content .center .map .num-text[data-v-78806730] { margin-right: 5px; font-size: 14px; font-family: "Microsoft YaHei"; font-weight: bold; line-height: 20px; color: #91c8ff; } .tx-screen .content .center .map .map-data[data-v-78806730] { position: relative; top: 5px; width: 800px; height: 520px; margin: 5px auto; } .tx-screen .content .center .map .map-data .card[data-v-78806730] { position: relative; width: 235px; height: 122px; -webkit-animation-name: card-data-v-78806730; /*动画名称*/ -webkit-animation-duration: 1.5s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/ -webkit-animation: card-data-v-78806730 10s infinite linear; } @-webkit-keyframes card-data-v-78806730 { 0% { opacity: 0; /*初始状态 透明度为0*/ } 50% { opacity: 1; /*中间状态 透明度为0*/ } 100% { opacity: 1; /*结尾状态 透明度为1*/ } } .tx-screen .content .center .map .map-data .card .sch-name[data-v-78806730] { position: absolute; top: 12px; width: 185px; font-family: "Microsoft YaHei"; font-size: 14px; font-weight: bold; color: #ffffff; } .tx-screen .content .center .map .map-data .card .num-left[data-v-78806730] { margin-left: 10px; } .tx-screen .content .center .map .map-data .card .num-right[data-v-78806730] { margin-left: 20px; } .tx-screen .content .center .map .map-data .card .num-data[data-v-78806730] { width: 185px; margin-top: 50px; font-family: "Microsoft YaHei"; font-size: 22px; font-weight: bold; color: #ffffff; } .tx-screen .content .center .map .map-data .card .text[data-v-78806730] { position: absolute; bottom: 18px; font-family: "Microsoft YaHei"; font-size: 14px; font-weight: bold; color: #ffffff; } .tx-screen .content .center .map .map-data .card1[data-v-78806730] { position: absolute; top: 23px; left: 95px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAdQAAADwCAMAAACOs2XKAAACSVBMVEUAAAAAAAD/AP8AAID/AID/gIAAVVX/XYsAR4D/VY4AQ3nyXpQASXn/VZIARoD/XZX4WpIASn74WZAATH/4XZMASoAAToD4XJH4W48AS374WJL1W5AAS3wATH73WpL3WpEASoD/WpIATID4XJICTYD2XZIATX4CTX71W5H5W5ECS34CToH3XJH3XJMATX/5W5IATH73XJEATIACTIAETIAGTIAGToAIToAKToAMToAOToAQToAQToESToEUToEWToEYToEaToEcToEeToEgToEiToEkToEmToEmUIEoUIEqUIEqUIMsUIMuUIMwUIMyUIM0UIM2UIM4UIM6UIM8UIM+UINAUINCUINEUINGUINGUIVGUoVIUoVKUoVMUoVOUoVQUoVSUoVUUoVWUoVYUoVaUoVcUoVeUoVgUoViUodkUodmUodmVIdoVIdqVIdsVIduVIdwVIdyVId0VId2VId4VId6VId8VId8VIl+VImAVImBVImDVImFVImFVomHVomJVomLVomNVomPVomRVomTVomVVomVVouXVouZVoubVoudVoufVouhVoujVoulVoulWIunWIupWIurWIutWIuvWIuxWI2zWI21WI23WI25WI27WI29WI2/WI3BWI3DWI3FWI3FWo3HWo3JWo3LWo3LWo/NWo/PWo/RWo/TWo/VWo/XWo/ZWo/bWo/dWo/fWo/hWo/jWo/lWo/lXI/lXJHnXJHpXJHrXJHtXJHvXJHxXJHzXJH1XJH3XJH5XJH/XJP/XZP/XJP/XZMd9SndAAAAwnRSTlMAAQECAgIDCxISExMVFRYpREVFRkdISEhJS0tMTltbXWBgbGxubnt7e3t9fX19fn5/f4CAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ7U8wWqT9YAAALhSURBVHja7dqxapNhFMfh8yahWulnIVBp3bwUt269BXVVkUKvQxx0Fm/BzclLcVApLWKsbQjWJjoplOT9aHF6j89viTZB0vPQfzNYIiJubdwedlEiSomIEvH3oVz624qHyy8r/S9beijlSi9b/tfKlV694onS952Unnd67be4/E5LXOM8ZcXb//PHp/PJbBr1RhFlvH0zSqiZXkbsf/626EEd3r3jTM31Ih4e/qw9OYjxlhO12Otx9anBxo77tNl2V0XtRs7TZs/rqOuu02pVuoEf1GZbq/9OdZxWe1X/9Kt0QYUqqIIqqIIKVVAFVVAFFaoTQBVUQRVUQYUqqIIqqIIKVVAFVVAFVVChCqqgCqqgQhVUQRVUQRVUqIIqqIIqqFAFVVAFVVAFFaqgCqqgCipUQRVUQRVUQYUqqIIqqIIKVVAFVVAFVVChCqqgCqqgQhVUQRVUQRVUqIIqqIIqqFAFVVAFVVD/297fgJqu4btNqPl29u09qOkqb1ZNMNSEEww14QRDTTjBUBNOMNSEEww14QRDTTjBUBNOMNSEEww14QRDTTjBUBNOMNSEEww14QRDTdjICZK12DuBmqz57g8/qbn69eCD+c03vX6nJpxeqAmnF2rC6YWacHqhJpxeqAmnF2rC6YWacHqhJpxeqAmnF2rC6YWacHqhJpxeqI13v/J1/50lYVChCqqgCqqgQhVUQRVUQYXqBFAFVVAFVVChCqqgCqqgQhVUQRVUQRVUqIIqqIIqqFAFVVAFVVAFFaqgCqqgCipUQRVUQRVUQYUqqIIqqIIKVVAFVVAFVVChCqqgCqqgQhVUQRVUQRVUqIIqqIIqqFAFVVAFVVAFFaqgCqqgCipUQRVUQdU/op65Qas9rqJeOE6rnVdRZ47TatMq6nThOm12UEf9/sV52uz4tP7p9/ir+7TYo6PqU6M4/3iys+5GjfXs09lFD2rMJ7Nuc9g5VDM9mU+mfR9wfwM5/2WXHZDZtwAAAABJRU5ErkJggg==) no-repeat; background-size: 235px 122px; } .tx-screen .content .center .map .map-data .card2[data-v-78806730] { position: absolute; top: 187px; left: 54px; background: url(data:image/png;base64,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) no-repeat; background-size: 235px 122px; } .tx-screen .content .center .map .map-data .card3[data-v-78806730] { position: absolute; top: 352px; left: 75px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAdQAAADwCAMAAACOs2XKAAACc1BMVEUAAAAAAAD/AP8AAID/AP8AVVX/XdEAR4DxVdUAQ3nyXtcASXn/VdsARoD/Xdr0WtYASn70WdMATH/0WtT0WtcASoAAToD0WdX1W9UAS371WNP1W9MAS4AATIH0WtX0WtYASoD/WtoATID2WtUCTYDzWtMATX4CTYHwWdPzWdP1W9YCS4ECToHzWtT1WtYATX/1W9QATH71WtUATIACTIAETIEGTIEIToEIToMKToMMToMOToMOToUQToUSToUUToUUTocWTocYTocaTocaTokcTokeTokgTokgTosiToskTosmTo0oTo0qUI0sUI8uUI8wUI8yUJE0UJE2UJE2UJM4UJM6UJM8UJM8UJU+UJVAUJVCUJVCUJdEUJdGUJdIUJdIUJlKUJlMUplOUptQUptSUptUUptUUp1WUp1YUp1aUp9cUp9eUp9eUqFgUqFiUqFkUqFkUqNmUqNoUqNqUqNqUqVsUqVuVKVwVKVwVKdyVKd0VKd2VKd2VKl4VKl6VKl8VKt+VKuAVKuBVK2DVK2FVK2FVK+HVK+JVK+LVK+LVLGNVLGPVrGRVrGRVrOTVrOVVrOXVrOXVrWZVrWbVrWdVrWdVrefVrehVrejVrmlVrmnVrmpVrurVrutVruvVr2xWL2zWL2zWL+1WL+3WL+5WL+5WMG7WMG9WMG/WMG/WMPBWMPDWMPFWMPFWMXHWMXJWMXLWMfNWMfPWMfRWMfRWMnTWsnVWsnXWsvZWsvbWsvbWs3dWs3fWs3hWs3hWs/jWs/lWs/nWs/nWtHpWtHrWtHtWtHtWtPvWtPxWtPzWtPzWtX1XNX/Wtj/W9r/W9n/XNmzOeAqAAAA0HRSTlMAAQECAgMLEhITExUVFilERUVGR0dISEhJS0tMTltbXWBgbGxubnt7e3t7fX19fX5+f3+AgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAntTzvUoIAwAAAu9JREFUeNrt2k9qU1EUwOFzk6AN2idWUIwj1+DImWuwcxWFrsoO7ALqGpw5cQ2CBSGIWjU1/kmig1TawbuZdHSP349CQh7v8XI+cpJBS0TEeLsbdhFl/bd+iBJl/RBRyukrUeLsafl3xtnBnodz1zl/8vrp6cV7Tu67XOk5ufcmN9xL7R323mSpX6P2DntvsvSdfIF3+Hj5af496o0iyvXJVpRQM70o5dnRl9UG1OHkljE1137svl/UDg5i56YRtdjhjeqhwZWJ+bTZ7atV1G5kPG32vKuijk2n1ap0Ax/UZrtcRd02nFY7qP/6VbqgQhVUQRVUQYUqqIIqqIIK1QigCqqgCqqgQhVUQRVUQYUqqIIqqIIqqFAFVVAFVVChCqqgCqqgCipUQRVUQRVUqIIqqIIqqIIKVVAFVVAFFaqgCqqgCqqgQhVUQRVUQYUqqIIqqIIqqFAFVVAFVVChCqqgCqqgCipUQRVUQRVUqIIqqIIqqP9tby5BTdfwdQc13559dRdqusrLvhUMNeEKhppwBUNNuIKhJlzBUBOuYKgJVzDUhCsYasIVDDXhCoaacAVDTbiCoSZcwVATrmCoCVcw1ISNjCBZqwdfoSZref+XT2qu/jx8a/3mW72+UxOuXqgJVy/UhKsXasLVCzXh6oWacPVCTbh6oSZcvVATrl6oCVcv1ISrF2rC1Qs14eqF2nj3Kq/7d5aEQYUqqIIqqIIKVVAFVVAFFaoRQBVUQRVUQYUqqIIqqIIKVVAFVVAFVVChCqqgCqqgQhVUQRVUQRVUqIIqqIIqqFAFVVAFVVAFFaqgCqqgCipUQRVUQRVUQYUqqIIqqIIKVVAFVVAFVVChCqqgCqqgQhVUQRVUQRVUqIIqqIIqqFAFVVAFVRdE/WYGrfaoirownFb7WUWdG06rnVRRZyvTabO9Wf079YPxtNm0jhrTj+bTYrvT6qFR/D46vjM2o8Z6+u5ksQE1lsfz7tqwM6hmerL4PPux4fhfItVlyIb6pmUAAAAASUVORK5CYII=) no-repeat; background-size: 235px 122px; } .tx-screen .content .center .map .map-data .card4[data-v-78806730] { position: absolute; top: 23px; right: 111px; background: url(data:image/png;base64,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) no-repeat; background-size: 235px 122px; } .tx-screen .content .center .map .map-data .card5[data-v-78806730] { position: absolute; top: 187px; right: 45px; background: url(data:image/png;base64,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) no-repeat; background-size: 235px 122px; } .tx-screen .content .center .map .map-data .card6[data-v-78806730] { position: absolute; top: 352px; right: 49px; background: url(data:image/png;base64,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) no-repeat; background-size: 235px 122px; } .tx-screen .content .center .map .map-data .map-data-img[data-v-78806730] { position: relative; top: 0; left: 0; width: 218px; height: 519px; margin: 0 auto; background: url(../img/map.f87ade45.png) no-repeat; background-size: 218px 519px; /* 设置动画前颜色 */ /* 设置动画后颜色 */ /* 设置动画 */ /* @keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。 */ } .tx-screen .content .center .map .map-data .map-data-img .point[data-v-78806730] { width: 10px; height: 10px; position: absolute; top: 0; left: 0; border-radius: 50%; } .tx-screen .content .center .map .map-data .map-data-img .point-flicker[data-v-78806730]:after { background-color: rgba(255, 255, 255, 0.3); } .tx-screen .content .center .map .map-data .map-data-img .point-flicker[data-v-78806730]:before { background-color: rgba(255, 255, 255, 0.1); } .tx-screen .content .center .map .map-data .map-data-img .point-flicker[data-v-78806730]:before, .tx-screen .content .center .map .map-data .map-data-img .point-flicker[data-v-78806730]:after { content: ""; width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; border-radius: 50%; -webkit-animation: warn-data-v-78806730 1.5s ease-out 0s infinite; animation: warn-data-v-78806730 1.5s ease-out 0s infinite; } @-webkit-keyframes warn-data-v-78806730 { 0% { transform: scale(0.5); opacity: 1; } 30% { opacity: 1; } 100% { transform: scale(1.4); opacity: 0; } } @keyframes warn-data-v-78806730 { 0% { transform: scale(0.5); opacity: 1; } 30% { opacity: 1; } 100% { transform: scale(1.4); opacity: 0; } } .tx-screen .content .center .map .map-data .tips[data-v-78806730] { width: 180px; height: 110px; background: rgba(0, 153, 255, 0.5); position: absolute; top: -165px; left: -10px; border-radius: 6px; } .tx-screen .content .center .map .map-data .tips .name[data-v-78806730] { font-family: "Microsoft YaHei"; font-size: 14px; font-weight: bold; color: #ffffff; margin-top: 10px; margin-left: 20px; } .tx-screen .content .center .map .map-data .tips .number[data-v-78806730] { font-family: "Microsoft YaHei"; font-size: 24px; font-weight: bold; color: #ffffff; margin-top: 10px; margin-left: 20px; } .tx-screen .content .center .map .map-data .tips .content[data-v-78806730] { font-family: "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #ffffff; margin-top: 30px; margin-left: 20px; } .tx-screen .content .center .map .map-data .jiao img[data-v-78806730] { position: absolute; width: 220px; height: 55px; top: -55px; left: -10px; } .tx-screen .content .center .join-ranking[data-v-78806730] { position: absolute; bottom: 0; left: 0; width: 800px; height: 298px; background: url(../img/bg_d.2e5a80aa.png) no-repeat; background-size: 800px 298px; } .tx-screen .content .center .join-ranking .top-three[data-v-78806730] { display: inline-block; position: relative; top: 17px; left: 30px; width: 348px; vertical-align: top; } .tx-screen .content .center .join-ranking .top-three .top-three-item[data-v-78806730] { display: table; position: relative; width: 348px; height: 64px; margin-bottom: 10px; border: 1px solid rgba(103, 142, 255, 0.6); border-radius: 6px; } .tx-screen .content .center .join-ranking .top-three .top-three-item .top-img[data-v-78806730] { display: inline-block; position: relative; top: 14.5px; left: 20px; width: 27px; height: 35px; } .tx-screen .content .center .join-ranking .top-three .top-three-item .sch-name[data-v-78806730] { display: table-cell; position: relative; left: 15px; width: 200px; font-weight: 400; color: #91c8ff; vertical-align: middle; } .tx-screen .content .center .join-ranking .top-three .top-three-item .sch-rate[data-v-78806730] { display: inline-block; position: relative; left: 30px; width: 60px; line-height: 64px; color: #fff; } .tx-screen .content .center .join-ranking .top-other[data-v-78806730] { display: inline-block; position: relative; top: 0; left: 40px; width: 382px; height: 245px; font-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tx-screen .content .center .join-ranking .top-other table[data-v-78806730] { position: relative; top: -8px; width: 382px; height: 30px; border: none; font-family: "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #91c8ff; border-collapse: collapse; } .tx-screen .content .center .join-ranking .top-other table tr[data-v-78806730] { width: 100%; height: 30px; font-size: 12px; border-bottom: 1px solid rgba(103, 142, 255, 0.6); } .tx-screen .content .center .join-ranking .top-other table tr td[data-v-78806730], .tx-screen .content .center .join-ranking .top-other table tr th[data-v-78806730] { vertical-align: middle; } .tx-screen .content .center .join-ranking .top-other .scroll-box[data-v-78806730] { position: relative; top: -8px; height: 218px; width: 100%; overflow: hidden; } .tx-screen .content .center .join-ranking .top-other .scroll-box .scroll-box-item[data-v-78806730] { width: 100%; height: 30px; line-height: 30px; border-bottom: 1px solid rgba(103, 142, 255, 0.6); } .tx-screen .content .center .join-ranking .top-other .scroll-box .scroll-box-item .rank[data-v-78806730] { display: inline-block; width: 50px; text-align: center; font-size: 14px; color: #fff; } .tx-screen .content .center .join-ranking .top-other .scroll-box .scroll-box-item .school[data-v-78806730] { display: inline-block; width: 272px; font-size: 12px; color: #91c8ff; } .tx-screen .content .center .join-ranking .top-other .scroll-box .scroll-box-item .rate[data-v-78806730] { display: inline-block; width: 60px; font-size: 14px; color: #fff; } .tx-screen .content .right[data-v-78806730] { position: absolute; top: 0; right: 0; } .tx-screen .content .right .join-distribution[data-v-78806730] { position: relative; top: 0; right: 0; width: 510px; height: 305px; background: url(../img/bg_c.fa7bd0ba.png) no-repeat; background-size: 510px 305px; } .tx-screen .content .right .join-distribution .join-dtb[data-v-78806730] { position: relative; top: 13px; left: 30px; width: 470px; height: 220px; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item[data-v-78806730] { display: inline-block; position: relative; top: 13px; left: 0; width: 78px; height: 110px; margin-bottom: 10px; text-align: center; /* ------------------------------------- * Mixin for progress-% class * ------------------------------------- */ } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .join-dtb-item-content[data-v-78806730] { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 90px; height: 110px; z-index: 999; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .join-dtb-item-content .circcle-rate[data-v-78806730] { position: absolute; top: 12px; width: 100%; height: 48px; line-height: 48px; color: #ffffff; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .join-dtb-item-content .circle-progress-bar[data-v-78806730] { width: 70px; height: 70px; margin: 0 auto; font-size: 12px !important; font-weight: bold; overflow: hidden; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .join-dtb-item-content .circle-progress-bar .title[data-v-78806730] { font-size: 12px !important; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .wave-echart[data-v-78806730] { position: relative; width: 70px; height: 70px; margin: 2px auto; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .sign[data-v-78806730] { position: relative; top: -30px; font-size: 12px; font-family: "Microsoft YaHei"; font-weight: bold; line-height: 17px; color: #91c8ff; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-radial[data-v-78806730] { display: inline-block; position: relative; width: 70px; height: 70px; border-radius: 50%; /* border: 10px solid #1C3381; */ background-color: #5997ff; /* box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); */ } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-radial[data-v-78806730]:after, .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-radial[data-v-78806730]:before { content: ""; width: 10px; height: 10px; top: 50%; left: 50%; border-radius: 50%; margin-left: -5px; margin-top: -5px; background: #5997ff; position: absolute; z-index: 999; box-shadow: 5px 0 5px rgba(0, 0, 0, 0.2); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-radial[data-v-78806730]:after { z-index: 998; box-shadow: none; transform: translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-radial b[data-v-78806730]:after { color: #fff; /* text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); */ position: absolute; font-weight: 400; left: 25px; top: 25px; width: 50px; height: 50px; background-color: #021e73; border-radius: 50%; margin-left: -15px; margin-top: -15px; text-align: center; line-height: 50px; font-family: "Microsoft YaHei"; font-size: 13px; font-weight: bold; /* box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3) inset, 0 0 0 10px #1C3381; */ } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-0[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(90deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-0[data-v-78806730]:before { transform: rotate(0deg) translate(0, -30px); background: #1c3381; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-0[data-v-78806730]:after { background: #1c3381; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-0 b[data-v-78806730]:after { content: "0%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-1[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(93.6deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-1[data-v-78806730]:before { transform: rotate(3.6deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-1[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-1 b[data-v-78806730]:after { content: "1%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-2[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(97.2deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-2[data-v-78806730]:before { transform: rotate(7.2deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-2[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-2 b[data-v-78806730]:after { content: "2%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-3[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(100.8deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-3[data-v-78806730]:before { transform: rotate(10.8deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-3[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-3 b[data-v-78806730]:after { content: "3%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-4[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(104.4deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-4[data-v-78806730]:before { transform: rotate(14.4deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-4[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-4 b[data-v-78806730]:after { content: "4%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-5[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(108deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-5[data-v-78806730]:before { transform: rotate(18deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-5[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-5 b[data-v-78806730]:after { content: "5%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-6[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(111.6deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-6[data-v-78806730]:before { transform: rotate(21.6deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-6[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-6 b[data-v-78806730]:after { content: "6%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-7[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(115.2deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-7[data-v-78806730]:before { transform: rotate(25.2deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-7[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-7 b[data-v-78806730]:after { content: "7%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-8[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(118.8deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-8[data-v-78806730]:before { transform: rotate(30.8deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-8[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-8 b[data-v-78806730]:after { content: "8%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-9[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(122.4deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-9[data-v-78806730]:before { transform: rotate(32.4deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-9[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-9 b[data-v-78806730]:after { content: "9%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-10[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(126deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-10[data-v-78806730]:before { transform: rotate(36deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-10[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-10 b[data-v-78806730]:after { content: "10%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-11[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(129.6deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-11[data-v-78806730]:before { transform: rotate(39.6deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-11[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-11 b[data-v-78806730]:after { content: "11%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-12[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(133.2deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-12[data-v-78806730]:before { transform: rotate(43.2deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-12[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-12 b[data-v-78806730]:after { content: "12%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-13[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(136.8deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-13[data-v-78806730]:before { transform: rotate(46.8deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-13[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-13 b[data-v-78806730]:after { content: "13%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-14[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(140.4deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-14[data-v-78806730]:before { transform: rotate(50.4deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-14[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-14 b[data-v-78806730]:after { content: "14%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-15[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(144deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-15[data-v-78806730]:before { transform: rotate(54deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-15[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-15 b[data-v-78806730]:after { content: "15%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-16[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(147.6deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-16[data-v-78806730]:before { transform: rotate(57.6deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-16[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-16 b[data-v-78806730]:after { content: "16%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-17[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(151.2deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-17[data-v-78806730]:before { transform: rotate(61.2deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-17[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-17 b[data-v-78806730]:after { content: "17%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-18[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(154.8deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-18[data-v-78806730]:before { transform: rotate(64.8deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-18[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-18 b[data-v-78806730]:after { content: "18%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-19[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(158.4deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-19[data-v-78806730]:before { transform: rotate(68.4deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-19[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-19 b[data-v-78806730]:after { content: "19%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-20[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(162deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-20[data-v-78806730]:before { transform: rotate(72deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-20[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-20 b[data-v-78806730]:after { content: "20%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-21[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(165.6deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-21[data-v-78806730]:before { transform: rotate(75.6deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-21[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-21 b[data-v-78806730]:after { content: "21%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-22[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(169.2deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-22[data-v-78806730]:before { transform: rotate(79.2deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-22[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-22 b[data-v-78806730]:after { content: "22%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-23[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(172.8deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-23[data-v-78806730]:before { transform: rotate(82.8deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-23[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-23 b[data-v-78806730]:after { content: "23%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-24[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(176.4deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-24[data-v-78806730]:before { transform: rotate(86.4deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-24[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-24 b[data-v-78806730]:after { content: "24%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-25[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(180deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-25[data-v-78806730]:before { transform: rotate(90deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-25[data-v-78806730]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-25 b[data-v-78806730]:after { content: "25%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-26[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(183.6deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-26[data-v-78806730]:before { transform: rotate(93.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-26 b[data-v-78806730]:after { content: "26%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-27[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(187.2deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-27[data-v-78806730]:before { transform: rotate(97.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-27 b[data-v-78806730]:after { content: "27%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-28[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(190.8deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-28[data-v-78806730]:before { transform: rotate(100.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-28 b[data-v-78806730]:after { content: "30%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-29[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(194.4deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-29[data-v-78806730]:before { transform: rotate(104.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-29 b[data-v-78806730]:after { content: "29%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-30[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(198deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-30[data-v-78806730]:before { transform: rotate(108deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-30 b[data-v-78806730]:after { content: "30%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-31[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(201.6deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-31[data-v-78806730]:before { transform: rotate(111.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-31 b[data-v-78806730]:after { content: "31%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-32[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(205.2deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-32[data-v-78806730]:before { transform: rotate(115.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-32 b[data-v-78806730]:after { content: "32%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-33[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(208.8deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-33[data-v-78806730]:before { transform: rotate(118.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-33 b[data-v-78806730]:after { content: "33%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-34[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(212.4deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-34[data-v-78806730]:before { transform: rotate(122.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-34 b[data-v-78806730]:after { content: "34%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-35[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(216deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-35[data-v-78806730]:before { transform: rotate(126deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-35 b[data-v-78806730]:after { content: "35%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-36[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(219.6deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-36[data-v-78806730]:before { transform: rotate(129.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-36 b[data-v-78806730]:after { content: "36%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-37[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(223.2deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-37[data-v-78806730]:before { transform: rotate(133.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-37 b[data-v-78806730]:after { content: "37%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-38[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(230deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-38[data-v-78806730]:before { transform: rotate(136.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-38 b[data-v-78806730]:after { content: "38%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-39[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(230.4deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-39[data-v-78806730]:before { transform: rotate(140.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-39 b[data-v-78806730]:after { content: "39%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-40[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(234deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-40[data-v-78806730]:before { transform: rotate(144deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-40 b[data-v-78806730]:after { content: "40%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-41[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(237.6deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-41[data-v-78806730]:before { transform: rotate(147.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-41 b[data-v-78806730]:after { content: "41%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-42[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(241.2deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-42[data-v-78806730]:before { transform: rotate(151.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-42 b[data-v-78806730]:after { content: "42%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-43[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(244.8deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-43[data-v-78806730]:before { transform: rotate(154.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-43 b[data-v-78806730]:after { content: "43%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-44[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(248.4deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-44[data-v-78806730]:before { transform: rotate(158.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-44 b[data-v-78806730]:after { content: "44%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-45[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(252deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-45[data-v-78806730]:before { transform: rotate(162deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-45 b[data-v-78806730]:after { content: "45%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-46[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(255.6deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-46[data-v-78806730]:before { transform: rotate(165.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-46 b[data-v-78806730]:after { content: "46%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-47[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(259.2deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-47[data-v-78806730]:before { transform: rotate(169.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-47 b[data-v-78806730]:after { content: "47%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-48[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(262.8deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-48[data-v-78806730]:before { transform: rotate(172.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-48 b[data-v-78806730]:after { content: "48%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-49[data-v-78806730] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(266.4deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-49[data-v-78806730]:before { transform: rotate(176.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-49 b[data-v-78806730]:after { content: "49%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-50[data-v-78806730] { background-image: linear-gradient(-90deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-50[data-v-78806730]:before { transform: rotate(180deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-50 b[data-v-78806730]:after { content: "50%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-51[data-v-78806730] { background-image: linear-gradient(-86.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-51[data-v-78806730]:before { transform: rotate(183.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-51 b[data-v-78806730]:after { content: "51%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-52[data-v-78806730] { background-image: linear-gradient(-82.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-52[data-v-78806730]:before { transform: rotate(187.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-52 b[data-v-78806730]:after { content: "52%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-53[data-v-78806730] { background-image: linear-gradient(-79.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-53[data-v-78806730]:before { transform: rotate(190.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-53 b[data-v-78806730]:after { content: "53%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-54[data-v-78806730] { background-image: linear-gradient(-75.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-54[data-v-78806730]:before { transform: rotate(194.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-54 b[data-v-78806730]:after { content: "54%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-55[data-v-78806730] { background-image: linear-gradient(-72deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-55[data-v-78806730]:before { transform: rotate(198deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-55 b[data-v-78806730]:after { content: "55%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-56[data-v-78806730] { background-image: linear-gradient(-68.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-56[data-v-78806730]:before { transform: rotate(201.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-56 b[data-v-78806730]:after { content: "56%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-57[data-v-78806730] { background-image: linear-gradient(-64.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-57[data-v-78806730]:before { transform: rotate(205.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-57 b[data-v-78806730]:after { content: "57%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-58[data-v-78806730] { background-image: linear-gradient(-61.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-58[data-v-78806730]:before { transform: rotate(208.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-58 b[data-v-78806730]:after { content: "58%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-59[data-v-78806730] { background-image: linear-gradient(-57.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-59[data-v-78806730]:before { transform: rotate(212.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-59 b[data-v-78806730]:after { content: "59%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-60[data-v-78806730] { background-image: linear-gradient(-54deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-60[data-v-78806730]:before { transform: rotate(216deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-60 b[data-v-78806730]:after { content: "60%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-61[data-v-78806730] { background-image: linear-gradient(-50.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-61[data-v-78806730]:before { transform: rotate(219.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-61 b[data-v-78806730]:after { content: "61%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-62[data-v-78806730] { background-image: linear-gradient(-46.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-62[data-v-78806730]:before { transform: rotate(223.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-62 b[data-v-78806730]:after { content: "62%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-63[data-v-78806730] { background-image: linear-gradient(-43.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-63[data-v-78806730]:before { transform: rotate(230deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-63 b[data-v-78806730]:after { content: "63%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-64[data-v-78806730] { background-image: linear-gradient(-39.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-64[data-v-78806730]:before { transform: rotate(230.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-64 b[data-v-78806730]:after { content: "64%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-65[data-v-78806730] { background-image: linear-gradient(-36deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-65[data-v-78806730]:before { transform: rotate(234deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-65 b[data-v-78806730]:after { content: "65%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-66[data-v-78806730] { background-image: linear-gradient(-32.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-66[data-v-78806730]:before { transform: rotate(237.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-66 b[data-v-78806730]:after { content: "66%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-67[data-v-78806730] { background-image: linear-gradient(-30.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-67[data-v-78806730]:before { transform: rotate(241.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-67 b[data-v-78806730]:after { content: "67%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-68[data-v-78806730] { background-image: linear-gradient(-25.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-68[data-v-78806730]:before { transform: rotate(244.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-68 b[data-v-78806730]:after { content: "68%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-69[data-v-78806730] { background-image: linear-gradient(-21.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-69[data-v-78806730]:before { transform: rotate(248.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-69 b[data-v-78806730]:after { content: "69%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-70[data-v-78806730] { background-image: linear-gradient(-18deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-70[data-v-78806730]:before { transform: rotate(252deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-70 b[data-v-78806730]:after { content: "70%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-71[data-v-78806730] { background-image: linear-gradient(-14.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-71[data-v-78806730]:before { transform: rotate(255.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-71 b[data-v-78806730]:after { content: "71%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-72[data-v-78806730] { background-image: linear-gradient(-10.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-72[data-v-78806730]:before { transform: rotate(259.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-72 b[data-v-78806730]:after { content: "72%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-73[data-v-78806730] { background-image: linear-gradient(-7.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-73[data-v-78806730]:before { transform: rotate(262.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-73 b[data-v-78806730]:after { content: "73%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-74[data-v-78806730] { background-image: linear-gradient(-3.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-74[data-v-78806730]:before { transform: rotate(266.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-74 b[data-v-78806730]:after { content: "74%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-75[data-v-78806730] { background-image: linear-gradient(0deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-75[data-v-78806730]:before { transform: rotate(270deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-75 b[data-v-78806730]:after { content: "75%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-76[data-v-78806730] { background-image: linear-gradient(3.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-76[data-v-78806730]:before { transform: rotate(273.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-76 b[data-v-78806730]:after { content: "76%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-77[data-v-78806730] { background-image: linear-gradient(7.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-77[data-v-78806730]:before { transform: rotate(277.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-77 b[data-v-78806730]:after { content: "77%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-78[data-v-78806730] { background-image: linear-gradient(10.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-78[data-v-78806730]:before { transform: rotate(30.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-78 b[data-v-78806730]:after { content: "78%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-79[data-v-78806730] { background-image: linear-gradient(14.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-79[data-v-78806730]:before { transform: rotate(304.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-79 b[data-v-78806730]:after { content: "79%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-80[data-v-78806730] { background-image: linear-gradient(18deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-80[data-v-78806730]:before { transform: rotate(308deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-80 b[data-v-78806730]:after { content: "80%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-81[data-v-78806730] { background-image: linear-gradient(21.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-81[data-v-78806730]:before { transform: rotate(291.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-81 b[data-v-78806730]:after { content: "81%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-82[data-v-78806730] { background-image: linear-gradient(25.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-82[data-v-78806730]:before { transform: rotate(295.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-82 b[data-v-78806730]:after { content: "82%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-83[data-v-78806730] { background-image: linear-gradient(30.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-83[data-v-78806730]:before { transform: rotate(298.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-83 b[data-v-78806730]:after { content: "83%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-84[data-v-78806730] { background-image: linear-gradient(32.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-84[data-v-78806730]:before { transform: rotate(302.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-84 b[data-v-78806730]:after { content: "84%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-85[data-v-78806730] { background-image: linear-gradient(36deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-85[data-v-78806730]:before { transform: rotate(306deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-85 b[data-v-78806730]:after { content: "85%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-86[data-v-78806730] { background-image: linear-gradient(39.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-86[data-v-78806730]:before { transform: rotate(309.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-86 b[data-v-78806730]:after { content: "86%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-87[data-v-78806730] { background-image: linear-gradient(43.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-87[data-v-78806730]:before { transform: rotate(313.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-87 b[data-v-78806730]:after { content: "87%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-88[data-v-78806730] { background-image: linear-gradient(46.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-88[data-v-78806730]:before { transform: rotate(316.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-88 b[data-v-78806730]:after { content: "88%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-89[data-v-78806730] { background-image: linear-gradient(50.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-89[data-v-78806730]:before { transform: rotate(320.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-89 b[data-v-78806730]:after { content: "89%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-90[data-v-78806730] { background-image: linear-gradient(54deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-90[data-v-78806730]:before { transform: rotate(324deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-90 b[data-v-78806730]:after { content: "90%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-91[data-v-78806730] { background-image: linear-gradient(57.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-91[data-v-78806730]:before { transform: rotate(330deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-91 b[data-v-78806730]:after { content: "91%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-92[data-v-78806730] { background-image: linear-gradient(61.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-92[data-v-78806730]:before { transform: rotate(331.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-92 b[data-v-78806730]:after { content: "92%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-93[data-v-78806730] { background-image: linear-gradient(64.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-93[data-v-78806730]:before { transform: rotate(334.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-93 b[data-v-78806730]:after { content: "93%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-94[data-v-78806730] { background-image: linear-gradient(68.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-94[data-v-78806730]:before { transform: rotate(338.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-94 b[data-v-78806730]:after { content: "94%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-95[data-v-78806730] { background-image: linear-gradient(72deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-95[data-v-78806730]:before { transform: rotate(342deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-95 b[data-v-78806730]:after { content: "95%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-96[data-v-78806730] { background-image: linear-gradient(75.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-96[data-v-78806730]:before { transform: rotate(345.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-96 b[data-v-78806730]:after { content: "96%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-97[data-v-78806730] { background-image: linear-gradient(79.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-97[data-v-78806730]:before { transform: rotate(349.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-97 b[data-v-78806730]:after { content: "97%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-98[data-v-78806730] { background-image: linear-gradient(82.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-98[data-v-78806730]:before { transform: rotate(352.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-98 b[data-v-78806730]:after { content: "98%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-99[data-v-78806730] { background-image: linear-gradient(86.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-99[data-v-78806730]:before { transform: rotate(356.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-99 b[data-v-78806730]:after { content: "99%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-100[data-v-78806730] { background-image: linear-gradient(90deg, #5997ff 50%, transparent 50%, transparent); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-100[data-v-78806730]:before { transform: rotate(360deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-100 b[data-v-78806730]:after { content: "100%"; } .tx-screen .content .right .bmi-standard[data-v-78806730] { position: relative; top: 10px; right: 0; width: 510px; height: 298px; background: url(../img/bg_c.fa7bd0ba.png) no-repeat; background-size: 510px 298px; } .tx-screen .content .right .bmi-standard .bmi-data[data-v-78806730] { position: relative; top: 20px; height: 220px; padding: 0 25.5px; } .tx-screen .content .right .bmi-standard .bmi-data .bmi-data-item[data-v-78806730] { display: inline-block; position: relative; width: 51px; height: 220px; text-align: center; } .tx-screen .content .right .bmi-standard .bmi-data .bmi-data-item .bmi-rate[data-v-78806730] { font-family: "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #fff; } .tx-screen .content .right .bmi-standard .bmi-data .bmi-data-item .bmi-chart[data-v-78806730] { position: relative; width: 18px; height: 155px; margin: 4px auto; border-radius: 9px; background-color: #20388d; } .tx-screen .content .right .bmi-standard .bmi-data .bmi-data-item .bmi-chart .bmi-chart-use[data-v-78806730] { position: absolute; left: 0; bottom: 0; width: 18px; border-radius: 9px; -webkit-animation: bmi-chart-use-data-v-78806730 3s ease-in-out; background-color: #5997ff; background-image: linear-gradient(top, #5997ff, #5997ff); } @-webkit-keyframes bmi-chart-use-data-v-78806730 { 0% { height: 0; } 0% { height: 0; } } .tx-screen .content .right .bmi-standard .bmi-data .bmi-data-item .bmi-grade[data-v-78806730] { position: relative; top: 14px; left: -5px; font-family: "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #91c8ff; transform: rotate(-60deg); -ms-transform: rotate(-60deg); /* IE 9 */ -moz-transform: rotate(-60deg); /* Firefox */ -webkit-transform: rotate(-60deg); /* Safari 和 Chrome */ -o-transform: rotate(-60deg); /* Opera */ } .tx-screen .content .right .view-analysis[data-v-78806730] { position: relative; top: 20px; right: 0; width: 510px; height: 298px; background: url(../img/bg_c.fa7bd0ba.png) no-repeat; background-size: 510px 298px; } .tx-screen .content .right .view-analysis .view-data[data-v-78806730] { display: inline-block; position: relative; top: 10px; width: 230px; height: 220px; vertical-align: top; } .tx-screen .content .right .view-analysis .view-data .view-data-item[data-v-78806730] { position: relative; top: 0; left: 10px; width: 220px; height: 44px; line-height: 44px; } .tx-screen .content .right .view-analysis .view-data .view-data-item .grade[data-v-78806730] { display: inline-block; position: relative; left: 0; font-size: 12px; font-family: "Microsoft YaHei"; font-weight: bold; color: #91c8ff; } .tx-screen .content .right .view-analysis .view-data .view-data-item .view-data-chart[data-v-78806730] { display: inline-block; position: relative; left: 10px; width: 168px; height: 16px; line-height: 16px; vertical-align: middle; border-radius: 8px; background-color: #233a9a; } .tx-screen .content .right .view-analysis .view-data .view-data-item .view-data-chart .view-data-chart-use[data-v-78806730] { position: absolute; top: 0; left: 0; height: 16px; border-radius: 8px; -webkit-animation: view-data-chart-use-data-v-78806730 3s ease-in-out; background-color: #00db82; background-image: linear-gradient(top, #00db82, #00db82); } @-webkit-keyframes view-data-chart-use-data-v-78806730 { 0% { width: 0; } 0% { width: 0; } } .tx-screen .content .right .view-analysis .view-data .view-data-item .view-data-chart .normal-rate[data-v-78806730] { position: relative; left: -15px; transform: scale(0.7); font-size: 8px; font-family: "Microsoft YaHei"; font-weight: bold; color: #00663d; } .tx-screen .content .right .view-analysis .view-data .view-data-item .err-rate[data-v-78806730] { position: absolute; top: -16px; right: 12px; font-size: 10px; font-family: "Microsoft YaHei"; font-weight: bold; color: #ffffff; } .tx-screen .content .right .view-analysis .view-data .view-data-item span[data-v-78806730] { margin-left: 4px; } .tx-screen .content .right .view-analysis .view-data-a[data-v-78806730] { margin-left: 20px; } .tx-screen .content .right .view-analysis .view-data-b[data-v-78806730] { margin-left: 10px; } .com-box[data-v-51a32f7a] { position: relative; overflow: hidden; } .com-box .com-head[data-v-51a32f7a] { display: flex; align-items: center; font-size: 20px; font-family: PingFang SC; font-weight: bold; line-height: 0px; color: #FFFFFF; opacity: 1; } .com-box .com-head .head-l[data-v-51a32f7a] { height: 20px; width: 14px; margin-right: 6px; } .com-box .com-head .com-head-title[data-v-51a32f7a] { flex: none; } .com-box .com-head .head-r[data-v-51a32f7a] { width: 170px; height: 15px; margin-left: 15px; } .com-box .com-head .end-title[data-v-51a32f7a] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #BFCAFF; opacity: 0.49; display: contents; } .com-box .com-ctn[data-v-51a32f7a] { margin-top: 10px; height: 284px; width: 100%; background-size: 100% 100%; background-repeat: no-repeat; overflow: auto; } .swiper-container[data-v-c0030750] { height: 100%; width: 100%; } .swiper-container .swiper-slide[data-v-c0030750] { width: 100%; } .com-bg[data-v-f5829d8a] { margin: 50px 21px 0px 21px; width: calc(100% - 42px); } .com-bg .line[data-v-f5829d8a] { position: absolute; top: 16px; right: 5px; height: 30px; width: 1px; background: #5A73BB; } .com-bg .card[data-v-f5829d8a] { position: relative; flex: 1; text-align: center; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-bg .card .num[data-v-f5829d8a] { margin-top: 16px; font-size: 24px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg .card .num span[data-v-f5829d8a] { font-size: 14px !important; } .com-bg .scroll-bg[data-v-f5829d8a] { margin-top: 30px; height: 120px; width: 100%; background: linear-gradient(153deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; } .com-bg .scroll-bg .left-sssy-title[data-v-f5829d8a] { background-size: 100% 100%; background-repeat: no-repeat; overflow: auto; height: 120px; width: 32px; background-image: url(../img/sssy-title.10155651.png); } .com-bg .scroll-bg .right[data-v-f5829d8a] { position: relative; width: calc(100% - 56px); height: 120px; margin: 0px 12px 0px 12px; } .com-bg .scroll-bg .right .item[data-v-f5829d8a] { width: 100%; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; } .com-bg .scroll-bg .right .item .t1[data-v-f5829d8a], .com-bg .scroll-bg .right .item .t3[data-v-f5829d8a] { font-size: 14px; font-family: PingFang SC; font-weight: 400; line-height: 14px; color: #91C8FF; } .com-bg .scroll-bg .right .item .t2[data-v-f5829d8a] { font-size: 14px; font-family: PingFang SC; font-weight: 400; line-height: 14px; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 12px; } .com-bg .scroll-bg .right .item .t3[data-v-f5829d8a] { margin-left: 12px; } .com[data-v-1983203c] { height: calc(100% - 14px); margin: 14px 10px 0px 15px; width: calc(100% - 25px); } .com .line-item[data-v-1983203c]:last-child { border-bottom: none !important; } .com .line-item[data-v-1983203c] { padding: 5px 0px 8px 5px; border-bottom: 1px solid #253290; } .com .line-item .col-3[data-v-1983203c], .com .line-item .col-4[data-v-1983203c], .com .line-item .col-5[data-v-1983203c], .com .line-item .col-6[data-v-1983203c] { font-size: 12px; font-family: PingFang SC; font-weight: 400; line-height: 17px; color: #91C8FF; } .com .line-item .col-1[data-v-1983203c] { flex: 1; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com .line-item .col-2[data-v-1983203c] { flex: 2; } .com .line-item .col-2 .logo[data-v-1983203c] { border-radius: 50%; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; margin: 0px auto; height: 28px; width: 28px; flex: none; display: block; } .com .line-item .col-3[data-v-1983203c] { flex: 2; } .com .line-item .col-4[data-v-1983203c] { flex: 1; } .com .line-item .col-5[data-v-1983203c] { flex: 4; } .com .line-item .col-6[data-v-1983203c] { flex: 2; } .com .line-item .col-7[data-v-1983203c] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; flex: 4; } .com-line[data-v-a470e186] { height: 100%; margin-top: 14px; position: relative; } .com-line .item[data-v-a470e186]:last-child { border-bottom: none !important; } .com-line .item[data-v-a470e186] { padding: 14px 12px 12px 11px; margin: 0px 10px 0px 15px; width: calc(100% - 58px); justify-content: space-between; border-bottom: 1px solid #253290; } .com-line .item .t1[data-v-a470e186] { width: 25px; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-line .item .t2[data-v-a470e186] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-line .item .right-t[data-v-a470e186] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .red-c .idx[data-v-86ac208e], .red-c .school-name[data-v-86ac208e], .red-c .rank-num[data-v-86ac208e] { color: #FF9191 !important; } .c-btm-bg[data-v-86ac208e] { position: relative; padding: 0px 0px 0px 14px; height: calc(100% - 10px); margin-top: 10px; } .c-btm-bg .swiper-container[data-v-86ac208e] { height: 100%; width: 100%; } .c-btm-bg .swiper-container .swiper-slide[data-v-86ac208e] { width: 100%; } .c-btm-bg .left-ctn[data-v-86ac208e], .c-btm-bg .right-ctn[data-v-86ac208e] { height: 100%; width: calc(100% / 2); } .c-btm-bg .left-ctn .front[data-v-86ac208e], .c-btm-bg .right-ctn .front[data-v-86ac208e] { background: linear-gradient(154deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; border-bottom: none !important; } .c-btm-bg .left-ctn .rank[data-v-86ac208e], .c-btm-bg .right-ctn .rank[data-v-86ac208e] { margin-top: 4px; height: 40px; width: calc(100% - 40px); padding: 0px 22px 0px 18px; justify-content: space-between; border-bottom: 1px solid #253290; } .c-btm-bg .left-ctn .rank .idx[data-v-86ac208e], .c-btm-bg .right-ctn .rank .idx[data-v-86ac208e] { height: 32px; width: 26px; flex: none; margin-right: 7px; justify-content: center; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .c-btm-bg .left-ctn .rank .school-name[data-v-86ac208e], .c-btm-bg .right-ctn .rank .school-name[data-v-86ac208e] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .c-btm-bg .left-ctn .rank .rank-num[data-v-86ac208e], .c-btm-bg .right-ctn .rank .rank-num[data-v-86ac208e] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg[data-v-7ab742c0] { margin: 50px 21px 0px 21px; width: calc(100% - 42px); } .com-bg .more-r[data-v-7ab742c0] { right: -20px !important; } .com-bg .num-t[data-v-7ab742c0] { margin-top: 16px; font-size: 24px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg .num-t span[data-v-7ab742c0] { font-size: 14px !important; } .com-bg .line[data-v-7ab742c0] { position: absolute; top: 16px; right: 8px; height: 30px; width: 1px; background: #5A73BB; } .com-bg .card[data-v-7ab742c0] { position: relative; flex: 1; text-align: center; height: 78px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-bg .scroll-bg[data-v-7ab742c0] { display: flex; margin-top: 10px; height: 120px; width: 100%; background: linear-gradient(153deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; } .com-bg .scroll-bg .sport[data-v-7ab742c0] { margin-top: 27px; flex: 1; } .com-bg .scroll-bg .sport .top-t[data-v-7ab742c0] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; justify-content: center; } .com-bg .scroll-bg .sport img[data-v-7ab742c0] { height: 22px; width: 22px; margin-right: 8px; } .com-bg .scroll-bg .btm-n[data-v-7ab742c0] { width: 100%; margin-top: 15px; text-align: center; } .com[data-v-56e8cda1] { display: flex; margin: 20px 19px 0px 23px; } .com .bmi-data-item[data-v-56e8cda1] { position: relative; flex: 1; text-align: center; } .com .bmi-data-item .bmi-rate[data-v-56e8cda1] { font-size: 12px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; } .com .bmi-data-item .bmi-chart[data-v-56e8cda1] { position: relative; width: 18px; height: 155px; margin: 4px auto; border-radius: 9px; background-color: #20388d; } .com .bmi-data-item .bmi-chart .bmi-chart-use[data-v-56e8cda1] { position: absolute; left: 0; bottom: 0; width: 18px; border-radius: 9px; -webkit-animation: bmi-chart-use-data-v-56e8cda1 2s ease-in-out; background-color: #5997ff; background-image: linear-gradient(top, #5997ff, #5997ff); } @-webkit-keyframes bmi-chart-use-data-v-56e8cda1 { 0% { height: 0; } 0% { height: 0; } } .com .bmi-data-item .bmi-grade[data-v-56e8cda1] { position: absolute; bottom: -22px; left: 9px; font-family: "Microsoft YaHei"; font-size: 12px; color: #91c8ff; transform: rotate(-60deg); -ms-transform: rotate(-60deg); /* IE 9 */ -moz-transform: rotate(-60deg); /* Firefox */ -webkit-transform: rotate(-60deg); /* Safari 和 Chrome */ -o-transform: rotate(-60deg); /* Opera */ } .red-c .t1[data-v-29a586bc], .red-c .t2[data-v-29a586bc], .red-c .right-t[data-v-29a586bc] { color: #FF9191 !important; } .com-line[data-v-29a586bc] { height: 100%; margin-top: 14px; position: relative; } .com-line .item[data-v-29a586bc]:last-child { border-bottom: none !important; } .com-line .item[data-v-29a586bc] { padding: 14px 12px 12px 11px; margin: 0px 10px 0px 15px; width: calc(100% - 58px); justify-content: space-between; border-bottom: 1px solid #253290; } .com-line .item .t1[data-v-29a586bc] { width: 25px; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-line .item .t2[data-v-29a586bc] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-line .item .right-t[data-v-29a586bc] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } ::-webkit-scrollbar { width: 0px; } div { -moz-user-select: none; /* Firefox私有属性 */ -webkit-user-select: none; /* WebKit内核私有属性 */ -ms-user-select: none; /* IE私有属性(IE10及以后) */ /* KHTML内核私有属性 */ -o-user-select: none; /* Opera私有属性 */ user-select: none; /* CSS3属性 */ } .screen-c[data-v-3c4f6998] { top: 0px; left: 0px; position: fixed !important; height: 1080px !important; width: 1920px !important; z-index: 9999; overflow: hidden; } .index-page[data-v-3c4f6998] { height: 1080px; width: 1920px; background-image: url(../img/monitor-bg.358c2192.png); background-size: 100%; } .index-page[data-v-3c4f6998]::-webkit-scrollbar { width: 0px; } .index-page-head[data-v-3c4f6998] { height: 128px; width: 100%; background-size: 100%; background-image: url(../img/bg-head.2bc2e569.png); font-size: 48px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; letter-spacing: 10px; opacity: 1; line-height: 110px; text-align: center; } .index-page .flex-s[data-v-3c4f6998] { display: flex; justify-content: space-between; } .index-page .flex-s .left[data-v-3c4f6998] { margin-left: 30px; height: 600px; width: 452px; } .index-page .flex-s .center[data-v-3c4f6998] { width: 906px; } .index-page .flex-s .right[data-v-3c4f6998] { height: 600px; width: 452px; margin-right: 30px; } [data-v-04422988] .swiper-pagination { bottom: 35px !important; } [data-v-04422988] .swiper-pagination-bullet { height: 10px !important; width: 10px !important; background: #FFFFFF; opacity: 0.34; } [data-v-04422988] .swiper-pagination-bullet-active { opacity: 1 !important; } video[data-v-04422988] { width: 100%; height: 100%; } .flex-s[data-v-04422988] { display: flex; justify-content: space-between; } .flex-s .btm-d[data-v-04422988] { margin-top: 10px !important; } .flex-s .decorate[data-v-04422988] { height: 14px; width: 220px; margin-top: 33px; } .flex-s .swiper-container[data-v-04422988] { margin-top: 10px; height: 540px; width: 906px; } .flex-s .swiper-container .swiper-slide[data-v-04422988] { width: 100%; } .flex-s .swiper-container .swiper-slide img[data-v-04422988] { width: 100%; height: 100%; } .flex-s .time[data-v-04422988] { text-align: center; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #BFCAFF; opacity: 0.49; } .swiper-container[data-v-c08b1f7a] { height: 100%; width: 100%; } .swiper-container .swiper-slide[data-v-c08b1f7a] { width: 100%; } .com-bg[data-v-02423d30] { margin: 50px 21px 0px 21px; width: calc(100% - 42px); } .com-bg .line[data-v-02423d30] { position: absolute; top: 16px; right: 5px; height: 30px; width: 1px; background: #5A73BB; } .com-bg .card[data-v-02423d30] { position: relative; flex: 1; text-align: center; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-bg .card .num[data-v-02423d30] { margin-top: 16px; font-size: 24px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg .card .num span[data-v-02423d30] { font-size: 14px !important; } .com-bg .scroll-bg[data-v-02423d30] { margin-top: 30px; height: 120px; width: 100%; background: linear-gradient(153deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; } .com-bg .scroll-bg .left-sssy-title[data-v-02423d30] { background-size: 100% 100%; background-repeat: no-repeat; overflow: auto; height: 120px; width: 32px; background-image: url(../img/sssy-title.10155651.png); } .com-bg .scroll-bg .right[data-v-02423d30] { position: relative; width: calc(100% - 56px); height: 120px; margin: 0px 12px 0px 12px; } .com-bg .scroll-bg .right .item[data-v-02423d30] { width: 100%; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; } .com-bg .scroll-bg .right .item .t1[data-v-02423d30], .com-bg .scroll-bg .right .item .t3[data-v-02423d30] { font-size: 14px; font-family: PingFang SC; font-weight: 400; line-height: 14px; color: #91C8FF; } .com-bg .scroll-bg .right .item .t2[data-v-02423d30] { font-size: 14px; font-family: PingFang SC; font-weight: 400; line-height: 14px; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 12px; } .com-bg .scroll-bg .right .item .t3[data-v-02423d30] { margin-left: 12px; } .com[data-v-d2f2a79e] { height: calc(100% - 14px); margin: 14px 10px 0px 15px; width: calc(100% - 25px); } .com .line-item[data-v-d2f2a79e]:last-child { border-bottom: none !important; } .com .line-item[data-v-d2f2a79e] { padding: 5px 0px 8px 5px; border-bottom: 1px solid #253290; } .com .line-item .col-3[data-v-d2f2a79e], .com .line-item .col-4[data-v-d2f2a79e], .com .line-item .col-5[data-v-d2f2a79e], .com .line-item .col-6[data-v-d2f2a79e] { font-size: 12px; font-family: PingFang SC; font-weight: 400; line-height: 17px; color: #91C8FF; } .com .line-item .col-1[data-v-d2f2a79e] { flex: 1; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com .line-item .col-2[data-v-d2f2a79e] { flex: 2; } .com .line-item .col-2 .logo[data-v-d2f2a79e] { border-radius: 50%; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; margin: 0px auto; height: 28px; width: 28px; flex: none; display: block; } .com .line-item .col-3[data-v-d2f2a79e] { flex: 2; } .com .line-item .col-4[data-v-d2f2a79e] { flex: 1; } .com .line-item .col-5[data-v-d2f2a79e] { flex: 4; } .com .line-item .col-6[data-v-d2f2a79e] { flex: 2; } .com .line-item .col-7[data-v-d2f2a79e] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; flex: 4; } .com-line[data-v-2acb1b32] { height: 100%; margin-top: 14px; position: relative; } .com-line .item[data-v-2acb1b32]:last-child { border-bottom: none !important; } .com-line .item[data-v-2acb1b32] { padding: 14px 12px 12px 11px; margin: 0px 10px 0px 15px; width: calc(100% - 58px); justify-content: space-between; border-bottom: 1px solid #253290; } .com-line .item .t1[data-v-2acb1b32] { width: 25px; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-line .item .t2[data-v-2acb1b32] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-line .item .right-t[data-v-2acb1b32] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-box[data-v-217ecaf8] { position: relative; overflow: hidden; } .com-box .com-head[data-v-217ecaf8] { display: flex; align-items: center; font-size: 20px; font-family: PingFang SC; font-weight: bold; line-height: 0px; color: #FFFFFF; opacity: 1; } .com-box .com-head .head-l[data-v-217ecaf8] { height: 20px; width: 14px; margin-right: 6px; } .com-box .com-head .com-head-title[data-v-217ecaf8] { flex: none; } .com-box .com-head .head-r[data-v-217ecaf8] { max-width: 170px; height: 15px; margin-left: 15px; } .com-box .com-head .end-title[data-v-217ecaf8] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #BFCAFF; opacity: 0.49; flex: none; } .com-box .com-ctn[data-v-217ecaf8] { margin-top: 10px; height: 284px; width: 100%; background-size: 100% 100%; background-repeat: no-repeat; overflow: auto; } .red-c .idx[data-v-94cc1624], .red-c .school-name[data-v-94cc1624], .red-c .rank-num[data-v-94cc1624] { color: #FF9191 !important; } .c-btm-bg[data-v-94cc1624] { position: relative; padding: 0px 0px 0px 14px; height: calc(100% - 10px); margin-top: 10px; } .c-btm-bg .swiper-container[data-v-94cc1624] { height: 100%; width: 100%; } .c-btm-bg .swiper-container .swiper-slide[data-v-94cc1624] { width: 100%; } .c-btm-bg .left-ctn[data-v-94cc1624], .c-btm-bg .right-ctn[data-v-94cc1624] { height: 100%; width: calc(100% / 2); } .c-btm-bg .left-ctn .front[data-v-94cc1624], .c-btm-bg .right-ctn .front[data-v-94cc1624] { background: linear-gradient(154deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; border-bottom: none !important; } .c-btm-bg .left-ctn .rank[data-v-94cc1624], .c-btm-bg .right-ctn .rank[data-v-94cc1624] { margin-top: 4px; height: 40px; width: calc(100% - 40px); padding: 0px 22px 0px 18px; justify-content: space-between; border-bottom: 1px solid #253290; } .c-btm-bg .left-ctn .rank .idx[data-v-94cc1624], .c-btm-bg .right-ctn .rank .idx[data-v-94cc1624] { height: 32px; width: 26px; flex: none; margin-right: 7px; justify-content: center; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .c-btm-bg .left-ctn .rank .school-name[data-v-94cc1624], .c-btm-bg .right-ctn .rank .school-name[data-v-94cc1624] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .c-btm-bg .left-ctn .rank .rank-num[data-v-94cc1624], .c-btm-bg .right-ctn .rank .rank-num[data-v-94cc1624] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg[data-v-33db5d6a] { margin: 50px 21px 0px 21px; width: calc(100% - 42px); } .com-bg .more-r[data-v-33db5d6a] { right: -20px !important; } .com-bg .num-t[data-v-33db5d6a] { margin-top: 16px; font-size: 24px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg .num-t span[data-v-33db5d6a] { font-size: 14px !important; } .com-bg .line[data-v-33db5d6a] { position: absolute; top: 16px; right: 8px; height: 30px; width: 1px; background: #5A73BB; } .com-bg .card[data-v-33db5d6a] { position: relative; flex: 1; text-align: center; height: 78px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-bg .scroll-bg[data-v-33db5d6a] { display: flex; margin-top: 10px; height: 120px; width: 100%; background: linear-gradient(153deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; } .com-bg .scroll-bg .sport[data-v-33db5d6a] { margin-top: 27px; flex: 1; } .com-bg .scroll-bg .sport .top-t[data-v-33db5d6a] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; justify-content: center; } .com-bg .scroll-bg .sport .sport-icon[data-v-33db5d6a] { height: 22px; width: 22px; border-radius: 50%; background-color: #405db6; border: 1px solid #46515d; color: #91c8ff; } .com-bg .scroll-bg .sport img[data-v-33db5d6a] { height: 22px; width: 22px; margin-right: 8px; } .com-bg .scroll-bg .btm-n[data-v-33db5d6a] { width: 100%; margin-top: 15px; text-align: center; } .com[data-v-7a56c04c] { display: flex; margin: 20px 19px 0px 23px; } .com .bmi-data-item[data-v-7a56c04c] { position: relative; flex: 1; text-align: center; } .com .bmi-data-item .bmi-rate[data-v-7a56c04c] { font-size: 12px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; } .com .bmi-data-item .bmi-chart[data-v-7a56c04c] { position: relative; width: 18px; height: 155px; margin: 4px auto; border-radius: 9px; background-color: #20388d; } .com .bmi-data-item .bmi-chart .bmi-chart-use[data-v-7a56c04c] { position: absolute; left: 0; bottom: 0; width: 18px; border-radius: 9px; -webkit-animation: bmi-chart-use-data-v-7a56c04c 2s ease-in-out; background-color: #5997ff; background-image: linear-gradient(top, #5997ff, #5997ff); } @-webkit-keyframes bmi-chart-use-data-v-7a56c04c { 0% { height: 0; } 0% { height: 0; } } .com .bmi-data-item .bmi-grade[data-v-7a56c04c] { position: absolute; bottom: -22px; left: 9px; font-family: "Microsoft YaHei"; font-size: 12px; color: #91c8ff; transform: rotate(-60deg); -ms-transform: rotate(-60deg); /* IE 9 */ -moz-transform: rotate(-60deg); /* Firefox */ -webkit-transform: rotate(-60deg); /* Safari 和 Chrome */ -o-transform: rotate(-60deg); /* Opera */ } .red-c .t1[data-v-0e9b2f4d], .red-c .t2[data-v-0e9b2f4d], .red-c .right-t[data-v-0e9b2f4d] { color: #FF9191 !important; } .com-line[data-v-0e9b2f4d] { height: 100%; margin-top: 14px; position: relative; } .com-line .item[data-v-0e9b2f4d]:last-child { border-bottom: none !important; } .com-line .item[data-v-0e9b2f4d] { padding: 9px 12px 10px 11px; margin: 0px 10px 0px 15px; width: calc(100% - 58px); justify-content: space-between; border-bottom: 1px solid #253290; } .com-line .item .t1[data-v-0e9b2f4d] { width: 25px; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-line .item .t2[data-v-0e9b2f4d] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-line .item .right-t[data-v-0e9b2f4d] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } ::-webkit-scrollbar { width: 0px; } div { -moz-user-select: none; /* Firefox私有属性 */ -webkit-user-select: none; /* WebKit内核私有属性 */ -ms-user-select: none; /* IE私有属性(IE10及以后) */ /* KHTML内核私有属性 */ -o-user-select: none; /* Opera私有属性 */ user-select: none; /* CSS3属性 */ } .index-page[data-v-824dbe04] { height: 1080px; width: 1920px; background: #05105D; background-size: 100%; } .index-page[data-v-824dbe04]::-webkit-scrollbar { width: 0px; } .index-page .fz38[data-v-824dbe04] { font-size: 38px; } .index-page .fs29[data-v-824dbe04] { font-size: 32px; } .index-page-head[data-v-824dbe04] { height: 128px; width: 100%; background-size: 100%; background-image: url(../img/bg-head.2bc2e569.png); font-family: PingFang SC; font-weight: bold; color: #FFFFFF; letter-spacing: 10px; opacity: 1; line-height: 110px; text-align: center; position: relative; } .index-page-head-t[data-v-824dbe04] { margin: 0px auto; width: 900px; height: 100%; } .index-page .flex-s[data-v-824dbe04] { display: flex; justify-content: space-between; } .index-page .flex-s .left[data-v-824dbe04] { margin-left: 30px; height: 600px; width: 452px; } .index-page .flex-s .center[data-v-824dbe04] { width: 906px; } .index-page .flex-s .right[data-v-824dbe04] { height: 600px; width: 452px; margin-right: 30px; } .charts-circle[data-v-1b055022] { height: 100%; width: 100%; } .comma-1[data-v-0d170eda] { position: absolute; font-size: 45px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #FFFFFF; left: 60px; top: 20px; line-height: 45px; } .comma-2[data-v-0d170eda] { position: absolute; font-size: 45px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #FFFFFF; left: 244px; top: 20px; line-height: 45px; } .comma-3[data-v-0d170eda] { position: absolute; font-size: 45px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #FFFFFF; left: 176px; top: 20px; line-height: 45px; } .comma-4[data-v-0d170eda] { position: absolute; font-size: 45px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #FFFFFF; left: 362px; top: 20px; line-height: 45px; } *[data-v-0d170eda] { margin: 0; padding: 0; } /* @font-face { font-family: "Orbitron"; src: url("../../../public/assets/fonts/Orbitron-Bold.ttf"); } */ /* @font-face { font-family: "UnidreamLED"; src: url("../../../public/assets/fonts/UnidreamLED.ttf"); } */ .fp-box[data-v-0d170eda] { position: relative; display: flex; overflow: hidden; } .fp-box .three-c[data-v-0d170eda] { margin-left: 16px !important; } .fp-box .mar-none[data-v-0d170eda] { margin-left: 0px !important; } .fp-box li[data-v-0d170eda] { width: 53px; height: 73px; flex-direction: column; transition: transform 0.5s ease-in-out; margin-left: 5px; } .fp-box li > span[data-v-0d170eda] { border-radius: 3px; text-align: center; /* background: url(../../assets/num-card-bg.png); */ background: #3C54C0; font-size: 47px; display: flex; display: inline-block; width: 53px; height: 73px; line-height: 74px; float: left; position: relative; /* font-family: "Number"; */ font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .fp-box li > span .line[data-v-0d170eda] { display: inline-block; height: 3px; background: #012382; width: 100%; position: absolute; left: 0; top: 35px; border-radius: 3px; } .fp-box li > span .num-wrap[data-v-0d170eda] { z-index: 22; position: relative; /* font-family: "Number"; */ } .swiper-container[data-v-62c20548] { height: 100%; width: 100%; } .swiper-container .swiper-slide[data-v-62c20548] { width: 100%; } .box-bg { position: relative; height: 100%; width: 100%; } .box-bg-point { position: absolute; height: 4px; width: 4px; border-radius: 50%; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; /* background-color: #fff; */ } .box-bg-point p { position: absolute; width: 4px; height: 4px; border-radius: 50%; -webkit-animation: myfirst 3.5s infinite; animation: myfirst 3.5s infinite; box-shadow: 0px 0px 1px #fff; background-color: rgba(255, 255, 255, 0.5); margin: 0px; opacity: 0; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } .point-light div { height: 4px; width: 4px; border-radius: 50%; background-color: #fff; } @-webkit-keyframes myfirst { 10% { transform: scale(1); opacity: 0; } 50% { transform: scale(2.5); opacity: 1; } 100% { transform: scale(1); opacity: 0; } } @keyframes myfirst { 10% { transform: scale(1); opacity: 0; } 50% { transform: scale(2.5); opacity: 1; } 100% { transform: scale(1); opacity: 0; } } .fade-enter-active[data-v-00a24085], .fade-leave-active[data-v-00a24085] { transition: opacity 1.5s; } .fade-enter[data-v-00a24085], .fade-leave-to[data-v-00a24085] { opacity: 0; } .page-bg[data-v-00a24085] { position: relative; height: 1080px; width: 1920px; overflow: hidden; background-image: url(../img/screen-bg.2a122b59.png); background-size: 100%; } .points[data-v-00a24085] { position: absolute; height: 4px; width: 4px; background-color: #fff; border-radius: 50%; } .bar-bg[data-v-00a24085] { position: absolute; top: 27px; /* width: 660px; */ height: 229px; z-index: 999; overflow: hidden; } .scroll-item[data-v-00a24085] { height: 24px; display: flex; align-items: center; margin-top: 8px; } .scroll-name[data-v-00a24085] { width: 68px; margin-right: 2px; font-size: 17px; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; /* margin-right: 10px; */ } .scroll-bar[data-v-00a24085] { height: 21px; min-width: 50px; border-radius: 3px 3px 3px 3px; padding-left: 5px; font-size: 13px; font-family: PingFang SC-Bold, PingFang SC; font-weight: bold; color: #FFFFFF; line-height: 21px; } .page-top[data-v-00a24085] { height: 104px; width: 100%; background-image: url(../img/screen-top.47f8c6f4.png); background-size: 100%; overflow: hidden; } .page-title[data-v-00a24085] { margin-top: 20px; font-size: 37px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #FFFFFF; text-align: center; } .line-bg[data-v-00a24085] { position: relative; margin-top: 13px; width: 1093px; height: 3px; display: flex; align-items: center; background: #4658C7; } .line-item[data-v-00a24085] { position: absolute; top: -4px; } .line-point[data-v-00a24085] { margin: 0px auto; /* position: absolute; */ height: 13px; width: 13px; border-radius: 50%; background-color: #4658C7; /* left: 198px; top: -6px; */ } .line-text[data-v-00a24085] { margin-top: 5px; text-align: center; font-size: 17px; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #4658C7; } .line-text-a[data-v-00a24085] { color: #9EB9FF !important; } .line-item[data-v-00a24085] { /* margin-left: 198px; */ } .page-time[data-v-00a24085] { font-size: 19px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #9EB9FF; text-align: center; margin-top: 10px; } .page-time-num[data-v-00a24085] { position: absolute; top: 88px; display: flex; justify-content: space-between; align-items: center; line-height: 22px; margin-left: 32px; margin-right: 32px; width: calc(100% - 64px); } .page-time-num .page-time[data-v-00a24085] { font-size: 21px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #9EB9FF; } .page-time-num .page-num[data-v-00a24085] { font-size: 21px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #9EB9FF; } .page-time-num .page-num span[data-v-00a24085] { font-size: 21px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .page-content[data-v-00a24085] { margin-top: 32px; margin-left: 32px; display: flex; } .page-content .content-left[data-v-00a24085] { height: 911px; width: 1147px; background-image: url(../img/map-con-bg.6ee5b197.png); background-size: 100%; } .page-content .content-left .left-item-1[data-v-00a24085] { margin-left: 32px; margin-top: 27px; height: 111px; width: 456px; } .page-content .content-left .left-item-2[data-v-00a24085] { margin-top: 27px; margin-left: 32px; height: 111px; width: 595px; } .page-content .content-left .left-item-3[data-v-00a24085] { margin-left: 32px; margin-top: 32px; height: 111px; width: 456px; } .page-content .content-left .left-item-4[data-v-00a24085] { margin-top: 32px; height: 111px; margin-left: 32px; width: 459px; } .page-content .content-left .left-item-5[data-v-00a24085] { position: relative; margin-top: 40px; margin-left: 32px; } .page-content .content-right[data-v-00a24085] { margin-left: 21px; } .page-content .content-right .circle-bg[data-v-00a24085]:first-child { margin-top: 0px !important; } .page-content .content-right .circle-bg[data-v-00a24085] { height: 289px; width: 688px; background-image: url(../img/circle-con-bg.c698aa9f.png); background-size: 100%; } .num-circle-top[data-v-00a24085] { height: 28px !important; line-height: 28px !important; padding-left: 0px !important; } .spec-num[data-v-00a24085] { display: flex; align-items: center; margin-top: 11px; justify-content: space-between; } .num-unit[data-v-00a24085] { font-size: 21px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #FFFFFF; } .circle-top[data-v-00a24085] { height: 47px; line-height: 47px; width: 100%; display: flex; align-items: center; padding-left: 19px; } .circle-top .line-card[data-v-00a24085] { height: 21px; width: 7px; background: #9EB9FF; } .circle-top .circle-title[data-v-00a24085] { margin-left: 11px; font-size: 21px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #9EB9FF; } .circle-top .min-circle-end[data-v-00a24085] { width: 170px !important; } .circle-top .circle-end[data-v-00a24085] { width: 227px; height: 19px; margin-left: 11px; } .circle-content[data-v-00a24085] { display: flex; justify-content: space-between; } .circle-l[data-v-00a24085] { width: 264px; /* margin-left: 64px; */ } .circle-l .circle-echart[data-v-00a24085] { margin: 20px auto 0px auto; height: 131px; width: 131px; } .circle-l .echart-t1[data-v-00a24085] { margin-top: 15px; text-align: center; font-size: 19px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #FFFFFF; } .circle-l .echart-t2[data-v-00a24085] { text-align: center; margin-top: 8px; font-size: 15px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #9EB9FF; } .circle-r[data-v-00a24085] { width: 424px; display: flex; flex-wrap: wrap; } .circle-r .circle-card[data-v-00a24085] { height: 120px; width: 212px; display: flex; align-items: center; } .circle-r .circle-card .circle-card-min-bor[data-v-00a24085] { border-right: 1px solid #5A73BB; } .circle-r .circle-card .circle-card-min[data-v-00a24085] { height: 40px; width: 100%; } .circle-r .circle-card .circle-card-t[data-v-00a24085] { font-size: 19px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #9EB9FF; text-align: center; } .circle-r .circle-card .circle-card-v[data-v-00a24085] { margin-top: 10px; font-size: 29px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #FFFFFF; text-align: center; font-weight: 600; } .circle-r .circle-card .circle-card-v span[data-v-00a24085] { font-size: 19px; } .map-bg[data-v-00a24085] { position: relative; margin-top: 55px; width: 1093px; height: 451px; background-image: url(../img/map-bg.ab1db8f2.png); background-size: 100%; } .poing-2[data-v-00a24085] { position: absolute; height: 13px; width: 13px; border-radius: 50%; top: 78px; left: 78px; } .poing-3[data-v-00a24085] { position: absolute; height: 13px; width: 13px; border-radius: 50%; top: 74px; right: 40px; } .poing-4[data-v-00a24085] { position: absolute; height: 13px; width: 13px; border-radius: 50%; top: 35px; right: 35px; } .poing-5[data-v-00a24085] { position: absolute; height: 19px; width: 19px; border-radius: 50%; top: 240px; left: 448px; } .poing-6[data-v-00a24085] { position: absolute; height: 13px; width: 13px; border-radius: 50%; top: 1px; left: 30px; } .poing-7[data-v-00a24085] { position: absolute; height: 13px; width: 13px; border-radius: 50%; top: 61px; left: 17px; } .poing-8[data-v-00a24085] { position: absolute; height: 13px; width: 13px; border-radius: 50%; top: 58px; left: 40px; } .poing-9[data-v-00a24085] { position: absolute; height: 13px; width: 13px; border-radius: 50%; top: 137px; left: 108px; } .poing-10[data-v-00a24085] { position: absolute; height: 13px; width: 13px; border-radius: 50%; top: 142px; left: 260px; } /* @keyframes light{ from{ box-shadow:0 0 4px #fff; } to{ box-shadow: 0 0 20px #fff } } */ .content div[data-v-00a24085] { background: #ffffff; width: 4px; height: 4px; border: 6px #009FD9 solid; border-radius: 50%; position: relative; } .size-c1[data-v-00a24085] { width: 13px !important; height: 13px !important; } .size-c1 p[data-v-00a24085] { width: 13px !important; height: 13px !important; } .size-c1 div[data-v-00a24085] { width: 13px !important; height: 13px !important; } .size-c2[data-v-00a24085] { width: 16px !important; height: 16px !important; } .size-c2 p[data-v-00a24085] { width: 16px !important; height: 16px !important; } .size-c2 div[data-v-00a24085] { width: 16px !important; height: 16px !important; } .size-c3[data-v-00a24085] { width: 19px !important; height: 19px !important; } .size-c3 p[data-v-00a24085] { width: 19px !important; height: 19px !important; } .size-c3 div[data-v-00a24085] { width: 19px !important; height: 19px !important; } .size-c4[data-v-00a24085] { width: 23px !important; height: 23px !important; } .size-c4 p[data-v-00a24085] { width: 23px !important; height: 23px !important; } .size-c4 div[data-v-00a24085] { width: 23px !important; height: 23px !important; } .point-light p[data-v-00a24085] { position: absolute; width: 13px; height: 13px; border-radius: 50%; -webkit-animation: myfirst-data-v-00a24085 1.5s infinite; animation: myfirst-data-v-00a24085 1.5s infinite; box-shadow: 0px 0px 1px #fff; background-color: rgba(255, 255, 255, 0.5); margin: 0px; opacity: 0; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .point-light div[data-v-00a24085] { height: 13px; width: 13px; border-radius: 50%; background-color: #fff; } @-webkit-keyframes myfirst-data-v-00a24085 { 10% { transform: scale(1); opacity: 0; } 100% { transform: scale(2.5); opacity: 1; } } @keyframes myfirst-data-v-00a24085 { 10% { transform: scale(1); opacity: 0; } 100% { transform: scale(2.5); opacity: 1; } } .map-active-1[data-v-00a24085] { left: -8px; top: 71px; position: absolute; height: 349px; width: 432px; background-image: url(../img/map-active-1.1b5fae0f.png); background-size: 100%; } .map-active-1 .poing-1[data-v-00a24085] { position: absolute; height: 32px; width: 32px; border-radius: 50%; top: 177px; left: 217px; } .map-active-2[data-v-00a24085] { left: 349px; top: 49px; position: absolute; height: 241px; width: 181px; background-image: url(../img/map-active-2.967b03a6.png); -webkit-background-size: 100%; } /* .map-active-3{ position: absolute; top: -28px; left: 495px; height: 364px; width: 255px; background-image: url('./images/map-active-3.png'); -webkit-background-size: 100%; background-size: 100%; } */ .map-active-3[data-v-00a24085] { position: absolute; top: 185px; left: 329px; height: 179px; width: 168px; background-image: url(../img/map-active-3.00e462c3.png); background-size: 100%; } .map-active-4[data-v-00a24085] { position: absolute; top: 128px; left: 465px; height: 117px; width: 83px; background-image: url(../img/map-active-4.495ebbfa.png); background-size: 100%; } .map-active-6[data-v-00a24085] { position: absolute; top: 223px; left: 493px; height: 36px; width: 67px; background-image: url(data:image/png;base64,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); background-size: 100%; } .map-active-7[data-v-00a24085] { position: absolute; top: 225px; left: 476px; height: 143px; width: 57px; background-image: url(../img/map-active-7.6fbabf30.png); background-size: 100%; } .map-active-8[data-v-00a24085] { position: absolute; top: 235px; left: 503px; height: 161px; width: 93px; background-image: url(../img/map-active-8.62629463.png); background-size: 100%; } .map-active-9[data-v-00a24085] { position: absolute; top: -28px; left: 495px; height: 364px; width: 255px; background-image: url(../img/map-active-9.cd75717c.png); background-size: 100%; } .map-active-10[data-v-00a24085] { position: absolute; top: 32px; left: 592px; height: 393px; width: 501px; background-image: url(../img/map-active-10.fdbab454.png); background-size: 100%; } .map-popup-1[data-v-00a24085] { top: 197px; left: 396px; } .map-popup-2[data-v-00a24085] { top: -51px; left: 349px; } .map-popup-3[data-v-00a24085] { top: 92px; left: 361px; } .map-popup-4[data-v-00a24085] { top: 31px; left: 411px; } .map-popup-5[data-v-00a24085] { top: 127px; left: 363px; } .map-popup-6[data-v-00a24085] { top: 119px; left: 435px; } .map-popup-7[data-v-00a24085] { top: 129px; left: 404px; } .map-popup-8[data-v-00a24085] { top: 152px; left: 460px; } .map-popup-9[data-v-00a24085] { top: -36px; left: 763px; } .map-popup-10[data-v-00a24085] { top: -61px; left: 775px; } .map-popup-3[data-v-00a24085] { width: 212px !important; } .map-popup-1[data-v-00a24085], .map-popup-2[data-v-00a24085], .map-popup-3[data-v-00a24085], .map-popup-4[data-v-00a24085], .map-popup-5[data-v-00a24085], .map-popup-6[data-v-00a24085], .map-popup-7[data-v-00a24085], .map-popup-8[data-v-00a24085], .map-popup-9[data-v-00a24085], .map-popup-10[data-v-00a24085] { position: absolute; display: flex; justify-content: center; align-items: center; width: 192px; height: 69px; background: linear-gradient(380deg, rgba(80, 162, 250, 0.8) 0%, rgba(53, 151, 255, 0.3) 100%); } /* 左边三角 */ .map-popup-1[data-v-00a24085]:before, .map-popup-9[data-v-00a24085]:before { content: ""; width: 0; height: 0; border: 10px solid transparent; border-right-color: #fff; position: absolute; right: 100%; top: 50%; margin-top: -10px; } /* 下边三角 */ .map-popup-2[data-v-00a24085]:before, .map-popup-3[data-v-00a24085]:before, .map-popup-4[data-v-00a24085]:before, .map-popup-5[data-v-00a24085]:before, .map-popup-6[data-v-00a24085]:before, .map-popup-7[data-v-00a24085]:before, .map-popup-8[data-v-00a24085]:before, .map-popup-10[data-v-00a24085]:before { content: ""; width: 0; height: 0; border: 10px solid transparent; border-top-color: #fff; position: absolute; right: 100%; top: 100%; left: 45%; } .place-name[data-v-00a24085] { margin-right: 11px; text-align: center; font-size: 21px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .popup-t[data-v-00a24085] { font-size: 16px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #FFFFFF; } .popup-v[data-v-00a24085] { margin-top: 4px; height: 28px; line-height: 28px; font-size: 24px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #FFFFFF; font-weight: bold; } .popup-unit[data-v-00a24085] { display: inline-block; font-size: 16px; height: 28px; } .map-1-light[data-v-00a24085] { position: absolute; top: 157px; /* background-color: rgba(0, 0, 0, 0.1); */ height: 107px; width: 24px; left: 21px; } .map-2-light[data-v-00a24085] { position: absolute; top: 134px; /* background-color: rgba(0, 0, 0, 0.1); */ height: 165px; width: 94px; left: 45px; } .map-3-light[data-v-00a24085] { position: absolute; top: 147px; /* background-color: rgba(0, 0, 0, 0.1); */ height: 132px; width: 105px; left: 139px; } .map-4-light[data-v-00a24085] { position: absolute; top: 93px; /* background-color: rgba(0, 0, 0, 0.1); */ height: 132px; width: 95px; left: 244px; } .map-5-light[data-v-00a24085] { position: absolute; top: 29px; /* background-color: rgba(0, 0, 0, 0.1); */ height: 118px; width: 30px; left: 340px; } .map-6-light[data-v-00a24085] { position: absolute; top: 225px; /* background-color: rgba(0, 0, 0, 0.1); */ height: 65px; width: 88px; left: 315px; } .map2-1-light[data-v-00a24085] { position: absolute; top: 31px; /* background-color: rgba(0, 0, 0, 0.1); */ height: 18px; width: 140px; left: 15px; } .map2-2-light[data-v-00a24085] { position: absolute; top: 49px; /* background-color: rgba(0, 0, 0, 0.1); */ height: 30px; width: 152px; left: 15px; } .map2-3-light[data-v-00a24085] { position: absolute; top: 80px; /* background-color: rgba(0, 0, 0, 0.1); */ height: 77px; width: 85px; left: 35px; } .map2-4-light[data-v-00a24085] { position: absolute; top: 160px; /* background-color: rgba(0, 0, 0, 0.1); */ height: 43px; width: 42px; left: 25px; } .map2-5-light[data-v-00a24085] { position: absolute; top: 182px; /* background-color: rgba(0, 0, 0, 0.1); */ height: 33px; width: 23px; left: 67px; } .map3-1-light[data-v-00a24085] { position: absolute; top: 58px; /* background-color: rgba(0, 0, 0, 0.1); */ height: 27px; width: 68px; left: 10px; } .map3-2-light[data-v-00a24085] { position: absolute; top: 85px; /* background-color: rgba(0, 0, 0, 0.1); */ height: 12px; width: 49px; left: 36px; } .map3-3-light[data-v-00a24085] { position: absolute; top: 67px; /* background-color: rgba(0, 0, 0, 0.1); */ height: 43px; width: 54px; left: 91px; } .map3-4-light[data-v-00a24085] { position: absolute; top: 11px; /* background-color: rgba(0, 0, 0, 0.1); */ height: 56px; width: 48px; left: 115px; } .map3-5-light[data-v-00a24085] { position: absolute; top: 111px; /* background-color: rgba(0, 0, 0, 0.1); */ height: 39px; width: 36px; left: 113px; } .map4-1-light[data-v-00a24085] { position: absolute; top: 19px; /* background-color: rgba(0, 0, 0, 0.1); */ height: 25px; width: 59px; left: 13px; } .map4-2-light[data-v-00a24085] { position: absolute; top: 4px; /* background-color: rgba(0, 0, 0, 0.1); */ height: 15px; width: 37px; left: 26px; } .map4-3-light[data-v-00a24085] { position: absolute; top: 44px; /* background-color: rgba(0, 0, 0, 0.1); */ height: 24px; width: 42px; left: 24px; } .map4-4-light[data-v-00a24085] { position: absolute; top: 68px; /* background-color: rgba(0, 0, 0, 0.1); */ height: 26px; width: 42px; left: 31px; } .map5-1-light[data-v-00a24085] { position: absolute; top: 4px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 26px; width: 61px; left: 3px; } .map6-1-light[data-v-00a24085] { position: absolute; top: 3px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 52px; width: 18px; left: 12px; } .map6-2-light[data-v-00a24085] { position: absolute; top: 55px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 29px; width: 38px; left: 6px; } .map6-3-light[data-v-00a24085] { position: absolute; top: 84px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 29px; width: 47px; left: 6px; } .map6-4-light[data-v-00a24085] { position: absolute; top: 113px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 21px; width: 35px; left: 17px; } .map7-1-light[data-v-00a24085] { position: absolute; top: 3px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 21px; width: 53px; left: 1px; } .map7-2-light[data-v-00a24085] { position: absolute; top: 24px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 29px; width: 53px; left: 1px; } .map7-3-light[data-v-00a24085] { position: absolute; top: 53px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 39px; width: 68px; left: 22px; } .map7-4-light[data-v-00a24085] { position: absolute; top: 91px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 39px; width: 35px; left: 48px; } .map8-1-light[data-v-00a24085] { position: absolute; top: 24px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 23px; width: 107px; left: 109px; } .map8-2-light[data-v-00a24085] { position: absolute; top: 47px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 36px; width: 139px; left: 109px; } .map8-3-light[data-v-00a24085] { position: absolute; top: 83px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 18px; width: 136px; left: 98px; } .map8-4-light[data-v-00a24085] { position: absolute; top: 119px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 65px; width: 149px; left: 27px; } .map8-5-light[data-v-00a24085] { position: absolute; top: 184px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 40px; width: 128px; left: 37px; } .map8-6-light[data-v-00a24085] { position: absolute; top: 101px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 18px; width: 178px; left: 30px; } .map8-7-light[data-v-00a24085] { position: absolute; top: 224px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 43px; width: 109px; left: 41px; } .map8-8-light[data-v-00a24085] { position: absolute; top: 268px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 50px; width: 145px; left: 58px; } .map8-9-light[data-v-00a24085] { position: absolute; top: 318px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 14px; width: 119px; left: 68px; } .map8-10-light[data-v-00a24085] { position: absolute; top: 332px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 19px; width: 78px; left: 97px; } .map9-1-light[data-v-00a24085] { position: absolute; top: 16px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 28px; width: 44px; left: 150px; } .map9-2-light[data-v-00a24085] { position: absolute; top: 44px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 38px; width: 123px; left: 97px; } .map9-3-light[data-v-00a24085] { position: absolute; top: 82px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 59px; width: 429px; left: 72px; } .map9-4-light[data-v-00a24085] { position: absolute; top: 56px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 26px; width: 226px; left: 255px; } .map9-5-light[data-v-00a24085] { position: absolute; top: 29px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 26px; width: 165px; left: 305px; } .map9-6-light[data-v-00a24085] { position: absolute; top: 141px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 62px; width: 405px; left: 55px; } .map9-7-light[data-v-00a24085] { position: absolute; top: 203px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 74px; width: 307px; left: 91px; } .map9-8-light[data-v-00a24085] { position: absolute; top: 277px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 21px; width: 346px; left: 5px; } .map9-9-light[data-v-00a24085] { position: absolute; top: 298px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 21px; width: 270px; left: 39px; } .map9-10-light[data-v-00a24085] { position: absolute; top: 319px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 48px; width: 93px; left: 44px; } .map9-11-light[data-v-00a24085] { position: absolute; top: 319px; /* background-color: rgba(0, 0, 0, 0.4); */ height: 41px; width: 86px; left: 181px; } .page-bg[data-v-85751120] { position: relative; height: 1080px; width: 1920px; overflow: hidden; } .run-map[data-v-85751120] { height: 1080px; width: 1920px; } .page-top[data-v-85751120] { position: fixed; z-index: 22; top: 0px; height: 120px; width: 100%; overflow: hidden; background-size: 100%; background-image: url(../img/page-head.5275cb70.png); } .mode-card[data-v-85751120] { position: absolute; right: 42px; top: 60px; height: 34px; width: 158px; display: flex; align-items: center; background: #FFFFFF; border-radius: 4px 4px 4px 4px; } .mode-card .mode_box[data-v-85751120]:first-child { border-right: 1px solid #DDDDDD; } .mode_box_a[data-v-85751120] { font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #3A6CFF !important; font-weight: bold !important; } .mode_box[data-v-85751120] { cursor: pointer; font-size: 15px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #313131; flex: 1; text-align: center; line-height: 20px; height: 20px; } .fixed-left[data-v-85751120] { position: fixed; z-index: 22; left: 0px; height: 892px; width: 37px; top: 94px; background-size: 100%; background-image: url(../img/fix_left_bg.58e292c1.png); } .fixed-bottom[data-v-85751120] { position: fixed; z-index: 22; bottom: 0px; height: 48px; width: 100%; left: 0px; background-size: 100%; background-image: url(../img/fix_bottom_bg.391df79f.png); } .fixed-right[data-v-85751120] { position: fixed; z-index: 22; right: 0px; height: 892px; width: 33px; top: 94px; background-size: 100%; background-image: url(../img/fix_right_bg.8eec75a7.png); } .page-title[data-v-85751120] { margin-top: 12px; font-size: 34px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #FFFFFF; text-shadow: 0px 4px 8px #496FEB; text-align: center; } .flex-card[data-v-85751120] { width: 509px; display: flex; flex-wrap: wrap; align-content: baseline; } .right-com1[data-v-85751120] { position: relative; height: 180px; width: 550px; border-radius: 8px; /* background: linear-gradient(179deg, rgba(238,246,255,0.8) 0%, rgba(245,250,255,1) 100%); */ /* background-color: rgba(255,255,255,0.8); */ /* border-radius: 11px 11px 11px 11px; */ box-shadow: 5px 2px 5px rgba(53, 151, 255, 0.2); } .tag-icon2[data-v-85751120] { position: absolute; height: 18px; width: 18px; top: 19px; left: 17px; } .tag-icon[data-v-85751120] { position: absolute; height: 18px; width: 18px; top: 36px; left: 17px; } .run-title[data-v-85751120] { width: calc(100% - 67px); padding-top: 33px; margin: 0px 23px 0px 43px; font-size: 22px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #0E437C; height: 84px; line-height: 26px; z-index: 22; position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; } .light-bg[data-v-85751120] { position: absolute; height: 100%; width: 100%; top: 0px; background-size: 100%; z-index: -1; } .light_1[data-v-85751120] { background-image: url(../img/right-1.7f26c23c.png); } .light_2[data-v-85751120] { background-image: url(../img/right-2.406dbcac.png); } .light_3[data-v-85751120] { background-image: url(../img/right-3.5b566459.png); } .left-scroll[data-v-85751120] { position: absolute; z-index: 22; left: 53px; top: 138px; width: 1304px; height: 49px; display: flex; } .user-card[data-v-85751120] { width: 252px; height: 49px; background: linear-gradient(270deg, rgba(255, 255, 255, 0.6) 0%, #D3E9FF 100%); border-radius: 37px 37px 37px 37px; opacity: 1; border: 1px solid #FFFFFF; margin-right: 10px; flex: none; display: flex; align-items: center; } .scroll-head[data-v-85751120] { position: relative; height: 44px; width: 44px; } .scroll-head .heads[data-v-85751120] { height: 100%; width: 100%; border-radius: 50%; overflow: hidden; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .scroll-head .rank-tag[data-v-85751120] { height: 53px; width: 61px; left: -9px; top: -5px; position: absolute; } .scroll-info[data-v-85751120] { width: calc(100% - 66px); margin-left: 10px; } .watch_icon[data-v-85751120] { height: 20px; width: 20px; display: inline-block; } .scroll-name-l[data-v-85751120] { display: flex; align-items: center; } .scroll-name[data-v-85751120] { display: flex; align-items: center; justify-content: space-between; font-size: 21px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #0E437C; } .scroll-name-v[data-v-85751120] { font-size: 14px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #0E437C; } .scroll-sch[data-v-85751120] { display: flex; align-items: center; justify-content: space-between; margin-top: 6px; } .scroll-sch-l[data-v-85751120] { position: relative; width: 105px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #0E437C; } .scroll-sch-r[data-v-85751120] { font-size: 14px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #0E437C; } .com1-t2[data-v-85751120] { margin-top: 15px; font-size: 21px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #507093; margin-left: 43px; } .com1-t3[data-v-85751120] { margin-top: 10px; font-size: 21px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #507093; margin-left: 43px; } .ctn-head[data-v-85751120] { margin-top: 16px; font-size: 22px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #0E437C; padding-left: 43px; } .content-right[data-v-85751120] { position: fixed; right: 53px; z-index: 22; top: 129px; } .content-right .right-com2[data-v-85751120] { position: relative; height: 240px; margin-top: 15px; width: 550px; overflow: hidden; border-radius: 8px; /* display: flex; justify-content: center; */ /* box-shadow: 5px 2px 5px rgba(53, 151, 255, 0.2); */ text-shadow: 2px 2px 5px rgba(53, 151, 255, 0.2); } .content-right .right-com2 .card:nth-child(3n) .card-ctn[data-v-85751120] { border-right: none !important; } .content-right .right-com2 .card[data-v-85751120] { height: 75px; width: 169px; margin-bottom: 15px; } .content-right .right-com2 .card .card-ctn[data-v-85751120] { height: 40px; width: 100%; border-right: 1px solid rgba(0, 0, 0, 0.1); } .content-right .right-com2 .card .card-ctn .card-title[data-v-85751120] { text-align: center; font-size: 18px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #507093; } .content-right .right-com2 .card .card-ctn .card-value[data-v-85751120] { margin-top: 10px; text-align: center; font-size: 19px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #0E437C; } .content-right .right-com2 .card .card-ctn .card-value span[data-v-85751120] { letter-spacing: 2px; margin-right: -2px; font-size: 31px !important; font-family: 'numbers' !important; } .content-right .right-com3[data-v-85751120] { position: relative; margin-top: 15px; height: 450px; width: 550px; overflow: hidden; padding: 0px 2px; /* background: linear-gradient(179deg, rgba(238,246,255,0.8) 0%, rgba(245,250,255,1) 100%); */ border-radius: 8px; box-shadow: 5px 2px 5px rgba(53, 151, 255, 0.2); } .content-right .right-com3 .table-title[data-v-85751120] { height: 30px; margin: 6px 2px 0px 2px; width: calc(100% - 4px); display: flex; align-items: center; font-size: 13px; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #507093; } .content-right .right-com3 .scroll-list[data-v-85751120] { margin: 0px 4px; width: calc(100% - 8px); position: relative; height: 385px; overflow: hidden; } .content-right .right-com3 .scroll-item[data-v-85751120] { height: 74px; width: 100%; display: flex; align-items: center; font-size: 18px; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #0E437C; background-color: rgba(255, 255, 255, 0.4); } .content-right .right-com3 .scroll-item-odd[data-v-85751120] { background: none !important; } .content-right .right-com3 .scroll-item > div[data-v-85751120] { position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .content-right .right-com3 .t1[data-v-85751120] { text-align: center; width: 57px; } .content-right .right-com3 .t2[data-v-85751120] { text-align: center; width: 171px; } .content-right .right-com3 .t3[data-v-85751120], .content-right .right-com3 .t4[data-v-85751120], .content-right .right-com3 .t5[data-v-85751120] { text-align: center; width: 107px; } .content-right .right-com3 .t6[data-v-85751120] { text-align: center; width: 57px; } .content-right .right-com3 .t7[data-v-85751120] { display: flex; align-items: center; text-align: center; width: 107px; justify-content: center; } .content-right .right-com3 .t8[data-v-85751120] { width: 57px; text-align: center; } .content-right .right-com3 .t9[data-v-85751120], .content-right .right-com3 .t10[data-v-85751120], .content-right .right-com3 .t11[data-v-85751120] { text-align: center; width: 107px; } .top_left_flex[data-v-e87eef34] { vertical-align: baseline; } .ranks_num_icon[data-v-e87eef34] { display: inline-block; height: 36px; width: 30px; margin: 0px auto; } .match-num[data-v-e87eef34] { display: flex; flex-direction: column; align-items: center; margin-top: 273px; } .match-num img[data-v-e87eef34] { width: 140px; height: 102px; } .match-num .match-num-text[data-v-e87eef34] { margin-top: 20px; font-size: 42px; font-family: Microsoft YaHei; font-weight: 400; line-height: 55px; color: #ffffff; } .match-num .match-num-number[data-v-e87eef34] { display: flex; flex-direction: row; align-items: center; } .match-num .match-num-number .match-num-number-item[data-v-e87eef34] { width: 140px; height: 180px; line-height: 180px; text-align: center; margin: 40px 10px; background: #222648; border-radius: 12px; font-size: 100px; font-family: "Number"; font-weight: bold; color: #ffffff; } .page-bg[data-v-e87eef34] { position: relative; overflow: hidden; width: 1920px; height: 1080px; background: #141833; } .page_top[data-v-e87eef34] { height: 107px; width: 1888px; background: #222648; box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16); border-radius: 12px 12px 12px 12px; margin: 16px auto 0px auto; display: flex; justify-content: space-between; } .top_l[data-v-e87eef34] { margin-top: 11px; font-size: 28px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #01C1FC; margin-left: 24px; display: flex; } .top_c[data-v-e87eef34] { margin: 0px auto; width: 100%; position: absolute; } .class_mask[data-v-e87eef34] { position: absolute; bottom: 0px; left: 0px; z-index: 20; background-color: #222648; width: 100%; } .class_1[data-v-e87eef34] { background: #4E5AA7 !important; } .class_2[data-v-e87eef34] { background: #3B468F !important; } .class_3[data-v-e87eef34] { background: #28316D !important; } .top_r[data-v-e87eef34] { margin-top: 11px; margin-right: 24px; font-size: 28px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #01C1FC; } .top_title[data-v-e87eef34] { margin-top: 16px; text-align: center; font-size: 36px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #01C1FC; } .top_time[data-v-e87eef34] { font-size: 24px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #01C1FC; margin-top: 10px; text-align: center; } .top_numbers[data-v-e87eef34] { position: relative; top: 7px; font-size: 64px; font-family: 'Number'; color: #01C1FC; } .page_center[data-v-e87eef34] { width: 1888px; margin: 16px auto 0px auto; display: flex; justify-content: space-between; } .page_left[data-v-e87eef34] { display: flex; flex-wrap: wrap; width: 1305px; height: 925px; background-color: rgba(0, 0, 0, 0.16); } .page_left_ranks[data-v-e87eef34] { position: relative; overflow: hidden; width: 1305px; height: 925px; background-color: rgba(0, 0, 0, 0.16); } .page_left .stu_card[data-v-e87eef34]:nth-child(5n) { margin-right: 0px !important; } .stu_card[data-v-e87eef34] { display: flex; align-items: center; justify-content: space-between; padding: 0px 15px; margin-right: 5px; height: 88px; perspective: 1000px; width: calc((100% - 20px) / 5); } .front2[data-v-e87eef34] { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); z-index: 1; } .front1[data-v-e87eef34] { z-index: 2; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); } .front[data-v-e87eef34] { background-color: rgba(78, 90, 167, 0.6); padding: 0px 15px; height: 100%; width: 100%; /* background: #222648; */ display: flex; align-items: center; justify-content: space-between; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: 0.6s ease-out; -webkit-transition: 0.6s ease-out; transform-style: preserve-3d; position: absolute; top: 0; left: 0; } .back2[data-v-e87eef34] { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); z-index: 2; } .back1[data-v-e87eef34] { z-index: 1; transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); } .back[data-v-e87eef34] { background-color: rgba(78, 90, 167, 0.6); padding: 0px 15px; height: 100%; width: 100%; /* background: #222648; */ display: flex; align-items: center; justify-content: space-between; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: 0.6s ease-out; -webkit-transition: 0.6s ease-out; transform-style: preserve-3d; position: absolute; top: 0; left: 0; } .stu_name[data-v-e87eef34] { position: relative; width: 102px; font-size: 20px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #01C1FC; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .stu_class[data-v-e87eef34] { font-size: 16px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #01C1FC; margin-top: 6px; } .stu_times[data-v-e87eef34] { text-align: center; font-size: 16px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #01C1FC; margin-top: 4px; } .stu_data[data-v-e87eef34] { font-size: 52px; font-family: 'Number'; /* font-weight: bold; */ color: #01C1FC; } .rank_1[data-v-e87eef34] { background: #4E5AA7 !important; } .rank_2[data-v-e87eef34] { background: #3B468F !important; } .rank_3[data-v-e87eef34] { background: #28316D !important; } .fiveC[data-v-e87eef34] { opacity: 1 !important; background-color: #4e5aa7 !important; } .TenC[data-v-e87eef34] { background-color: rgba(78, 90, 167, 0.8) !important; } .page_right[data-v-e87eef34] { position: relative; height: 925px; width: 566px; background: #222648; /* background-color: red; */ } .class_item[data-v-e87eef34] { padding-right: 24px; display: flex; align-items: center; justify-content: space-between; height: 46px; width: 100%; background: #222648; } .class_item1[data-v-e87eef34] { background: #4E5AA7 !important; } .class_item2[data-v-e87eef34] { background: #3B468F !important; } .class_item3[data-v-e87eef34] { background: #28316D !important; } .class_item_1[data-v-e87eef34] { width: 57px; font-size: 20px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #01C1FC; text-align: center; } .class_item_1 img[data-v-e87eef34] { height: 36px; width: 30px; } .rank_icon_o[data-v-e87eef34] { opacity: 0.8 !important; } .class_item_2[data-v-e87eef34] { width: 150px; font-size: 20px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #01C1FC; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .class_item_3[data-v-e87eef34] { font-size: 20px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #01C1FC; } .class_item_4[data-v-e87eef34] { margin-right: 16px; font-size: 20px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #01C1FC; } .class_item_5[data-v-e87eef34] { font-size: 24px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #01C1FC; } .btm_foce[data-v-e87eef34] { position: fixed; bottom: 0px; left: 0px; width: 100%; height: 88px; background: linear-gradient(180deg, rgba(20, 24, 51, 0) 0%, #141833 100%); } .btm_btn[data-v-e87eef34] { cursor: pointer; margin: 0px auto; height: 56px; width: 180px; line-height: 56px; text-align: center; background: #FFF600; border-radius: 52px; font-size: 25px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #747000; } .fade-enter-active[data-v-e87eef34], .fade-leave-active[data-v-e87eef34] { transition: opacity 0.5s; } .fade-enter[data-v-e87eef34], .fade-leave-to[data-v-e87eef34] { opacity: 0; } .rank_icon[data-v-e87eef34] { position: absolute; height: 48px; width: 48px; left: -2px; top: -2px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAACfUlEQVR4Xu3dSU7DQBCF4cqaC7CDHcfgauFmWXIhhg0YxRGJLA9pd1dV1/Cyj936fluOWyXlQAY/wze90A+d6ECPBpfHt6SB3g58R+M5Uir8BzqaCpAN/3zJmgmQEd9MgKz4JgJkxu8eIDt+1wDAv/xq7PIQBv7tJ7t6AOBP35dUAwB//rKqFgD4yzsFKgGAv75NIx4A+Nt7ZKIBhi96ol96T7Gr+UDHmu1IsQAj/kAnInquWZib75y3lCvxxd4DgF9++bDfAcAvx2e/A4C/D581APD347MFAH4dPksA4NfjNwcAfht+UwDgt+NXBwA+D35VAODz4e8OAHxe/F0BgM+PXxwA+DL4RQGAL4d/NwDwZfE3AwBfHn81APB18BcDAF8PfxYA+Lr4kwDA18e/BgB+H/wxAPD74V8CfI6jI699lyF89sbREcnVnQMMkifofmzD+P93QNwAxvFjB3CAHzeAE/yYARzhxwvgDD9WAIf4cQI4xY8RwDG+/wDO8X0HCIDvN0AQfJ8BAuH7CxAM31eAgPh+AgTF9xEgML79AMHxbQdIgG83QBJ8mwES4dsLkAzfVoCE+HYCJMW3ESAxfv8AyfH7BgD+ODTYZzQR+NeJTf0AwJ+My+oGAP5sVlkvAPAXB8V1AgB/EV/nIQz8VXz5AMDfxJcNAPy7+HIBgF+ELxMA+MX4/AGAvwufNwDwd+PzBQB+FT5PAOBX47cHAH4TflsA4Dfj1wcAPgt+XQDgs+HvDwB8Vvx9AYDPjl8eAPgi+GUBgC+Gfz8A8EXxtwMAXxx/PQDwVfCXAwBfDX8eAPiq+NMAwFfHvwUAfhf8S4APOrb8H263lQc58R9KAAPz2aUh/QAAAABJRU5ErkJggg==); background-size: 100% 100%; } .rank_icon_val[data-v-e87eef34] { margin-top: 8px; margin-left: -12px; text-align: center; font-size: 17px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #7A7500; transform: rotate(-45deg); } .ranks-line .ranks-item[data-v-e87eef34]:nth-child(3n) { margin-right: 0px !important; } .ranks-line[data-v-e87eef34] { display: flex; height: 72px; width: 100%; } .ranks-item[data-v-e87eef34] { padding-right: 15px; width: calc((100% - 16px) / 3); height: 72px; background: #222648; margin-right: 8px; display: flex; justify-content: space-between; align-items: center; } .ranks_num[data-v-e87eef34] { font-size: 20px; width: 89px; text-align: center; font-family: 'Number'; color: #01C1FC; } .ranks_name[data-v-e87eef34] { font-size: 20px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #01C1FC; } .ranks_class[data-v-e87eef34] { margin-top: 8px; font-size: 20px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #01C1FC; } .ranks_t[data-v-e87eef34] { font-size: 16px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #01C1FC; margin-right: 16px; } .ranks_v[data-v-e87eef34] { font-size: 24px; font-family: 'number'; font-weight: bold; color: #01C1FC; } .flip-list-move[data-v-e87eef34] { transition: transform 1s; } .top_left_flex[data-v-bf5b048e] { vertical-align: baseline; } .ranks_num_icon[data-v-bf5b048e] { display: inline-block; height: 36px; width: 30px; margin: 0px auto; } .match-num[data-v-bf5b048e] { display: flex; flex-direction: column; align-items: center; margin-top: 273px; } .match-num img[data-v-bf5b048e] { width: 140px; height: 102px; } .match-num .match-num-text[data-v-bf5b048e] { margin-top: 20px; font-size: 42px; font-family: Microsoft YaHei; font-weight: 400; line-height: 55px; color: #ffffff; } .match-num .match-num-number[data-v-bf5b048e] { display: flex; flex-direction: row; align-items: center; } .match-num .match-num-number .match-num-number-item[data-v-bf5b048e] { width: 140px; height: 180px; line-height: 180px; text-align: center; margin: 40px 10px; background: #222648; border-radius: 12px; font-size: 100px; font-family: "Number"; font-weight: bold; color: #ffffff; } .page-bg[data-v-bf5b048e] { position: relative; overflow: hidden; width: 1920px; height: 1080px; background: #141833; } .page_top[data-v-bf5b048e] { height: 107px; width: 1888px; background: #222648; box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16); border-radius: 12px 12px 12px 12px; margin: 16px auto 0px auto; display: flex; justify-content: space-between; } .top_l[data-v-bf5b048e] { margin-top: 11px; font-size: 28px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #01C1FC; margin-left: 24px; display: flex; } .top_c[data-v-bf5b048e] { margin: 0px auto; width: 100%; position: absolute; } .class_mask[data-v-bf5b048e] { position: absolute; bottom: 0px; left: 0px; z-index: 20; background-color: #222648; width: 100%; } .class_1[data-v-bf5b048e] { background: #4E5AA7 !important; } .class_2[data-v-bf5b048e] { background: #3B468F !important; } .class_3[data-v-bf5b048e] { background: #28316D !important; } .top_r[data-v-bf5b048e] { margin-top: 11px; margin-right: 24px; font-size: 28px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #01C1FC; } .top_title[data-v-bf5b048e] { margin-top: 16px; text-align: center; font-size: 36px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #01C1FC; } .top_time[data-v-bf5b048e] { font-size: 24px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #01C1FC; margin-top: 10px; text-align: center; } .top_numbers[data-v-bf5b048e] { position: relative; top: 7px; font-size: 64px; font-family: 'Number'; color: #01C1FC; } .page_center[data-v-bf5b048e] { width: 1888px; margin: 16px auto 0px auto; display: flex; justify-content: space-between; } .page_left[data-v-bf5b048e] { display: flex; flex-wrap: wrap; width: 1305px; height: 925px; background-color: rgba(0, 0, 0, 0.16); } .page_left_ranks[data-v-bf5b048e] { position: relative; overflow: hidden; width: 1305px; height: 925px; background-color: rgba(0, 0, 0, 0.16); } .page_left .stu_card[data-v-bf5b048e]:nth-child(5n) { margin-right: 0px !important; } .stu_card[data-v-bf5b048e] { display: flex; align-items: center; justify-content: space-between; padding: 0px 15px; margin-right: 5px; height: 88px; perspective: 1000px; width: calc((100% - 20px) / 5); } .front2[data-v-bf5b048e] { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); z-index: 1; } .front1[data-v-bf5b048e] { z-index: 2; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); } .front[data-v-bf5b048e] { background-color: rgba(78, 90, 167, 0.6); padding: 0px 15px; height: 100%; width: 100%; /* background: #222648; */ display: flex; align-items: center; justify-content: space-between; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: 0.6s ease-out; -webkit-transition: 0.6s ease-out; transform-style: preserve-3d; position: absolute; top: 0; left: 0; } .back2[data-v-bf5b048e] { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); z-index: 2; } .back1[data-v-bf5b048e] { z-index: 1; transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); } .back[data-v-bf5b048e] { background-color: rgba(78, 90, 167, 0.6); padding: 0px 15px; height: 100%; width: 100%; /* background: #222648; */ display: flex; align-items: center; justify-content: space-between; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: 0.6s ease-out; -webkit-transition: 0.6s ease-out; transform-style: preserve-3d; position: absolute; top: 0; left: 0; } .stu_name[data-v-bf5b048e] { position: relative; width: 102px; font-size: 20px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #01C1FC; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .stu_class[data-v-bf5b048e] { font-size: 16px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #01C1FC; margin-top: 6px; } .stu_times[data-v-bf5b048e] { text-align: center; font-size: 16px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #01C1FC; margin-top: 4px; } .stu_data[data-v-bf5b048e] { font-size: 52px; font-family: 'Number'; /* font-weight: bold; */ color: #01C1FC; } .rank_1[data-v-bf5b048e] { background: #4E5AA7 !important; } .rank_2[data-v-bf5b048e] { background: #3B468F !important; } .rank_3[data-v-bf5b048e] { background: #28316D !important; } .fiveC[data-v-bf5b048e] { opacity: 1 !important; background-color: #4e5aa7 !important; } .TenC[data-v-bf5b048e] { background-color: rgba(78, 90, 167, 0.8) !important; } .page_right[data-v-bf5b048e] { position: relative; height: 925px; width: 566px; background: #222648; /* background-color: red; */ } .class_item[data-v-bf5b048e] { padding-right: 24px; display: flex; align-items: center; justify-content: space-between; height: 46px; width: 100%; background: #222648; } .class_item1[data-v-bf5b048e] { background: #4E5AA7 !important; } .class_item2[data-v-bf5b048e] { background: #3B468F !important; } .class_item3[data-v-bf5b048e] { background: #28316D !important; } .class_item_1[data-v-bf5b048e] { width: 57px; font-size: 20px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #01C1FC; text-align: center; } .class_item_1 img[data-v-bf5b048e] { height: 36px; width: 30px; } .rank_icon_o[data-v-bf5b048e] { opacity: 0.8 !important; } .class_item_2[data-v-bf5b048e] { width: 150px; font-size: 20px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #01C1FC; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .class_item_3[data-v-bf5b048e] { font-size: 20px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #01C1FC; } .class_item_4[data-v-bf5b048e] { margin-right: 16px; font-size: 20px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #01C1FC; } .class_item_5[data-v-bf5b048e] { font-size: 24px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #01C1FC; } .btm_foce[data-v-bf5b048e] { position: fixed; bottom: 0px; left: 0px; width: 100%; height: 88px; background: linear-gradient(180deg, rgba(20, 24, 51, 0) 0%, #141833 100%); } .btm_btn[data-v-bf5b048e] { cursor: pointer; margin: 0px auto; height: 56px; width: 180px; line-height: 56px; text-align: center; background: #FFF600; border-radius: 52px; font-size: 25px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #747000; } .fade-enter-active[data-v-bf5b048e], .fade-leave-active[data-v-bf5b048e] { transition: opacity 0.5s; } .fade-enter[data-v-bf5b048e], .fade-leave-to[data-v-bf5b048e] { opacity: 0; } .rank_icon[data-v-bf5b048e] { position: absolute; height: 48px; width: 48px; left: -2px; top: -2px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAACfUlEQVR4Xu3dSU7DQBCF4cqaC7CDHcfgauFmWXIhhg0YxRGJLA9pd1dV1/Cyj936fluOWyXlQAY/wze90A+d6ECPBpfHt6SB3g58R+M5Uir8BzqaCpAN/3zJmgmQEd9MgKz4JgJkxu8eIDt+1wDAv/xq7PIQBv7tJ7t6AOBP35dUAwB//rKqFgD4yzsFKgGAv75NIx4A+Nt7ZKIBhi96ol96T7Gr+UDHmu1IsQAj/kAnInquWZib75y3lCvxxd4DgF9++bDfAcAvx2e/A4C/D581APD347MFAH4dPksA4NfjNwcAfht+UwDgt+NXBwA+D35VAODz4e8OAHxe/F0BgM+PXxwA+DL4RQGAL4d/NwDwZfE3AwBfHn81APB18BcDAF8PfxYA+Lr4kwDA18e/BgB+H/wxAPD74V8CfI6jI699lyF89sbREcnVnQMMkifofmzD+P93QNwAxvFjB3CAHzeAE/yYARzhxwvgDD9WAIf4cQI4xY8RwDG+/wDO8X0HCIDvN0AQfJ8BAuH7CxAM31eAgPh+AgTF9xEgML79AMHxbQdIgG83QBJ8mwES4dsLkAzfVoCE+HYCJMW3ESAxfv8AyfH7BgD+ODTYZzQR+NeJTf0AwJ+My+oGAP5sVlkvAPAXB8V1AgB/EV/nIQz8VXz5AMDfxJcNAPy7+HIBgF+ELxMA+MX4/AGAvwufNwDwd+PzBQB+FT5PAOBX47cHAH4TflsA4Dfj1wcAPgt+XQDgs+HvDwB8Vvx9AYDPjl8eAPgi+GUBgC+Gfz8A8EXxtwMAXxx/PQDwVfCXAwBfDX8eAPiq+NMAwFfHvwUAfhf8S4APOrb8H263lQc58R9KAAPz2aUh/QAAAABJRU5ErkJggg==); background-size: 100% 100%; } .rank_icon_val[data-v-bf5b048e] { margin-top: 8px; margin-left: -12px; text-align: center; font-size: 17px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #7A7500; transform: rotate(-45deg); } .ranks-line .ranks-item[data-v-bf5b048e]:nth-child(3n) { margin-right: 0px !important; } .ranks-line[data-v-bf5b048e] { display: flex; height: 72px; width: 100%; } .ranks-item[data-v-bf5b048e] { padding-right: 15px; width: calc((100% - 16px) / 3); height: 72px; background: #222648; margin-right: 8px; display: flex; justify-content: space-between; align-items: center; } .ranks_num[data-v-bf5b048e] { font-size: 20px; width: 89px; text-align: center; font-family: 'Number'; color: #01C1FC; } .ranks_name[data-v-bf5b048e] { font-size: 20px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #01C1FC; } .ranks_class[data-v-bf5b048e] { margin-top: 8px; font-size: 20px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #01C1FC; } .ranks_t[data-v-bf5b048e] { font-size: 16px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #01C1FC; margin-right: 16px; } .ranks_v[data-v-bf5b048e] { font-size: 24px; font-family: 'number'; font-weight: bold; color: #01C1FC; } .flip-list-move[data-v-bf5b048e] { transition: transform 1s; } .swiper-container[data-v-2d975a4a] { height: 100%; width: 100%; } .swiper-container .swiper-slide[data-v-2d975a4a] { width: 100%; } .page_bg[data-v-44f39a25] { position: relative; width: 1920px; height: 1080px; overflow: hidden; background-image: url(../img/page_bg.b8994321.png); background-size: 100%; } .page_top[data-v-44f39a25] { position: relative; overflow: hidden; height: 86px; width: 100%; background-image: url(../img/page_top_bg.04f8c84a.png); background-size: 100%; } .page_title[data-v-44f39a25] { height: 62px; font-size: 48px; font-family: YouSheBiaoTiHei, YouSheBiaoTiHei; /* font-weight: 400; */ color: #FFFFFF; text-align: center; margin-top: 12px; font-weight: bold; } .page_time[data-v-44f39a25] { position: absolute; right: 25px; top: 33px; font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: rgba(255, 255, 255, 0.6); } .page_ctn[data-v-44f39a25] { display: flex; justify-content: space-between; } .page_left[data-v-44f39a25] { position: relative; margin-top: 24px; margin-left: 40px; padding: 0px 20px; height: 930px; width: 888px; background-image: url(../img/page_left_bg.c4e672f9.png); background-size: 100%; } .page_left_title[data-v-44f39a25] { position: absolute; top: 6px; left: 71px; height: 39px; width: 248px; } .left_rank_list[data-v-44f39a25] { height: 52px; display: flex; flex-wrap: wrap; margin: 105px auto 0px auto; width: 848px; } .skip_ctn[data-v-44f39a25] { /* background-color: red; */ } .run_ctn[data-v-44f39a25] { background-color: aqua; } .total_val[data-v-44f39a25] { height: 52px; font-size: 48px; font-family: 'Numbers'; color: #FFFFFF; } .total_unit[data-v-44f39a25] { font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: #FFFFFF; margin-left: 8px; } .total_title[data-v-44f39a25] { margin-left: 16px; font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: #FFFFFF; } .skip_ctn_total[data-v-44f39a25] { height: 52px; flex: none; width: calc(100% / 2); display: flex; justify-content: center; align-items: center; } .skip_ctn[data-v-44f39a25], .run_ctn[data-v-44f39a25] { width: 416px; } .ranks_bg[data-v-44f39a25] { position: relative; height: 734px; width: 100%; margin-bottom: 12px; /* margin-top: 29px; display: flex; flex-wrap: wrap; */ } .scroll-line[data-v-44f39a25] { display: flex; align-items: center; justify-content: space-between; height: 114px; width: 100%; } .ranks_bg .stu_card[data-v-44f39a25]:nth-child(2n) { margin-left: 16px; } .r_stu_card[data-v-44f39a25] { background-image: url(../img/stu_rank_bg2.439a30c2.png); background-size: 100%; } .s_stu_card[data-v-44f39a25] { background-image: url(../img/stu_rank_bg1.0981e94b.png); background-size: 100%; } .stu_card[data-v-44f39a25] { margin-top: 10px; border-radius: 68px 0px 0px 0px; height: 114px; width: 416px; display: flex; align-items: center; } .sport_icon[data-v-44f39a25] { height: 30px; width: 30px; margin-left: 40px; } .sport_head[data-v-44f39a25] { height: 54px; width: 54px; border-radius: 50%; position: relative; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; /* background-color: red; */ margin-left: 12px; } .sport_stu[data-v-44f39a25] { min-width: 104px; margin-left: 8px; } .sport_stu_name[data-v-44f39a25] { font-size: 24px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .sport_stu_class[data-v-44f39a25] { margin-top: 8px; font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: rgba(255, 255, 255, 0.6); } .sport_nums[data-v-44f39a25] { width: 172px; } .sport_nums_line[data-v-44f39a25] { display: flex; align-items: center; } .sport_nums_line_t[data-v-44f39a25] { font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: rgba(255, 255, 255, 0.6); } .sport_nums_line_v[data-v-44f39a25] { margin-left: 8px; font-size: 24px; font-family: 'Numbers'; color: #FFFFFF; } .page_right[data-v-44f39a25] { margin-top: 24px; margin-right: 40px; width: 928px; } .total_bg[data-v-44f39a25] { position: relative; overflow: hidden; height: 413px; width: 928px; background-image: url(../img/right_top_bg.2567acd8.png); background-size: 100%; } .right_top_title[data-v-44f39a25] { position: absolute; top: 6px; left: 71px; height: 39px; width: 221px; } .page_right_btm[data-v-44f39a25] { position: relative; overflow: hidden; height: 493px; width: 928px; margin-top: 24px; background-image: url(../img/right_btm_bg.0ae9d5ab.png); background-size: 100%; transition: background 1s ease 0s; } .page_right_btm2[data-v-44f39a25] { background-image: url(../img/right_btm_bg2.89db91e7.png) !important; } .page_right_btm3[data-v-44f39a25] { background-image: url(../img/right_btm_bg3.f8f6384b.png) !important; } .page_right_btm4[data-v-44f39a25] { background-image: url(../img/right_btm_bg4.394eca1d.png) !important; } .right_btm_title[data-v-44f39a25] { top: 6px; left: 71px; height: 39px; position: absolute; } .right_btm_title2[data-v-44f39a25] { position: absolute; right: 148px; top: 29px; width: 130px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: #FFFFFF; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAAA8CAYAAACAVsR+AAAAAXNSR0IArs4c6QAACpFJREFUeF7tnXtsU9cdx3/nXl/HsRPnQUIeJokJcUpIH7zKSoGOdbSlQmIL0Am1q0SrlT+oNm0MTdPKprXVKrSqk9ikaqPSAG2iDFZR0FY2iioEYTBQF0Z5JHFCQhLyJOD4kTj3dSbb99o3np04kDj3Kr/8czicODn+6vv7+pzPPfeGgJG/jtFthND9Rn4LOHdUQC8KUEoPEr1MZtLzOEYXE0IbJv06fAEqgAr8nwKUwn+hjllszEA4RnOB0DYCkEsF/sPH3939kz7ogyIoAmxRB/RBanUw8POPfk058w5KYQiAOKGOeIwZCJ/KDQRgMZWk85Xv7d6AgY8KoAKTU6B95+6Xqc32YehVlJIlUEeuhP5tvED4VNpPgGyjMu0sOndyrenkyaFsux3A6wWw28Hn9QL2UQ/0Q/J6GNyx69FgWcVxQiCHUvIa1JEDapwYKxAUiEgpeG233JvmHjl4zQYAgQCAzQYQAADsox7oh+T1wC9fnnNn3cbThDBlIYgIdew27drCOIGggYjmwYEfl+394AhkAsAIgDUTYDhBi+OoD/pjbH18tevdI8BxK1WIGL/RMEYgaCAiE/Dvd/3uvXcmt2PC70YFUAH393/2C9mW9ZoWIhozEBSICPzopco9b79iybBAEIJgAQsER4MQ7se3OI76oD+ideF+9Y3NQmnJnniIaLxAUCAiSFK345MjddY2txezHhVABVJXoP+5F2s8S5cfIEDs8RDRWIGgQkRZ9ud8een1ki9ONwIIAMABDwKYgQPsox7oh+T1MFIxP7vjpa1HgWVLE0FE4wSCBiJmdHb+svLQwRM8AJgBAFvUAX2QWh20/WjXPtlsWZ4MIhojEDQQ0XT//uHqA/t+IwgCcBwH2KIO6IPU6qB9+5s7hdy8reNBRGMEggIRychIQ/Xv976Z+m4JvxMVQAVCCnRt2rohUOF8ayKIqP9AUCGiIPaVHz38urm3228yAYiiCCYwgQgA2Ec90A/J68Hz9KqquytW7gWGyZoIIuo7ENTbmSU5UHjx/M68f/+rxWQygShqQgD7qAf6IfahGFcPfOm8rPYtW/8AJrY4FYio30DQQMSsltYPHJ8dOxVeEahpAEoiYj+SjqhHZMWIfhjjh8bvbX9fslofTxUi6jMQNBDRPDBwvPLQn/cpERibb2SfgH1VAdQD/RBXD7e+s3U7X1j4rclARH0GggIR2eHhawv+uG83CyxIIMGYVpKAZRP8v/p9OI76zGJ/dL3w4rM+V9UPJgsR9RcICkQkgjhQ8de/7LJ6PAEpXNwAkgTRFlgACPdZwHHUB/0Rq4/BRU84+1aveRtYxjZZiKivQIhBxOGi8+feKbh2o10CGQAYAJCBBQawj3qgH5LXw3B+jq1985Y9lDMXPghE1E8gaCCivalpn+PMmbPRyUkyABsSQfnCPuqBfkhYD+5Xv/uWaLXVPChE1EcgaCBiZm/P584TJw7JsgwMwwC2qAP6ILU66Ph23csjxcXPPQxE1EcgKBDR5PM3V3/88fuxRbG6OMQ2skhEHVCHxD7oW/PMqvs1j4SfdqR9JuLDntNM/wNSVIjIC/eqjh3/lWnIM8wwLMggAQMsyLIE2Ec90A/J68Hnqi7r+vrqHwLDWB8WIs7sCiEGEUcc9ed+a29t6wpPSP0oVGeH/cjSAPWIKIB+iPpBsNszWzdu+Ck1Z+RPBUScuUDQQMS8G42Hiy5cvBTaK4IsA2jYAfZRD/RDjCHE14P7pU07hKysqqmCiDMTCBqIaOvuqXf+4/SJpHsd5bwBjidRAPUJn0eZjf5oX79uY6C0ZPVUQsSZCQQFInI+X1vVJ8c/QoqcGkVGnVAn9apbz7Ily+7V1myeaoiY/kBQICLDC54Ffzv5IecPBEOTUOmxOiHsR7bKqEdEAfRDzA/e8rKSrjVPbwOWyZxqiJjeQFAhoigHy87V/ynnTk+vggw05w3CCAH70XMYqAf6IVYPvMVqadm4/g3ZzOVOB0RMXyBoIOKc601/L264enWcnR8OoQKoQAIF3BtfeIW328unCyKmJxC0EPFOz5fOsxe+wKsHePUArx4kv3qQqD7a1656NuAoWTadEDE9gaBARLPX31X92amjkW2C5syZum9Qds04jvqgP8bWR9/iR2sHFlU/P90QcfoDQYWIo7zP9c8zh9lAYJQhDMhUBmxRB/TBxHUQKC0t6Fi9vI6ybMZ0Q8TpDYQoRJR45/nLJ2x9/XcZICADBWxRB/TBxHUgWiwZ7vVrt8hmc3Y6IOL0BYIGIhZdd58tuN7UzDAEZJkCtqgD+iC1Omh+/pkNo/bsknRBxOkJBA1EzO7qvVFxoeESnsXXSI1n8fHejBTuTbn9tSUrfPOKF6UTIk5PICgQMcPr73N9Xn86/pfEHzLB8bEKoD5jD2XNRn/0LlywoL/W9VS6IeLUB4ICEdlRIeA6XX+KGxV5AKo5ckcAZE0fQndc43jsSCLqM9v94cvPzbu9aulayrLmdEPEqQ0EBSISURKcF66czRr0eFSKrN6zGu1TGUBztQHHI/sI1CdC3WGW+oM3c1zLN59aJ2WYrTMBEacuEDQQsfhGa0Oh+3bHmB+O62BcB2tvzpiN+4AU3r/7GytWBe1ZBTMFEacmEDQQMaerr6284eZNKlMgDAFsUQf0QWp10LmstmZo3tz5MwkRpyYQFIhoGfLdr65vuKzephdeBI9zmxqOoz7oj8gToPoXzHP0LqqsnWmI+PCBoELEIB9ceO7KJYYfFQmQMCaM4EIK2Ec90A/J6yGQn5Pd9mTtYmpiuZmGiA8XCDGIKFZevnnV6vH5wwsCSoEhsee1qv3oU4NxHPVBf4RrTzRzpsbVTyyVMjiLHiDigweCBiKWNt5undPW3R8KgWjxK0WP/Ug4og6oQyIfNK+srR3JybbrBSI+WCBoIGJe10Bf2fVbHeppAmwjpypQB9RhIh901FaW359XWKQniPhggaBAxMwhv991sdEdWv1F3jwBSilgH/VAP4xfDwPlc+d0Lywv1xtEnHwgKBDRNCrwj1y82cIKYviZt2MuJlAAJnTgTvPTcVyjB+ozq/0xbLdlti5zOSnLmPQGEScXCFGIKEtV/2nptPkCwdAp5NjeKHIqORwGY1p1D43jqM/s9ofAsmzTyhqnmMFxeoSIqQeCBiI6mu70F3Tf9YaWAOop0+gSIe6P7+F45BQu6pP4j1PONn80P+lyjNitmXqFiKkFggYi5t8Z9Ja7e+5FWIHKDLBFPdAPE9VDV7Ujf9CRH7qiMARAnFBHPPEFqLd+4j/2qkBE69DwqKuhfSCEzCJvXp1+zAwqX8dx1Af9EauPe6X5ts7qkjy9Q8SJVwgqRAwKUk1D2z2GF+WJkhDHccWEK6bYh2TQbuXcj5XlyiaW0TtEHD8QFIjIiLJc9VWnz+oPiuFLiuNcYMVx1Af9ETuIIppY0rSkIlewcIwRIGLyQNBAxLKW/pE5vUM8fvLjJz9+8k+OlTQ/5rAF7Jkmo0DExIGggYhzeoaEsra7fNxzjeKfc4T9sc99Qj1QD+iYX2AeLMnhjAQREweCAhH1RjxxPqiAERWglCyBOnLFiHMnoEBEI04e54wK6E0Bo0HEeP3+B8a4W+Fbb+7eAAAAAElFTkSuQmCC); background-size: 100%; } .right_btm_title3[data-v-44f39a25] { position: absolute; right: 18px; text-align: center; height: 30px; line-height: 30px; width: 130px; top: 29px; font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: #FFFFFF; background-image: url(data:image/png;base64,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); background-size: 100%; } .data-flex[data-v-44f39a25] { margin-top: 105px; margin-left: 54px; display: flex; align-items: center; } .data-item[data-v-44f39a25] { position: relative; overflow: hidden; width: 206px; } .data-item-t[data-v-44f39a25] { font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: rgba(255, 255, 255, 0.6); } .data-item-v[data-v-44f39a25] { font-size: 44px; font-family: 'Numbers'; color: #FFFFFF; line-height: 52px; } .data-card-flex[data-v-44f39a25] { display: flex; justify-content: space-between; align-items: center; margin: 24px 24px 0px 24px; width: calc(100% - 48px); } .skip_card_bg[data-v-44f39a25], .run_card_bg[data-v-44f39a25], .step_card_bg[data-v-44f39a25] { position: relative; height: 190px; width: 284px; display: flex; flex-wrap: wrap; background-size: 100%; padding-left: 18px; padding-top: 53px; } .run_card_bg[data-v-44f39a25] { background-image: url(../img/right_top_run_bg.a454569f.png); } .skip_card_bg[data-v-44f39a25] { background-image: url(../img/right_top_skip_bg.071f5cd9.png); } .step_card_bg[data-v-44f39a25] { background-image: url(../img/right_top_step_bg.989fe39a.png); } .card_data[data-v-44f39a25] { width: 150px; } .card_data[data-v-44f39a25]:nth-child(2n) { width: calc(100% - 150px) !important; } .card_data_t[data-v-44f39a25] { font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: rgba(255, 255, 255, 0.6); } .card_data_v[data-v-44f39a25] { margin-top: 2px; font-size: 32px; font-family: 'Numbers'; color: #FFFFFF; } .test-box[data-v-44f39a25] { margin-top: 80px; position: relative; height: 412px; width: 928px; overflow: hidden; } .min_head[data-v-44f39a25] { display: inline-block; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 50%; margin: 10px auto 0px auto; height: 24px; width: 24px; } .min-rank[data-v-44f39a25] { font-size: 14px; font-family: 'Numbers'; color: #FFFFFF; text-align: center; } .one_circle .min-rank[data-v-44f39a25], .two_circle .min-rank[data-v-44f39a25], .three_circle .min-rank[data-v-44f39a25] { height: 32px; width: 32px; display: block; margin: 0px auto; } .one_circle .min-name[data-v-44f39a25] { margin-top: 6px; font-size: 24px !important; } .two_circle .min-name[data-v-44f39a25] { margin-top: 6px; font-size: 20px !important; } .three_circle .min-name[data-v-44f39a25] { margin-top: 6px; font-size: 18px !important; } .one_circle .min-class[data-v-44f39a25] { font-size: 12px !important; } .two_circle .min-class[data-v-44f39a25] { font-size: 11px !important; } .min-class[data-v-44f39a25] { font-size: 10px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: rgba(255, 255, 255, 0.6); text-align: center; margin-top: 2px; } .min-name[data-v-44f39a25] { text-align: center; font-size: 10px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .min-unit[data-v-44f39a25] { font-size: 10px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: #FFFFFF; } .min-value[data-v-44f39a25] { margin-top: 4px; text-align: center; font-family: 'Numbers'; color: #FFFFFF; } .one_circle .min-value[data-v-44f39a25] { margin-top: 2px; font-size: 28px !important; } .two_circle .min-value[data-v-44f39a25] { margin-top: 2px; font-size: 22px !important; } .three_circle .min-value[data-v-44f39a25] { margin-top: 2px; font-size: 13px !important; } .bubble[data-v-44f39a25] { position: absolute; /* background-color:#141833; */ background: #141833; /* background: linear-gradient(180deg, #141833 0%, #4681DB 100%); */ border-radius: 50%; transition: width 1s linear 0.1s, height 1s linear 0.1s, background 1s linear 0.1s; } .one_circle[data-v-44f39a25] { height: 160px; width: 160px; z-index: 99; /* background: linear-gradient(180deg, #F3E200 0%, #FFFFFF 100%) !important; */ -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation: blink1-data-v-44f39a25 0.2s ease-in-out 4 alternate; animation: blink1-data-v-44f39a25 0.2s ease-in-out 4 alternate; -webkit-animation-delay: 1s; animation-delay: 1s; } .two_circle[data-v-44f39a25] { height: 136px; width: 136px; z-index: 88; /* background: linear-gradient(180deg, #00E1F9 0%, #FFFFFF 100%) !important; */ -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation: blink-data-v-44f39a25 0.2s ease-in-out 4 alternate; animation: blink-data-v-44f39a25 0.2s ease-in-out 4 alternate; -webkit-animation-delay: 1s; animation-delay: 1s; } .three_circle[data-v-44f39a25] { height: 110px; width: 110px; z-index: 77; /* background: linear-gradient(180deg, #00F3CB 0%, #FFFFFF 100%) !important; */ -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation: blink-data-v-44f39a25 0.2s ease-in-out 4 alternate; animation: blink-data-v-44f39a25 0.2s ease-in-out 4 alternate; -webkit-animation-delay: 1s; animation-delay: 1s; } .other_circle[data-v-44f39a25] { height: 100px; width: 100px; z-index: 66; /* background: linear-gradient(180deg, #00F3CB 0%, #FFFFFF 100%) !important; */ } .circle[data-v-44f39a25] { z-index: 55; height: 80px; width: 80px; } @-webkit-keyframes blink1-data-v-44f39a25 { from { transform: scale(1); } to { transform: scale(1.3); } } @keyframes blink1-data-v-44f39a25 { from { transform: scale(1); } to { transform: scale(1.3); } } @-webkit-keyframes blink-data-v-44f39a25 { from { transform: scale(1); } to { transform: scale(1.2); } } @keyframes blink-data-v-44f39a25 { from { transform: scale(1); } to { transform: scale(1.2); } } .halo[data-v-44f39a25] { transition: 0.1s all; } .halo .input[data-v-44f39a25] { width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; height: 100%; } .halo .input[data-v-44f39a25]:before { width: 100%; height: 100%; } .ring-1[data-v-44f39a25] { position: absolute; left: -2%; top: -2%; transform: translate3d(-50%, -50%, 0); border: 1px solid rgba(0, 255, 255, 0.3); box-shadow: 0 0 10px rgba(0, 255, 255, 0.1), 0 0 20px rgba(0, 255, 255, 0.1), inset 0 0 10px rgba(0, 255, 255, 0.1), inset 0 0 20px rgba(0, 255, 255, 0.1); border-radius: 100%; width: 100%; height: 100%; -webkit-transform: scale(1); -webkit-animation: rotate-data-v-44f39a25 3.5s infinite alternate-reverse; } .ring-1[data-v-44f39a25]:before { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 100%; border: 1px solid rgba(0, 255, 255, 0.3); box-shadow: 0 0 10px rgba(0, 255, 255, 0.1), 0 0 20px rgba(0, 255, 255, 0.1), inset 0 0 10px rgba(0, 255, 255, 0.1), inset 0 0 20px rgba(0, 255, 255, 0.1); -webkit-animation: rotate-data-v-44f39a25 3.5s infinite alternate-reverse; } .ring-2[data-v-44f39a25] { position: absolute; left: -2%; top: -2%; transform: translate3d(-50%, -50%, 0); border: 1px solid rgba(0, 255, 255, 0.3); box-shadow: 0 0 10px rgba(0, 255, 255, 0.1), 0 0 20px rgba(0, 255, 255, 0.1), inset 0 0 10px rgba(0, 255, 255, 0.1), inset 0 0 20px rgba(0, 255, 255, 0.1); border-radius: 100%; width: 100%; height: 100%; -webkit-transform: scale(1); -webkit-animation: rotate-data-v-44f39a25 3.5s infinite alternate; } .ring-2[data-v-44f39a25]:before { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 100%; border: 1px solid rgba(0, 255, 255, 0.3); box-shadow: 0 0 10px rgba(0, 255, 255, 0.1), 0 0 20px rgba(0, 255, 255, 0.1), inset 0 0 10px rgba(0, 255, 255, 0.1), inset 0 0 20px rgba(0, 255, 255, 0.1); -webkit-animation: rotate-data-v-44f39a25 3.5s infinite alternate-reverse; } .ring-3[data-v-44f39a25] { position: absolute; left: -2%; top: -2%; transform: translate3d(-50%, -50%, 0); border: 1px solid rgba(0, 255, 255, 0.3); box-shadow: 0 0 10px rgba(0, 255, 255, 0.1), 0 0 20px rgba(0, 255, 255, 0.1), inset 0 0 10px rgba(0, 255, 255, 0.1), inset 0 0 20px rgba(0, 255, 255, 0.1); border-radius: 100%; width: 100%; height: 100%; -webkit-transform: scale(1); -webkit-animation: rotate-2-data-v-44f39a25 0.5s infinite alternate; } .ring-3[data-v-44f39a25]:before { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 100%; border: 1px solid rgba(0, 255, 255, 0.3); box-shadow: 0 0 10px rgba(0, 255, 255, 0.1), 0 0 20px rgba(0, 255, 255, 0.1), inset 0 0 10px rgba(0, 255, 255, 0.1), inset 0 0 20px rgba(0, 255, 255, 0.1); -webkit-animation: rotate-data-v-44f39a25 3.5s infinite alternate-reverse; } .ring-4[data-v-44f39a25] { position: absolute; left: -2%; top: -2%; transform: translate3d(-50%, -50%, 0); border: 1px solid rgba(0, 255, 255, 0.3); box-shadow: 0 0 10px rgba(0, 255, 255, 0.1), 0 0 20px rgba(0, 255, 255, 0.1), inset 0 0 10px rgba(0, 255, 255, 0.1), inset 0 0 20px rgba(0, 255, 255, 0.1); border-radius: 100%; width: 100%; height: 100%; -webkit-transform: scale(1); -webkit-animation: rotate-data-v-44f39a25 3.5s infinite alternate-reverse; } .ring-4[data-v-44f39a25]:before { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 100%; border: 1px solid rgba(0, 255, 255, 0.3); box-shadow: 0 0 10px rgba(0, 255, 255, 0.1), 0 0 20px rgba(0, 255, 255, 0.1), inset 0 0 10px rgba(0, 255, 255, 0.1), inset 0 0 20px rgba(0, 255, 255, 0.1); -webkit-animation: rotate-data-v-44f39a25 3.5s infinite alternate-reverse; } .ring-5[data-v-44f39a25] { position: absolute; left: -2%; top: -2%; transform: translate3d(-50%, -50%, 0); border: 1px solid rgba(0, 255, 255, 0.3); box-shadow: 0 0 10px rgba(0, 255, 255, 0.1), 0 0 20px rgba(0, 255, 255, 0.1), inset 0 0 10px rgba(0, 255, 255, 0.1), inset 0 0 20px rgba(0, 255, 255, 0.1); border-radius: 100%; width: 100%; height: 100%; -webkit-transform: scale(1); -webkit-animation: rotate-2-data-v-44f39a25 0.5s infinite alternate; } /* .ring-5:before { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 100%; border: 1px solid rgba(0, 255, 255, 0.3); box-shadow: 0 0 10px rgba(0, 255, 255, 0.1), 0 0 20px rgba(0, 255, 255, 0.1), inset 0 0 10px rgba(0, 255, 255, 0.1), inset 0 0 20px rgba(0, 255, 255, 0.1); -webkit-animation: rotate 3.5s infinite alternate-reverse; } */ .ring-6[data-v-44f39a25] { position: absolute; left: -2%; top: -2%; transform: translate3d(-50%, -50%, 0); border: 1px solid rgba(0, 255, 255, 0.3); box-shadow: 0 0 10px rgba(0, 255, 255, 0.1), 0 0 20px rgba(0, 255, 255, 0.1), inset 0 0 10px rgba(0, 255, 255, 0.1), inset 0 0 20px rgba(0, 255, 255, 0.1); border-radius: 100%; width: 100%; height: 100%; -webkit-transform: scale(1); -webkit-animation: rotate-data-v-44f39a25 3.5s infinite alternate-reverse; } .ring-6[data-v-44f39a25]:before { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 100%; border: 1px solid rgba(0, 255, 255, 0.3); box-shadow: 0 0 10px rgba(0, 255, 255, 0.1), 0 0 20px rgba(0, 255, 255, 0.1), inset 0 0 10px rgba(0, 255, 255, 0.1), inset 0 0 20px rgba(0, 255, 255, 0.1); -webkit-animation: rotate-data-v-44f39a25 3.5s infinite alternate-reverse; } .ring-7[data-v-44f39a25] { position: absolute; left: -2%; top: -2%; transform: translate3d(-50%, -50%, 0); border: 1px solid rgba(0, 255, 255, 0.3); box-shadow: 0 0 10px rgba(0, 255, 255, 0.1), 0 0 20px rgba(0, 255, 255, 0.1), inset 0 0 10px rgba(0, 255, 255, 0.1), inset 0 0 20px rgba(0, 255, 255, 0.1); border-radius: 100%; width: 100%; height: 100%; -webkit-transform: scale(1); -webkit-animation: rotate-2-data-v-44f39a25 0.5s infinite alternate; } .ring-7[data-v-44f39a25]:before { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 100%; border: 1px solid rgba(0, 255, 255, 0.3); box-shadow: 0 0 10px rgba(0, 255, 255, 0.1), 0 0 20px rgba(0, 255, 255, 0.1), inset 0 0 10px rgba(0, 255, 255, 0.1), inset 0 0 20px rgba(0, 255, 255, 0.1); -webkit-animation: rotate-data-v-44f39a25 3.5s infinite alternate-reverse; } .ring-8[data-v-44f39a25] { position: absolute; left: -2%; top: -2%; transform: translate3d(-50%, -50%, 0); border: 1px solid rgba(255, 0, 255, 0.3); box-shadow: 0 0 10px rgba(255, 0, 255, 0.1), 0 0 20px rgba(255, 0, 255, 0.1), inset 0 0 10px rgba(255, 0, 255, 0.1), inset 0 0 20px rgba(255, 0, 255, 0.1); border-radius: 100%; width: 100%; height: 100%; -webkit-transform: scale(1); -webkit-animation: rotate-data-v-44f39a25 3.5s infinite alternate-reverse; } .ring-8[data-v-44f39a25]:before { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 100%; border: 1px solid rgba(255, 0, 255, 0.3); box-shadow: 0 0 10px rgba(255, 0, 255, 0.1), 0 0 20px rgba(255, 0, 255, 0.1), inset 0 0 10px rgba(255, 0, 255, 0.1), inset 0 0 20px rgba(255, 0, 255, 0.1); -webkit-animation: rotate-data-v-44f39a25 3.5s infinite alternate-reverse; } @-webkit-keyframes rotate-data-v-44f39a25 { 0% { -webkit-transform: rotate(360deg) scaleX(1); } 100% { -webkit-transform: rotate(0deg) scaleX(1.1); } } @-webkit-keyframes rotate-2-data-v-44f39a25 { 0% { -webkit-transform: rotate(360deg) scaleX(0.9); } 100% { -webkit-transform: rotate(90deg) scaleX(1.1); } } .f-ring-1[data-v-44f39a25] { border: 1px solid rgba(241, 255, 151, 0.3) !important; box-shadow: 0 0 10px rgba(241, 255, 151, 0.1), 0 0 20px rgba(241, 255, 151, 0.1), inset 0 0 10px rgba(241, 255, 151, 0.1), inset 0 0 20px rgba(241, 255, 151, 0.1) !important; } .f-ring-1[data-v-44f39a25]:before { border: 1px solid rgba(241, 255, 151, 0.3) !important; box-shadow: 0 0 10px rgba(241, 255, 151, 0.3), 0 0 20px rgba(241, 255, 151, 0.1), inset 0 0 10px rgba(241, 255, 151, 0.1), inset 0 0 20px rgba(241, 255, 151, 0.1) !important; } .f-ring-2[data-v-44f39a25] { border: 1px solid rgba(241, 255, 151, 0.3) !important; box-shadow: 0 0 10px rgba(241, 255, 151, 0.1), 0 0 20px rgba(241, 255, 151, 0.1), inset 0 0 10px rgba(241, 255, 151, 0.1), inset 0 0 20px rgba(241, 255, 151, 0.1) !important; } .f-ring-2[data-v-44f39a25]:before { border: 1px solid rgba(241, 255, 151, 0.3) !important; box-shadow: 0 0 10px rgba(241, 255, 151, 0.3), 0 0 20px rgba(241, 255, 151, 0.1), inset 0 0 10px rgba(241, 255, 151, 0.1), inset 0 0 20px rgba(241, 255, 151, 0.1) !important; } .f-ring-3[data-v-44f39a25] { border: 1px solid rgba(241, 255, 151, 0.3) !important; box-shadow: 0 0 10px rgba(241, 255, 151, 0.1), 0 0 20px rgba(241, 255, 151, 0.1), inset 0 0 10px rgba(241, 255, 151, 0.1), inset 0 0 20px rgba(241, 255, 151, 0.1) !important; } .f-ring-3[data-v-44f39a25]:before { border: 1px solid rgba(241, 255, 151, 0.3) !important; box-shadow: 0 0 10px rgba(241, 255, 151, 0.3), 0 0 20px rgba(241, 255, 151, 0.1), inset 0 0 10px rgba(241, 255, 151, 0.1), inset 0 0 20px rgba(241, 255, 151, 0.1) !important; } .f-ring-4[data-v-44f39a25] { border: 1px solid rgba(241, 255, 151, 0.3) !important; box-shadow: 0 0 10px rgba(241, 255, 151, 0.1), 0 0 20px rgba(241, 255, 151, 0.1), inset 0 0 10px rgba(241, 255, 151, 0.1), inset 0 0 20px rgba(241, 255, 151, 0.1) !important; } .f-ring-4[data-v-44f39a25]:before { border: 1px solid rgba(241, 255, 151, 0.3) !important; box-shadow: 0 0 10px rgba(241, 255, 151, 0.3), 0 0 20px rgba(241, 255, 151, 0.1), inset 0 0 10px rgba(241, 255, 151, 0.1), inset 0 0 20px rgba(241, 255, 151, 0.1) !important; } .f-ring-5[data-v-44f39a25] { border: 2px solid rgba(241, 255, 151, 0.3) !important; box-shadow: 0 0 10px rgba(241, 255, 151, 0.1), 0 0 20px rgba(241, 255, 151, 0.1), inset 0 0 10px rgba(241, 255, 151, 0.1), inset 0 0 20px rgba(241, 255, 151, 0.1) !important; } .f-ring-5[data-v-44f39a25]:before { border: 2px solid rgba(241, 255, 151, 0.3) !important; box-shadow: 0 0 10px rgba(241, 255, 151, 0.3), 0 0 20px rgba(241, 255, 151, 0.1), inset 0 0 10px rgba(241, 255, 151, 0.1), inset 0 0 20px rgba(241, 255, 151, 0.1) !important; } .f-ring-6[data-v-44f39a25] { border: 1px solid rgba(241, 255, 151, 0.3) !important; box-shadow: 0 0 10px rgba(241, 255, 151, 0.1), 0 0 20px rgba(241, 255, 151, 0.1), inset 0 0 10px rgba(241, 255, 151, 0.1), inset 0 0 20px rgba(241, 255, 151, 0.1) !important; } .f-ring-6[data-v-44f39a25]:before { border: 1px solid rgba(241, 255, 151, 0.3) !important; box-shadow: 0 0 10px rgba(241, 255, 151, 0.3), 0 0 20px rgba(241, 255, 151, 0.1), inset 0 0 10px rgba(241, 255, 151, 0.1), inset 0 0 20px rgba(241, 255, 151, 0.1) !important; } .f-ring-7[data-v-44f39a25] { border: 1px solid rgba(241, 255, 151, 0.3) !important; box-shadow: 0 0 10px rgba(241, 255, 151, 0.1), 0 0 20px rgba(241, 255, 151, 0.1), inset 0 0 10px rgba(241, 255, 151, 0.1), inset 0 0 20px rgba(241, 255, 151, 0.1) !important; } .f-ring-7[data-v-44f39a25]:before { border: 1px solid rgba(241, 255, 151, 0.3) !important; box-shadow: 0 0 10px rgba(241, 255, 151, 0.3), 0 0 20px rgba(241, 255, 151, 0.1), inset 0 0 10px rgba(241, 255, 151, 0.1), inset 0 0 20px rgba(241, 255, 151, 0.1) !important; } .f-ring-8[data-v-44f39a25] { border: 1px solid rgba(241, 255, 151, 0.3) !important; box-shadow: 0 0 10px rgba(241, 255, 151, 0.1), 0 0 20px rgba(241, 255, 151, 0.1), inset 0 0 10px rgba(241, 255, 151, 0.1), inset 0 0 20px rgba(241, 255, 151, 0.1) !important; } .f-ring-8[data-v-44f39a25]:before { border: 1px solid rgba(241, 255, 151, 0.3) !important; box-shadow: 0 0 10px rgba(241, 255, 151, 0.3), 0 0 20px rgba(241, 255, 151, 0.1), inset 0 0 10px rgba(241, 255, 151, 0.1), inset 0 0 20px rgba(241, 255, 151, 0.1) !important; } .s-ring-1[data-v-44f39a25] { border: 1px solid rgba(147, 252, 198, 0.3) !important; box-shadow: 0 0 10px rgba(147, 252, 198, 0.1), 0 0 20px rgba(147, 252, 198, 0.1), inset 0 0 10px rgba(147, 252, 198, 0.1), inset 0 0 20px rgba(147, 252, 198, 0.1) !important; } .s-ring-1[data-v-44f39a25]:before { border: 1px solid rgba(147, 252, 198, 0.3) !important; box-shadow: 0 0 10px rgba(147, 252, 198, 0.3), 0 0 20px rgba(147, 252, 198, 0.3), inset 0 0 10px rgba(147, 252, 198, 0.3), inset 0 0 20px rgba(147, 252, 198, 0.3) !important; } .s-ring-2[data-v-44f39a25] { border: 1px solid rgba(147, 252, 198, 0.3) !important; box-shadow: 0 0 10px rgba(147, 252, 198, 0.1), 0 0 20px rgba(147, 252, 198, 0.1), inset 0 0 10px rgba(147, 252, 198, 0.1), inset 0 0 20px rgba(147, 252, 198, 0.1) !important; } .s-ring-2[data-v-44f39a25]:before { border: 1px solid rgba(147, 252, 198, 0.3) !important; box-shadow: 0 0 10px rgba(147, 252, 198, 0.3), 0 0 20px rgba(147, 252, 198, 0.3), inset 0 0 10px rgba(147, 252, 198, 0.3), inset 0 0 20px rgba(147, 252, 198, 0.3) !important; } .s-ring-3[data-v-44f39a25] { border: 1px solid rgba(147, 252, 198, 0.3) !important; box-shadow: 0 0 10px rgba(147, 252, 198, 0.1), 0 0 20px rgba(147, 252, 198, 0.1), inset 0 0 10px rgba(147, 252, 198, 0.1), inset 0 0 20px rgba(147, 252, 198, 0.1) !important; } .s-ring-3[data-v-44f39a25]:before { border: 1px solid rgba(147, 252, 198, 0.3) !important; box-shadow: 0 0 10px rgba(147, 252, 198, 0.3), 0 0 20px rgba(147, 252, 198, 0.3), inset 0 0 10px rgba(147, 252, 198, 0.3), inset 0 0 20px rgba(147, 252, 198, 0.3) !important; } .s-ring-4[data-v-44f39a25] { border: 1px solid rgba(147, 252, 198, 0.3) !important; box-shadow: 0 0 10px rgba(147, 252, 198, 0.1), 0 0 20px rgba(147, 252, 198, 0.1), inset 0 0 10px rgba(147, 252, 198, 0.1), inset 0 0 20px rgba(147, 252, 198, 0.1) !important; } .s-ring-4[data-v-44f39a25]:before { border: 1px solid rgba(147, 252, 198, 0.3) !important; box-shadow: 0 0 10px rgba(147, 252, 198, 0.3), 0 0 20px rgba(147, 252, 198, 0.3), inset 0 0 10px rgba(147, 252, 198, 0.3), inset 0 0 20px rgba(147, 252, 198, 0.3) !important; } .s-ring-5[data-v-44f39a25] { border: 2px solid rgba(147, 252, 198, 0.3) !important; box-shadow: 0 0 10px rgba(147, 252, 198, 0.1), 0 0 20px rgba(147, 252, 198, 0.1), inset 0 0 10px rgba(147, 252, 198, 0.1), inset 0 0 20px rgba(147, 252, 198, 0.1) !important; } .s-ring-5[data-v-44f39a25]:before { border: 2px solid rgba(147, 252, 198, 0.3) !important; box-shadow: 0 0 10px rgba(147, 252, 198, 0.3), 0 0 20px rgba(147, 252, 198, 0.3), inset 0 0 10px rgba(147, 252, 198, 0.3), inset 0 0 20px rgba(147, 252, 198, 0.3) !important; } .s-ring-6[data-v-44f39a25] { border: 2px solid rgba(147, 252, 198, 0.3) !important; box-shadow: 0 0 10px rgba(147, 252, 198, 0.1), 0 0 20px rgba(147, 252, 198, 0.1), inset 0 0 10px rgba(147, 252, 198, 0.1), inset 0 0 20px rgba(147, 252, 198, 0.1) !important; } .s-ring-6[data-v-44f39a25]:before { border: 2px solid rgba(147, 252, 198, 0.3) !important; box-shadow: 0 0 10px rgba(147, 252, 198, 0.3), 0 0 20px rgba(147, 252, 198, 0.3), inset 0 0 10px rgba(147, 252, 198, 0.3), inset 0 0 20px rgba(147, 252, 198, 0.3) !important; } .s-ring-7[data-v-44f39a25] { border: 2px solid rgba(147, 252, 198, 0.3) !important; box-shadow: 0 0 10px rgba(147, 252, 198, 0.1), 0 0 20px rgba(147, 252, 198, 0.1), inset 0 0 10px rgba(147, 252, 198, 0.1), inset 0 0 20px rgba(147, 252, 198, 0.1) !important; } .s-ring-7[data-v-44f39a25]:before { border: 2px solid rgba(147, 252, 198, 0.3) !important; box-shadow: 0 0 10px rgba(147, 252, 198, 0.3), 0 0 20px rgba(147, 252, 198, 0.3), inset 0 0 10px rgba(147, 252, 198, 0.3), inset 0 0 20px rgba(147, 252, 198, 0.3) !important; } .s-ring-8[data-v-44f39a25] { border: 2px solid rgba(147, 252, 198, 0.3) !important; box-shadow: 0 0 10px rgba(147, 252, 198, 0.3), 0 0 20px rgba(147, 252, 198, 0.3), inset 0 0 10px rgba(147, 252, 198, 0.3), inset 0 0 20px rgba(147, 252, 198, 0.3) !important; } .s-ring-8[data-v-44f39a25]:before { border: 2px solid rgba(241, 255, 151, 0.3) !important; box-shadow: 0 0 10px rgba(241, 255, 151, 0.3), 0 0 20px rgba(241, 255, 151, 0.1), inset 0 0 10px rgba(241, 255, 151, 0.1), inset 0 0 20px rgba(241, 255, 151, 0.1) !important; } .t-ring-1[data-v-44f39a25] { border: 1px solid rgba(255, 166, 166, 0.3) !important; box-shadow: 0 0 10px rgba(255, 166, 166, 0.1), 0 0 20px rgba(255, 166, 166, 0.1), inset 0 0 10px rgba(255, 166, 166, 0.1), inset 0 0 20px rgba(255, 166, 166, 0.1) !important; } .t-ring-1[data-v-44f39a25]:before { border: 1px solid rgba(255, 166, 166, 0.3) !important; box-shadow: 0 0 10px rgba(255, 166, 166, 0.3), 0 0 20px rgba(255, 166, 166, 0.1), inset 0 0 10px rgba(255, 166, 166, 0.1), inset 0 0 20px rgba(255, 166, 166, 0.1) !important; } .t-ring-2[data-v-44f39a25] { border: 1px solid rgba(255, 166, 166, 0.3) !important; box-shadow: 0 0 10px rgba(255, 166, 166, 0.1), 0 0 20px rgba(255, 166, 166, 0.1), inset 0 0 10px rgba(255, 166, 166, 0.1), inset 0 0 20px rgba(255, 166, 166, 0.1) !important; } .t-ring-2[data-v-44f39a25]:before { border: 1px solid rgba(255, 166, 166, 0.3) !important; box-shadow: 0 0 10px rgba(255, 166, 166, 0.1), 0 0 20px rgba(255, 166, 166, 0.1), inset 0 0 10px rgba(255, 166, 166, 0.1), inset 0 0 20px rgba(255, 166, 166, 0.1) !important; } .t-ring-3[data-v-44f39a25] { border: 1px solid rgba(255, 166, 166, 0.3) !important; box-shadow: 0 0 10px rgba(255, 166, 166, 0.1), 0 0 20px rgba(255, 166, 166, 0.1), inset 0 0 10px rgba(255, 166, 166, 0.1), inset 0 0 20px rgba(255, 166, 166, 0.1) !important; } .t-ring-3[data-v-44f39a25]:before { border: 1px solid rgba(255, 166, 166, 0.3) !important; box-shadow: 0 0 10px rgba(255, 166, 166, 0.3), 0 0 20px rgba(255, 166, 166, 0.1), inset 0 0 10px rgba(255, 166, 166, 0.1), inset 0 0 20px rgba(255, 166, 166, 0.1) !important; } .t-ring-4[data-v-44f39a25] { border: 1px solid rgba(255, 166, 166, 0.3) !important; box-shadow: 0 0 10px rgba(255, 166, 166, 0.1), 0 0 20px rgba(255, 166, 166, 0.1), inset 0 0 10px rgba(255, 166, 166, 0.1), inset 0 0 20px rgba(255, 166, 166, 0.1) !important; } .t-ring-4[data-v-44f39a25]:before { border: 1px solid rgba(255, 166, 166, 0.3) !important; box-shadow: 0 0 10px rgba(255, 166, 166, 0.1), 0 0 20px rgba(255, 166, 166, 0.1), inset 0 0 10px rgba(255, 166, 166, 0.1), inset 0 0 20px rgba(255, 166, 166, 0.1) !important; } .t-ring-5[data-v-44f39a25] { border: 1px solid rgba(255, 166, 166, 0.3) !important; box-shadow: 0 0 10px rgba(255, 166, 166, 0.1), 0 0 20px rgba(255, 166, 166, 0.1), inset 0 0 10px rgba(255, 166, 166, 0.1), inset 0 0 20px rgba(255, 166, 166, 0.1) !important; } .t-ring-5[data-v-44f39a25]:before { border: 1px solid rgba(255, 166, 166, 0.3) !important; box-shadow: 0 0 10px rgba(255, 166, 166, 0.1), 0 0 20px rgba(255, 166, 166, 0.1), inset 0 0 10px rgba(255, 166, 166, 0.1), inset 0 0 20px rgba(255, 166, 166, 0.1) !important; } .t-ring-6[data-v-44f39a25] { border: 1px solid rgba(255, 166, 166, 0.3) !important; box-shadow: 0 0 10px rgba(255, 166, 166, 0.1), 0 0 20px rgba(255, 166, 166, 0.1), inset 0 0 10px rgba(255, 166, 166, 0.1), inset 0 0 20px rgba(255, 166, 166, 0.1) !important; } .t-ring-6[data-v-44f39a25]:before { border: 1px solid rgba(255, 166, 166, 0.3) !important; box-shadow: 0 0 10px rgba(255, 166, 166, 0.1), 0 0 20px rgba(255, 166, 166, 0.1), inset 0 0 10px rgba(255, 166, 166, 0.1), inset 0 0 20px rgba(255, 166, 166, 0.1) !important; } .t-ring-7[data-v-44f39a25] { border: 1px solid rgba(255, 166, 166, 0.3) !important; box-shadow: 0 0 10px rgba(255, 166, 166, 0.1), 0 0 20px rgba(255, 166, 166, 0.1), inset 0 0 10px rgba(255, 166, 166, 0.1), inset 0 0 20px rgba(255, 166, 166, 0.1) !important; } .t-ring-7[data-v-44f39a25]:before { border: 1px solid rgba(255, 166, 166, 0.3) !important; box-shadow: 0 0 10px rgba(255, 166, 166, 0.1), 0 0 20px rgba(255, 166, 166, 0.1), inset 0 0 10px rgba(255, 166, 166, 0.1), inset 0 0 20px rgba(255, 166, 166, 0.1) !important; } .t-ring-8[data-v-44f39a25] { border: 1px solid rgba(255, 166, 166, 0.3) !important; box-shadow: 0 0 10px rgba(255, 166, 166, 0.1), 0 0 20px rgba(255, 166, 166, 0.1), inset 0 0 10px rgba(255, 166, 166, 0.1), inset 0 0 20px rgba(255, 166, 166, 0.1) !important; } .t-ring-8[data-v-44f39a25]:before { border: 1px solid rgba(255, 166, 166, 0.3) !important; box-shadow: 0 0 10px rgba(255, 166, 166, 0.1), 0 0 20px rgba(255, 166, 166, 0.1), inset 0 0 10px rgba(255, 166, 166, 0.1), inset 0 0 20px rgba(255, 166, 166, 0.1) !important; } .swiper-container[data-v-0a0d80ad] { height: 100%; width: 100%; } .swiper-container .swiper-slide[data-v-0a0d80ad] { width: 100%; } [data-v-0a0d80ad] .swiper-pagination { bottom: 0px !important; } [data-v-0a0d80ad] .swiper-pagination-bullet { height: 10px !important; width: 10px !important; background: #0184DE; opacity: 0.34; } [data-v-0a0d80ad] .swiper-pagination-bullet-active { opacity: 1 !important; } .charts-circle[data-v-f83b1796] { height: 100%; width: 100%; } .comma[data-v-3562b529] { position: absolute; font-size: 45px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: rgba(255, 255, 255, 0.6); top: 18px; line-height: 45px; } .comma-4[data-v-3562b529] { position: absolute; font-size: 45px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #FFFFFF; left: 301px; top: 20px; line-height: 45px; } *[data-v-3562b529] { margin: 0; padding: 0; } /* @font-face { font-family: "Orbitron"; src: url("../../../public/assets/fonts/Orbitron-Bold.ttf"); } */ /* @font-face { font-family: "UnidreamLED"; src: url("../../../public/assets/fonts/UnidreamLED.ttf"); } */ .fp-box[data-v-3562b529] { position: relative; display: flex; overflow: hidden; } .fp-box .three-c[data-v-3562b529] { margin-left: 16px !important; } .fp-box .mar-none[data-v-3562b529] { margin-left: 0px !important; } .fp-box li[data-v-3562b529] { width: 53px; height: 75px; flex-direction: column; transition: transform 0.5s ease-in-out; margin-left: 5px; } .fp-box li > span[data-v-3562b529] { border-radius: 3px; text-align: center; /* background: url(../../assets/num-card-bg.png); */ background-image: url(data:image/png;base64,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); background-size: 100%; font-size: 47px; display: flex; display: inline-block; width: 47px; height: 75px; line-height: 71px; float: left; position: relative; /* font-family: "Number"; */ font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .fp-box li > span .line[data-v-3562b529] { display: inline-block; height: 3px; background: #012382; width: 100%; position: absolute; left: 0; top: 35px; border-radius: 3px; } .fp-box li > span .num-wrap[data-v-3562b529] { z-index: 22; position: relative; /* font-family: "Number"; */ } .charts-circle[data-v-03bcf680] { height: 100%; width: 100%; } .flex[data-v-9d6b3658] { display: flex; } .bullet-item[data-v-9d6b3658] { text-shadow: 1px 1px #000; color: #ffffff82; white-space: nowrap; } .bullet-item--c[data-v-9d6b3658] { border: 1px solid #ff000082; } .card_bg[data-line="1"][data-v-9d6b3658] { top: 0px; } .card_bg[data-line="2"][data-v-9d6b3658] { top: 104px; } .card_bg[data-line="3"][data-v-9d6b3658] { top: 208px; } .card_bg[data-line="4"][data-v-9d6b3658] { top: 240px; } .card_bg[data-line="5"][data-v-9d6b3658] { top: 320px; } .bullet-animation[data-v-9d6b3658] { -webkit-animation: right2left-data-v-9d6b3658 7s linear both; animation: right2left-data-v-9d6b3658 7s linear both; } @-webkit-keyframes right2left-data-v-9d6b3658 { 0% { transform: translate(888px); } 100% { transform: translate(-100%); } } @keyframes right2left-data-v-9d6b3658 { 0% { transform: translate(888px); } 100% { transform: translate(-100%); } } .mode-bg[data-v-9d6b3658] { height: 143px; width: 144px; } .mode-bg_img[data-v-9d6b3658] { height: 113px; width: 144px; background-size: 100%; } .zhts_circle_bg[data-v-9d6b3658] { background-image: url(../img/znts_circle_bg.298ff86a.png); } .zhcc_circle_bg[data-v-9d6b3658] { background-image: url(../img/zhcc_circle_bg.1d89066f.png); } .zhpb_circle_bg[data-v-9d6b3658] { background-image: url(../img/zhpb_circle_bg.f26ca3c4.png); } .mode-bg_num[data-v-9d6b3658] { margin-top: 40px; text-align: center; display: inline-block; width: 100%; font-size: 32px; font-family: 'Numbers'; color: #FFFFFF; } .mode-bg_t[data-v-9d6b3658] { margin-top: 2px; text-align: center; font-size: 12px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: rgba(255, 255, 255, 0.6); } .mode-bg_name[data-v-9d6b3658] { font-size: 20px; font-weight: bold; color: #FFFFFF; text-align: center; } .wrap[data-v-9d6b3658] { margin-top: 18px; width: 1128px; height: 86px; overflow: hidden; position: relative; } .list[data-v-9d6b3658] { list-style: none; width: 2340px; height: 86px; position: absolute; top: 0px; /*right:0px;向右*/ left: 0px; /*向左*/ } .list_1[data-v-9d6b3658] { -webkit-animation: mymove-data-v-9d6b3658 10s 1s infinite linear; animation: mymove-data-v-9d6b3658 10s 1s infinite linear; } .list_2[data-v-9d6b3658] { -webkit-animation: mymove-data-v-9d6b3658 8s 1s infinite linear; animation: mymove-data-v-9d6b3658 8s 1s infinite linear; } .list_3[data-v-9d6b3658] { -webkit-animation: mymove-data-v-9d6b3658 6s 1s infinite linear; animation: mymove-data-v-9d6b3658 6s 1s infinite linear; } .list .mode_card[data-v-9d6b3658] { width: 390px; text-align: center; height: 86px; float: left; } .card_bg[data-v-9d6b3658] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 0; left: 0; height: 86px; width: 376px; background-size: 100%; display: flex; align-items: center; justify-content: space-between; padding-top: 23px; } .skip_card_bg[data-v-9d6b3658] { background-image: url(../img/move_skip_card.9980bb65.png); } .run_card_bg[data-v-9d6b3658] { background-image: url(../img/mode_run_card.9c3988ba.png); } .jb_card_bg[data-v-9d6b3658] { background-image: url(../img/mode_tb_card.a365d526.png); } .cc_card_bg[data-v-9d6b3658] { background-image: url(../img/mode_cc_card.6be13a3c.png); } .fr_card_bg[data-v-9d6b3658] { background-image: url(../img/fr_skip_card.647f9322.png); } .ywqz_run_card[data-v-9d6b3658] { background-image: url(../img/ywqz_run_card.498a56df.png); } .zwtqq_skip_card[data-v-9d6b3658] { background-image: url(../img/zwtqq_skip_card.4ccad369.png); } .ldty_skip_card[data-v-9d6b3658] { background-image: url(../img/ldty_skip_card.052364e5.png); } @-webkit-keyframes mymove-data-v-9d6b3658 { /* from{right:0px;} to{right:-500px;}*/ /*向右*/ from { left: 0px; } to { left: -1170px; } /*向左*/ } @keyframes mymove-data-v-9d6b3658 { /* from{right:0px;} to{right:-500px;}*/ /*向右*/ from { left: 0px; } to { left: -1170px; } /*向左*/ } .page[data-v-9d6b3658] { position: relative; height: 1080px; width: 1920px; background-image: url(../img/page_bg.04ab1fe1.png); background-size: 100%; } .page_top[data-v-9d6b3658] { position: relative; overflow: hidden; width: 100%; height: 112px; background-size: 100%; background-image: url(../img/page_top.10f53f81.png); } .page_title[data-v-9d6b3658] { font-size: 36px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; color: #FFFFFF; text-align: center; margin-top: 33px; } .page_ctn[data-v-9d6b3658] { /* margin-top: -23px; */ position: relative; top: -23px; padding: 0px 16px; display: flex; justify-content: space-between; } .page_ctn_l[data-v-9d6b3658] { width: 460px; } .card_head[data-v-9d6b3658] { height: 29px; display: flex; align-items: center; justify-content: space-between; } .card_title[data-v-9d6b3658] { font-size: 24px; font-weight: bold; color: #FFFFFF; } .card_time[data-v-9d6b3658] { /* margin-left: 24px; */ font-size: 14px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: #567A9B; } .card1_bg[data-v-9d6b3658] { margin-top: 2px; height: 344px; width: 100%; padding: 28px 24px 0px 24px; background-size: 100%; background-image: url(../img/right_1_bg.65b47a26.png); } .card1_bg .card1_item[data-v-9d6b3658]:nth-child(3n) { margin-right: 0px !important; } .card1_item[data-v-9d6b3658] { position: relative; overflow: hidden; margin-top: 24px; margin-right: 26px; width: 120px; } .card1_item_flex[data-v-9d6b3658] { height: 90px; width: 120px; display: flex; align-items: center; justify-content: center; background-image: url(../img/left_icon_bg.7c8e02f0.png); background-size: 100%; } .card1_item_val[data-v-9d6b3658] { font-size: 32px; font-family: 'Numbers'; color: #FFFFFF; text-align: center; } .card1_item_unit[data-v-9d6b3658] { font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: rgba(255, 255, 255, 0.6); margin-left: 4px; } .card1_item_name[data-v-9d6b3658] { font-size: 20px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: #FFFFFF; text-align: center; margin-top: 4px; } .card2_bg[data-v-9d6b3658] { position: relative; overflow: hidden; margin-top: 2px; height: 544px; width: 100%; padding: 0px 24px; background-size: 100%; background-image: url(../img/left_2_bg.8e9f2038.png); } .card2_item[data-v-9d6b3658] { display: flex; height: 143px; width: 422px; } .card2_item_info[data-v-9d6b3658] { position: relative; overflow: hidden; margin-left: 24px; /* margin-left: 168px; */ width: calc(100% - 168px); } .card2_line1[data-v-9d6b3658] { width: 120px; } .card2_line2[data-v-9d6b3658] { width: calc(100% - 120px); } .card2_line2_unit[data-v-9d6b3658] { font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: rgba(255, 255, 255, 0.6); margin-left: 6px; } .card2_line1_val[data-v-9d6b3658] { font-size: 32px; font-family: 'Numbers'; color: #FFFFFF; } .card2_line_name[data-v-9d6b3658] { font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: #FFFFFF; } .flex-s[data-v-9d6b3658] { display: flex; justify-content: space-between; } .card6_bg[data-v-9d6b3658] { position: relative; overflow: hidden; margin-top: 2px; height: 344px; width: 100%; padding: 0px 24px; background-size: 100%; background-image: url(../img/right_1_bg.65b47a26.png); } .card6_bg .card6_td[data-v-9d6b3658]:nth-child(odd) { background: linear-gradient(90deg, rgba(125, 144, 248, 0.1) 0%, rgba(125, 144, 248, 0.3) 100%); } .card6_tab_flex[data-v-9d6b3658] { margin-top: 47px; display: flex; height: 32px; width: 100%; align-items: center; background-color: #151D46; } .card6_tab_item[data-v-9d6b3658] { line-height: 32px; text-align: center; width: calc(100% / 6); font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: rgba(255, 255, 255, 0.6); } .type1_c[data-v-9d6b3658] { width: 80px; } .type3_c[data-v-9d6b3658] { width: calc(100% - 300px); } .type4_c[data-v-9d6b3658] { width: 140px; } .card7_tab_item[data-v-9d6b3658] { line-height: 32px; text-align: center; font-size: 12px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: rgba(255, 255, 255, 0.6); flex: 1; } .card6_tab_item_a[data-v-9d6b3658] { background: #6F83FF !important; color: #fff !important; } .card7_tr[data-v-9d6b3658] { margin-top: 5px; height: 40px; width: 100%; display: flex; align-items: center; font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: rgba(255, 255, 255, 0.6); } .card7_td[data-v-9d6b3658] { height: 40px; width: 100%; display: flex; align-items: center; } .card7_tr_1[data-v-9d6b3658], .card7_td_1[data-v-9d6b3658] { width: 57px; text-align: center; } .line_header[data-v-9d6b3658] { height: 28px; width: 28px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card7_td_name[data-v-9d6b3658] { font-size: 18px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; color: #FFFFFF; margin-left: 4px; } .card7_tr_2[data-v-9d6b3658] { width: 112px; text-align: center; } .card7_td_2[data-v-9d6b3658] { display: flex; width: 112px; align-items: center; font-size: 20px !important; } .card7_td_3[data-v-9d6b3658] { text-align: center; width: 42px; font-size: 16px !important; } .card7_tr_3[data-v-9d6b3658] { text-align: center; width: 42px; } .card7_td_4[data-v-9d6b3658] { width: 94px; text-align: center; font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .card7_tr_4[data-v-9d6b3658] { width: 94px; text-align: center; } .card7_tr_5[data-v-9d6b3658] { width: calc(100% - 305px); text-align: center; } .card7_td_5[data-v-9d6b3658] { width: calc(100% - 305px); display: flex; align-items: center; justify-content: center; font-size: 24px; font-family: 'Numbers'; color: #FFFFFF; } .card6_tr[data-v-9d6b3658] { margin-top: 5px; height: 40px; width: 100%; display: flex; align-items: center; font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: rgba(255, 255, 255, 0.6); } .card6_td[data-v-9d6b3658] { display: flex; align-items: center; font-size: 18px; color: #FFFFFF; height: 40px; width: 100%; } .card7_td[data-v-9d6b3658] { display: flex; align-items: center; font-size: 20px; color: #FFFFFF; height: 40px; width: 100%; } .card6_td_1[data-v-9d6b3658], .card6_td_2[data-v-9d6b3658] { font-weight: bold; font-family: Microsoft YaHei, Microsoft YaHei; } .card6_td_3[data-v-9d6b3658], .card6_td_4[data-v-9d6b3658] { font-family: 'Numbers'; } .card6_tr_1[data-v-9d6b3658], .card6_td_1[data-v-9d6b3658] { text-align: center; width: 65px; } .card6_tr_2[data-v-9d6b3658], .card6_td_2[data-v-9d6b3658] { width: calc(100% - 262px); text-align: center; } .card6_tr_3[data-v-9d6b3658], .card6_td_3[data-v-9d6b3658] { text-align: center; width: 111px; } .card6_td_unit[data-v-9d6b3658] { font-size: 16px !important; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400 !important; color: rgba(255, 255, 255, 0.6) !important; } .card7_td_unit[data-v-9d6b3658] { margin-left: 2px; position: relative; top: 2px; font-size: 14px !important; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400 !important; color: rgba(255, 255, 255, 0.6) !important; } .card6_tr_4[data-v-9d6b3658], .card6_td_4[data-v-9d6b3658] { text-align: center; width: 86px; } .card7_bg[data-v-9d6b3658] { position: relative; overflow: hidden; margin-top: 2px; height: 544px; width: 100%; padding: 0px 24px; background-size: 100%; background-image: url(../img/right_2_bg.8e9f2038.png); } .card7_bg .card7_td[data-v-9d6b3658]:nth-child(odd) { background: linear-gradient(90deg, rgba(125, 144, 248, 0.1) 0%, rgba(125, 144, 248, 0.3) 100%); } .page_ctn_r[data-v-9d6b3658] { width: 460px; } .page_ctn_c[data-v-9d6b3658] { width: calc(100% - 952px); } .right1-list[data-v-9d6b3658] { position: relative; height: 200px; width: 100%; transition: all 1s; } .right-list[data-v-9d6b3658] { position: relative; height: 400px; width: 100%; } .barrage_bg[data-v-9d6b3658] { height: 308px; margin: 0px 24px; width: calc(100% - 48px); position: relative; overflow: hidden; /* background-color: red; */ } .banner_bg[data-v-9d6b3658] { position: relative; width: 100%; height: 100%; display: flex; flex-wrap: wrap; } [data-v-9d6b3658] .banner_bg .swiper-pagination { bottom: 4px !important; } .cen_btm_bg[data-v-9d6b3658] { padding: 47px 24px 0px 24px; height: 217px; width: 100%; display: flex; background-image: url(../img/cen_btm_bg.91f131eb.png); background-size: 100%; } .cen_btm_bg .circle_item[data-v-9d6b3658]:nth-child(6n) { margin-right: 0px !important; } .circle_item[data-v-9d6b3658] { margin-right: 31px; width: 122px; } .circle_bg[data-v-9d6b3658] { margin-bottom: 4px; width: 122px; height: 122px; background-color: blueviolet; } .circle_name[data-v-9d6b3658] { font-size: 20px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .circle_val[data-v-9d6b3658] { margin-left: 8px; font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: rgba(255, 255, 255, 0.6); } .change_num_line[data-v-9d6b3658] { display: flex; } .change_num_ctn1[data-v-9d6b3658] { width: 275px; } .change_num_ctn2[data-v-9d6b3658] { width: 456px; } .change_num_ctn3[data-v-9d6b3658] { width: 228px; } .change_num_ctn_top[data-v-9d6b3658] { display: flex; align-items: center; font-size: 20px; font-weight: bold; color: #FFFFFF; } .number_icon[data-v-9d6b3658] { height: 22px; width: 31px; margin-right: 2px; } .cards_time[data-v-9d6b3658] { width: 75px; margin-left: 24px; font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: #FFFFFF; } .cards_head[data-v-9d6b3658] { position: relative; border-radius: 50%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 30px; width: 30px; margin-right: 8px; border: 1px solid #fff; } .cards_name[data-v-9d6b3658] { width: 68px; font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .cards_class[data-v-9d6b3658] { position: relative; width: 80px; font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: rgba(255, 255, 255, 0.6); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cards_val[data-v-9d6b3658] { font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; color: #FFFFFF; margin-right: 8px; } .swiper-container[data-v-77b8f4b7] { height: 100%; width: 100%; } .swiper-container .swiper-slide[data-v-77b8f4b7] { width: 100%; } .error-tip[data-v-e4f4ac46] { display: flex; align-items: center; margin-left: 10px; } .error-tip-icon[data-v-e4f4ac46] { height: 26px; width: 26px; margin-right: 4px; } .error-text[data-v-e4f4ac46] { font-size: 20px; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #FF4E4E; } .card[data-v-e4f4ac46] { width: 1285px; padding: 24px 24px 16px 24px; background: #2C325C; border-radius: 16px 16px 16px 16px; } .card_flex[data-v-e4f4ac46] { margin-top: 18px; display: flex; } .card_info[data-v-e4f4ac46] { width: 341px; margin-left: 16px; } .user[data-v-e4f4ac46] { display: flex; align-items: center; } .user_header[data-v-e4f4ac46] { height: 54px; width: 54px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .user_info[data-v-e4f4ac46] { margin-left: 10px; } .user_name[data-v-e4f4ac46] { font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: bold; font-size: 24px; color: #FFFFFF; } .user_time[data-v-e4f4ac46] { margin-top: 10px; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 16px; color: #B5BDED; } .card_map[data-v-e4f4ac46] { position: relative; height: 590px; width: 883px; border-radius: 8px; } .card_total[data-v-e4f4ac46] { margin-left: 8px; display: flex; } .card_total_v[data-v-e4f4ac46] { font-family: 'Numbers'; font-size: 32px; color: #FFFFFF; line-height: 32px; flex: none; } .card_total_u[data-v-e4f4ac46] { font-family: PingFang SC, PingFang SC; font-weight: 400; font-size: 15px; color: #B5BDED; margin-left: 6px; line-height: 40px; flex: none; } .card_count_title[data-v-e4f4ac46] { margin-top: 16px; margin-left: 8px; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: bold; font-size: 16px; color: #B5BDED; } .card_count_flex[data-v-e4f4ac46] { display: flex; flex-wrap: wrap; background: #3D4474; padding-bottom: 8px; border-radius: 8px 8px 8px 8px; } .card_count[data-v-e4f4ac46] { margin-top: 8px; height: 47px; width: 113px; } .card_count_v[data-v-e4f4ac46] { font-family: 'Numbers'; font-size: 24px; color: #FFFFFF; text-align: center; } .card_count_t[data-v-e4f4ac46] { margin-top: 4px; text-align: center; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 16px; color: #B5BDED; } .card_speed_title[data-v-e4f4ac46] { margin-top: 10px; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 16px; color: #B5BDED; } .flex-c[data-v-e4f4ac46] { display: flex; align-items: center; } .progress-line[data-v-e4f4ac46] { margin-bottom: 8px; flex-direction: row; align-items: center; justify-content: space-between; display: flex; height: 20px; } .pro-idx[data-v-e4f4ac46] { width: 18px; font-size: 16px; font-family: 'Numbers'; color: #B5BDED; } .progress-bg[data-v-e4f4ac46] { width: 202px; height: 20px; border-radius: 12px; } .pro-value[data-v-e4f4ac46] { height: 20px; border-radius: 12px; } .green-c[data-v-e4f4ac46] { /* background: linear-gradient(270deg, #0CD87D 0%, #00E67F 100%); */ /* background-color: #0CD87D; */ background: linear-gradient(to left, #0cd87d 10%, #00e67f 100%); } .yellow-c[data-v-e4f4ac46] { /* background: linear-gradient(270deg, #E0D000 0%, #F2E533 100%); */ /* background-color: #E0D000; */ background: linear-gradient(to left, #e0d000 10%, #f2e533 100%); } .red-c[data-v-e4f4ac46] { /* background: linear-gradient(270deg, #E9734F 0%, #FFB098 100%); */ /* background-color: #E9734F; */ background: linear-gradient(to left, #e9734f 10%, #ffb098 100%); } .rank-icon[data-v-e4f4ac46] { height: 18px; width: 10px; margin-right: 6px; } .pro-num[data-v-e4f4ac46] { font-family: 'Numbers'; margin-right: 6px; font-size: 16px; color: #FFFFFF; } .pro-time[data-v-e4f4ac46] { font-family: 'Numbers'; font-size: 16px; color: #FFFFFF; } [data-v-196a9889] .rank_bg .swiper-container .swiper-slide { height: 56px !important; } .page-bg[data-v-196a9889] { position: relative; overflow: hidden; width: 1920px; min-height: 1080px; background: #1D2040; } .page_top[data-v-196a9889] { position: relative; z-index: 20; padding: 0px 48px; height: 120px; width: 100%; background-color: #2C325C; display: flex; align-items: center; justify-content: space-between; border-radius: 0px 0px 16px 16px; } .page_top_lr[data-v-196a9889] { display: flex; align-items: center; width: 287px; height: 120px; } .page_title[data-v-196a9889] { font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: bold; font-size: 40px; color: #FFFFFF; text-align: center; } .top_t[data-v-196a9889] { font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 24px; color: #6B77B5; margin-right: 14px; } .page_title_flex[data-v-196a9889] { display: flex; align-items: center; justify-content: center; margin-top: 6px; } .page_title_flex_val[data-v-196a9889] { font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 24px; color: #6B77B5; } .top_time[data-v-196a9889] { font-family: 'Numbers'; font-size: 48px; color: #FACB46; } .page_ctn[data-v-196a9889] { margin: 24px 25px 0px 24px; height: 936px; width: calc(100% - 48px); display: flex; } .page_cun_ctn[data-v-196a9889] { margin: 24px 25px 0px 24px; height: 936px; width: calc(100% - 48px); } .readly_card[data-v-196a9889] { position: relative; height: 168px; width: 171px; background: #2C325C; border-radius: 16px; margin-right: 18px; margin-bottom: 15px; } .page_ctn .readly_card[data-v-196a9889]:nth-child(10n) { margin-right: 0px !important; } .readly_card_n[data-v-196a9889] { font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: bold; font-size: 32px; color: #FFFFFF; margin-top: 54px; text-align: center; } .readly_card_d[data-v-196a9889] { margin-top: 18px; text-align: center; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: bold; font-size: 24px; color: #B5BDED; } .readly_card_t[data-v-196a9889] { position: absolute; top: 16px; text-align: center; width: 100%; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 24px; color: #FA6B4F; } .reslut_swiper[data-v-196a9889] { margin: 24px 0px 0px 0px; padding: 0px 24px; height: 936px; width: calc(100% - 0px); display: flex; } .reslut_swiper_item[data-v-196a9889] { height: 100%; margin-top: 24px; width: 100%; padding: 0px 24px; display: flex; } .page_ctn_l[data-v-196a9889] { width: 374px; background-color: #1D2040 !important; } .page_ctn_r[data-v-196a9889] { margin-left: 18px; width: calc(100% - 370px); background-color: #1D2040 !important; } .swiper-container[data-v-196a9889] { position: relative; height: 100%; width: 100%; } .swiper-slide[data-v-196a9889] { height: 100%; width: 100%; } .count[data-v-196a9889] { position: relative; overflow: hidden; margin-bottom: 16px; height: 216px; width: 375px; background: #2C325C; border-radius: 16px; } .min_count[data-v-196a9889] { height: 158px !important; } .min_count .count_v_flex[data-v-196a9889] { margin-top: 16px !important; } .count_flex[data-v-196a9889] { height: 43px; line-height: 43px; display: flex; align-items: center; justify-content: space-between; margin: 26px 40px 0px 32px; } .count-t[data-v-196a9889] { font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: bold; font-size: 24px; color: #B5BDED; } .count-t2[data-v-196a9889] { position: relative; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: bold; font-size: 32px; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .count-t3[data-v-196a9889] { margin-top: 2px; margin-left: 32px; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 24px; color: #6B77B5; } .count-v[data-v-196a9889] { font-family: 'Numbers'; font-size: 40px; color: #FFFFFF; } .count_v_flex[data-v-196a9889] { display: flex; justify-content: space-between; margin: 48px 40px 0px 32px; } .count_v_flex2[data-v-196a9889] { display: flex; justify-content: space-between; margin: 4px 40px 0px 32px; } .count_v_l[data-v-196a9889] { font-family: 'Numbers'; font-size: 32px; color: #FFFFFF; } .count_v_r[data-v-196a9889] { font-family: 'Numbers'; font-size: 32px; color: #FA7D64; } .count_v_t[data-v-196a9889] { font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 24px; color: #6B77B5; } .list_bg[data-v-196a9889] { width: 100%; display: flex; flex-wrap: wrap; } .list_bg .w_item[data-v-196a9889]:nth-child(10n) { margin-right: 0px !important; } .w_item[data-v-196a9889] { position: relative; overflow: hidden; height: 168px; width: 134px; border-radius: 16px; margin-right: 15px; margin-bottom: 18px; background: #2C325C; } .w_item_level4 .w_item_top[data-v-196a9889] { background: #FA0000 !important; } .w_item_level4[data-v-196a9889] { background: linear-gradient(180deg, rgba(250, 0, 0, 0.3) 0%, rgba(250, 0, 0, 0.1) 100%) !important; } .w_item_level4 .w_item_ctn_value[data-v-196a9889] { color: #FA0000 !important; } .w_item_level1 .w_item_top[data-v-196a9889] { background: #00C253 !important; } .w_item_level2 .w_item_top[data-v-196a9889] { background: #0A94FF !important; } .w_item_level3 .w_item_top[data-v-196a9889] { background: #F59300 !important; } .w_item_level1 .w_item_stu[data-v-196a9889], .w_item_level2 .w_item_stu[data-v-196a9889], .w_item_level3 .w_item_stu[data-v-196a9889], .w_item_level4 .w_item_stu[data-v-196a9889] { color: #ffffff !important; } .w_item_level1 .w_item_dev[data-v-196a9889], .w_item_level2 .w_item_stu[data-v-196a9889], .w_item_level3 .w_item_stu[data-v-196a9889], .w_item_level4 .w_item_stu[data-v-196a9889] { color: rgba(255, 255, 255, 0.6) !important; } .w_item_level1 .w_item_ctn_value[data-v-196a9889] { color: #00C253 !important; } .w_item_level2 .w_item_ctn_value[data-v-196a9889] { color: #0A94FF !important; } .w_item_level3 .w_item_ctn_value[data-v-196a9889] { color: #F59300 !important; } .w_item_level1[data-v-196a9889] { background: linear-gradient(180deg, rgba(0, 194, 83, 0.3) 0%, rgba(0, 194, 83, 0.1) 100%) !important; } .w_item_level2[data-v-196a9889] { background: linear-gradient(180deg, rgba(10, 148, 255, 0.3) 0%, rgba(10, 148, 255, 0.1) 100%) !important; } .w_item_level3[data-v-196a9889] { background: linear-gradient(180deg, rgba(245, 147, 0, 0.3) 0%, rgba(245, 147, 0, 0.1) 100%) !important; } .w_item_top[data-v-196a9889] { height: 44px; width: 100%; background: #464B70; padding: 0px 8px; display: flex; align-items: center; justify-content: space-between; } .w_item_stu[data-v-196a9889] { position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: bold; font-size: 21px; color: rgba(255, 255, 255, 0.6); } .w_item_dev[data-v-196a9889] { font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 21px; color: rgba(255, 255, 255, 0.6); } .w_item_ctn[data-v-196a9889] { margin-top: 20px; display: flex; align-items: center; justify-content: center; } .w_item_ctn_icon[data-v-196a9889] { height: 40px; width: 40px; margin-right: 5px; } .w_item_ctn_value[data-v-196a9889] { font-family: 'Numbers'; font-size: 48px; color: #FF6666; } .w_item_btm[data-v-196a9889] { margin-top: 10px; display: flex; align-items: center; justify-content: center; } .w_item_btm_t[data-v-196a9889] { font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 24px; color: #6B77B5; } .w_item_btm_h[data-v-196a9889] { font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 24px; color: #FFFFFF; margin-left: 8px; } .w_item_error[data-v-196a9889] { margin-top: 40px; text-align: center; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 24px; color: #FA7D64; } .match-num img[data-v-196a9889] { width: 140px; height: 102px; } .match-num[data-v-196a9889] { display: flex; flex-direction: column; align-items: center; margin-top: 273px; } .match-num img[data-v-196a9889] { width: 140px; height: 102px; } .match-num-text[data-v-196a9889] { margin-top: 20px; font-size: 42px; font-family: Microsoft YaHei; font-weight: 400; line-height: 55px; color: #ffffff; } .match-num-number[data-v-196a9889] { display: flex; flex-direction: row; align-items: center; background-color: #1D2040 !important; } .match-num-number-item[data-v-196a9889] { width: 140px; height: 180px; line-height: 180px; text-align: center; margin: 40px 10px; background: #222648; border-radius: 12px; font-size: 100px; font-family: "Numbers"; font-weight: bold; color: #ffffff; } .rank_bg[data-v-196a9889] { position: relative; height: 912px; width: 1872px; background: #2C325C; border-radius: 16px; } .tr_line[data-v-196a9889] { margin: 16px 16px 0px 16px; height: 49px; width: calc(100% - 32px); border-radius: 8px 8px 0px 0px; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 24px; color: #6B77B5; display: flex; align-items: center; background: #343a62; } .tr_1[data-v-196a9889] { width: 96px; text-align: center; } .td_line .tr_2[data-v-196a9889] { text-align: left !important; padding-left: 30px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tr_2[data-v-196a9889] { width: 164px; text-align: center; } .tr_3[data-v-196a9889] { width: 183px; text-align: center; } .tr_4[data-v-196a9889] { width: 145px; text-align: center; } .tr_5[data-v-196a9889] { width: 164px; text-align: center; } .tr_6[data-v-196a9889] { width: 166px; text-align: center; } .tr_7[data-v-196a9889] { /* width: 225px; */ width: 193px; text-align: center; } .tr_8[data-v-196a9889] { width: 193px; text-align: center; } .tr_9[data-v-196a9889] { /* width: 158px; */ width: 160px; text-align: center; } .tr_10[data-v-196a9889] { /* width: 158px; */ width: 190px; text-align: center; } .tr_11[data-v-196a9889] { width: 184px; text-align: center; } .td_line_a[data-v-196a9889] { background-color: rgba(248, 249, 250, 0.04); } .td_line[data-v-196a9889] { height: 55px; margin: 0px 18px; width: calc(100% - 36px); display: flex; align-items: center; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 26px; color: #B5BDED; } .scroll_bg[data-v-196a9889] { position: relative; height: 840px; width: 100%; } .echart[data-v-196a9889] { height: 100%; width: 100%; } .report_item1[data-v-196a9889] { margin-left: 24px; padding: 24px; height: 448px; width: 1474px; background: #2C325C; border-radius: 16px; } .report_item2_char2[data-v-196a9889] { margin-top: 16px; position: relative; height: 324px; width: 681px; overflow: hidden; } .report_item3[data-v-196a9889] { margin-top: 16px; margin-left: 17px; padding: 24px; height: 448px; width: 480px; background: #2C325C; border-radius: 16px; } .report_run_flex[data-v-196a9889] { margin-top: 16px; display: flex; } .report_run_flex_item[data-v-196a9889] { flex: 1; } .report_run_flex_item_bg[data-v-196a9889] { position: relative; overflow: hidden; height: 154px; width: 100%; margin: 24px auto 0px auto; background: #3D4474; border-radius: 8px; padding-top: 16px; } .report_run_flex_item_bg_t1[data-v-196a9889] { width: 100%; display: flex; margin-left: 16px; text-align: left; line-height: 24px; } .report_run_flex_item_bg_52[data-v-196a9889] { width: 100%; display: flex; justify-content: flex-end; line-height: 24px; margin-right: 16px; } .report_run_flex_item_bg_t1_s1[data-v-196a9889] { font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 16px; color: #B5BDED; margin-right: 8px; line-height: 28px; } .report_run_flex_item_bg_t1_s2[data-v-196a9889] { font-family: 'Numbers'; font-size: 24px; color: #FFFFFF; } .report_run_flex_item_bg_t1_s3[data-v-196a9889] { font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 16px; color: #6B77B5; line-height: 28px; margin-left: 4px; } .report_run_flex_item_bg_values[data-v-196a9889] { height: 32px; width: calc(100% - 32px); margin: 16px 16px 0px 16px; background: #2C325C; position: relative; overflow: hidden; display: flex; align-items: center; border-radius: 21px; } .report_run_flex_item_bg_values_item1[data-v-196a9889] { height: 32px; background: #00C253; border-radius: 21px 0px 0px 21px; } .report_run_flex_item_bg_values_item2[data-v-196a9889] { height: 32px; background: #F59300; border-radius: 0px 21px 21px 0px; } .report_run_flex_item_top[data-v-196a9889] { display: flex; } .report_run_flex_item_top_i[data-v-196a9889] { flex: 1; } .report_run_flex_item_btm[data-v-196a9889] { background: #2C325C; border-radius: 8px; height: 50px; margin: 16px 16px 0px 16px; width: calc(100% - 32px); display: flex; align-items: center; justify-content: center; } .report_run_flex_item_btm_i[data-v-196a9889] { display: flex; align-items: center; justify-content: center; flex: 1; } .report_run_flex_item_btm_t[data-v-196a9889] { font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 16px; color: #B5BDED; margin-right: 4px; line-height: 16px; } .report_run_flex_item_btm_v[data-v-196a9889] { font-family: 'Numbers'; font-size: 24px; line-height: 24px; color: #FFFFFF; } .report_run_flex_item_top_i_val[data-v-196a9889] { text-align: center; font-family: 'Numbers'; font-weight: bold; font-size: 32px; color: #FFFFFF; } .report_run_flex_item_top_i_tex[data-v-196a9889] { text-align: center; margin-top: 2px; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 16px; color: #B5BDED; } .report_run_flex_item_t[data-v-196a9889] { font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 19px; color: #B5BDED; text-align: center; margin-top: 13px; } .report_flex[data-v-196a9889] { margin-left: 24px; display: flex; } .report_item2[data-v-196a9889] { padding: 24px 0px; margin-top: 16px; width: 480px; height: 448px; background: #2C325C; border-radius: 16px; } .report_item2_title[data-v-196a9889] { font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: bold; font-size: 26px; color: #FFFFFF; margin-left: 24px; } .report_item2_char[data-v-196a9889] { position: relative; margin-top: 16px; height: 324px; width: 100%; overflow: hidden; } .report_item2_text[data-v-196a9889] { margin-top: 10px; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 19px; color: #B5BDED; text-align: center; } .echart-flex[data-v-196a9889] { display: flex; } .run_show_split[data-v-196a9889] { position: absolute; left: 0px; bottom: 18px; } .show_split[data-v-196a9889] { margin-left: 21px; display: flex; align-items: center; } .show_split_item[data-v-196a9889] { display: flex; align-items: center; margin-right: 17px; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 12px; color: #6B77B5; } .flex-c[data-v-196a9889] { display: flex; align-items: center; } .line[data-v-196a9889] { height: 17px; width: 27px; border-radius: 2px; margin-right: 4px; } .line1s[data-v-196a9889] { background: #00C253; } .line2s[data-v-196a9889] { background: #0A94FF; } .line3s[data-v-196a9889] { background: #F59300; } .line4s[data-v-196a9889] { background: #FA0000; } .heart_null[data-v-196a9889] { height: 139px; width: 191px; display: block; margin: 80px auto 0px auto; } .heart_null-t[data-v-196a9889] { margin-top: 17px; text-align: center; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 14px; color: #6B77B5; } .run_counts[data-v-196a9889] { display: flex; width: 100%; justify-content: space-between; background-color: #1D2040 !important; } .run_card_list[data-v-196a9889] { display: flex; flex-wrap: wrap; } .run_count[data-v-196a9889] { height: 64px; width: 454px; background: #2C325C; border-radius: 16px; display: flex; align-items: center; justify-content: center; } .run_counts_end .run_count[data-v-196a9889] { width: 297px !important; } .run_count_t[data-v-196a9889] { font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 24px; color: #B5BDED; } .run_count_v[data-v-196a9889] { font-family: 'Numbers'; font-size: 24px; color: #FFFFFF; } .run_card_list .run_card[data-v-196a9889]:nth-child(10n) { margin-right: 0px !important; } .run_card[data-v-196a9889] { margin-bottom: 18px; margin-right: 18px; height: 152px; width: 171px; border-radius: 16px; position: relative; overflow: hidden; background: #2C325C; } .run_card_bg[data-v-196a9889] { position: absolute; height: 92px; width: 80px; bottom: 8px; right: 8px; } .run_card_over[data-v-196a9889] { background: #2C325C !important; } .run_card_over .run_name[data-v-196a9889] { color: #B5BDED !important; } .run_card_over .run_dev[data-v-196a9889] { color: #B5BDED !important; } .run_card_over .run_card_data_v[data-v-196a9889] { color: #ffffff !important; } .run_card_over .run_card_data_u[data-v-196a9889] { color: rgba(255, 255, 255, 0.6) !important; } .run_card_over .run_card_data[data-v-196a9889] { margin-top: 12px !important; } .run_card_over .run_card_top[data-v-196a9889] { background: #3D4474 !important; } .run_card_speed[data-v-196a9889] { margin-top: 4px; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 24px; color: #6B77B5; text-align: center; } .run_card_top[data-v-196a9889] { height: 44px; padding: 0px 8px; display: flex; align-items: center; justify-content: space-between; background: #3D4474; } .run_name[data-v-196a9889] { font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: bold; font-size: 21px; color: #FFFFFF; } .run_dev[data-v-196a9889] { font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 21px; color: rgba(255, 255, 255, 0.6); } .run_card_data[data-v-196a9889] { margin: 28px auto 0px auto; display: flex; align-items: center; justify-content: center; } .run_card_data_v[data-v-196a9889] { font-family: 'Numbers'; font-size: 48px; color: #fff; } .run_card_data_u[data-v-196a9889] { margin-left: 2px; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 24px; color: rgba(255, 255, 255, 0.6); } .run_card_t4 .run_card_top[data-v-196a9889] { background: #00C253 !important; } .run_card_t3 .run_card_top[data-v-196a9889] { background: #0A94FF !important; } .run_card_t2 .run_card_top[data-v-196a9889] { background: #F59300 !important; } .run_card_t1 .run_card_top[data-v-196a9889] { background: #FA0000 !important; } .page_map_ctn[data-v-196a9889] { position: relative; top: -16px; height: 976px; width: 100%; } .map_count_fixed[data-v-196a9889] { position: absolute; right: 24px; top: 40px; z-index: 99; } .map_count_card[data-v-196a9889] { padding: 32px; background: #FFFFFF; box-shadow: 0px 4 8px 1px rgba(0, 0, 0, 0.04); border-radius: 16px 16px 16px 16px; border: 1px solid rgba(0, 0, 0, 0.1); } .map_count_flexs_min[data-v-196a9889] { width: 376px !important; } .map_count_flexs_max[data-v-196a9889] { width: 534px !important; } .map_count_title[data-v-196a9889] { font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: bold; font-size: 32px; color: rgba(0, 0, 0, 0.9); height: 32px !important; } .map_count_flexs[data-v-196a9889] { margin-top: 12px; display: flex; flex-wrap: wrap; width: 100%; } .map_card_items[data-v-196a9889] { margin-top: 16px; width: 154px; } .map_card_items_t1[data-v-196a9889] { text-align: center; font-family: 'Numbers'; font-size: 40px; color: rgba(0, 0, 0, 0.9); } .map_card_items_t2[data-v-196a9889] { margin-top: 4px; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 24px; color: rgba(0, 0, 0, 0.4); text-align: center; } .page_mask[data-v-196a9889] { position: fixed; z-index: 999; height: 100%; display: flex; align-items: center; justify-content: center; width: 100%; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.4); } .swiper-wrapper[data-v-196a9889] { background-color: #1D2040 !important; } .map_count_table[data-v-196a9889] { position: relative; height: 607px; width: 534px; margin-top: 8px; background-color: #fff; box-shadow: 0px 4 8px 1px rgba(0, 0, 0, 0.04); border-radius: 16px 16px 16px 16px; border: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; } .count_table_title[data-v-196a9889] { height: 44px; width: 100%; display: flex; background: #F8F9FA; line-height: 44px; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 18px; color: rgba(0, 0, 0, 0.4); } .count_table_list[data-v-196a9889] { position: relative; height: 560px; width: 100%; } .count_table_item[data-v-196a9889] { display: flex; align-items: center; height: 56px; line-height: 56px; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 24px; color: rgba(0, 0, 0, 0.9); background: #F8F9FA; } .count_table_item_odd[data-v-196a9889] { background: #Fff !important; } .count_table_c1[data-v-196a9889] { width: 120px; text-align: center; } .count_table_c2[data-v-196a9889] { width: 108px; text-align: center; } .count_table_c3[data-v-196a9889] { text-align: center; width: 110px; } .count_table_c4[data-v-196a9889] { text-align: center; width: 107px; } .count_table_c5[data-v-196a9889] { text-align: center; width: 89px; } .run-list-swiper .swiper-slide[data-v-196a9889] { background: #1D2040; } .heartRateScreen_c{ position: relative; } .heartRateScreen_c .heartRateScreen_c_flex{ display: flex; align-items: center; } .heartRateScreen_c .map_stu_ctn_name{ height: 60px; width: 150px; padding: 8px 14px 0px 14px; text-align: center; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: bold; font-size: 24px; color: #FFFFFF; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASYAAAB4CAMAAABo6a/bAAAAilBMVEUAAAAAAAAAAAAAAAAAwlMAAAAAAAAAwlIAsUsAr0sAwlIAwkoAwVMAwlIAsksAw1EAw1IAAAAAwlMAwlIAwlMAwVMArUkAwlIAxVEA10cAwlIAwlIA0UYAwlMAwVIAwlMAwVIAwVIAqUcAwlMAwlIAkD4AwVIAeTIAw1AAw1UAAAAAwVIAwVIAwlPB7CzzAAAALXRSTlMfABwVdw8L4Z2W/gjwqKNgSAnRwLKSjk0tBvbKC/Ho2LiZiHxqV1ZEJhkH04Dp6tUdAAACf0lEQVR42uzQgRAAAAgAsYTy18uge4ANYbMEmjRp+mlKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGi6duwEuVEYiMLwewK8YRu8L3G2yZ4Z3f96U1OTBDsskisgwPR3hL+kLrWsSCYrksmKZKoHxloYjXGrhdEtFloYLTDRwmiClRZGK/haGPmItTCKsZMXgdH1DpQZbjQhGGlhEBF8G2lRaPRGkFdaFLoiQf7RopBPgtz1tSjQ35EgZYgXi/g/E+da5PrNz0wteYmPdB3ir0yU35RcCyaZXmVjyXH9epSJsbwxM41iHmei/Kdk8nmaSTbgLBN+zxTKzpIyD1OZGC61OLEMmWRKPMgcPzJ6YAI8stlr8WG/YV4mbmUL/tDfMj8TD/6NFvrGP7AoExk+dv5E9R9DfgOmRXe6u/Z3EdPALIfNfSfPVP9+EzILmGf77K+W847sxOP5cuU/b5kHtNTzlEJF1rrQL1RCKa9HS6CVAJUaOq6UCErMNFNIcdZpjUqpGS2g/qNU3GmIqgXlZOrBhaHrSoleGZlmcGPgulJiVkImD44M6qoEr4RMcCXdaQBHaIJmTKakk20lt9MJjblz/0zrqQTvx5kUXJrWUgmKBmjOaDrtNIVLbcuEqV2lpp0mBcfWNhtK4zJ5cO3l6ekFZs0a4QE6oNem5+WZGvW8pIeLZ7OsyHFCiz5Sztesj5SLn+JBez55z9XET95LnuMerYB23gNPXdiZUsoL3mnnL0CkRjYJo4p2AAAAAElFTkSuQmCC); background-size: 100% 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .heartRateScreen_c .map_stu_ctn_bubble{ position: absolute; padding: 0px 10px; display: flex; align-items: center; justify-content: space-between; top: -59px; left: 0px; height: 59px; width: 240px; background: #FFFFFF; border-radius: 16px 16px 16px 0px; border: 4px solid #00C253; } .heartRateScreen_c .map_stu_ctn_bubble .map_stu_ctn_value{ font-family: 'Numbers'; font-size: 40px; color: rgba(0,0,0,0.9); } .heartRateScreen_c .map_stu_ctn_bubble .map_stu_ctn_unit{ font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; font-size: 22px; color: rgba(0,0,0,0.4); margin-left: 2px; } .heartRateScreen_c .map_stu_ctn_bubble .map_stu_ctn_icon{ height: 38px; width: 38px; margin-right: 4px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAPFBMVEUAAAAAwlIAv1AAwVIAwlIAwlIAwlIAxVAAwlIAwlMAwlIAx1AAw1QAwlMAwlIAwlIAwVMAwlEAwlIAwlMRLkbcAAAAE3RSTlMAfxDwwOBgMNCgUCBAsJBwzz+fNWIUNAAAAhhJREFUWMPtmMeWwjAMReUaJ04D/f+/DlOIMS7PJ86ZFXfDQuRZkdWAPny4DH8TD243n7VN4kGwQexd8ZN9vUW2aTWHzdwnwkihOMbYcJR5t20E2BSnmOnXZvK2ClJznvVhWwq2RVKJQXGJ3ZqybaA8k+JzqLzizIEuRfy+GJPGURruQSeCK/chkgD24ilCcy9jnDHcjwcOdrk48BXI+Ir7sUFwR1nWFJIlJDVXcQORdwxRrXc80wPPmKOiBaiq1kQ4eu3YEmvRVn74cBPico3gFm4OsbQIqiNdXXsP000FNfZ5mJa8bY+hqB164C8RnCmgmot5quVMYGHAjGvZRmsKA+jA1cvdz01zR4N+GKIs/j6B4Fbu2G6ORrZ66Q9CHpE3laHi0uoIWFZHNojy4FiiZ9LqCJhnp5vejtJJ8wqY8hYwH+GRbxadZFjBxT1+LPisZWEdCg5iF+3L8fHWdo9ypr4d7qv4Y8+sBT+G1WTnCS6s9IVsdglP8KH2wQMGL5y43+3174VCaH7pqoOCskgFWlOp5zhKwEuYKJ+qPJWwuDeJtgDiyaaKDlqqocEmJMBunSBddUBLlRmLZxWFJL8nFyyBHkgepId/5GK9XkWshxWxHlY0XXr4rrFev6IGekAR1wdGjpfp4U6x0TksWPJOKKrmf2nOp7gDevCyQbr0XvZI/YjkOnqZn4E0A12D3Nx39Cx9+Be+ALDK5oiKtGzeAAAAAElFTkSuQmCC); background-size: 100% 100%; } .heartRateScreen_c .map_stu_ctn_bubble .map_stu_ctn_rate{ font-family:'Numbers'; font-size: 40px; color: #00C253; } .heartRateScreen_c .map_level5{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASYAAAB4CAMAAABo6a/bAAAAe1BMVEUAAAAAAAAAAAAAAACKiooAAACIiIiIiIh7e3t6enoAAAAAAACIiIh9fX2IiIh4eHiIiIiIiIiHh4eHh4cAAACHh4eHh4eIiIiHh4eIiIiHh4eHh4eHh4eHh4eIiIiIiIiIiIhkZGSIiIhTU1OIiIiHh4eEhISKioqIiIjikii2AAAAKHRSTlMfAB0VCAvx452WDwj+o5SMeGBJKxrSqdvAsXX2yk62f2pXVkSlRhsYbP84ugAAAnxJREFUeNrs0IEQAAAIALFw8ifMoHuADWGzBJo0afppSjQlmhJNiaZEU6Ip0ZRoSjQlmhJNiaZEU6Ip0ZRoSjQlmhJNiaZEU6Ip0ZRoSjQlmhJNiaZEU6Ip0ZRoSjQlmhJNiaZEU6Ip0ZRoSjQlmhJNiaZEU6Ip0ZRoSjQlmhJNiaZEU6Ip0ZRounbsBLtNGIrC8L1CnrCNB8BjnLGD9r/CtqStnGCQkmMUMO9bwn+kd/TkRTJ5kUxeJNPXwNAIpyG2RjhtsTPCaYeNEU4bJEY4JVga4bTE2ginNbS8CJyGGpQZ7rQhuDLCYUXwx8yIWrOfBHlnRK07EuSDEbWWRSYta12tkS4yyRCvt+JrJuZGVMr5L5O8xGus/2ei/KZU2tFmSmVjqTBMzzJxLW/Mi2bfeZ6J8p9y0ZI2U+GbESUbvs+kZWcpyXUpE/XeiDf2mjaTtZQ5fmb2QAs8czoa8ddxzapMTEdGFEYpqzNRHyTUb6ODZl0mUj/2PtT2UfMdsGx1b/rreL9iGXiJPiW9PFOj5KR5CVglfT4k+7wnO/Ew3yeH55RVQE+DKFNoyMLUWqARKosG9AR6iRWaNAlbyVLxFTNNFRo2CVzJUlN6wNcfpfpOEzRMxdfJNEAIk9CVrAGd0IIb92ocvpL/vQNdIgQyDlzJiq6QSSGQcqcxwlB0QTsmk+3kWynsdEJr7twfc/9KYW8d2nPnbKfQlaA6lsl2mqNO3zNh7lWpdZkyBLawG0owWbdGeOHl6ekFHlo1wgfoAY8HgQt6oEvLyge1bFmhwo1THfpI+YRWfaSQMW5a3J1P3o9q4yfvLc/xiF5AP9M4ym7sTKksiqf08wuWeSOBPi2HAwAAAABJRU5ErkJggg==) !important; } .heartRateScreen_c .map_level3{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASYAAAB4CAMAAABo6a/bAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAIk/8KlP8Ih+gIheYAAAAAAAAAnf8JlP8JlP8Jk/8IiOsIlP8Hlf8AjP8KlP8Jk/8Jk/8JlP8IhOQJk/8Flv8JlP8JlP8JlP8KlP8Igd8JlP8JlP8GbLwJlP8EW58HlP8Flv8Ik/8KlP9OrhXEAAAAJ3RSTlMfABwVC3fxnZYPCAfgtKijYEgK0ubAko5NLfbK2JmIf2pXVkQmGXuBg56xAAACc0lEQVR42uzQgRAAAAgAsWzyN8yge4ANYbMEmjRp+mlKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGi6duwFuU0YisLwORLYBoyNwe8kzbva/w47nSYlDgbJExDY3G8J/4iLrpxIJieSyYlk6gcmRlhNcG+E1T02RlhtsDDCaoGtEVZbhEZYhVgZYbVCIjcCq0kCygy3WhDMjLDICL4bYfFOkHdGNLojQT4a0SgkQSZzIxrMExKkDPFmGf9lYmFErYKfmeQm3mD1PxPlNaXWhmWmN9lYakzePjPJZ2f55MpMlPeUs0KeZpIN+JwFv2fKZWepKJJKJuapESfShGWm0m8jvnhkCfxifzTiw3HPukw8yBb8YX5gfSbm4doIsw5zNmUik6fRn6j5U8JvwKpszP+8Y5qxCjwn3z+M8uNbP+xzngPWObyE27QYyU48KdJt+HJgHdBRoJVCR3am0S90Qikd0BHoJEKnZp4rlaIWM8UKFd467dApFdMB+j9KzZ1m6FrUTqYAPsx8VyoFbWSK4cfUd6VS3EImDU+mfVWCbiETLDrsNIUntMEwJlPZybWS3+mEwXxzfy37qQT940wKPi17qQRFCwxnNJ12WsKna8uEpVuloZ0mBc92LhvK4DJp+Pb6/PwKu2GN8AAjEFzT9fJCg7peUuPmuSwrcpxwRQ8plxvWQwoZ4aZF1/PIe6khPvLe8hzXdAK6iSOtbuxMKaWjmG7+ALh3tnNmAIo9AAAAAElFTkSuQmCC) !important; } .heartRateScreen_c .map_level2{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASYAAAB4CAMAAABo6a/bAAAAh1BMVEUAAAAAAAAAAAAAAAAAAAD0kwDfhQDdhQAAAAAAAAD/mAD1kgD1kwD1kwDhhwD/iwD1kwD0kwD1kgD1kgD0kgD1kwD1kwDbgwD0kgD1kgD3kgD1kwD1kwD0kgD1kwD1kwD0kwDWgAC2bAD2kgCbWwD4kQD2lgD1kwD0kwD2kwD0kgD1kwD1kgB8lKm5AAAAK3RSTlMfABwVC/Gdlg8IB2Hg0aMLqXhI5sCyl451TS1+9tjIuJCIV1ZEJhn3pW1GFgC07QAAAoVJREFUeNrs0IEQAAAIALF88vfLoHuADWGzBJo0afppSjQlmhJNiaZEU6Ip0ZRoSjQlmhJNiaZEU6Ip0ZRoSjQlmhJNiaZEU6Ip0ZRoSjQlmhJNiaZEU6Ip0ZRoSjQlmhJNiaZEU6Ip0ZRoSjQlmhJNiaZEU6Ip0ZRoSjQlmhJNiaZEU6Ip0ZRouvbsa0ltIIjC8DkjBAqAyGmjNzm03v/5XC6vLZI0Qy0aCejvGm7+GrpmGieayYlmcqKZmoFQlFWIB1FWD5iJspphJMpqhGdRVs8Yi7IaYyLKaoJEbwRWYQLqDLcaEUxFWaQEP0RZfBDko6hKjyTIO1GVxiTIpC+qQj8hQeoQr5bybyYORJUa8F+miTQkP+nDuTRh8j8TdZtSasYi03so/uVf+Io34ftWJk5yUUfkv7idibpPOWrM3Uz8IRcgF79G3M+U6a3gwCA5yMRsLmrHPOFhJn3c7bljAdyyvhf16X7Nskzc6Cv4U3/D8kzMVlNRMl1lrMpEJj9v/kT104R7wEPpk9yu708pD4HHZOvFTf74pot1xmPAMpvX1WI+uJF/8cLBfLF63bAM6KgTGIOaLKXSN9TCmKBDR6CTCLXqea5UiM6YKTbY56/TErUyMR2g+aNU3amHukXnydSBDz3flQqdc2SK4UfXd6VCfIZMATzpNlUJwRkywaLGTl14Qhu0YzIVnVwr+Z1OaM1v7o9hM5UQfDmTgU/DRirB0ALtGU27nYbw6dIyYehWqW2nycCzpcsLpXWZAvj29vLyBrt2jfAObkDnkq6XJ2rV9ZIBrp7LY0WPEy5okXK6di1SyAhXLbqcJe+p2rjkveY5HtAJ6CaOAnNlZ8qYIIrp5jd6OWv51yxRFwAAAABJRU5ErkJggg==) !important; } .heartRateScreen_c .map_level1{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASYAAAB4CAMAAABo6a/bAAAAilBMVEUAAAAAAAAAAAAAAAAAAAD6AAD5AADjAADgAAAAAAD/AAD6AAD6AADmAAD7AAD6AAD8AAAAAAD/AAD6AAD6AAD5AAD6AAD7AAD6AAD6AAD6AADgAAD8AAD6AAD5AAD6AAD6AADbAAD6AAC5AAD5AACbAAD/AADeAAD5AAD7AAD7AAD/AAD/AAD6AAD7sRzYAAAALXRSTlMfABUPC/HgnZYIB/6oo3hgSRoK0sCyknUt9sqOTubYuJmIaldWRCaMgH5GGxg4+9WEAAACd0lEQVR42uzQgRAAAAgAsYTy18uge4ANYbMEmjRp+mlKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGi6duxEOW0YisLwOTYYbMAra0KWZuuq93+9Tpu0IniRksHCxvd7hH+kO7qyIpmsSCYrkuk8MFbCaIxbJYxusVTCaIm5EkZzrJUwWiNWwihGqoRRikheBEbjCJQZbjQnmChhkBD8OVOi0ewXQV4p0eiKBPlNiUYxCTIKlGgQRCRIGeLNEr5mYqFErYL/MslLvEH6PxPlN6XWkjrTi2wsNcYvB5mYyhuz0uwHDzNR/lMqxXyfSTbgKnMeZ8plZykpolIm5isl3llF1Jm0WOb4gdl3auCB/U6JN7uUdZm4lS34TbBlfSbmmxsl1M0mZ1UmLXoY/IkKHiIeAcuSOzVcu7uEZWCVfH8/yDMV3O9zVgHrbJ8261UxkJ14XKzWm6ct64CWRl6GtlyrRl/Qjswb0RJoxUerpo4raf4JM4UocdfpGu0KaQHnP0rNnaZom3+aTCO4MHVdSRvRCB24ca8mritp4QkyeXBkcq5K8E6QCa6UO03gCE3QjcmkO9lWcjud0Jk798fCvpLbW4fu3LmjThM41LNMutMCjQaeCQu7Sl3LlMEdvQd/hVNZv0b4X8+Pj88w69YI9zEAoz49Lz+mW89Lerh4NsuKHCf06CPl47r1kXLxU9zvzyfvp3Tsk/eS57hHK6Cd0PcyXJjM80Pa+Q03FkW+9KSDcwAAAABJRU5ErkJggg==) !important; } .heartRateScreen_c .map_level0{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASYAAAB4CAMAAABo6a/bAAAAb1BMVEUAAAAAAAAAAAAAAABrdr5qd7UAAABha6Rfa6Nqd7UAAAAAAABqdrVqdrVqdrVjbqZqd7VrdrVqdrVrdrVqdrVqdrVrdrVfaqJrdrVpdLVrd7VqdrVqd7VeZ55pd7VPWIRBSHJodbVpeLRrd7Vrd7UTn+EzAAAAJHRSTlMfABwVCPILnZZ6DwjdSNGjYOWpUcCyl451Lci4kIhqV0QmGaWnl0unAAACbUlEQVR42uzQgRAAAAgAsWDyZ8yge4ANYbMEmjRp+mlKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGhKNCWaEk2JpkRToinRlGi6duwEuVEYiMLwe5LANmCMjdckk210/zNOTWUrRwHJFRDY9HeEv0TTUhDJFEQyBZFMw0BihVeCwgqvAlsrvLbYWOG1wYMVXg9YWOG1wNIKryWMbAReiQFlhnttCFZWeFQEX63weCXIOyta3ZEgZSXwWJAgjVzrWhWGBClDvF3Ft0wsrWhU8iOTbOItlp+ZKK8pjbb8yvQiN5YGyctHJvns2j+5r0yyPDVY8DwT/1rh2PB7JiNbgaM0TiaanRVndoZnmWQ+Nc8lNxNr2Qs+JUs2ZeJJbsHvihObM9Ec11bY9dGwLRNpHicfqng0/AZ0Vfd2upL7ii7wJ6beT/JMrfe14U/AJqf6uN+VE/n3JeVuf6xPbAIGSrVS6MnBtvqDXiilUwYCg2To1TxSJVfWYaZcwRGt0wG9UjkDYPij1N5pjr5l3WRKEcN8qEpA2kWmHHHMhqoE5B1k0ohkNlQl6A4yIRa30wyR0AfjmExOJ2+luNMJo/nm/lsNUwn615kUYloNUgmKHhjPaDrvtEJM15YJq7BKYztNCpEdQm4oo8ukEdvz09Mz/MY1wlNMQHpN6+WFRrVeUuPm6YBMcpxwRQ8plxvXQwqZ4aZl1/PIe6kxPvLe8hzXDAKGyTOtbuxMKaWznGH+AbpjbdHhMBG8AAAAAElFTkSuQmCC) !important; } .heartRateScreen_c .map_level1_b{ border-color: #FA0000 !important; } .heartRateScreen_c .map_level2_b{ border-color: #F59300 !important; } .heartRateScreen_c .map_level3_b{ border-color: #0A94FF !important; } .heartRateScreen_c .map_level5_b{ border-color: #888888 !important; } .heartRateScreen_c .map_level1_v{color: #FA0000 !important;} .heartRateScreen_c .map_level2_v{color: #F59300 !important;} .heartRateScreen_c .map_level3_v{color: #0A94FF !important;} .heartRateScreen_c .map_level5_v{color: rgba(0,0,0,0.2) !important;} .heartRateScreen_c .map_level1_i{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAOVBMVEUAAAD6AAD6AAD7AAD/AAD5AAD6AAD6AAD6AAD/AAD6AAD6AAD6AAD6AAD5AAD6AAD8AAD6AAD6AAAxeTS9AAAAEnRSTlMAgPBAEOCgwL8g0JAwYLBwUJ9t8l+WAAABjUlEQVRYw+2Y246DMAxEcUIChEDb+f+PXXVvXuRcWpunFeetKRpCfDRCDBcXFyex0OzcvOaz8gjfrOMpeTN+SWckrvjDbs/zOLCZAwMOuNE+kCPRKAwE3jhhQbDkbShA+rzRocSiDowoMhsVlGx2BRPRbpaROOD+/J0dy2hU8P61km0ysoLpZymxjCYFJ3kIIIOCHLgaZIwoBE5gZoOCrhSIzdCCPBRtMxKKgepmXCoVKJa1LejL9wnqFrxXyoK0LUgcqGnGWOvom64ZPQQrz17RjAGCSQS+ISOhGrhDEl9XUPoxoYB/Q0GmERjGjoKNQBShvoISz6chyV0FJfPzuR61P/sKSgJRQo1bQ0EFDRkJSvaagmp8R0FJIhIW9mTcUMV97iAHVKGKgm3Tls4lR+ILZ76iytxXkCFxUV/GMVgD3SgUVD0yE8VEupplNFkG5oYq/AbrHZrE/oiZ8FgTOkwDM+EEktihkUmcoRp5hiNOIFe+A9hL0T4W+X3DvsddNmKOAUpc9MPFxcU/4wNMfp/iOvrilwAAAABJRU5ErkJggg==) !important; } .heartRateScreen_c .map_level2_i{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAANlBMVEUAAAD1kwD/jwD0kwD1kwD0kgD1kgD0kgD0lQD1kwD1kwD3jwD3kwD1kgD0kwD2kgD3kgD1kwDy5KNHAAAAEXRSTlMAfxDw0MDgYDCgUCBAsJBwPzG3hrMAAAIUSURBVFjD7ZhZbuswDEUlUpY8O9r/Zl9fmpi1piuYRb9yfhKA8RVNcULMhw+/xvKwXzweS9E2P41iQ4SJ4xu3Py62efenzU+zwZDleMUHOcqntsMADo45fv62+bKtAQ2xzP5l2yq2jUyNkWMNF3zdNpoyM8d7cFlxjYJKEb8vxudxJB81DCZljzpsFkAtSSUOUct0zZioZwEOqlwc429AyRWrCSLoUJZ1hWSTpI5CpfgXFyHce8frs/FHzFnRFlRVbyKcvXbqibXtKz98uE/iohY85OYQW48gk+RWdw8bugpq0nmYl3zoj6GFh0omagVXI3B3Mc+tnBFk0qPTqXWmcEQA7jb8it7aNXcG0A8lyvb1CQSPesd262Vk84/+YOmMvG8MFZdXhxAin9lg64NjuzyTV4fg351uTo4asuYl+PoWsJ7hocQyJBlWddFlj02vr1RZh8RB7GL4cbxsbVm3GNrbodvtC1dYC56G3RfmSX9hzYnPKbvJWKT2wQMeL5y437n276QQul+66aA1RYh7WtPRcF/AS5itn8qLqRFwb7J9AcSTjasOBtNiAJuQBbt1BrnmgCYujMW7ipYKW6IjI9xInoIeZmSFHlbU64miXk8UvUoP3zXW0yvKeFEogvoA0KTW6+8Uh7lHAEveDUXu/pfmfoq70WggB9JFe9mT0WOT69CzvgPpJXw66HD/oxfMhz/hH2IVzrZDoBvPAAAAAElFTkSuQmCC) !important; } .heartRateScreen_c .map_level3_i{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAANlBMVEUAAAAKlP8Aj/8KlP8Kk/8Jk/8JlP8Ilf8Flf8KlP8Kk/8Il/8Ik/8JlP8JlP8JlP8Ilv8KlP8QwsyVAAAAEXRSTlMAfxDw0MDgYDCgUCBAsJBwPzG3hrMAAAIUSURBVFjD7ZhZbuswDEUlUpY8O9r/Zl9fmpi1piuYRb9yfhKA8RVNcULMhw+/xvKwXzweS9E2P41iQ4SJ4xu3Py62efenzU+zwZDleMUHOcqntsMADo45fv62+bKtAQ2xzP5l2yq2jUyNkWMNF3zdNpoyM8d7cFlxjYJKEb8vxudxJB81DCZljzpsFkAtSSUOUct0zZioZwEOqlwc429AyRWrCSLoUJZ1hWSTpI5CpfgXFyHce8frs/FHzFnRFlRVbyKcvXbqibXtKz98uE/iohY85OYQW48gk+RWdw8bugpq0nmYl3zoj6GFh0omagVXI3B3Mc+tnBFk0qPTqXWmcEQA7jb8it7aNXcG0A8lyvb1CQSPesd262Vk84/+YOmMvG8MFZdXhxAin9lg64NjuzyTV4fg351uTo4asuYl+PoWsJ7hocQyJBlWddFlj02vr1RZh8RB7GL4cbxsbVm3GNrbodvtC1dYC56G3RfmSX9hzYnPKbvJWKT2wQMeL5y437n276QQul+66aA1RYh7WtPRcF/AS5itn8qLqRFwb7J9AcSTjasOBtNiAJuQBbt1BrnmgCYujMW7ipYKW6IjI9xInoIeZmSFHlbU64miXk8UvUoP3zXW0yvKeFEogvoA0KTW6+8Uh7lHAEveDUXu/pfmfoq70WggB9JFe9mT0WOT69CzvgPpJXw66HD/oxfMhz/hH2IVzrZDoBvPAAAAAElFTkSuQmCC) !important; } .live-match[data-v-053c6422] { position: fixed; height: 100%; width: 100%; background: linear-gradient(180deg, #1f4592 0%, #ced6ff 100%); } .tip-dialog[data-v-053c6422] { z-index: 9999; position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; } .tip-dialog .tips[data-v-053c6422] { position: absolute; top: 30%; max-width: 460px; margin: 0 auto; padding: 20px; background: #FFFFFF; border-radius: 12px; z-index: 99999; } .tip-dialog .tips .tips-title[data-v-053c6422] { display: flex; flex-direction: row; justify-content: center; width: 100%; font-size: 24px; font-weight: bold; } .tip-dialog .tips .tips-content[data-v-053c6422] { display: flex; flex-direction: row; align-items: center; width: 100%; margin-top: 20px; font-size: 20px; font-weight: 400; line-height: 32px; } .tip-dialog .start-tip[data-v-053c6422] { display: flex; flex-direction: column; align-items: center; width: 500px; height: 200px; } .tip-dialog .start-tip .tips-content[data-v-053c6422] { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 120px; } .tip-dialog .start-tip .tips-footer[data-v-053c6422] { display: flex; flex-direction: row; align-items: center; width: 100%; } .tip-dialog .start-tip .tips-footer .tips-item[data-v-053c6422] { flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: center; } .tip-dialog .start-tip .tips-footer .cancel[data-v-053c6422], .tip-dialog .start-tip .tips-footer .tip-start[data-v-053c6422] { display: inline-block; width: 160px; height: 50px; line-height: 51px; border-radius: 6px; font-size: 18px; font-weight: 400; text-align: center; } .tip-dialog .start-tip .tips-footer .cancel[data-v-053c6422] { color: #409EFF; background: #ebf5ff; border: 1px solid #409EFF; letter-spacing: 30px; text-indent: 30px; } .tip-dialog .start-tip .tips-footer .tip-start[data-v-053c6422] { color: #FFFFFF; background: #409EFF; border: 1px solid #409EFF; letter-spacing: 2px; text-indent: 2px; } .dialog-model[data-v-053c6422] { background: rgba(0, 0, 0, 0.3); } .gif-icon[data-v-053c6422] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; z-index: 997; } .gif-icon .gif-icon-box[data-v-053c6422] { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 580px; height: 400px; background: #222648; box-shadow: 0px 0px 99px rgba(0, 0, 0, 0.3); border-radius: 46px; z-index: 998; } .gif-icon .gif-icon-box .gif-tips[data-v-053c6422] { margin-top: 10px; font-size: 36px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; } .gif-icon .gif-icon-box img[data-v-053c6422] { width: 216px; height: 280px; z-index: 999; } .cartoon[data-v-053c6422] { position: fixed; top: 20%; left: 50%; width: 469px; height: 255px; margin-left: -234px; margin-top: -126px; z-index: 996; } .cartoon .content[data-v-053c6422] { position: absolute; top: calc(33.8vh); width: 469px; height: 255px; line-height: 255px; text-align: center; background: #01c1fc; border-radius: 28px; font-size: 180px; font-weight: bold; color: #ffffff; z-index: 997; } .live-match-top[data-v-053c6422] { display: flex; flex-direction: row; align-items: center; width: 98%; margin: 20px auto; } .live-match-top .top-item[data-v-053c6422] { height: 118px; background: rgba(255, 255, 255, 0.12); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 12px; } .live-match-top .live-match-left[data-v-053c6422] { width: 20%; display: flex; flex-direction: row; align-items: center; justify-content: center; margin-right: 20px; font-size: 68px; font-family: Arial; font-weight: bold; color: #ffffff; } .live-match-top .live-match-center[data-v-053c6422] { width: 60%; display: flex; flex-direction: row; align-items: center; } .live-match-top .live-match-center .top-btn[data-v-053c6422] { display: flex; flex-direction: row; align-items: center; width: auto; height: 46px; padding: 0 16px; background: rgba(255, 255, 255, 0.12); border-radius: 6px; font-size: 22px; font-family: Microsoft YaHei UI; font-weight: bold; line-height: 46px; color: #ffffff; cursor: pointer; } .live-match-top .live-match-center .top-btn img[data-v-053c6422] { width: 32px; height: 32px; } .live-match-top .live-match-center .top-btn .music-text[data-v-053c6422] { max-width: 110px; margin-left: 6px; margin-right: 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .live-match-top .live-match-center .top-btn .mic-text[data-v-053c6422] { margin-left: 6px; } .live-match-top .live-match-center .match-msg-left .match-music[data-v-053c6422] { position: relative; width: 180px; margin-left: 12px; padding: 0 12px; } .live-match-top .live-match-center .match-msg-left .match-music .music-list[data-v-053c6422] { position: absolute; top: 50px; left: 0; width: 240px; background: #5b77b0; border-radius: 6px; z-index: 100; } .live-match-top .live-match-center .match-msg-left .match-music .music-list .music-list-item[data-v-053c6422] { display: flex; flex-direction: row; align-items: center; position: relative; width: 200px; height: 50px; margin-left: 20px; line-height: 50px; border-bottom: 1px solid #6882b6; font-size: 16px; font-family: Microsoft YaHei UI; font-weight: bold; color: #ffffff; cursor: pointer; } .live-match-top .live-match-center .match-msg-left .match-music .music-list .music-list-item .music-icon[data-v-053c6422] { margin-left: -8px; } .live-match-top .live-match-center .match-msg-left .match-music .music-list .music-list-item .musicName[data-v-053c6422] { margin-left: 6px; } .live-match-top .live-match-center .match-msg-left .match-music .music-list .music-list-item .choose-icon[data-v-053c6422] { position: absolute; top: 11px; right: 20px; } .live-match-top .live-match-center .match-msg-left .match-music .music-list .music-list-item[data-v-053c6422]:last-child { border: none; } .live-match-top .live-match-center .match-msg-left .group-number[data-v-053c6422] { margin-top: 2px; margin-left: 32px; font-size: 18px; font-family: Microsoft YaHei UI; font-weight: 400; line-height: 46px; color: rgba(255, 255, 255, 0.6); } .live-match-top .live-match-center .match-msg-center[data-v-053c6422] { flex: 4; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: -18px; } .live-match-top .live-match-center .match-msg-center .match-name[data-v-053c6422] { width: 90%; font-size: 32px; text-align: center; font-family: Microsoft YaHei UI; font-weight: bold; line-height: 41px; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .live-match-top .live-match-center .match-msg-center .group-num[data-v-053c6422] { margin-top: 11px; font-size: 18px; font-family: Microsoft YaHei UI; font-weight: 400; line-height: 29px; color: rgba(255, 255, 255, 0.6); } .live-match-top .live-match-center .match-msg-right .banned[data-v-053c6422], .live-match-top .live-match-center .match-msg-right .open-microphone[data-v-053c6422] { margin-right: 12px; } .live-match-top .live-match-center .match-msg-right .open-microphone[data-v-053c6422] { margin-top: 2px; } .live-match-top .live-match-right[data-v-053c6422] { width: 20%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 20px; } .live-match-top .live-match-right .next-group[data-v-053c6422] { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; line-height: 24px; color: rgba(255, 255, 255, 0.6); } .live-match-top .live-match-right .next-sch[data-v-053c6422] { width: 94%; max-height: 67px; margin-top: 15px; text-align: center; font-size: 24px; font-family: Microsoft YaHei; font-weight: 400; line-height: 31px; color: #ffffff; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } .live-match-content[data-v-053c6422] { display: flex; flex-direction: row; align-items: center; width: 98%; height: calc(100vh - 294px); margin: 0 auto; background: rgba(255, 255, 255, 0.24); border-radius: 12px; } .live-match-content .live-bg[data-v-053c6422] { width: calc(100% - 40px); height: calc(100% - 40px); margin: 20px auto; background: #404261; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06); border-radius: 6px; } .live-match-content .live-bg .live-content[data-v-053c6422] { display: flex; flex-direction: row; justify-content: center; width: 100%; height: 100%; } .live-match-content .live-bg .live-content .live-text[data-v-053c6422] { position: absolute; left: 20px; top: 20px; display: flex; flex-direction: row; align-items: center; width: 132px; height: 42px; background: rgba(0, 0, 0, 0.6); border-radius: 4px; z-index: 99; } .live-match-content .live-bg .live-content .live-text img[data-v-053c6422] { width: 19.25px; height: 24.31px; margin-left: 16px; } .live-match-content .live-bg .live-content .live-text .live-text-content[data-v-053c6422] { margin-left: 11px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; } .live-match-content .live-bg .live-content .sch-name[data-v-053c6422] { position: absolute; left: 20px; bottom: 20px; max-width: 430px; height: 50px; padding: 0 16px; background: rgba(0, 0, 0, 0.6); border-radius: 4px; font-size: 24px; font-family: Microsoft YaHei; font-weight: 400; line-height: 50px; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 99; } .live-match-content .live-bg .live-content .fixed-score[data-v-053c6422] { position: absolute; z-index: 11; right: 10px; top: 10px; background: rgba(0, 0, 0, 0.6); padding: 5px 10px; font-size: 48px !important; font-family: Microsoft YaHei UI-Bold, Microsoft YaHei UI; font-weight: bold; color: #FFFFFF; } .live-match-content .live-bg .live-content .mico[data-v-053c6422] { cursor: pointer; position: absolute; right: 20px; bottom: 20px; display: flex; flex-direction: row; align-items: center; width: 136px; height: 46px; background: rgba(24, 144, 255, 0.92); border-radius: 6px; z-index: 99; } .live-match-content .live-bg .live-content .mico img[data-v-053c6422] { width: 32px; height: 32px; margin-left: 16px; } .live-match-content .live-bg .live-content .mico .mico-text[data-v-053c6422] { margin-left: 6px; font-size: 22px; font-family: Microsoft YaHei; font-weight: bold; color: #ffffff; } .live-match-content .live-bg .live-content .live[data-v-053c6422] { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; } .live-match-content .live-bg .live-content .live img[data-v-053c6422] { width: 146px; height: 183px; } .live-match-content .live-bg .live-content .live .live-screen[data-v-053c6422] { position: relative; margin: 0px !important; padding: 0px !important; width: 100%; height: 100%; } .live-match-content .live-bg .live-content .live .live-screen .video-control[data-v-053c6422] { display: flex; flex-direction: row; align-items: center; justify-content: center; position: absolute; width: 100%; height: 100%; z-index: 998; } .live-match-content .live-bg .live-content .live .live-screen .video-control .video-palyback[data-v-053c6422] { display: flex; flex-direction: row; align-items: center; width: 164px; height: 56px; background: #1890FF; border-radius: 6px 6px 6px 6px; } .live-match-content .live-bg .live-content .live .live-screen .video-control .video-palyback img[data-v-053c6422] { width: 32px; height: 32px; margin-left: 25px; } .live-match-content .live-bg .live-content .live .live-screen .video-control .video-palyback .palyback-text[data-v-053c6422] { margin-left: 12px; font-size: 18px; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; } .live-match-content .live-bg .live-content .one-live[data-v-053c6422] { position: relative; width: 73%; height: 100%; margin: 0 auto; background: #121427; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06); border-radius: 4px; } .live-match-content .live-bg .live-content .two-live[data-v-053c6422] { display: flex; flex-direction: row; align-items: center; width: 100%; } .live-match-content .live-bg .live-content .two-live .live-msg[data-v-053c6422] { flex: 1; position: relative; height: 69.2%; background: #121427; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06); border-radius: 4px; } .live-match-content .live-bg .live-content .two-live .live-msg[data-v-053c6422]:first-child { margin-right: 8px; } .live-match-content .live-bg .live-content .live-list[data-v-053c6422] { display: flex; flex-wrap: wrap; align-content: space-between; /*position: relative;*/ /*display: flex;*/ /*flex-direction: row;*/ /*align-items: center;*/ /*justify-content: center;*/ /*height: 100%;*/ /*width: 100%;*/ /*flex-wrap: wrap;*/ } .live-match-content .live-bg .live-content .one-live[data-v-053c6422] { width: 100%; justify-content: center; } .live-match-content .live-bg .live-content .two-live[data-v-053c6422] { align-content: center !important; } .live-match-content .live-bg .live-content .three-live[data-v-053c6422] { width: 73%; } .live-match-content .live-bg .live-content .four-live[data-v-053c6422] { width: 100%; } .live-match-content .live-bg .live-content .four-live .sch-name[data-v-053c6422] { max-width: 410px; padding: 0 10px; } .live-match-content .live-bg .live-content .eight-live[data-v-053c6422] { width: 100%; } .live-match-content .live-bg .live-content .eight-live .sch-name[data-v-053c6422] { max-width: 410px; padding: 0 10px; font-size: 23px; } .live-match-content .live-bg .live-content .twelve-live[data-v-053c6422] { width: 100%; } .live-match-content .live-bg .live-content .twelve-live .sch-name[data-v-053c6422] { max-width: 410px; padding: 0 10px; font-size: 23px; } .live-match-content .live-bg .live-content .class-1[data-v-053c6422] { width: 73%; height: 100%; } .live-match-content .live-bg .live-content .class-2[data-v-053c6422]:nth-child(2n) { margin-right: 0px !important; } .live-match-content .live-bg .live-content .class-2[data-v-053c6422] { width: calc((100% - 8px) / 2); height: 69.2%; margin-right: 8px; } .live-match-content .live-bg .live-content .class-3-4[data-v-053c6422]:nth-child(2n) { margin-right: 0px !important; } .live-match-content .live-bg .live-content .class-3-4[data-v-053c6422] { width: calc((100% - 8px) / 2); height: calc((100% - 8px) / 2); margin-right: 8px; } .live-match-content .live-bg .live-content .class-5-6[data-v-053c6422]:nth-child(3n) { margin-right: 0px !important; } .live-match-content .live-bg .live-content .class-5-6[data-v-053c6422] { width: calc((100% - 16px) / 3); height: calc((100% - 8px) / 2); margin-right: 8px; } .live-match-content .live-bg .live-content .class-7-8[data-v-053c6422]:nth-child(4n) { margin-right: 0px !important; } .live-match-content .live-bg .live-content .class-7-8[data-v-053c6422] { width: calc((100% - 24px) / 4); height: calc((100% - 8px) / 2); margin-right: 8px; } .live-match-content .live-bg .live-content .class-8-12[data-v-053c6422]:nth-child(4n) { margin-right: 0px !important; } .live-match-content .live-bg .live-content .class-8-12[data-v-053c6422] { width: calc((100% - 24px) / 4); height: calc((100% - 16px) / 3); margin-right: 8px; } .live-match-content .live-bg .live-content .live-msg[data-v-053c6422] { position: relative; background: #121427; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06); border-radius: 4px; } .live-match-bottom[data-v-053c6422] { display: flex; flex-direction: row; align-items: center; width: 98%; height: 96px; margin: 20px auto; } .live-match-bottom .the-last-group[data-v-053c6422] { display: flex; justify-content: center; } .live-match-bottom .the-last-group[data-v-053c6422], .live-match-bottom .start-match[data-v-053c6422], .live-match-bottom .next-group[data-v-053c6422] { flex: 1; } .live-match-bottom .the-last-group .bottom-btn[data-v-053c6422], .live-match-bottom .start-match .bottom-btn[data-v-053c6422], .live-match-bottom .next-group .bottom-btn[data-v-053c6422] { width: 267px; height: 56px; background: #ecf5ff; border: 1px solid #bdddff; border-radius: 6px; font-size: 18px; font-family: PingFang SC; font-weight: 400; line-height: 56px; text-align: center; color: #1890ff; cursor: pointer; } .live-match-bottom .the-last-group .bottom-btn[data-v-053c6422] { cursor: pointer; margin-left: 20px; } .live-match-bottom .start-match[data-v-053c6422] { display: flex; flex-direction: row; justify-content: center; } .live-match-bottom .start-match .bottom-btn[data-v-053c6422] { cursor: pointer; background: #1890ff; border: 1px solid #1890ff; color: #ffffff; } .live-match-bottom .next-group[data-v-053c6422] { display: flex; flex-direction: row; justify-content: flex-end; } .live-match-bottom .next-group .bottom-btn[data-v-053c6422] { cursor: pointer; margin-right: 20px; } .score-bg[data-v-053c6422] { margin: 0px 44px; width: calc(100% - 88px); } .score-tip[data-v-053c6422] { font-size: 24px; font-family: Microsoft YaHei UI-Bold, Microsoft YaHei UI; font-weight: bold; color: #FFFFFF; line-height: 22px; margin-top: 32px; text-align: center; margin-bottom: 16px; } .reload-btn[data-v-053c6422] { font-size: 26px; font-family: Microsoft YaHei UI-Regular, Microsoft YaHei UI; font-weight: 400; color: #1890FF; cursor: pointer; } .flex-value[data-v-053c6422] { display: flex; align-items: center; justify-content: center; } .score-table[data-v-053c6422] { border-radius: 6px !important; } [data-v-053c6422] .el-table__header-wrapper .curstom-c { height: 92px !important; font-size: 24px; font-family: Microsoft YaHei UI-Bold, Microsoft YaHei UI; font-weight: bold; color: #303133; } .score-input[data-v-053c6422] { height: 60px; width: 240px; font-size: 26px; font-family: Microsoft YaHei UI-Regular, Microsoft YaHei UI; font-weight: 400; } [data-v-053c6422] .score-input .el-input__inner { height: 60px; } [data-v-053c6422] .el-table__body-wrapper .curstom-c { height: 94px !important; font-size: 26px; font-family: Microsoft YaHei UI-Regular, Microsoft YaHei UI; font-weight: 400; color: #606266; } [data-v-053c6422] .el-table__body-wrapper .curstom-c .cell { line-height: 26px !important; } .rank-bg[data-v-053c6422] { position: fixed; display: flex; justify-content: center; z-index: 999; top: 0px; left: 0px; height: 100vh; width: 100vw; background-color: rgba(0, 6, 44, 0.8); } .rank-bg .rank-c[data-v-053c6422] { width: 1100px; margin-top: 50px; height: 990px; background: #222648; border-radius: 6px 6px 6px 6px; } .rank-bg .rank-c .rank-title[data-v-053c6422] { height: 74px; width: 100%; background-image: url(../img/rank-title-bg.7a1da154.png); background-size: 100%; line-height: 74px; font-size: 32px; text-align: center; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #E4E955; } .rank-bg .rank-c .max-rank-h[data-v-053c6422] { margin-top: 15px !important; height: 72px !important; } .rank-bg .rank-c .rank-item[data-v-053c6422] { margin: 10px 60px 0px 60px; width: calc(100% - 177px); background: #2C365F; border-radius: 12px 12px 12px 12px; height: 64px; display: flex; align-items: center; justify-content: space-between; padding: 0px 40px 0px 17px; } .rank-bg .rank-c .rank-item .idx-box[data-v-053c6422] { height: 64px; width: 50px; font-size: 48px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #01C1FC; display: flex; align-items: center; justify-content: center; } .rank-bg .rank-c .rank-item .name-box[data-v-053c6422] { margin-left: 44px; font-size: 28px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #01C1FC; } .rank-bg .rank-c .rank-item .stg-box[data-v-053c6422] { font-size: 20px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #01C1FC; } .rank-bg .rank-c .rank-item .score-box[data-v-053c6422] { padding: 0px 16px; font-size: 48px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #01C1FC; } .rank-bg .rank-l[data-v-053c6422] { height: 456px; margin-top: 50px; width: 300px; } .rank-bg .rank-r[data-v-053c6422] { height: 456px; margin-top: 50px; width: 300px; } .rank-bg img[data-v-053c6422] { height: 100%; width: 100%; } .cartoon[data-v-5b62b305] { position: fixed; width: 100%; height: 100%; z-index: 999; background: rgba(225, 225, 225, 0.1); } .cartoon .content[data-v-5b62b305] { position: absolute; top: 50%; left: 50%; font-size: 200px; color: #ffffff; transform: translate(-50%, -50%); } /* 顶部 */ .jumpRope[data-v-5b62b305] { position: absolute; height: 100%; width: 100%; } .jumpRope .jump-rope-bg[data-v-5b62b305] { position: absolute; height: 100%; width: 100%; background: url(../img/bg2.a76e9391.png) no-repeat; background-size: cover; z-index: -1; } .jumpRope .jump-rope-bg2[data-v-5b62b305] { position: absolute; height: 100%; width: 100%; background: url(../img/bg3.814fa77d.png) no-repeat; background-size: cover; z-index: -1; } .jumpRope .is-start[data-v-5b62b305] { position: relative; top: 260px; width: 320px; height: 175px; margin: 0 auto; } .jumpRope .is-start img[data-v-5b62b305] { position: relative; left: 50%; transform: translate(-50%); width: 140px; height: 102px; } .jumpRope .is-start .text[data-v-5b62b305] { position: relative; top: 40px; text-align: center; font-size: 24px; font-weight: bold; color: #ffffff; } .top[data-v-5b62b305] { overflow: hidden; width: 100%; height: 118px; margin-top: 50px; } .top .center[data-v-5b62b305] { position: absolute; top: -15px; left: 50%; font-family: "Microsoft YaHei"; width: 420px; margin-left: -210px; } .top .center .title[data-v-5b62b305] { color: #a2ecff; font-size: 36px; text-align: center; font-weight: bold; } .top .center .match-info[data-v-5b62b305] { display: flex; margin-top: 50px; text-align: center; } .top .center .match-info span[data-v-5b62b305] { flex: 1; font-size: 18px; font-weight: bold; line-height: 33px; color: #ffffff; } .top .center .match-info .error[data-v-5b62b305] { color: #ff6f8c; } .top .title p[data-v-5b62b305] { line-height: 40px; } .top .left[data-v-5b62b305] { float: left; } .game-type[data-v-5b62b305] { float: left; margin-left: 83px; } .game-type .name[data-v-5b62b305] { display: inline-block; vertical-align: top; color: #ffffff; font-size: 24px; height: 66px; margin-top: 15px; } .game-type .number[data-v-5b62b305] { display: inline-block; vertical-align: top; color: #a2ecff; font-size: 48px; font-weight: bold; height: 66px; margin-left: 16px; } .game-type .top-number[data-v-5b62b305] { display: inline-block; vertical-align: top; height: 66px; margin-left: 16px; margin-top: 4px; color: #a2ecff; font-size: 48px; font-weight: bold; } .top .right[data-v-5b62b305] { float: right; width: 285px; margin-right: 97px; } .group[data-v-5b62b305] { font-size: 14px; color: #ffffff; margin-top: 20px; } .group p[data-v-5b62b305] { margin-left: 20px; } .group .point[data-v-5b62b305], .number-people .point[data-v-5b62b305] { float: left; width: 6px; height: 6px; margin-top: 4px; background: #8599ff; border-radius: 50%; } .number-people[data-v-5b62b305] { color: #ffffff; font-size: 14px; margin-top: 20px; } .number-people .number[data-v-5b62b305] { margin-left: 20px; } .all-result[data-v-5b62b305] { position: relative; top: 30px; left: 0; bottom: 0; width: 96%; margin: 0 auto; overflow: hidden; } .all-result .all-top-other[data-v-5b62b305] { position: relative; top: 0; left: 0; width: 100%; height: 670px; overflow: hidden; } .all-result .all-top-other .all-result-scroll[data-v-5b62b305] { position: relative; height: 90px; margin-bottom: 20px; } .all-result .top-a[data-v-5b62b305] { height: 120px; border: 3px solid rgba(255, 255, 255, 0.5); border-radius: 12px; background-color: rgba(0, 153, 255, 0.5); } .all-result .top-a .rank-a[data-v-5b62b305] { width: 90px; height: 120px; margin-left: 12px; line-height: 120px; } .all-result .top-a .rank-a img[data-v-5b62b305] { display: inline-block; width: 50px; height: 64px; margin-top: 28px; } .all-result .top-a .rank-a span[data-v-5b62b305] { font-size: 42px; font-weight: bold; color: #e4e955; } .all-result .top-a .msg-a[data-v-5b62b305] { display: table; position: absolute; top: 0; left: 112px; height: 120px; } .all-result .top-a .msg-a .head[data-v-5b62b305] { display: table-cell; vertical-align: middle; } .all-result .top-a .msg-a .head img[data-v-5b62b305] { width: 73px; height: 73px; border: 2px solid #ffffff; border-radius: 50%; } .all-result .top-a .number-a[data-v-5b62b305] { height: 120px; line-height: 120px; } .all-result .top-a .num-a[data-v-5b62b305] { height: 120px; line-height: 120px; } .all-result .top-b[data-v-5b62b305] { height: 90px; border: 3px solid rgba(255, 255, 255, 0.3); border-radius: 12px; background-color: rgba(0, 153, 255, 0.3); } .all-result .top-b .rank-b[data-v-5b62b305] { display: flex; flex-direction: row; align-items: center; width: 70px; height: 90px; margin-left: 12px; } .all-result .top-b .rank-b img[data-v-5b62b305] { margin-top: 13px; width: 50px; height: 64px; } .all-result .top-b .rank-b span[data-v-5b62b305] { font-size: 42px; font-weight: bold; color: #e4e955; } .all-result .top-b .msg-b[data-v-5b62b305] { display: flex; flex-direction: row; align-items: center; position: absolute; left: 86px; top: 0; height: 90px; } .all-result .top-b .msg-b .head[data-v-5b62b305] { display: table-cell; vertical-align: middle; } .all-result .top-b .msg-b .head img[data-v-5b62b305] { width: 40px; height: 40px; border: 2px solid #ffffff; border-radius: 50%; } .all-result .top-b .msg-b .name[data-v-5b62b305] { margin-left: 10px; font-size: 28px; font-weight: bold; color: #ffffff; } .all-result .top-b .msg-b .cla[data-v-5b62b305] { width: 40%; margin-left: 10px; font-size: 24px; font-weight: 400; color: rgba(225, 225, 225, 0.54); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .all-result .top-b .number-b[data-v-5b62b305] { height: 90px; line-height: 90px; } .all-result .top-b .num-b[data-v-5b62b305] { height: 90px; line-height: 90px; } .all-result .all-result-item[data-v-5b62b305] { position: relative; float: left; width: 32%; margin: 0 0.49% 20px 0.49%; } .all-result .all-result-item .rank[data-v-5b62b305] { display: inline-block; text-align: center; } .all-result .all-result-item .msg[data-v-5b62b305] { display: table; position: absolute; top: 0; } .all-result .all-result-item .msg .msg-text[data-v-5b62b305] { display: table-cell; position: relative; top: 1px; left: 12px; vertical-align: middle; line-height: 37px; } .all-result .all-result-item .msg .msg-text .name[data-v-5b62b305] { font-size: 28px; font-weight: bold; color: #fff; } .all-result .all-result-item .msg .msg-text .cla[data-v-5b62b305] { width: 32%; font-size: 24px; font-weight: 400; color: rgba(225, 225, 225, 0.54); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .all-result .all-result-item .msg .msg-text-a .name[data-v-5b62b305] { display: inline-block; position: relative; top: 1px; left: 12px; height: 90px; line-height: 90px; font-size: 28px; font-weight: bold; color: #fff; } .all-result .all-result-item .msg .msg-text-a .cla[data-v-5b62b305] { display: inline-block; position: relative; top: 1px; left: 22px; height: 90px; line-height: 90px; font-size: 24px; font-weight: 400; color: rgba(225, 225, 225, 0.54); } .all-result .all-result-item .number[data-v-5b62b305] { position: absolute; top: 0; right: 143px; font-size: 24px; font-weight: bold; color: #a2ecff; } .all-result .all-result-item .number img[data-v-5b62b305] { display: inline-block; vertical-align: middle; width: 26px; height: 26px; } .all-result .all-result-item .number span[data-v-5b62b305] { display: inline-block; vertical-align: middle; margin-left: 2px; } .all-result .all-result-item .result-num[data-v-5b62b305] { float: right; margin-right: 30px; font-size: 60px; font-weight: 400; color: #ffffff; } .result[data-v-5b62b305] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(225, 225, 225, 0.2); z-index: 1000; } .result .result-content[data-v-5b62b305] { width: 1698px; height: 980px; margin: 50px auto; } .result .result-content .left[data-v-5b62b305] { display: inline-block; position: relative; top: 0; left: 0; width: 299px; height: 457px; vertical-align: top; background: url(../img/left.e132aa7a.png) no-repeat; background-size: 299px 457px; } .result .result-content .center[data-v-5b62b305] { display: inline-block; position: relative; top: 0; width: 1100px; height: 980px; margin: 0 auto; vertical-align: top; background: url(../img/center.0f21e95f.png) no-repeat; background-size: 1100px 980px; } .result .result-content .center .result-list[data-v-5b62b305] { width: 997px; margin: 0 auto; color: #fff; } .result .result-content .center .result-list .top-three[data-v-5b62b305] { position: relative; top: 10px; } .result .result-content .center .result-list .top-other[data-v-5b62b305] { position: relative; top: 10px; width: 997px; height: 537px; overflow: hidden; } .result .result-content .center .result-list .list-item[data-v-5b62b305] { position: relative; width: 997px; height: 90px; line-height: 90px; margin-bottom: 18px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 56%, rgba(0, 196, 255, 0.2) 44%); border-radius: 12px; } .result .result-content .center .result-list .list-item .hat[data-v-5b62b305] { position: absolute; top: -18px; left: -18px; width: 36px; height: 36px; } .result .result-content .center .result-list .list-item .no[data-v-5b62b305] { display: inline-block; position: relative; vertical-align: top; top: 0; left: 37px; width: 44px; text-align: center; font-size: 31px; color: #e4e955; } .result .result-content .center .result-list .list-item .no .num[data-v-5b62b305] { position: relative; top: 13px; width: 44px; height: 57px; } .result .result-content .center .result-list .list-item .head[data-v-5b62b305] { display: inline-block; position: relative; vertical-align: top; top: 14px; left: 70px; width: 54px; height: 54px; border-radius: 50%; border: 2px solid #fff; } .result .result-content .center .result-list .list-item .msg[data-v-5b62b305] { width: 55%; display: inline-block; position: relative; left: 86px; color: #fff; } .result .result-content .center .result-list .list-item .msg .name[data-v-5b62b305] { width: 18%; display: inline-block; font-size: 28px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .result .result-content .center .result-list .list-item .msg .cla[data-v-5b62b305] { width: 75%; display: inline-block; font-size: 26px; color: rgba(225, 225, 225, 0.54); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .result .result-content .center .result-list .list-item .number[data-v-5b62b305] { position: absolute; top: 0; right: 220px; height: 90px; line-height: 90px; font-size: 24px; font-weight: bold; color: #a2ecff; } .result .result-content .center .result-list .list-item .number img[data-v-5b62b305] { display: inline-block; vertical-align: middle; width: 26px; height: 26px; } .result .result-content .center .result-list .list-item .number span[data-v-5b62b305] { display: inline-block; vertical-align: middle; margin-left: 5px; } .result .result-content .center .result-list .list-item .score[data-v-5b62b305] { float: right; margin-right: 40px; font-size: 21px; color: #fff; } .result .result-content .center .result-list .list-item .score span[data-v-5b62b305] { margin-right: 10px; font-size: 48px; font-weight: 400; color: #e4e955; } .result .result-content .center .title[data-v-5b62b305] { position: relative; top: 5px; width: 740px; height: 90px; line-height: 90px; margin: 0 auto; text-align: center; font-size: 32px; font-weight: bold; color: #e4e955; } .result .result-content .center .tips[data-v-5b62b305] { position: relative; top: 55px; width: 740px; height: 25px; margin: 0 auto; text-align: center; font-size: 18px; color: #fff; } .result .result-content .center .tips .tips-a[data-v-5b62b305] { margin-right: 30px; } .result .result-content .right[data-v-5b62b305] { display: inline-block; position: relative; top: 0; right: 0; width: 299px; height: 457px; vertical-align: top; background: url(../img/right.2c1d6216.png) no-repeat; background-size: 299px 457px; } /* 双人 */ .main[data-v-5b62b305] { width: 96%; margin: 0 auto; } .main .game-area[data-v-5b62b305] { width: 100%; margin-top: 20px; overflow: hidden; } .two-area-bg[data-v-5b62b305] { position: relative; top: 0; width: 96%; height: 872px; margin: 0 auto; } .two-area[data-v-5b62b305] { display: flex; position: relative; top: 70px; height: 872px; margin: 0 auto; } .two-area .two-row[data-v-5b62b305] { flex: 1; position: relative; top: 0; bottom: 0; height: 872px; } .two-area .two-row .bar[data-v-5b62b305] { position: absolute; bottom: 127px; width: 60px; height: 578px; left: 50%; transform: translate(-50%); background: #00c4ff; border-radius: 6px; border: 3px solid #00c4ff; } .two-area .two-row .bar .head[data-v-5b62b305] { position: absolute; top: -124px; width: 60px; height: 60px; left: 50%; transform: translate(-50%); background: rgba(255, 255, 255, 0.4); border: 1px solid #ffffff; border-radius: 50%; } .two-area .two-row .bar .num[data-v-5b62b305] { position: absolute; left: 50%; top: -57px; height: 50px; line-height: 50px; font-size: 40px; transform: translate(-50%); text-align: center; font-weight: bold; color: #a2ecff; } .two-area .two-row .name-size[data-v-5b62b305] { font-size: 24px; } .two-area .two-row .sixteen-name-size[data-v-5b62b305] { font-size: 24px; } .two-area .two-row .name[data-v-5b62b305] { position: absolute; bottom: 80px; left: 50%; transform: translate(-50%); text-align: center; font-weight: bold; color: #ffffff; } .two-area .two-row .class-name-size[data-v-5b62b305] { width: 90%; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .two-area .two-row .sixteen-class-name-size[data-v-5b62b305] { font-size: 16px; } .two-area .two-row .class-name[data-v-5b62b305] { position: absolute; bottom: 58px; left: 50%; transform: translate(-50%); text-align: center; font-weight: 400; color: rgba(255, 255, 255, 0.54); } .two-area .two-row .jump-rope-no-size[data-v-5b62b305] { font-size: 24px; } .two-area .two-row .jump-rope-no[data-v-5b62b305] { position: absolute; bottom: 18px; left: 50%; transform: translate(-50%); text-align: center; font-weight: bold; line-height: 26px; color: #a2ecff; } .two-area .two-row .jump-rope-no img[data-v-5b62b305] { display: inline-block; vertical-align: middle; width: 26px; height: 26px; margin-top: -7px; } .two-grid[data-v-5b62b305] { position: relative; float: left; width: 48%; height: 550px; margin-left: 0.8%; margin-right: 0.8%; background: rgba(0, 153, 255, 0.3); border-radius: 24px; border: 2px solid rgba(0, 153, 255, 0.3); } .two-grid .order[data-v-5b62b305] { position: absolute; top: 40px; left: 40px; font-size: 24px; color: #e4e955; } .two-grid .sport-number[data-v-5b62b305] { font-size: 50px; color: #ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .two-grid .info[data-v-5b62b305] { position: absolute; top: 75%; left: 50%; transform: translate(-50%, -50%); } .two-grid .info img[data-v-5b62b305] { float: left; width: 30px; height: 30px; border-radius: 50%; margin-top: -7px; } .two-grid .info .student[data-v-5b62b305] { float: left; font-size: 14px; margin-left: 10px; color: #ffffff; } .two-grid .info .student span[data-v-5b62b305] { font-size: 12px; margin-left: 10px; color: #ffffff; opacity: 0.54; } /* 4人比赛 */ .four-grid[data-v-5b62b305] { position: relative; float: left; width: 48%; height: 270px; margin-left: 0.8%; margin-right: 0.8%; background: rgba(0, 153, 255, 0.3); border-radius: 24px; margin-bottom: 20px; border: 2px solid rgba(0, 153, 255, 0.3); } .four-grid .order[data-v-5b62b305] { position: absolute; top: 40px; left: 40px; font-size: 24px; color: #e4e955; } .four-grid .sport-number[data-v-5b62b305] { font-size: 50px; color: #ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .four-grid .info[data-v-5b62b305] { position: absolute; top: 75%; left: 50%; transform: translate(-50%, -50%); } .four-grid .info img[data-v-5b62b305] { float: left; width: 30px; height: 30px; border-radius: 50%; margin-top: -7px; } .four-grid .info .student[data-v-5b62b305] { float: left; font-size: 14px; margin-left: 10px; color: #ffffff; } .four-grid .info .student span[data-v-5b62b305] { font-size: 12px; margin-left: 10px; color: #ffffff; opacity: 0.54; } /* 八人 */ .eight-grid[data-v-5b62b305] { position: relative; float: left; width: 23%; height: 270px; margin-left: 0.8%; margin-right: 0.8%; background: rgba(0, 153, 255, 0.3); border-radius: 24px; margin-bottom: 20px; border: 2px solid rgba(0, 153, 255, 0.3); } .eight-grid .order[data-v-5b62b305] { position: absolute; top: 40px; left: 40px; font-size: 24px; color: #e4e955; } .eight-grid .sport-number[data-v-5b62b305] { font-size: 50px; color: #ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .eight-grid .info[data-v-5b62b305] { position: absolute; top: 75%; left: 50%; transform: translate(-50%, -50%); } .eight-grid .info img[data-v-5b62b305] { float: left; width: 30px; height: 30px; border-radius: 50%; margin-top: -7px; } .eight-grid .info .student[data-v-5b62b305] { float: left; font-size: 14px; margin-left: 10px; color: #ffffff; } .eight-grid .info .student span[data-v-5b62b305] { float: right; margin-top: 2px; margin-left: 4px; font-size: 12px; color: #ffffff; opacity: 0.54; } /* 十二人 */ .twelve-grid[data-v-5b62b305] { position: relative; float: left; width: 23%; height: 170px; margin-left: 0.8%; margin-right: 0.8%; background: rgba(0, 153, 255, 0.3); border-radius: 12px; margin-bottom: 20px; border: 2px solid rgba(0, 153, 255, 0.3); } .twelve-grid .order[data-v-5b62b305] { position: absolute; top: 15px; left: 20px; font-size: 24px; color: #e4e955; } .twelve-grid .sport-number[data-v-5b62b305] { font-size: 50px; color: #ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .twelve-grid .info[data-v-5b62b305] { position: absolute; top: 82%; left: 50%; transform: translate(-50%, -50%); } .twelve-grid .info img[data-v-5b62b305] { float: left; width: 30px; height: 30px; border-radius: 50%; margin-top: -7px; } .twelve-grid .info .student[data-v-5b62b305] { float: left; font-size: 14px; margin-left: 10px; color: #ffffff; } .twelve-grid .info .student span[data-v-5b62b305] { float: right; margin-top: 2px; margin-left: 4px; font-size: 12px; color: #ffffff; opacity: 0.54; } /* 十六人 */ .sixteen-grid[data-v-5b62b305] { position: relative; float: left; width: 23%; height: 120px; margin-left: 0.8%; margin-right: 0.8%; background: rgba(0, 153, 255, 0.3); border-radius: 12px; margin-bottom: 20px; border: 2px solid rgba(0, 153, 255, 0.3); } .sixteen-grid .order[data-v-5b62b305] { position: absolute; top: 40%; left: 20px; font-size: 24px; color: #e4e955; } .sixteen-grid .sport-number[data-v-5b62b305] { font-size: 50px; color: #ffffff; position: absolute; top: 28%; right: 8%; } .sixteen-grid .info[data-v-5b62b305] { font-size: 14px; font-weight: bold; color: #ffffff; position: absolute; top: 45%; left: 25%; } /* 二十 */ .twenty-grid[data-v-5b62b305] { position: relative; float: left; width: 23%; height: 140px; margin-left: 0.8%; margin-right: 0.8%; margin-bottom: 20px; border-radius: 12px; } .twenty-grid .normal[data-v-5b62b305], .twenty-four-grid .normal[data-v-5b62b305], .thirty-two-grid .normal[data-v-5b62b305], .thirty-six-grid .normal[data-v-5b62b305], .forty-eight-grid .normal[data-v-5b62b305], .fifty-four-grid .normal[data-v-5b62b305], .forty-two-grid .normal[data-v-5b62b305] { position: absolute; width: 100%; height: 100%; background: rgba(0, 153, 255, 0.3); border-radius: 12px; margin-bottom: 20px; border: 3px solid rgba(255, 255, 255, 0.3); } .twenty-grid .error[data-v-5b62b305], .twenty-four-grid .error[data-v-5b62b305], .thirty-two-grid .error[data-v-5b62b305], .thirty-six-grid .error[data-v-5b62b305], .forty-eight-grid .error[data-v-5b62b305], .fifty-four-grid .error[data-v-5b62b305], .forty-two-grid .error[data-v-5b62b305] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 12px; margin-bottom: 20px; border: 3px solid rgba(255, 255, 255, 0.4); background: rgba(255, 111, 140, 0.4); } .twenty-grid .amount[data-v-5b62b305], .twenty-four-grid .amount[data-v-5b62b305], .thirty-two-grid .amount[data-v-5b62b305], .thirty-six-grid .amount[data-v-5b62b305], .forty-eight-grid .amount[data-v-5b62b305], .fifty-four-grid .amount[data-v-5b62b305], .forty-two-grid .amount[data-v-5b62b305] { position: relative; top: 50%; width: 100%; height: 60px; line-height: 60px; margin-top: -40px; text-align: center; font-size: 60px; font-weight: bold; color: #a2ecff; } .twenty-grid .order[data-v-5b62b305], .twenty-four-grid .order[data-v-5b62b305], .thirty-two-grid .order[data-v-5b62b305], .thirty-six-grid .order[data-v-5b62b305], .forty-eight-grid .order[data-v-5b62b305], .fifty-four-grid .order[data-v-5b62b305], .forty-two-grid .order[data-v-5b62b305] { position: absolute; top: 22px; left: 20px; height: 26px; line-height: 26px; font-size: 24px; font-weight: bold; color: #a2ecff; } .twenty-grid .order img[data-v-5b62b305], .twenty-four-grid .order img[data-v-5b62b305], .thirty-two-grid .order img[data-v-5b62b305], .thirty-six-grid .order img[data-v-5b62b305], .forty-eight-grid .order img[data-v-5b62b305], .fifty-four-grid .order img[data-v-5b62b305], .forty-two-grid .order img[data-v-5b62b305] { display: inline-block; vertical-align: middle; width: 26px; height: 26px; margin-top: -7px; } .twenty-grid .order-b[data-v-5b62b305], .twenty-four-grid .order-b[data-v-5b62b305], .thirty-two-grid .order-b[data-v-5b62b305], .thirty-six-grid .order-b[data-v-5b62b305], .forty-eight-grid .order-b[data-v-5b62b305], .fifty-four-grid .order-b[data-v-5b62b305], .forty-two-grid .order-b[data-v-5b62b305] { position: absolute; top: 12px; left: 20px; } .twenty-grid .order-c[data-v-5b62b305], .twenty-four-grid .order-c[data-v-5b62b305], .thirty-two-grid .order-c[data-v-5b62b305], .thirty-six-grid .order-c[data-v-5b62b305], .forty-eight-grid .order-c[data-v-5b62b305], .fifty-four-grid .order-c[data-v-5b62b305], .forty-two-grid .order-c[data-v-5b62b305] { position: absolute; top: 6px; left: 20px; } .twenty-grid .order-d[data-v-5b62b305], .twenty-four-grid .order-d[data-v-5b62b305], .thirty-two-grid .order-d[data-v-5b62b305], .thirty-six-grid .order-d[data-v-5b62b305], .forty-eight-grid .order-d[data-v-5b62b305], .fifty-four-grid .order-d[data-v-5b62b305], .forty-two-grid .order-d[data-v-5b62b305] { position: absolute; top: 6px; left: 20px; } .twenty-grid .sport-number[data-v-5b62b305], .twenty-four-grid .sport-number[data-v-5b62b305], .thirty-two-grid .sport-number[data-v-5b62b305], .thirty-six-grid .sport-number[data-v-5b62b305], .forty-eight-grid .sport-number[data-v-5b62b305], .fifty-four-grid .sport-number[data-v-5b62b305], .forty-two-grid .sport-number[data-v-5b62b305] { font-size: 50px; color: #ffffff; position: absolute; top: 24%; right: 8%; } .twenty-grid .info[data-v-5b62b305], .twenty-four-grid .info[data-v-5b62b305], .thirty-two-grid .info[data-v-5b62b305], .thirty-six-grid .info[data-v-5b62b305], .forty-eight-grid .info[data-v-5b62b305], .fifty-four-grid .info[data-v-5b62b305], .forty-two-grid .info[data-v-5b62b305] { position: relative; top: 50%; width: 100%; height: 60px; line-height: 60px; margin-top: -40px; text-align: center; font-size: 42px; font-weight: bold; color: #ffffff; } .twenty-grid .error-msg[data-v-5b62b305], .twenty-four-grid .error-msg[data-v-5b62b305], .thirty-two-grid .error-msg[data-v-5b62b305], .thirty-six-grid .error-msg[data-v-5b62b305], .forty-eight-grid .error-msg[data-v-5b62b305], .fifty-four-grid .error-msg[data-v-5b62b305], .forty-two-grid .error-msg[data-v-5b62b305] { position: absolute; top: 20px; right: 20px; font-size: 24px; font-weight: bold; color: #ff6f8c; } .twenty-grid .cla-name[data-v-5b62b305], .twenty-four-grid .cla-name[data-v-5b62b305], .thirty-two-grid .cla-name[data-v-5b62b305], .thirty-six-grid .cla-name[data-v-5b62b305], .forty-eight-grid .cla-name[data-v-5b62b305], .fifty-four-grid .cla-name[data-v-5b62b305], .forty-two-grid .cla-name[data-v-5b62b305] { position: absolute; bottom: 25px; width: 100%; text-align: center; font-size: 26px; font-weight: 400; color: #a2ecff; } .twenty-grid .msg[data-v-5b62b305], .twenty-four-grid .msg[data-v-5b62b305], .thirty-two-grid .msg[data-v-5b62b305], .thirty-six-grid .msg[data-v-5b62b305], .forty-eight-grid .msg[data-v-5b62b305], .fifty-four-grid .msg[data-v-5b62b305], .forty-two-grid .msg[data-v-5b62b305] { position: absolute; bottom: 20px; width: 100%; text-align: center; font-size: 30px; font-weight: bold; color: #ffffff; } .twenty-grid .msg span[data-v-5b62b305], .twenty-four-grid .msg span[data-v-5b62b305], .thirty-two-grid .msg span[data-v-5b62b305], .thirty-six-grid .msg span[data-v-5b62b305], .forty-eight-grid .msg span[data-v-5b62b305], .fifty-four-grid .msg span[data-v-5b62b305], .forty-two-grid .msg span[data-v-5b62b305] { margin-left: 6px; font-size: 26px; font-weight: 400; color: #a2ecff; } .twenty-grid .name-a[data-v-5b62b305], .twenty-four-grid .name-a[data-v-5b62b305], .thirty-two-grid .name-a[data-v-5b62b305], .thirty-six-grid .name-a[data-v-5b62b305], .forty-eight-grid .name-a[data-v-5b62b305], .fifty-four-grid .name-a[data-v-5b62b305], .forty-two-grid .name-a[data-v-5b62b305] { position: absolute; left: 20px; bottom: 16px; width: 100%; height: 42px; line-height: 42px; font-size: 30px; font-weight: bold; color: #ffffff; } .twenty-grid .cla-a[data-v-5b62b305], .twenty-four-grid .cla-a[data-v-5b62b305], .thirty-two-grid .cla-a[data-v-5b62b305], .thirty-six-grid .cla-a[data-v-5b62b305], .forty-eight-grid .cla-a[data-v-5b62b305], .fifty-four-grid .cla-a[data-v-5b62b305], .forty-two-grid .cla-a[data-v-5b62b305] { position: absolute; right: 20px; bottom: 16px; height: 42px; line-height: 42px; font-size: 24px; font-weight: 400; color: #a2ecff; } .twenty-grid .amount-a[data-v-5b62b305], .twenty-four-grid .amount-a[data-v-5b62b305], .thirty-two-grid .amount-a[data-v-5b62b305], .thirty-six-grid .amount-a[data-v-5b62b305], .forty-eight-grid .amount-a[data-v-5b62b305], .fifty-four-grid .amount-a[data-v-5b62b305], .forty-two-grid .amount-a[data-v-5b62b305] { position: absolute; right: 20px; top: 20px; font-size: 60px; font-weight: bold; color: #a2ecff; } .twenty-grid .amount-b[data-v-5b62b305], .twenty-four-grid .amount-b[data-v-5b62b305], .thirty-two-grid .amount-b[data-v-5b62b305], .thirty-six-grid .amount-b[data-v-5b62b305], .forty-eight-grid .amount-b[data-v-5b62b305], .fifty-four-grid .amount-b[data-v-5b62b305], .forty-two-grid .amount-b[data-v-5b62b305] { position: absolute; top: 50%; right: 20px; height: 80px; margin-top: -40px; line-height: 80px; font-size: 60px; font-weight: bold; color: #a2ecff; } .twenty-grid .order-a[data-v-5b62b305], .twenty-four-grid .order-a[data-v-5b62b305], .thirty-two-grid .order-a[data-v-5b62b305], .thirty-six-grid .order-a[data-v-5b62b305], .forty-eight-grid .order-a[data-v-5b62b305], .fifty-four-grid .order-a[data-v-5b62b305], .forty-two-grid .order-a[data-v-5b62b305] { position: absolute; top: 50%; left: 20px; height: 33px; margin-top: -16.5px; line-height: 33px; font-size: 24px; font-weight: bold; color: #a2ecff; } .twenty-grid .order-a img[data-v-5b62b305], .twenty-four-grid .order-a img[data-v-5b62b305], .thirty-two-grid .order-a img[data-v-5b62b305], .thirty-six-grid .order-a img[data-v-5b62b305], .forty-eight-grid .order-a img[data-v-5b62b305], .fifty-four-grid .order-a img[data-v-5b62b305], .forty-two-grid .order-a img[data-v-5b62b305] { display: inline-block; vertical-align: middle; width: 26px; height: 26px; margin-top: -7px; } .twenty-grid .error-msg-a[data-v-5b62b305], .twenty-four-grid .error-msg-a[data-v-5b62b305], .thirty-two-grid .error-msg-a[data-v-5b62b305], .thirty-six-grid .error-msg-a[data-v-5b62b305], .forty-eight-grid .error-msg-a[data-v-5b62b305], .fifty-four-grid .error-msg-a[data-v-5b62b305], .forty-two-grid .error-msg-a[data-v-5b62b305] { position: absolute; bottom: 18px; left: 20px; font-size: 24px; font-weight: bold; color: #ff6f8c; } .twenty-grid .error-msg-b[data-v-5b62b305], .twenty-four-grid .error-msg-b[data-v-5b62b305], .thirty-two-grid .error-msg-b[data-v-5b62b305], .thirty-six-grid .error-msg-b[data-v-5b62b305], .forty-eight-grid .error-msg-b[data-v-5b62b305], .fifty-four-grid .error-msg-b[data-v-5b62b305], .forty-two-grid .error-msg-b[data-v-5b62b305] { position: absolute; bottom: 10px; } .twenty-grid .error-msg-c[data-v-5b62b305], .twenty-four-grid .error-msg-c[data-v-5b62b305], .thirty-two-grid .error-msg-c[data-v-5b62b305], .thirty-six-grid .error-msg-c[data-v-5b62b305], .forty-eight-grid .error-msg-c[data-v-5b62b305], .fifty-four-grid .error-msg-c[data-v-5b62b305], .forty-two-grid .error-msg-c[data-v-5b62b305] { position: absolute; bottom: 4px; } .twenty-grid .name-b[data-v-5b62b305], .twenty-four-grid .name-b[data-v-5b62b305], .thirty-two-grid .name-b[data-v-5b62b305], .thirty-six-grid .name-b[data-v-5b62b305], .forty-eight-grid .name-b[data-v-5b62b305], .fifty-four-grid .name-b[data-v-5b62b305], .forty-two-grid .name-b[data-v-5b62b305] { position: absolute; top: 18px; right: 15px; max-width: 130px; font-size: 30px; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .twenty-grid .font-a[data-v-5b62b305], .twenty-four-grid .font-a[data-v-5b62b305], .thirty-two-grid .font-a[data-v-5b62b305], .thirty-six-grid .font-a[data-v-5b62b305], .forty-eight-grid .font-a[data-v-5b62b305], .fifty-four-grid .font-a[data-v-5b62b305], .forty-two-grid .font-a[data-v-5b62b305] { font-size: 26px; } .twenty-grid .name-c[data-v-5b62b305], .twenty-four-grid .name-c[data-v-5b62b305], .thirty-two-grid .name-c[data-v-5b62b305], .thirty-six-grid .name-c[data-v-5b62b305], .forty-eight-grid .name-c[data-v-5b62b305], .fifty-four-grid .name-c[data-v-5b62b305], .forty-two-grid .name-c[data-v-5b62b305] { position: absolute; top: 12px; } .twenty-grid .name-d[data-v-5b62b305], .twenty-four-grid .name-d[data-v-5b62b305], .thirty-two-grid .name-d[data-v-5b62b305], .thirty-six-grid .name-d[data-v-5b62b305], .forty-eight-grid .name-d[data-v-5b62b305], .fifty-four-grid .name-d[data-v-5b62b305], .forty-two-grid .name-d[data-v-5b62b305] { position: absolute; top: 4px; } .twenty-grid .cla-b[data-v-5b62b305], .twenty-four-grid .cla-b[data-v-5b62b305], .thirty-two-grid .cla-b[data-v-5b62b305], .thirty-six-grid .cla-b[data-v-5b62b305], .forty-eight-grid .cla-b[data-v-5b62b305], .fifty-four-grid .cla-b[data-v-5b62b305], .forty-two-grid .cla-b[data-v-5b62b305] { position: absolute; bottom: 18px; right: 15px; max-width: 130px; font-size: 24px; font-weight: 400; color: #a2ecff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .twenty-grid .cla-c[data-v-5b62b305], .twenty-four-grid .cla-c[data-v-5b62b305], .thirty-two-grid .cla-c[data-v-5b62b305], .thirty-six-grid .cla-c[data-v-5b62b305], .forty-eight-grid .cla-c[data-v-5b62b305], .fifty-four-grid .cla-c[data-v-5b62b305], .forty-two-grid .cla-c[data-v-5b62b305] { position: absolute; bottom: 10px; } .twenty-grid .cla-d[data-v-5b62b305], .twenty-four-grid .cla-d[data-v-5b62b305], .thirty-two-grid .cla-d[data-v-5b62b305], .thirty-six-grid .cla-d[data-v-5b62b305], .forty-eight-grid .cla-d[data-v-5b62b305], .fifty-four-grid .cla-d[data-v-5b62b305], .forty-two-grid .cla-d[data-v-5b62b305] { position: absolute; bottom: 4px; } .twenty-grid .cla-e[data-v-5b62b305], .twenty-four-grid .cla-e[data-v-5b62b305], .thirty-two-grid .cla-e[data-v-5b62b305], .thirty-six-grid .cla-e[data-v-5b62b305], .forty-eight-grid .cla-e[data-v-5b62b305], .fifty-four-grid .cla-e[data-v-5b62b305], .forty-two-grid .cla-e[data-v-5b62b305] { position: absolute; bottom: 1px; } /* 二十四 */ .twenty-four-grid[data-v-5b62b305] { position: relative; float: left; width: 15%; height: 180px; margin-left: 0.74%; margin-right: 0.74%; margin-bottom: 20px; border-radius: 12px; } /* 二十八 */ /* 三十二 */ .thirty-two-grid[data-v-5b62b305] { position: relative; float: left; width: 15%; height: 140px; margin-left: 0.7%; margin-right: 0.7%; border-radius: 12px; margin-bottom: 20px; } /* 三十六 */ .thirty-six-grid[data-v-5b62b305] { position: relative; float: left; width: 15%; height: 114px; margin-left: 0.7%; margin-right: 0.7%; border-radius: 12px; margin-bottom: 20px; } /* 四十二 */ .forty-two-grid[data-v-5b62b305] { position: relative; float: left; width: 15%; height: 94px; margin-left: 0.7%; margin-right: 0.7%; border-radius: 12px; margin-bottom: 20px; } /* 四十八 */ .forty-eight-grid[data-v-5b62b305] { position: relative; float: left; width: 15%; height: 80px; margin-left: 0.7%; margin-right: 0.7%; border-radius: 12px; margin-bottom: 16px; } /* 五十四 */ .fifty-four-grid[data-v-5b62b305] { position: relative; float: left; width: 15%; height: 68px; margin-left: 0.7%; margin-right: 0.7%; border-radius: 12px; margin-bottom: 20px; } @font-face { font-family: "Number"; src: url("data:application/font-woff2;charset=utf-8;base64,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") format("woff2"); } body[data-v-11deb78c] { background: #141833; overflow: hidden; } .match-num[data-v-11deb78c] { display: flex; flex-direction: column; align-items: center; margin-top: 273px; } .match-num img[data-v-11deb78c] { width: 140px; height: 102px; } .match-num .match-num-text[data-v-11deb78c] { margin-top: 20px; font-size: 42px; font-family: Microsoft YaHei; font-weight: 400; line-height: 55px; color: #ffffff; } .match-num .match-num-number[data-v-11deb78c] { display: flex; flex-direction: row; align-items: center; } .match-num .match-num-number .match-num-number-item[data-v-11deb78c] { width: 140px; height: 180px; line-height: 180px; text-align: center; margin: 40px 10px; background: #222648; border-radius: 12px; font-size: 100px; font-family: "Number"; font-weight: bold; color: #ffffff; } .jump-rope-a[data-v-11deb78c] { position: fixed; height: 100%; width: 100%; background-color: #141833; } .jump-rope-top[data-v-11deb78c] { display: flex; flex-direction: row; align-items: center; width: 98%; height: 142px; margin: 0 auto; padding-top: 20px; } .jump-rope-top .cut-down[data-v-11deb78c], .jump-rope-top .num-top[data-v-11deb78c] { display: flex; flex-direction: row; align-items: center; width: 24%; height: 142px; } .jump-rope-top .cut-down .text[data-v-11deb78c], .jump-rope-top .num-top .text[data-v-11deb78c] { width: 32%; margin-left: 40px; font-size: 28px; font-family: Microsoft YaHei; font-weight: 400; color: #01c1fc; opacity: 0.6; } .jump-rope-top .cut-down .num[data-v-11deb78c], .jump-rope-top .num-top .num[data-v-11deb78c] { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; width: 68%; margin-right: 55px; } .jump-rope-top .cut-down .text-a[data-v-11deb78c], .jump-rope-top .num-top .text-a[data-v-11deb78c] { width: 40%; } .jump-rope-top .cut-down .num-a[data-v-11deb78c], .jump-rope-top .num-top .num-a[data-v-11deb78c] { width: 60%; } .jump-rope-top .cut-down .num-text[data-v-11deb78c], .jump-rope-top .num-top .num-text[data-v-11deb78c] { float: right; font-family: "Number"; font-size: 80px; font-weight: bold; letter-spacing: 2px; color: #01c1fc; } .jump-rope-top .cut-down .tag[data-v-11deb78c], .jump-rope-top .num-top .tag[data-v-11deb78c] { margin-top: 10px; margin-left: 10px; font-size: 76px; color: #01c1fc; } .jump-rope-top .title[data-v-11deb78c] { position: relative; width: 50%; height: 142px; margin: 0 1%; } .jump-rope-top .title-text[data-v-11deb78c] { width: 96%; margin: 24px auto; font-size: 29px; font-weight: bold; color: #01c1fc; } .jump-rope-top .match-msg[data-v-11deb78c] { width: 94%; margin: 35px auto; } .jump-rope-top .match-msg-text[data-v-11deb78c] { float: left; display: flex; flex-direction: row; } .jump-rope-top .match-msg-text .group-num[data-v-11deb78c] { font-size: 24px; font-weight: bold; color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-msg-text .group-time[data-v-11deb78c] { margin-left: 20px; font-size: 24px; font-weight: 400; color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-status[data-v-11deb78c] { float: right; display: flex; flex-direction: row; } .jump-rope-top .match-status .normal[data-v-11deb78c], .jump-rope-top .match-status .error[data-v-11deb78c] { font-size: 24px; font-weight: 400; } .jump-rope-top .match-status .normal[data-v-11deb78c] { color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-status .error[data-v-11deb78c] { margin-left: 30px; color: #ff6f8c; } .jump-rope-top .card-bg[data-v-11deb78c] { position: relative; top: 0; background: #222648; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 12px; } .jump-list[data-v-11deb78c] { display: flex; flex-direction: row; align-items: center; width: 98%; height: 882px; margin: 28px 0.9% 0 0.9%; padding: 16px 0 20px 0; } .jump-card[data-v-11deb78c] { display: flex; flex-direction: row; width: auto; height: 882px; margin: 12px 12px; padding: 8px 0 12px 0; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; } .jump-card[data-v-11deb78c]:after { content: ""; width: 300px; height: 0; margin: 8px auto; visibility: hidden; } .jump-list-item[data-v-11deb78c], .jump-list-item-a[data-v-11deb78c], .jump-list-item-b[data-v-11deb78c], .normal-card[data-v-11deb78c] { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; height: 882px; margin: 0 8px; background: #222648; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 12px; } .jump-list-item .avatar[data-v-11deb78c], .jump-list-item-a .avatar[data-v-11deb78c], .jump-list-item-b .avatar[data-v-11deb78c], .normal-card .avatar[data-v-11deb78c] { position: absolute; width: 60px; height: 60px; } .jump-list-item .avatar .avatar-head[data-v-11deb78c], .jump-list-item-a .avatar .avatar-head[data-v-11deb78c], .jump-list-item-b .avatar .avatar-head[data-v-11deb78c], .normal-card .avatar .avatar-head[data-v-11deb78c] { position: absolute; width: 60px; height: 60px; border-radius: 50%; background: rgba(255, 255, 255, 0.4); } .jump-list-item .avatar-a .avatar-head[data-v-11deb78c], .jump-list-item-a .avatar-a .avatar-head[data-v-11deb78c], .jump-list-item-b .avatar-a .avatar-head[data-v-11deb78c], .normal-card .avatar-a .avatar-head[data-v-11deb78c] { position: absolute; width: 60px; height: 60px; border-radius: 50%; background: rgba(255, 255, 255, 0.4); -webkit-animation: rotates-data-v-11deb78c 0.5s linear infinite; animation: rotates-data-v-11deb78c 0.5s linear infinite; } .jump-list-item .avatar-a[data-v-11deb78c]::before, .jump-list-item-a .avatar-a[data-v-11deb78c]::before, .jump-list-item-b .avatar-a[data-v-11deb78c]::before, .normal-card .avatar-a[data-v-11deb78c]::before { content: ""; height: 10px; width: 60px; background: #000; opacity: 0.2; border-radius: 50%; position: absolute; top: 87px; left: 0; -webkit-animation: shadow-data-v-11deb78c 0.5s linear infinite; animation: shadow-data-v-11deb78c 0.5s linear infinite; } .jump-list-item .avatar-a[data-v-11deb78c]::after, .jump-list-item-a .avatar-a[data-v-11deb78c]::after, .jump-list-item-b .avatar-a[data-v-11deb78c]::after, .normal-card .avatar-a[data-v-11deb78c]::after { border-radius: 50%; -webkit-animation: rotates-data-v-11deb78c 0.5s linear infinite; animation: rotates-data-v-11deb78c 0.5s linear infinite; content: ""; position: absolute; left: 0; top: 0; width: 60px; height: 60px; } @-webkit-keyframes shadow-data-v-11deb78c { 0%, 100% { transform: scaleX(1); } 50% { transform: scaleX(1.2); } } @keyframes shadow-data-v-11deb78c { 0%, 100% { transform: scaleX(1); } 50% { transform: scaleX(1.2); } } @-webkit-keyframes rotates-data-v-11deb78c { 0% { transform: translateY(0); } 25% { transform: translateY(10px); } 50% { transform: translateY(20px) scale(1.1, 0.9); } 75% { ransform: translateY(10px); } 100% { transform: translateY(0); } } @keyframes rotates-data-v-11deb78c { 0% { transform: translateY(0); } 25% { transform: translateY(10px); } 50% { transform: translateY(20px) scale(1.1, 0.9); } 75% { ransform: translateY(10px); } 100% { transform: translateY(0); } } .jump-list-item .chart[data-v-11deb78c], .jump-list-item-a .chart[data-v-11deb78c], .jump-list-item-b .chart[data-v-11deb78c], .normal-card .chart[data-v-11deb78c] { display: flex; flex-direction: column; align-items: center; } .jump-list-item .chart .chart-num[data-v-11deb78c], .jump-list-item-a .chart .chart-num[data-v-11deb78c], .jump-list-item-b .chart .chart-num[data-v-11deb78c], .normal-card .chart .chart-num[data-v-11deb78c] { position: relative; bottom: 10px; font-size: 58px; font-family: "Number"; font-weight: bold; line-height: 72px; color: #01c1fc; } .jump-list-item .chart .chart-canvas[data-v-11deb78c], .jump-list-item-a .chart .chart-canvas[data-v-11deb78c], .jump-list-item-b .chart .chart-canvas[data-v-11deb78c], .normal-card .chart .chart-canvas[data-v-11deb78c] { background: linear-gradient(180deg, #01f9f9 0%, #01bef9 100%); opacity: 0.98; border-radius: 6px; } .jump-list-item .chart-error[data-v-11deb78c], .jump-list-item-a .chart-error[data-v-11deb78c], .jump-list-item-b .chart-error[data-v-11deb78c], .normal-card .chart-error[data-v-11deb78c] { display: flex; flex-direction: column; align-items: center; } .jump-list-item .chart-error .chart-num[data-v-11deb78c], .jump-list-item-a .chart-error .chart-num[data-v-11deb78c], .jump-list-item-b .chart-error .chart-num[data-v-11deb78c], .normal-card .chart-error .chart-num[data-v-11deb78c] { position: relative; bottom: 10px; font-size: 58px; font-family: "Number"; font-weight: bold; line-height: 72px; color: #ff6f8c; } .jump-list-item .chart-error .chart-canvas[data-v-11deb78c], .jump-list-item-a .chart-error .chart-canvas[data-v-11deb78c], .jump-list-item-b .chart-error .chart-canvas[data-v-11deb78c], .normal-card .chart-error .chart-canvas[data-v-11deb78c] { background: linear-gradient(180deg, #ffc5d1 0%, #ff6f8c 100%); opacity: 0.98; border-radius: 6px; } .jump-list-item .stu-msg[data-v-11deb78c], .normal-card .stu-msg[data-v-11deb78c] { position: absolute; top: 800px; display: flex; width: 98%; flex-direction: row; justify-content: center; } .jump-list-item .stu-msg .skip-no[data-v-11deb78c], .normal-card .stu-msg .skip-no[data-v-11deb78c] { width: 60px; height: 60px; min-width: 60px; line-height: 60px; text-align: center; margin-left: 2px; border: 2px solid #36d0ff; border-radius: 12px; font-size: 24px; font-family: "Number"; font-weight: bold; color: #36d0ff; } .jump-list-item .stu-msg .stu-msg-text[data-v-11deb78c], .normal-card .stu-msg .stu-msg-text[data-v-11deb78c] { position: relative; max-width: 56%; display: flex; flex-direction: column; align-items: center; margin-top: 4px; margin-left: 2px; } .jump-list-item .stu-msg .stu-msg-text .stu-name[data-v-11deb78c], .normal-card .stu-msg .stu-msg-text .stu-name[data-v-11deb78c] { width: 100%; font-size: 24px; font-weight: bold; line-height: 31px; color: #36d0ff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-list-item .stu-msg .stu-msg-text .stu-sch[data-v-11deb78c], .normal-card .stu-msg .stu-msg-text .stu-sch[data-v-11deb78c] { display: block; width: 100%; max-height: 40px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; font-weight: 400; line-height: 21px; color: #36d0ff; } .jump-list-item-a .stu-msg[data-v-11deb78c], .jump-list-item-b .stu-msg[data-v-11deb78c] { position: absolute; bottom: 21px; width: 98%; margin: 0 1%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .jump-list-item-a .stu-msg .skip-no[data-v-11deb78c], .jump-list-item-b .stu-msg .skip-no[data-v-11deb78c] { width: 60px; height: 60px; line-height: 60px; text-align: center; border: 2px solid #36d0ff; border-radius: 12px; font-size: 24px; font-family: "Number"; font-weight: bold; color: #36d0ff; } .jump-list-item-a .stu-msg .stu-msg-text[data-v-11deb78c], .jump-list-item-b .stu-msg .stu-msg-text[data-v-11deb78c] { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 4px; } .jump-list-item-a .stu-msg .stu-msg-text .stu-name[data-v-11deb78c], .jump-list-item-b .stu-msg .stu-msg-text .stu-name[data-v-11deb78c] { width: 100%; padding: 0; text-align: center; font-size: 24px; font-weight: bold; line-height: 31px; color: #36d0ff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-list-item-a .stu-msg .stu-msg-text .stu-sch[data-v-11deb78c], .jump-list-item-b .stu-msg .stu-msg-text .stu-sch[data-v-11deb78c] { width: 100%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 400; line-height: 21px; color: #36d0ff; } .jump-list-item[data-v-11deb78c] { position: relative; } .jump-list-item .chart[data-v-11deb78c] { position: absolute; bottom: 100px; } .jump-list-item .chart .chart-num[data-v-11deb78c] { font-size: 58px; } .jump-list-item .chart .chart-canvas[data-v-11deb78c] { width: 80px; height: 580px; max-height: 580px; } .normal-card[data-v-11deb78c] { position: relative; } .normal-card .chart[data-v-11deb78c] { position: absolute; bottom: 100px; } .normal-card .chart .chart-num[data-v-11deb78c] { font-size: 60px; } .normal-card .chart .chart-canvas[data-v-11deb78c] { width: 100px; height: 580px; max-height: 580px; } .jump-list-item-a[data-v-11deb78c] { position: relative; } .jump-list-item-a .chart[data-v-11deb78c] { position: absolute; bottom: 152px; } .jump-list-item-a .chart .chart-canvas[data-v-11deb78c] { width: 80px; height: 536px; max-height: 536px; } .jump-list-item-a .chart .chart-num[data-v-11deb78c] { font-size: 52px; } .jump-list-item-b[data-v-11deb78c] { position: relative; } .jump-list-item-b .chart[data-v-11deb78c] { position: absolute; bottom: 152px; } .jump-list-item-b .chart .chart-canvas[data-v-11deb78c] { width: 60px; height: 536px; max-height: 536px; } .jump-list-item-b .chart .chart-num[data-v-11deb78c] { font-size: 44px; } .jump-card-item[data-v-11deb78c] { width: 300px; height: 283px; border-radius: 12px; margin: 8px auto; overflow: hidden; } .jump-card-item .canvas[data-v-11deb78c] { position: relative; display: flex; flex-direction: column; align-items: center; width: 300px; height: 283px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item .canvas .skip-num[data-v-11deb78c] { margin-top: 50px; font-family: "Number"; font-size: 72px; font-weight: bold; line-height: 95px; letter-spacing: 4px; color: #ffffff; z-index: 99; } .jump-card-item .canvas .card-msg[data-v-11deb78c] { display: flex; flex-direction: row; align-items: center; margin-top: 38px; z-index: 99; } .jump-card-item .canvas .card-msg .card-skip-no[data-v-11deb78c] { width: 60px; height: 60px; line-height: 60px; text-align: center; padding: 0 7px; margin-left: 10px; border: 2px solid #ffffff; border-radius: 8px; font-size: 24px; font-weight: bold; color: #ffffff; } .jump-card-item .canvas .card-msg .msg-text[data-v-11deb78c] { display: flex; flex-direction: column; width: 100%; margin-left: 10px; } .jump-card-item .canvas .card-msg .msg-text .name[data-v-11deb78c] { font-size: 24px; font-weight: bold; line-height: 31px; color: #ffffff; max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item .canvas .card-msg .msg-text .sch[data-v-11deb78c] { font-size: 16px; font-weight: 400; line-height: 21px; color: #ffffff; max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item .canvas .waveTop[data-v-11deb78c] { background-image: url(data:image/png;base64,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); background-size: 50% 90%; } .jump-card-item .canvas .waveMiddle[data-v-11deb78c] { background-image: url(data:image/png;base64,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); background-size: 50% 90%; } .jump-card-item .canvas .waveBottom[data-v-11deb78c] { background-image: url(data:image/png;base64,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); background-size: 50% 90%; } .jump-card-item-a[data-v-11deb78c] { width: 300px; height: 208px; border-radius: 12px; margin: 8px 7.5px; overflow: hidden; } .jump-card-item-a .canvas[data-v-11deb78c] { position: relative; display: flex; flex-direction: column; align-items: center; width: 300px; height: 208px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item-a .canvas .skip-num[data-v-11deb78c] { margin-top: 20px; font-family: "Number"; font-size: 72px; font-weight: bold; line-height: 95px; letter-spacing: 4px; color: #ffffff; z-index: 99; } .jump-card-item-a .canvas .card-msg[data-v-11deb78c] { display: flex; flex-direction: row; align-items: center; margin-top: 13px; z-index: 99; } .jump-card-item-a .canvas .card-msg .card-skip-no[data-v-11deb78c] { width: 60px; height: 60px; line-height: 60px; text-align: center; padding: 0 7px; margin-left: 10px; border: 2px solid #ffffff; border-radius: 8px; font-size: 24px; font-weight: bold; color: #ffffff; } .jump-card-item-a .canvas .card-msg .msg-text[data-v-11deb78c] { display: flex; flex-direction: column; width: 100%; margin-left: 10px; } .jump-card-item-a .canvas .card-msg .msg-text .name[data-v-11deb78c] { font-size: 24px; font-weight: bold; line-height: 31px; color: #ffffff; max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-a .canvas .card-msg .msg-text .sch[data-v-11deb78c] { font-size: 16px; font-weight: 400; line-height: 21px; color: #ffffff; max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-a .canvas .waveTop[data-v-11deb78c] { background-image: url(data:image/png;base64,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); background-size: 50% 80%; } .jump-card-item-a .canvas .waveMiddle[data-v-11deb78c] { background-image: url(data:image/png;base64,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); background-size: 50% 80%; } .jump-card-item-a .canvas .waveBottom[data-v-11deb78c] { background-image: url(data:image/png;base64,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); background-size: 50% 80%; } .jump-card-item-b[data-v-11deb78c] { width: 300px; height: 163px; border-radius: 12px; margin: 8px 7.5px; overflow: hidden; } .jump-card-item-b .canvas[data-v-11deb78c] { position: relative; display: flex; flex-direction: column; align-items: center; width: 300px; height: 163px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item-b .canvas .skip-num[data-v-11deb78c] { margin-top: 10px; font-family: "Number"; font-size: 58px; font-weight: bold; line-height: 76px; letter-spacing: 4px; color: #ffffff; z-index: 99; } .jump-card-item-b .canvas .card-msg[data-v-11deb78c] { display: flex; flex-direction: row; align-items: center; margin-top: 9px; z-index: 99; } .jump-card-item-b .canvas .card-msg .card-skip-no[data-v-11deb78c] { width: 50px; height: 50px; line-height: 50px; text-align: center; padding: 0 5px; margin-left: 10px; border: 2px solid #ffffff; border-radius: 8px; font-size: 24px; font-weight: bold; color: #ffffff; } .jump-card-item-b .canvas .card-msg .msg-text[data-v-11deb78c] { display: flex; flex-direction: column; width: 100%; margin-left: 10px; } .jump-card-item-b .canvas .card-msg .msg-text .name[data-v-11deb78c] { text-align: left; font-size: 24px; font-weight: bold; line-height: 31px; color: #ffffff; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-b .canvas .card-msg .msg-text .sch[data-v-11deb78c] { font-size: 16px; font-weight: 400; line-height: 21px; color: #ffffff; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-b .canvas .waveTop[data-v-11deb78c] { background-image: url(data:image/png;base64,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); background-size: 50% 80%; } .jump-card-item-b .canvas .waveMiddle[data-v-11deb78c] { background-image: url(data:image/png;base64,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); background-size: 50% 80%; } .jump-card-item-b .canvas .waveBottom[data-v-11deb78c] { background-image: url(data:image/png;base64,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); background-size: 50% 80%; } .waveWrapper[data-v-11deb78c] { overflow: hidden; position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; margin: auto; } .waveWrapperInner[data-v-11deb78c] { position: absolute; width: 100%; overflow: hidden; height: 100%; bottom: -1px; } .bgTop[data-v-11deb78c] { z-index: 98; opacity: 0.5; } .bgMiddle[data-v-11deb78c] { z-index: 97; opacity: 0.75; } .bgBottom[data-v-11deb78c] { z-index: 96; opacity: 1; } .wave[data-v-11deb78c] { position: absolute; left: 0; bottom: 0; width: 200%; height: 30%; background-repeat: repeat no-repeat; background-position: 0 bottom; transform-origin: center bottom; } .waveAnimation .waveTop[data-v-11deb78c] { animation: move-wave 1.2s; -webkit-animation: move5-wave 1s; -webkit-animation-delay: 1.3s; animation-delay: 1s; transform: translate(-50%, -70%) rotate(0); -webkit-animation: move_wave-data-v-11deb78c 0.8s linear infinite; animation: move_wave-data-v-11deb78c 0.8s linear infinite; -webkit-animation: move_wave-data-v-11deb78c 1.3s linear infinite; animation: move_wave-data-v-11deb78c 1.3s linear infinite; } .waveAnimation .waveMiddle[data-v-11deb78c] { -webkit-animation: move_wave-data-v-11deb78c 1s linear infinite; animation: move_wave-data-v-11deb78c 1s linear infinite; } .waveAnimation .waveBottom[data-v-11deb78c] { transform: translate(-50%, -70%) rotate(0); -webkit-animation: move_wave-data-v-11deb78c 0.6s linear infinite; animation: move_wave-data-v-11deb78c 0.6s linear infinite; -webkit-animation: move_wave-data-v-11deb78c 0.9s linear infinite; animation: move_wave-data-v-11deb78c 0.9s linear infinite; } @-webkit-keyframes move_wave-data-v-11deb78c { 0% { transform: translateX(0) translateZ(0) scaleY(1); } 50% { transform: translateX(-25%) translateZ(0) scaleY(0.85); } 100% { transform: translateX(-50%) translateZ(0) scaleY(1); } } @keyframes move_wave-data-v-11deb78c { 0% { transform: translateX(0) translateZ(0) scaleY(1); } 50% { transform: translateX(-25%) translateZ(0) scaleY(0.85); } 100% { transform: translateX(-50%) translateZ(0) scaleY(1); } } @-webkit-keyframes rotate-data-v-11deb78c { 50% { transform: translate(-50%, -73%) rotate(180deg); } 100% { transform: translate(-50%, -70%) rotate(360deg); } } @keyframes rotate-data-v-11deb78c { 50% { transform: translate(-50%, -73%) rotate(180deg); } 100% { transform: translate(-50%, -70%) rotate(360deg); } } .jump-card-item-c[data-v-11deb78c] { width: 300px; height: 133px; border-radius: 12px; margin: 8px 7.5px; overflow: hidden; } .jump-card-item-c .canvas[data-v-11deb78c] { position: relative; display: flex; flex-direction: column; align-items: center; width: 300px; height: 133px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item-c .canvas .skip-num[data-v-11deb78c] { margin-top: 10px; font-family: "Number"; font-size: 58px; font-weight: bold; line-height: 76px; color: #01c1fc; z-index: 99; } .jump-card-item-c .canvas .card-skip-no[data-v-11deb78c] { position: absolute; top: 8px; left: 10px; width: 50px; height: 50px; line-height: 50px; text-align: center; border: 2px solid #01c1fc; border-radius: 8px; font-size: 24px; font-weight: bold; color: #01c1fc; } .jump-card-item-c .canvas .card-msg[data-v-11deb78c] { width: 100%; display: flex; flex-direction: row; align-items: center; z-index: 99; } .jump-card-item-c .canvas .card-msg .name[data-v-11deb78c] { text-align: right; margin-right: 10px; font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-c .canvas .card-msg .sch[data-v-11deb78c] { font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-d[data-v-11deb78c] { width: 300px; height: 112px; border-radius: 12px; margin: 8px 7.5px; overflow: hidden; } .jump-card-item-d .canvas[data-v-11deb78c] { position: relative; display: flex; flex-direction: row; align-items: center; width: 300px; height: 112px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item-d .canvas .skip-num[data-v-11deb78c] { width: 96px; margin-left: 16px; font-family: "Number"; font-size: 52px; font-weight: bold; line-height: 69px; color: #01c1fc; z-index: 99; } .jump-card-item-d .canvas .card-skip-no[data-v-11deb78c] { margin-left: 2px; width: 42px; height: 42px; line-height: 42px; text-align: center; border: 2px solid #01c1fc; border-radius: 8px; font-size: 24px; font-weight: bold; color: #01c1fc; } .jump-card-item-d .canvas .card-msg[data-v-11deb78c] { position: absolute; left: 158px; display: flex; flex-direction: column; margin-left: 6px; z-index: 99; } .jump-card-item-d .canvas .card-msg .name[data-v-11deb78c] { font-size: 20px; font-weight: bold; line-height: 26px; color: #01c1fc; width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-d .canvas .card-msg .sch[data-v-11deb78c] { font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-e[data-v-11deb78c] { width: 300px; height: 96px; border-radius: 12px; margin: 8px 7.5px; overflow: hidden; } .jump-card-item-e .canvas[data-v-11deb78c] { position: relative; display: flex; flex-direction: row; align-items: center; width: 300px; height: 96px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item-e .canvas .skip-num[data-v-11deb78c] { width: 96px; margin-left: 16px; font-family: "Number"; font-size: 52px; font-weight: bold; line-height: 69px; color: #01c1fc; z-index: 99; } .jump-card-item-e .canvas .card-skip-no[data-v-11deb78c] { margin-left: 2px; width: 42px; height: 42px; line-height: 42px; text-align: center; border: 2px solid #01c1fc; border-radius: 8px; font-size: 24px; font-weight: bold; color: #01c1fc; } .jump-card-item-e .canvas .card-msg[data-v-11deb78c] { position: absolute; left: 158px; display: flex; flex-direction: column; margin-left: 6px; z-index: 99; } .jump-card-item-e .canvas .card-msg .name[data-v-11deb78c] { font-size: 20px; font-weight: bold; line-height: 26px; color: #01c1fc; width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-e .canvas .card-msg .sch[data-v-11deb78c] { font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-f[data-v-11deb78c] { width: 300px; height: 83px; border-radius: 12px; margin: 8px 7.5px; overflow: hidden; } .jump-card-item-f .canvas[data-v-11deb78c] { position: relative; display: flex; flex-direction: row; align-items: center; width: 300px; height: 83px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item-f .canvas .skip-num[data-v-11deb78c] { width: 96px; margin-left: 16px; font-family: "Number"; font-size: 52px; font-weight: bold; line-height: 69px; color: #01c1fc; z-index: 99; } .jump-card-item-f .canvas .card-skip-no[data-v-11deb78c] { margin-left: 2px; width: 42px; height: 42px; line-height: 42px; text-align: center; border: 2px solid #01c1fc; border-radius: 8px; font-size: 24px; font-weight: bold; color: #01c1fc; } .jump-card-item-f .canvas .card-msg[data-v-11deb78c] { position: absolute; left: 158px; width: 100%; display: flex; flex-direction: column; margin-left: 6px; z-index: 99; } .jump-card-item-f .canvas .card-msg .name[data-v-11deb78c] { font-size: 20px; font-weight: bold; line-height: 26px; color: #01c1fc; width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-f .canvas .card-msg .sch[data-v-11deb78c] { font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-g[data-v-11deb78c] { width: 300px; height: 73px; border-radius: 12px; margin: 8px 7.5px; overflow: hidden; } .jump-card-item-g .canvas[data-v-11deb78c] { position: relative; display: flex; flex-direction: row; align-items: center; width: 300px; height: 73px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item-g .canvas .skip-num[data-v-11deb78c] { width: 96px; margin-left: 16px; font-family: "Number"; font-size: 52px; font-weight: bold; line-height: 69px; color: #01c1fc; z-index: 99; } .jump-card-item-g .canvas .card-skip-no[data-v-11deb78c] { margin-left: 2px; width: 42px; height: 42px; line-height: 42px; text-align: center; border: 2px solid #01c1fc; border-radius: 8px; font-size: 24px; font-weight: bold; color: #01c1fc; } .jump-card-item-g .canvas .card-msg[data-v-11deb78c] { position: absolute; left: 158px; width: 100%; display: flex; flex-direction: column; margin-left: 6px; z-index: 99; } .jump-card-item-g .canvas .card-msg .name[data-v-11deb78c] { width: 136px; font-size: 20px; font-weight: bold; line-height: 26px; color: #01c1fc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-g .canvas .card-msg .sch[data-v-11deb78c] { width: 136px; font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-error[data-v-11deb78c] { width: 297px; height: 280px; margin: 8px auto; border: 3px solid #ff6f8c; background: rgba(255, 111, 140, 0.4); border-radius: 12px; } .jump-card-item-a-error[data-v-11deb78c] { width: 297px; height: 205px; margin: 8px auto; border: 3px solid #ff6f8c; background: rgba(255, 111, 140, 0.4); border-radius: 12px; } .cartoon[data-v-11deb78c] { position: fixed; width: 100%; height: 100%; z-index: 999; } .cartoon .content[data-v-11deb78c] { position: absolute; top: 50%; left: 50%; font-size: 200px; color: #ffffff; transform: translate(-50%, -50%); } .is-start[data-v-11deb78c] { position: relative; top: 260px; width: 320px; height: 175px; margin: 0 auto; } .is-start img[data-v-11deb78c] { position: relative; left: 50%; transform: translate(-50%); width: 140px; height: 102px; } .is-start .text[data-v-11deb78c] { position: relative; top: 40px; text-align: center; font-size: 24px; font-weight: bold; color: #ffffff; } .all-result[data-v-11deb78c] { position: relative; top: 30px; left: 0; bottom: 0; width: 96%; margin: 0 auto; overflow: hidden; } .all-result .all-top-other[data-v-11deb78c] { position: relative; top: 0; left: 0; width: 100%; height: 670px; overflow: hidden; } .all-result .all-top-other .all-result-scroll[data-v-11deb78c] { position: relative; height: 90px; margin-bottom: 20px; } .all-result .top-a[data-v-11deb78c] { height: 120px; border: 3px solid rgba(255, 255, 255, 0.5); border-radius: 12px; background-color: rgba(0, 153, 255, 0.5); } .all-result .top-a .rank-a[data-v-11deb78c] { width: 90px; height: 120px; margin-left: 12px; line-height: 120px; } .all-result .top-a .rank-a img[data-v-11deb78c] { display: inline-block; width: 50px; height: 64px; margin-top: 28px; } .all-result .top-a .rank-a span[data-v-11deb78c] { font-size: 42px; font-weight: bold; color: #e4e955; } .all-result .top-a .msg-a[data-v-11deb78c] { display: table; position: absolute; top: 0; left: 112px; height: 120px; } .all-result .top-a .msg-a .head[data-v-11deb78c] { display: table-cell; vertical-align: middle; } .all-result .top-a .msg-a .head img[data-v-11deb78c] { width: 73px; height: 73px; border-radius: 50%; } .all-result .top-a .number-a[data-v-11deb78c] { height: 120px; line-height: 120px; } .all-result .top-a .num-a[data-v-11deb78c] { height: 120px; line-height: 120px; } .all-result .top-b[data-v-11deb78c] { height: 90px; border: 3px solid rgba(255, 255, 255, 0.3); border-radius: 12px; background-color: rgba(0, 153, 255, 0.3); } .all-result .top-b .rank-b[data-v-11deb78c] { display: flex; flex-direction: row; align-items: center; width: 70px; height: 90px; line-height: 90px; margin-left: 12px; } .all-result .top-b .rank-b img[data-v-11deb78c] { margin-top: 13px; width: 50px; height: 64px; } .all-result .top-b .rank-b span[data-v-11deb78c] { font-size: 42px; font-weight: bold; color: #e4e955; } .all-result .top-b .msg-b[data-v-11deb78c] { display: flex; flex-direction: row; align-items: center; position: absolute; left: 86px; top: 0; height: 90px; } .all-result .top-b .msg-b .head[data-v-11deb78c] { display: table-cell; vertical-align: middle; } .all-result .top-b .msg-b .head img[data-v-11deb78c] { width: 40px; height: 40px; border: 2px solid #ffffff; border-radius: 50%; } .all-result .top-b .msg-b .name[data-v-11deb78c] { max-width: 240px; margin-left: 10px; font-size: 28px; line-height: 36px; font-weight: bold; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .all-result .top-b .msg-b .cla[data-v-11deb78c] { max-width: 260px; margin-left: 10px; font-size: 24px; font-weight: 400; line-height: 36px; color: rgba(225, 225, 225, 0.54); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .all-result .top-b .number-b[data-v-11deb78c] { height: 90px; line-height: 90px; } .all-result .top-b .num-b[data-v-11deb78c] { height: 90px; line-height: 90px; } .all-result .all-result-item[data-v-11deb78c] { position: relative; float: left; width: 32%; margin: 0 0.49% 20px 0.49%; } .all-result .all-result-item .rank[data-v-11deb78c] { display: inline-block; text-align: center; } .all-result .all-result-item .msg[data-v-11deb78c] { width: 40%; display: table; position: absolute; top: 0; } .all-result .all-result-item .msg .msg-text[data-v-11deb78c] { display: table-cell; position: relative; top: 1px; left: 9px; vertical-align: middle; line-height: 37px; } .all-result .all-result-item .msg .msg-text .name[data-v-11deb78c] { max-width: 180px; font-size: 28px; font-weight: bold; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .all-result .all-result-item .msg .msg-text .cla[data-v-11deb78c] { max-width: 180px; font-size: 24px; font-weight: 400; color: rgba(225, 225, 225, 0.54); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .all-result .all-result-item .msg .msg-text-a .name[data-v-11deb78c] { display: inline-block; position: relative; top: 1px; left: 12px; height: 90px; line-height: 90px; font-size: 28px; font-weight: bold; color: #fff; } .all-result .all-result-item .msg .msg-text-a .cla[data-v-11deb78c] { display: inline-block; position: relative; top: 1px; left: 22px; height: 90px; line-height: 90px; font-size: 24px; font-weight: 400; color: rgba(225, 225, 225, 0.54); } .all-result .all-result-item .number[data-v-11deb78c] { position: absolute; top: 0; right: 143px; font-size: 24px; font-weight: bold; color: #a2ecff; } .all-result .all-result-item .number img[data-v-11deb78c] { display: inline-block; vertical-align: middle; width: 26px; height: 26px; } .all-result .all-result-item .number span[data-v-11deb78c] { display: inline-block; vertical-align: middle; margin-left: 2px; } .all-result .all-result-item .result-num[data-v-11deb78c] { float: right; margin-right: 30px; font-size: 60px; font-weight: 400; color: #ffffff; } .result[data-v-11deb78c] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(225, 225, 225, 0.2); z-index: 1000; } .result .result-content[data-v-11deb78c] { width: 1698px; height: 980px; margin: 50px auto; } .result .result-content .left[data-v-11deb78c] { display: inline-block; position: relative; top: 0; left: 0; width: 299px; height: 457px; vertical-align: top; background: url(../img/left.e132aa7a.png) no-repeat; background-size: 299px 457px; } .result .result-content .center[data-v-11deb78c] { display: inline-block; position: relative; top: 0; width: 1100px; height: 980px; margin: 0 auto; vertical-align: top; background: url(../img/center.0f21e95f.png) no-repeat; background-size: 1100px 980px; } .result .result-content .center .result-list[data-v-11deb78c] { width: 997px; margin: 0 auto; color: #fff; } .result .result-content .center .result-list .top-three[data-v-11deb78c] { position: relative; top: 10px; } .result .result-content .center .result-list .top-other[data-v-11deb78c] { position: relative; top: 10px; width: 997px; height: 537px; overflow: hidden; } .result .result-content .center .result-list .list-item[data-v-11deb78c] { position: relative; width: 997px; height: 90px; line-height: 90px; margin-bottom: 18px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 56%, rgba(0, 196, 255, 0.2) 44%); border-radius: 12px; } .result .result-content .center .result-list .list-item .hat[data-v-11deb78c] { position: absolute; top: -18px; left: -18px; width: 36px; height: 36px; } .result .result-content .center .result-list .list-item .no[data-v-11deb78c] { display: inline-block; position: relative; vertical-align: top; top: 0; left: 37px; width: 44px; text-align: center; font-size: 31px; color: #e4e955; } .result .result-content .center .result-list .list-item .no .num[data-v-11deb78c] { position: relative; top: 13px; width: 44px; height: 57px; } .result .result-content .center .result-list .list-item .head[data-v-11deb78c] { display: inline-block; position: relative; vertical-align: top; top: 14px; left: 70px; width: 54px; height: 54px; border-radius: 50%; border: 2px solid #fff; } .result .result-content .center .result-list .list-item .msg[data-v-11deb78c] { width: 55%; display: inline-block; position: relative; left: 86px; color: #fff; } .result .result-content .center .result-list .list-item .msg .name[data-v-11deb78c] { width: 18%; display: inline-block; font-size: 28px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .result .result-content .center .result-list .list-item .msg .cla[data-v-11deb78c] { width: 75%; display: inline-block; font-size: 26px; color: rgba(225, 225, 225, 0.54); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .result .result-content .center .result-list .list-item .number[data-v-11deb78c] { position: absolute; top: 0; right: 220px; height: 90px; line-height: 90px; font-size: 24px; font-weight: bold; color: #a2ecff; } .result .result-content .center .result-list .list-item .number img[data-v-11deb78c] { display: inline-block; vertical-align: middle; width: 26px; height: 26px; } .result .result-content .center .result-list .list-item .number span[data-v-11deb78c] { display: inline-block; vertical-align: middle; margin-left: 5px; } .result .result-content .center .result-list .list-item .score[data-v-11deb78c] { float: right; margin-right: 40px; font-size: 21px; color: #fff; } .result .result-content .center .result-list .list-item .score span[data-v-11deb78c] { margin-right: 10px; font-size: 48px; font-weight: 400; color: #e4e955; } .result .result-content .center .title[data-v-11deb78c] { position: relative; top: 5px; width: 740px; height: 90px; line-height: 90px; margin: 0 auto; text-align: center; font-size: 32px; font-weight: bold; color: #e4e955; } .result .result-content .center .tips[data-v-11deb78c] { position: relative; top: 55px; width: 740px; height: 25px; margin: 0 auto; text-align: center; font-size: 18px; color: #fff; } .result .result-content .center .tips .tips-a[data-v-11deb78c] { margin-right: 30px; } .result .result-content .right[data-v-11deb78c] { display: inline-block; position: relative; top: 0; right: 0; width: 299px; height: 457px; vertical-align: top; background: url(../img/right.2c1d6216.png) no-repeat; background-size: 299px 457px; } @font-face { font-family: "Number"; src: url("data:application/font-woff2;charset=utf-8;base64,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") format("woff2"); } body[data-v-ca8a7792] { background: #141833; overflow: hidden; } .match-num[data-v-ca8a7792] { display: flex; flex-direction: column; align-items: center; margin-top: 273px; } .match-num img[data-v-ca8a7792] { width: 140px; height: 102px; } .match-num .match-num-text[data-v-ca8a7792] { margin-top: 20px; font-size: 42px; font-family: Microsoft YaHei; font-weight: 400; line-height: 55px; color: #ffffff; } .match-num .match-num-number[data-v-ca8a7792] { display: flex; flex-direction: row; align-items: center; } .match-num .match-num-number .match-num-number-item[data-v-ca8a7792] { width: 140px; height: 180px; line-height: 180px; text-align: center; margin: 40px 10px; background: #222648; border-radius: 12px; font-size: 100px; font-family: "Number"; font-weight: bold; color: #ffffff; } .jump-rope-a[data-v-ca8a7792] { position: fixed; height: 100%; width: 100%; background-color: #141833; } .jump-rope-top[data-v-ca8a7792] { display: flex; flex-direction: row; align-items: center; width: 98%; height: 142px; margin: 0 auto; padding-top: 20px; } .jump-rope-top .cut-down[data-v-ca8a7792], .jump-rope-top .num-top[data-v-ca8a7792] { display: flex; flex-direction: row; align-items: center; width: 24%; height: 142px; } .jump-rope-top .cut-down .text[data-v-ca8a7792], .jump-rope-top .num-top .text[data-v-ca8a7792] { width: 32%; margin-left: 40px; font-size: 28px; font-family: Microsoft YaHei; font-weight: 400; color: #01c1fc; opacity: 0.6; } .jump-rope-top .cut-down .num[data-v-ca8a7792], .jump-rope-top .num-top .num[data-v-ca8a7792] { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; width: 68%; margin-right: 55px; } .jump-rope-top .cut-down .text-a[data-v-ca8a7792], .jump-rope-top .num-top .text-a[data-v-ca8a7792] { width: 40%; } .jump-rope-top .cut-down .num-a[data-v-ca8a7792], .jump-rope-top .num-top .num-a[data-v-ca8a7792] { width: 60%; } .jump-rope-top .cut-down .num-text[data-v-ca8a7792], .jump-rope-top .num-top .num-text[data-v-ca8a7792] { float: right; font-family: "Number"; font-size: 80px; font-weight: bold; letter-spacing: 2px; color: #01c1fc; } .jump-rope-top .cut-down .tag[data-v-ca8a7792], .jump-rope-top .num-top .tag[data-v-ca8a7792] { margin-top: 10px; margin-left: 10px; font-size: 76px; color: #01c1fc; } .jump-rope-top .title[data-v-ca8a7792] { position: relative; width: 50%; height: 142px; margin: 0 1%; } .jump-rope-top .title-text[data-v-ca8a7792] { width: 96%; margin: 24px auto; font-size: 29px; font-weight: bold; color: #01c1fc; } .jump-rope-top .match-msg[data-v-ca8a7792] { width: 94%; margin: 35px auto; } .jump-rope-top .match-msg-text[data-v-ca8a7792] { float: left; display: flex; flex-direction: row; } .jump-rope-top .match-msg-text .group-num[data-v-ca8a7792] { font-size: 24px; font-weight: bold; color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-msg-text .group-time[data-v-ca8a7792] { margin-left: 20px; font-size: 24px; font-weight: 400; color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-status[data-v-ca8a7792] { float: right; display: flex; flex-direction: row; } .jump-rope-top .match-status .normal[data-v-ca8a7792], .jump-rope-top .match-status .error[data-v-ca8a7792] { font-size: 24px; font-weight: 400; } .jump-rope-top .match-status .normal[data-v-ca8a7792] { color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-status .error[data-v-ca8a7792] { margin-left: 30px; color: #ff6f8c; } .jump-rope-top .card-bg[data-v-ca8a7792] { position: relative; top: 0; background: #222648; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 12px; } .jump-list[data-v-ca8a7792] { display: flex; flex-direction: row; align-items: center; width: 98%; height: 882px; margin: 0 0.9%; padding: 16px 0 20px 0; } .jump-card[data-v-ca8a7792] { display: flex; flex-direction: row; justify-content: center; height: 882px; margin: 0 12px; padding: 8px 0 12px 0; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; } .jump-card[data-v-ca8a7792]:after { content: ""; width: 300px; height: 0; margin: 8px auto; visibility: hidden; } .jump-list-item[data-v-ca8a7792], .jump-list-item-a[data-v-ca8a7792], .jump-list-item-b[data-v-ca8a7792], .normal-card[data-v-ca8a7792] { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; height: 882px; margin: 0 8px; background: #222648; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 12px; } .jump-list-item .avatar[data-v-ca8a7792], .jump-list-item-a .avatar[data-v-ca8a7792], .jump-list-item-b .avatar[data-v-ca8a7792], .normal-card .avatar[data-v-ca8a7792] { position: absolute; width: 60px; height: 60px; } .jump-list-item .avatar .avatar-head[data-v-ca8a7792], .jump-list-item-a .avatar .avatar-head[data-v-ca8a7792], .jump-list-item-b .avatar .avatar-head[data-v-ca8a7792], .normal-card .avatar .avatar-head[data-v-ca8a7792] { position: absolute; width: 60px; height: 60px; border-radius: 50%; background: rgba(255, 255, 255, 0.4); } .jump-list-item .avatar-a .avatar-head[data-v-ca8a7792], .jump-list-item-a .avatar-a .avatar-head[data-v-ca8a7792], .jump-list-item-b .avatar-a .avatar-head[data-v-ca8a7792], .normal-card .avatar-a .avatar-head[data-v-ca8a7792] { position: absolute; width: 60px; height: 60px; border-radius: 50%; background: rgba(255, 255, 255, 0.4); -webkit-animation: rotates-data-v-ca8a7792 0.5s linear infinite; animation: rotates-data-v-ca8a7792 0.5s linear infinite; } .jump-list-item .avatar-a[data-v-ca8a7792]::before, .jump-list-item-a .avatar-a[data-v-ca8a7792]::before, .jump-list-item-b .avatar-a[data-v-ca8a7792]::before, .normal-card .avatar-a[data-v-ca8a7792]::before { content: ""; height: 10px; width: 60px; background: #000; opacity: 0.2; border-radius: 50%; position: absolute; top: 87px; left: 0; -webkit-animation: shadow-data-v-ca8a7792 0.5s linear infinite; animation: shadow-data-v-ca8a7792 0.5s linear infinite; } .jump-list-item .avatar-a[data-v-ca8a7792]::after, .jump-list-item-a .avatar-a[data-v-ca8a7792]::after, .jump-list-item-b .avatar-a[data-v-ca8a7792]::after, .normal-card .avatar-a[data-v-ca8a7792]::after { border-radius: 50%; -webkit-animation: rotates-data-v-ca8a7792 0.5s linear infinite; animation: rotates-data-v-ca8a7792 0.5s linear infinite; content: ""; position: absolute; left: 0; top: 0; width: 60px; height: 60px; } @-webkit-keyframes shadow-data-v-ca8a7792 { 0%, 100% { transform: scaleX(1); } 50% { transform: scaleX(1.2); } } @keyframes shadow-data-v-ca8a7792 { 0%, 100% { transform: scaleX(1); } 50% { transform: scaleX(1.2); } } @-webkit-keyframes rotates-data-v-ca8a7792 { 0% { transform: translateY(0); } 25% { transform: translateY(10px); } 50% { transform: translateY(20px) scale(1.1, 0.9); } 75% { ransform: translateY(10px); } 100% { transform: translateY(0); } } @keyframes rotates-data-v-ca8a7792 { 0% { transform: translateY(0); } 25% { transform: translateY(10px); } 50% { transform: translateY(20px) scale(1.1, 0.9); } 75% { ransform: translateY(10px); } 100% { transform: translateY(0); } } .jump-list-item .chart[data-v-ca8a7792], .jump-list-item-a .chart[data-v-ca8a7792], .jump-list-item-b .chart[data-v-ca8a7792], .normal-card .chart[data-v-ca8a7792] { display: flex; flex-direction: column; align-items: center; } .jump-list-item .chart .chart-num[data-v-ca8a7792], .jump-list-item-a .chart .chart-num[data-v-ca8a7792], .jump-list-item-b .chart .chart-num[data-v-ca8a7792], .normal-card .chart .chart-num[data-v-ca8a7792] { position: relative; bottom: 10px; font-size: 58px; font-family: "Number"; font-weight: bold; line-height: 72px; color: #01c1fc; } .jump-list-item .chart .chart-canvas[data-v-ca8a7792], .jump-list-item-a .chart .chart-canvas[data-v-ca8a7792], .jump-list-item-b .chart .chart-canvas[data-v-ca8a7792], .normal-card .chart .chart-canvas[data-v-ca8a7792] { background: linear-gradient(180deg, #01f9f9 0%, #01bef9 100%); opacity: 0.98; border-radius: 6px; } .jump-list-item .chart-error[data-v-ca8a7792], .jump-list-item-a .chart-error[data-v-ca8a7792], .jump-list-item-b .chart-error[data-v-ca8a7792], .normal-card .chart-error[data-v-ca8a7792] { display: flex; flex-direction: column; align-items: center; } .jump-list-item .chart-error .chart-num[data-v-ca8a7792], .jump-list-item-a .chart-error .chart-num[data-v-ca8a7792], .jump-list-item-b .chart-error .chart-num[data-v-ca8a7792], .normal-card .chart-error .chart-num[data-v-ca8a7792] { position: relative; bottom: 10px; font-size: 58px; font-family: "Number"; font-weight: bold; line-height: 72px; color: #ff6f8c; } .jump-list-item .chart-error .chart-canvas[data-v-ca8a7792], .jump-list-item-a .chart-error .chart-canvas[data-v-ca8a7792], .jump-list-item-b .chart-error .chart-canvas[data-v-ca8a7792], .normal-card .chart-error .chart-canvas[data-v-ca8a7792] { background: linear-gradient(180deg, #ffc5d1 0%, #ff6f8c 100%); opacity: 0.98; border-radius: 6px; } .jump-list-item .stu-msg[data-v-ca8a7792], .normal-card .stu-msg[data-v-ca8a7792] { position: absolute; top: 800px; display: flex; width: 98%; flex-direction: row; justify-content: center; } .jump-list-item .stu-msg .skip-no[data-v-ca8a7792], .normal-card .stu-msg .skip-no[data-v-ca8a7792] { width: 60px; height: 60px; min-width: 60px; line-height: 60px; text-align: center; margin-left: 2px; border: 2px solid #36d0ff; border-radius: 12px; font-size: 24px; font-family: "Number"; font-weight: bold; color: #36d0ff; } .jump-list-item .stu-msg .stu-msg-text[data-v-ca8a7792], .normal-card .stu-msg .stu-msg-text[data-v-ca8a7792] { position: relative; max-width: 56%; display: flex; flex-direction: column; align-items: center; margin-top: 4px; margin-left: 2px; } .jump-list-item .stu-msg .stu-msg-text .stu-name[data-v-ca8a7792], .normal-card .stu-msg .stu-msg-text .stu-name[data-v-ca8a7792] { width: 100%; font-size: 24px; font-weight: bold; line-height: 31px; color: #36d0ff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-list-item .stu-msg .stu-msg-text .stu-sch[data-v-ca8a7792], .normal-card .stu-msg .stu-msg-text .stu-sch[data-v-ca8a7792] { display: block; width: 100%; max-height: 40px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; font-weight: 400; line-height: 21px; color: #36d0ff; } .jump-list-item-a .stu-msg[data-v-ca8a7792], .jump-list-item-b .stu-msg[data-v-ca8a7792] { position: absolute; bottom: 21px; width: 98%; margin: 0 1%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .jump-list-item-a .stu-msg .skip-no[data-v-ca8a7792], .jump-list-item-b .stu-msg .skip-no[data-v-ca8a7792] { width: 60px; height: 60px; line-height: 60px; text-align: center; border: 2px solid #36d0ff; border-radius: 12px; font-size: 24px; font-family: "Number"; font-weight: bold; color: #36d0ff; } .jump-list-item-a .stu-msg .stu-msg-text[data-v-ca8a7792], .jump-list-item-b .stu-msg .stu-msg-text[data-v-ca8a7792] { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 4px; } .jump-list-item-a .stu-msg .stu-msg-text .stu-name[data-v-ca8a7792], .jump-list-item-b .stu-msg .stu-msg-text .stu-name[data-v-ca8a7792] { width: 100%; padding: 0; text-align: center; font-size: 24px; font-weight: bold; line-height: 31px; color: #36d0ff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-list-item-a .stu-msg .stu-msg-text .stu-sch[data-v-ca8a7792], .jump-list-item-b .stu-msg .stu-msg-text .stu-sch[data-v-ca8a7792] { width: 100%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 400; line-height: 21px; color: #36d0ff; } .jump-list-item[data-v-ca8a7792] { position: relative; } .jump-list-item .chart[data-v-ca8a7792] { position: absolute; bottom: 100px; } .jump-list-item .chart .chart-num[data-v-ca8a7792] { font-size: 58px; } .jump-list-item .chart .chart-canvas[data-v-ca8a7792] { width: 80px; height: 580px; max-height: 580px; } .normal-card[data-v-ca8a7792] { position: relative; } .normal-card .chart[data-v-ca8a7792] { position: absolute; bottom: 100px; } .normal-card .chart .chart-num[data-v-ca8a7792] { font-size: 60px; } .normal-card .chart .chart-canvas[data-v-ca8a7792] { width: 100px; height: 580px; max-height: 580px; } .jump-list-item-a[data-v-ca8a7792] { position: relative; } .jump-list-item-a .chart[data-v-ca8a7792] { position: absolute; bottom: 152px; } .jump-list-item-a .chart .chart-canvas[data-v-ca8a7792] { width: 80px; height: 536px; max-height: 536px; } .jump-list-item-a .chart .chart-num[data-v-ca8a7792] { font-size: 52px; } .jump-list-item-b[data-v-ca8a7792] { position: relative; } .jump-list-item-b .chart[data-v-ca8a7792] { position: absolute; bottom: 152px; } .jump-list-item-b .chart .chart-canvas[data-v-ca8a7792] { width: 60px; height: 536px; max-height: 536px; } .jump-list-item-b .chart .chart-num[data-v-ca8a7792] { font-size: 44px; } .jump-card-item[data-v-ca8a7792] { width: 300px; height: 283px; border-radius: 12px; margin: 8px auto; overflow: hidden; } .jump-card-item .canvas[data-v-ca8a7792] { position: relative; display: flex; flex-direction: column; align-items: center; width: 300px; height: 283px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item .canvas .skip-num[data-v-ca8a7792] { margin-top: 50px; font-family: "Number"; font-size: 72px; font-weight: bold; line-height: 95px; letter-spacing: 4px; color: #ffffff; z-index: 99; } .jump-card-item .canvas .card-msg[data-v-ca8a7792] { display: flex; flex-direction: row; align-items: center; margin-top: 38px; z-index: 99; } .jump-card-item .canvas .card-msg .card-skip-no[data-v-ca8a7792] { width: 60px; height: 60px; line-height: 60px; text-align: center; padding: 0 7px; margin-left: 10px; border: 2px solid #ffffff; border-radius: 8px; font-size: 24px; font-weight: bold; color: #ffffff; } .jump-card-item .canvas .card-msg .msg-text[data-v-ca8a7792] { display: flex; flex-direction: column; width: 100%; margin-left: 10px; } .jump-card-item .canvas .card-msg .msg-text .name[data-v-ca8a7792] { font-size: 24px; font-weight: bold; line-height: 31px; color: #ffffff; max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item .canvas .card-msg .msg-text .sch[data-v-ca8a7792] { font-size: 16px; font-weight: 400; line-height: 21px; color: #ffffff; max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item .canvas .waveTop[data-v-ca8a7792] { background-image: url(data:image/png;base64,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); background-size: 50% 90%; } .jump-card-item .canvas .waveMiddle[data-v-ca8a7792] { background-image: url(data:image/png;base64,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); background-size: 50% 90%; } .jump-card-item .canvas .waveBottom[data-v-ca8a7792] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAI2CAMAAAC7RgbEAAAAolBMVEUAAAAAeuQAeuQAeeUAeuQAeuUAeeQAYuoAeeQAeeUAcesAeeQAeuQAeuQAeeQAeegAeuQAeeQAd+gAeeQAeOQAeeQAeOQAeOUAd+cAeeQAeeQAeuQAeeQAeeQAeuQAeuQAeuQAeeMAd+QAeuQAeeQAeeUAeeQAeuQAeeUAeeUAeuQAeeQAeOQAeeQAeeQAeuQAeuQAeeQAeOQAeuQAeeQAeuR+vBg8AAAANXRSTlMA9PnprIlvAmg/Bfzvg2MQ1kUKWiZ0OiEV4reUj3zdxrIqHaFUNuXKvKWYXk8Z087BMjDaSxq2Dr0AAAioSURBVHja7NuHsppAFIDhpRcBUaQ3Bezd63n/VwtMJpPE5CZebLt4vkc487NzaAT9lT7SNpZrxqUYHeZ2NhMMjgfgOUOYZfb8EIllbLpWpY2GBKH/0gvPcePxXoCrGbtola4HWNiFNHVlWbWc6qxNJ36gkzelTKpUtHloL4wSy3vXvPTAnxy9wcZZW6osu2lK4AIn2POoTFLrPN2S99AfuOWeh/sIx9J6Qt5BcBo4srkSF/sPgYdLBP6BD/OlZGkF6a5tFe97cG9GlGpdPbv0yVmVxDzj4Z8IXIHfielmpJCOKZyVDQ/D59KmT7pkq6nxYgbXIXA1Lk+cztQ1HCQ2PFxvbmpd2FqVUSVFAnwFga/hFuYmIIzz1YiDZ+HG6ogwzK+kRYtpEWjhY+Uwu9grnmTDs2XxgMWDSznKogDtEGjJlliclZaE8BrGsmJrnfdV0YD2CLTHiapP2KF4yQxeiRMdRrb5/ubmDZTAbT7iARv7/FQK4fX48Zr6tk5m3oObEbiZEHuEciPzA2jBRxbFbZ2+T4qKsGozms+tvpUDXbglleNStCQDAJrCqhkrKs8t/bzkgEKzhLZxebEAAPSFVctM2nb56UoAaoUSPe8UR2YGALSGVctVevaHwN0B5eYyDeMK5DkA0B0WNfc9Q2fMAwP4sTMkr9S3oh40aA+rxotnhbySopVULlbUrfL65uflx0BYNSGZklcp0gwYE5oj8nzTRICf2Airlkkn8nx99dADFs3dgjzT5HJdZyas2k4OyH+85WL1iYP6rHH11TlcYiksgN5C9slzDCuRocXqs3FZj28rsMYc/ImtsBq2eSSPtlUjls+qX/Ryd0QeJ5A/WxXYC6uWSY/8kPKYzqFTbMlTyAMU6uLzqpgMq2aIlk/ub+uUM+ggY2kV5J50z9zDv7AaViNc3vUrXX+9ov7Z+i3sleOTuzi5/1+rWA6rIYjyHf7qHGquSPFrwPuZifJUJzfQj7JowBVYD6vR25XyYNv2h5GNW+7ZfFbVEneIVS1o0dRpLeUcXKkLYX1n5KW51gqdXGfoe5Yk2h25+fs64bCSB5M+uYJSaPWodj34iu6E9YOwj0opVSttOin6+m8tBf5kOli7yXJhG4AanL1YSnKlHUfb4a8t9Yt6VI5sxmI+o+E8pyCsCzxnCGEoGNzbnk3X6/2YFQ0p0R4W6gQMCzUwLMQGDAs1MCzEBgwLNTAsxAYMCzUwLMQGDAs1MCzEBgwLNTAsxAYMCzUwLMQGDAs1MCzEBgwLNTAs9I1dOiABAABgGNS/9XmMgWawQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrEGrt0QAIAAMAwqH/r8xgDzSAnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1jlw5IAAAAGAb1b30W46AZFIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxdilAxIAAACGQf1bn8cYaAYbxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEGrt0QAIAAMAwqH/r8xgDzSANYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYnFi0SAWJxYNYrF26ZgGAAAGgpB/182L6HAJaGDEokEsRiwaxGLEokEsRiwaxGLEokEsRiwaxGLEokEsRiwaxGLEokEsRiwaxGLEokEsRiwaxGLEokEsRiwaxGLEokEsRiwaxGLEokEsRiwaxGLEokEsRiwaxGLEokEsRiwaxGLEokEsRiwaxGLEokEsRiwaxGLEokEsRiwaxGLEokEsXhx5kDaprPalMAAAAABJRU5ErkJggg==); background-size: 50% 90%; } .jump-card-item-a[data-v-ca8a7792] { width: 300px; height: 208px; border-radius: 12px; margin: 8px 7.5px; overflow: hidden; } .jump-card-item-a .canvas[data-v-ca8a7792] { position: relative; display: flex; flex-direction: column; align-items: center; width: 300px; height: 208px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item-a .canvas .skip-num[data-v-ca8a7792] { margin-top: 20px; font-family: "Number"; font-size: 72px; font-weight: bold; line-height: 95px; letter-spacing: 4px; color: #ffffff; z-index: 99; } .jump-card-item-a .canvas .card-msg[data-v-ca8a7792] { display: flex; flex-direction: row; align-items: center; margin-top: 13px; z-index: 99; } .jump-card-item-a .canvas .card-msg .card-skip-no[data-v-ca8a7792] { width: 60px; height: 60px; line-height: 60px; text-align: center; padding: 0 7px; margin-left: 10px; border: 2px solid #ffffff; border-radius: 8px; font-size: 24px; font-weight: bold; color: #ffffff; } .jump-card-item-a .canvas .card-msg .msg-text[data-v-ca8a7792] { display: flex; flex-direction: column; width: 100%; margin-left: 10px; } .jump-card-item-a .canvas .card-msg .msg-text .name[data-v-ca8a7792] { font-size: 24px; font-weight: bold; line-height: 31px; color: #ffffff; max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-a .canvas .card-msg .msg-text .sch[data-v-ca8a7792] { font-size: 16px; font-weight: 400; line-height: 21px; color: #ffffff; max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-a .canvas .waveTop[data-v-ca8a7792] { background-image: url(data:image/png;base64,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); background-size: 50% 80%; } .jump-card-item-a .canvas .waveMiddle[data-v-ca8a7792] { background-image: url(data:image/png;base64,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); background-size: 50% 80%; } .jump-card-item-a .canvas .waveBottom[data-v-ca8a7792] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAGgCAMAAABBkekHAAAAolBMVEUAAAAAeuQAeuQAeeUAeuQAeuUAeeQAYuoAeeQAeeUAcesAeeQAeuQAeuQAeeQAeegAeuQAeeQAd+gAeeQAeOQAeeQAeOQAeOUAd+cAeeQAeeQAeuQAeeQAeeQAeuQAeuQAeuQAeeMAd+QAeuQAeeQAeeUAeeQAeuQAeeUAeeUAeuQAeeQAeOQAeeQAeeQAeuQAeuQAeeQAeOQAeuQAeeQAeuR+vBg8AAAANXRSTlMA9PnprIlvAmg/Bfzvg2MQ1kUKWiZ0OiEV4reUj3zdxrIqHaFUNuXKvKWYXk8Z087BMjDaSxq2Dr0AAAdGSURBVHja7NuHsppAFIDhpRcBUaQ3Bezd63n/VwtMJpPE5CZebLt4vkc487NzaAT9lT7SNpZrxqUYHeZ2NhMMjgfgOUOYZfb8EIllbLpWpY2GBKH/0gvPcePxXoCrGbtola4HWNiFNHVlWbWc6qxNJ36gkzelTKpUtHloL4wSy3vXvPTAnxy9wcZZW6osu2lK4AIn2POoTFLrPN2S99AfuOWeh/sIx9J6Qt5BcBo4srkSF/sPgYdLBP6BD/OlZGkF6a5tFe97cG9GlGpdPbv0yVmVxDzj4Z8IXIHfielmpJCOKZyVDQ/D59KmT7pkq6nxYgbXIXA1Lk+cztQ1HCQ2PFxvbmpd2FqVUSVFAnwFga/hFuYmIIzz1YiDZ+HG6ogwzK+kRYtpEWjhY+Uwu9grnmTDs2XxgMWDSznKogDtEGjJlliclZaE8BrGsmJrnfdV0YD2CLTHiapP2KF4yQxeiRMdRrb5/ubmDZTAbT7iARv7/FQK4fX48Zr6tk5m3oObEbiZEHuEciPzA2jBRxbFbZ2+T4qKsGozms+tvpUDXbglleNStCQDAJrCqhkrKs8t/bzkgEKzhLZxebEAAPSFVctM2nb56UoAaoUSPe8UR2YGALSGVctVevaHwN0B5eYyDeMK5DkA0B0WNfc9Q2fMAwP4sTMkr9S3oh40aA+rxotnhbySopVULlbUrfL65uflx0BYNSGZklcp0gwYE5oj8nzTRICf2Airlkkn8nx99dADFs3dgjzT5HJdZyas2k4OyH+85WL1iYP6rHH11TlcYiksgN5C9slzDCuRocXqs3FZj28rsMYc/ImtsBq2eSSPtlUjls+qX/Ryd0QeJ5A/WxXYC6uWSY/8kPKYzqFTbMlTyAMU6uLzqpgMq2aIlk/ub+uUM+ggY2kV5J50z9zDv7AaViNc3vUrXX+9ov7Z+i3sleOTuzi5/1+rWA6rIYjyHf7qHGquSPFrwPuZifJUJzfQj7JowBVYD6vR25XyYNv2h5GNW+7ZfFbVEneIVS1o0dRpLeUcXKkLYX1n5KW51gqdXGfoe5Yk2h25+fs64bCSB5M+uYJSaPWodj34iu6E9YOwj0opVSttOin6+m8tBf5kOli7yXJhG4AanL1YSnKlHUfb4a8t9Yt6VI5sxmI+o+E8pyCsCzxnCGEoGNzbnk3X6/2YFQ0p0R4W6gQMCzUwLMQGDAs1MCzEBgwLNTAsxAYMCzUwLMQGDAs1MCzEBgwLNTAsxAYMCzUwLMQGDAs1MCzEBgwLNTAs9I1dOiABAABgGNS/9XmMgWawQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrE4sSiQSxOLBrEGrt0QAIAAMAwqH/r8xgDzSAnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1icWLRIBYnFg1jlw5IAAAAGAb1b30W46AZFIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxQexiFh8EIuIxdilAxIAAACGQf1bn8cYaAYbxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEokEsTiwaxOLEWrt0TAMAAANByL/r5kV0uAQ0QINYjFg0iMWIRYNYjFg0iMWIRYNYvDiPummSgfUn0QAAAABJRU5ErkJggg==); background-size: 50% 80%; } .jump-card-item-b[data-v-ca8a7792] { width: 300px; height: 163px; border-radius: 12px; margin: 8px 7.5px; overflow: hidden; } .jump-card-item-b .canvas[data-v-ca8a7792] { position: relative; display: flex; flex-direction: column; align-items: center; width: 300px; height: 163px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item-b .canvas .skip-num[data-v-ca8a7792] { margin-top: 10px; font-family: "Number"; font-size: 58px; font-weight: bold; line-height: 76px; letter-spacing: 4px; color: #ffffff; z-index: 99; } .jump-card-item-b .canvas .card-msg[data-v-ca8a7792] { display: flex; flex-direction: row; align-items: center; margin-top: 9px; z-index: 99; } .jump-card-item-b .canvas .card-msg .card-skip-no[data-v-ca8a7792] { width: 50px; height: 50px; line-height: 50px; text-align: center; padding: 0 5px; margin-left: 10px; border: 2px solid #ffffff; border-radius: 8px; font-size: 24px; font-weight: bold; color: #ffffff; } .jump-card-item-b .canvas .card-msg .msg-text[data-v-ca8a7792] { display: flex; flex-direction: column; width: 100%; margin-left: 10px; } .jump-card-item-b .canvas .card-msg .msg-text .name[data-v-ca8a7792] { text-align: left; font-size: 24px; font-weight: bold; line-height: 31px; color: #ffffff; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-b .canvas .card-msg .msg-text .sch[data-v-ca8a7792] { font-size: 16px; font-weight: 400; line-height: 21px; color: #ffffff; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-b .canvas .waveTop[data-v-ca8a7792] { background-image: url(data:image/png;base64,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); background-size: 50% 80%; } .jump-card-item-b .canvas .waveMiddle[data-v-ca8a7792] { background-image: url(data:image/png;base64,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); background-size: 50% 80%; } .jump-card-item-b .canvas .waveBottom[data-v-ca8a7792] { background-image: url(data:image/png;base64,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); background-size: 50% 80%; } .waveWrapper[data-v-ca8a7792] { overflow: hidden; position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; margin: auto; } .waveWrapperInner[data-v-ca8a7792] { position: absolute; width: 100%; overflow: hidden; height: 100%; bottom: -1px; } .bgTop[data-v-ca8a7792] { z-index: 98; opacity: 0.5; } .bgMiddle[data-v-ca8a7792] { z-index: 97; opacity: 0.75; } .bgBottom[data-v-ca8a7792] { z-index: 96; opacity: 1; } .wave[data-v-ca8a7792] { position: absolute; left: 0; bottom: 0; width: 200%; height: 30%; background-repeat: repeat no-repeat; background-position: 0 bottom; transform-origin: center bottom; } .waveAnimation .waveTop[data-v-ca8a7792] { animation: move-wave 1.2s; -webkit-animation: move5-wave 1s; -webkit-animation-delay: 1.3s; animation-delay: 1s; transform: translate(-50%, -70%) rotate(0); -webkit-animation: move_wave-data-v-ca8a7792 0.8s linear infinite; animation: move_wave-data-v-ca8a7792 0.8s linear infinite; -webkit-animation: move_wave-data-v-ca8a7792 1.3s linear infinite; animation: move_wave-data-v-ca8a7792 1.3s linear infinite; } .waveAnimation .waveMiddle[data-v-ca8a7792] { -webkit-animation: move_wave-data-v-ca8a7792 1s linear infinite; animation: move_wave-data-v-ca8a7792 1s linear infinite; } .waveAnimation .waveBottom[data-v-ca8a7792] { transform: translate(-50%, -70%) rotate(0); -webkit-animation: move_wave-data-v-ca8a7792 0.6s linear infinite; animation: move_wave-data-v-ca8a7792 0.6s linear infinite; -webkit-animation: move_wave-data-v-ca8a7792 0.9s linear infinite; animation: move_wave-data-v-ca8a7792 0.9s linear infinite; } @-webkit-keyframes move_wave-data-v-ca8a7792 { 0% { transform: translateX(0) translateZ(0) scaleY(1); } 50% { transform: translateX(-25%) translateZ(0) scaleY(0.85); } 100% { transform: translateX(-50%) translateZ(0) scaleY(1); } } @keyframes move_wave-data-v-ca8a7792 { 0% { transform: translateX(0) translateZ(0) scaleY(1); } 50% { transform: translateX(-25%) translateZ(0) scaleY(0.85); } 100% { transform: translateX(-50%) translateZ(0) scaleY(1); } } @-webkit-keyframes rotate-data-v-ca8a7792 { 50% { transform: translate(-50%, -73%) rotate(180deg); } 100% { transform: translate(-50%, -70%) rotate(360deg); } } @keyframes rotate-data-v-ca8a7792 { 50% { transform: translate(-50%, -73%) rotate(180deg); } 100% { transform: translate(-50%, -70%) rotate(360deg); } } .jump-card-item-c[data-v-ca8a7792] { width: 300px; height: 133px; border-radius: 12px; margin: 8px 7.5px; overflow: hidden; } .jump-card-item-c .canvas[data-v-ca8a7792] { position: relative; display: flex; flex-direction: column; align-items: center; width: 300px; height: 133px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item-c .canvas .skip-num[data-v-ca8a7792] { margin-top: 10px; font-family: "Number"; font-size: 58px; font-weight: bold; line-height: 76px; color: #01c1fc; z-index: 99; } .jump-card-item-c .canvas .card-skip-no[data-v-ca8a7792] { position: absolute; top: 8px; left: 10px; width: 50px; height: 50px; line-height: 50px; text-align: center; border: 2px solid #01c1fc; border-radius: 8px; font-size: 24px; font-weight: bold; color: #01c1fc; } .jump-card-item-c .canvas .card-msg[data-v-ca8a7792] { width: 100%; display: flex; flex-direction: row; align-items: center; z-index: 99; } .jump-card-item-c .canvas .card-msg .name[data-v-ca8a7792] { text-align: right; margin-right: 10px; font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-c .canvas .card-msg .sch[data-v-ca8a7792] { font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-d[data-v-ca8a7792] { width: 300px; height: 112px; border-radius: 12px; margin: 8px 7.5px; overflow: hidden; } .jump-card-item-d .canvas[data-v-ca8a7792] { position: relative; display: flex; flex-direction: row; align-items: center; width: 300px; height: 112px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item-d .canvas .skip-num[data-v-ca8a7792] { width: 96px; margin-left: 16px; font-family: "Number"; font-size: 52px; font-weight: bold; line-height: 69px; color: #01c1fc; z-index: 99; } .jump-card-item-d .canvas .card-skip-no[data-v-ca8a7792] { margin-left: 2px; width: 42px; height: 42px; line-height: 42px; text-align: center; border: 2px solid #01c1fc; border-radius: 8px; font-size: 24px; font-weight: bold; color: #01c1fc; } .jump-card-item-d .canvas .card-msg[data-v-ca8a7792] { position: absolute; left: 158px; display: flex; flex-direction: column; margin-left: 6px; z-index: 99; } .jump-card-item-d .canvas .card-msg .name[data-v-ca8a7792] { font-size: 20px; font-weight: bold; line-height: 26px; color: #01c1fc; width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-d .canvas .card-msg .sch[data-v-ca8a7792] { font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-e[data-v-ca8a7792] { width: 300px; height: 96px; border-radius: 12px; margin: 8px 7.5px; overflow: hidden; } .jump-card-item-e .canvas[data-v-ca8a7792] { position: relative; display: flex; flex-direction: row; align-items: center; width: 300px; height: 96px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item-e .canvas .skip-num[data-v-ca8a7792] { width: 96px; margin-left: 16px; font-family: "Number"; font-size: 52px; font-weight: bold; line-height: 69px; color: #01c1fc; z-index: 99; } .jump-card-item-e .canvas .card-skip-no[data-v-ca8a7792] { margin-left: 2px; width: 42px; height: 42px; line-height: 42px; text-align: center; border: 2px solid #01c1fc; border-radius: 8px; font-size: 24px; font-weight: bold; color: #01c1fc; } .jump-card-item-e .canvas .card-msg[data-v-ca8a7792] { position: absolute; left: 158px; display: flex; flex-direction: column; margin-left: 6px; z-index: 99; } .jump-card-item-e .canvas .card-msg .name[data-v-ca8a7792] { font-size: 20px; font-weight: bold; line-height: 26px; color: #01c1fc; width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-e .canvas .card-msg .sch[data-v-ca8a7792] { font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-f[data-v-ca8a7792] { width: 300px; height: 83px; border-radius: 12px; margin: 8px 7.5px; overflow: hidden; } .jump-card-item-f .canvas[data-v-ca8a7792] { position: relative; display: flex; flex-direction: row; align-items: center; width: 300px; height: 83px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item-f .canvas .skip-num[data-v-ca8a7792] { width: 96px; margin-left: 16px; font-family: "Number"; font-size: 52px; font-weight: bold; line-height: 69px; color: #01c1fc; z-index: 99; } .jump-card-item-f .canvas .card-skip-no[data-v-ca8a7792] { margin-left: 2px; width: 42px; height: 42px; line-height: 42px; text-align: center; border: 2px solid #01c1fc; border-radius: 8px; font-size: 24px; font-weight: bold; color: #01c1fc; } .jump-card-item-f .canvas .card-msg[data-v-ca8a7792] { position: absolute; left: 158px; width: 100%; display: flex; flex-direction: column; margin-left: 6px; z-index: 99; } .jump-card-item-f .canvas .card-msg .name[data-v-ca8a7792] { font-size: 20px; font-weight: bold; line-height: 26px; color: #01c1fc; width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-f .canvas .card-msg .sch[data-v-ca8a7792] { font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-g[data-v-ca8a7792] { width: 300px; height: 73px; border-radius: 12px; margin: 8px 7.5px; overflow: hidden; } .jump-card-item-g .canvas[data-v-ca8a7792] { position: relative; display: flex; flex-direction: row; align-items: center; width: 300px; height: 73px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item-g .canvas .skip-num[data-v-ca8a7792] { width: 96px; margin-left: 16px; font-family: "Number"; font-size: 52px; font-weight: bold; line-height: 69px; color: #01c1fc; z-index: 99; } .jump-card-item-g .canvas .card-skip-no[data-v-ca8a7792] { margin-left: 2px; width: 42px; height: 42px; line-height: 42px; text-align: center; border: 2px solid #01c1fc; border-radius: 8px; font-size: 24px; font-weight: bold; color: #01c1fc; } .jump-card-item-g .canvas .card-msg[data-v-ca8a7792] { position: absolute; left: 158px; width: 100%; display: flex; flex-direction: column; margin-left: 6px; z-index: 99; } .jump-card-item-g .canvas .card-msg .name[data-v-ca8a7792] { width: 136px; font-size: 20px; font-weight: bold; line-height: 26px; color: #01c1fc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-g .canvas .card-msg .sch[data-v-ca8a7792] { width: 136px; font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-error[data-v-ca8a7792] { width: 297px; height: 280px; margin: 8px auto; border: 3px solid #ff6f8c; background: rgba(255, 111, 140, 0.4); border-radius: 12px; } .jump-card-item-a-error[data-v-ca8a7792] { width: 297px; height: 205px; margin: 8px auto; border: 3px solid #ff6f8c; background: rgba(255, 111, 140, 0.4); border-radius: 12px; } .cartoon[data-v-ca8a7792] { position: fixed; width: 100%; height: 100%; z-index: 999; } .cartoon .content[data-v-ca8a7792] { position: absolute; top: 50%; left: 50%; font-size: 200px; color: #ffffff; transform: translate(-50%, -50%); } .is-start[data-v-ca8a7792] { position: relative; top: 260px; width: 320px; height: 175px; margin: 0 auto; } .is-start img[data-v-ca8a7792] { position: relative; left: 50%; transform: translate(-50%); width: 140px; height: 102px; } .is-start .text[data-v-ca8a7792] { position: relative; top: 40px; text-align: center; font-size: 24px; font-weight: bold; color: #ffffff; } .all-result[data-v-ca8a7792] { position: relative; top: 30px; left: 0; bottom: 0; width: 96%; margin: 0 auto; overflow: hidden; } .all-result .all-top-other[data-v-ca8a7792] { position: relative; top: 0; left: 0; width: 100%; height: 670px; overflow: hidden; } .all-result .all-top-other .all-result-scroll[data-v-ca8a7792] { position: relative; height: 90px; margin-bottom: 20px; } .all-result .top-a[data-v-ca8a7792] { height: 120px; border: 3px solid rgba(255, 255, 255, 0.5); border-radius: 12px; background-color: rgba(0, 153, 255, 0.5); } .all-result .top-a .rank-a[data-v-ca8a7792] { width: 90px; height: 120px; margin-left: 12px; line-height: 120px; } .all-result .top-a .rank-a img[data-v-ca8a7792] { display: inline-block; width: 50px; height: 64px; margin-top: 28px; } .all-result .top-a .rank-a span[data-v-ca8a7792] { font-size: 42px; font-weight: bold; color: #e4e955; } .all-result .top-a .msg-a[data-v-ca8a7792] { display: table; position: absolute; top: 0; left: 112px; height: 120px; } .all-result .top-a .msg-a .head[data-v-ca8a7792] { display: table-cell; vertical-align: middle; } .all-result .top-a .msg-a .head img[data-v-ca8a7792] { width: 73px; height: 73px; border-radius: 50%; } .all-result .top-a .number-a[data-v-ca8a7792] { height: 120px; line-height: 120px; } .all-result .top-a .num-a[data-v-ca8a7792] { height: 120px; line-height: 120px; } .all-result .top-b[data-v-ca8a7792] { height: 90px; border: 3px solid rgba(255, 255, 255, 0.3); border-radius: 12px; background-color: rgba(0, 153, 255, 0.3); } .all-result .top-b .rank-b[data-v-ca8a7792] { display: flex; flex-direction: row; align-items: center; width: 70px; height: 90px; line-height: 90px; margin-left: 12px; } .all-result .top-b .rank-b img[data-v-ca8a7792] { margin-top: 13px; width: 50px; height: 64px; } .all-result .top-b .rank-b span[data-v-ca8a7792] { font-size: 42px; font-weight: bold; color: #e4e955; } .all-result .top-b .msg-b[data-v-ca8a7792] { display: flex; flex-direction: row; align-items: center; position: absolute; left: 86px; top: 0; height: 90px; } .all-result .top-b .msg-b .head[data-v-ca8a7792] { display: table-cell; vertical-align: middle; } .all-result .top-b .msg-b .head img[data-v-ca8a7792] { width: 40px; height: 40px; border: 2px solid #ffffff; border-radius: 50%; } .all-result .top-b .msg-b .name[data-v-ca8a7792] { max-width: 240px; margin-left: 10px; font-size: 28px; line-height: 36px; font-weight: bold; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .all-result .top-b .msg-b .cla[data-v-ca8a7792] { max-width: 260px; margin-left: 10px; font-size: 24px; font-weight: 400; line-height: 36px; color: rgba(225, 225, 225, 0.54); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .all-result .top-b .number-b[data-v-ca8a7792] { height: 90px; line-height: 90px; } .all-result .top-b .num-b[data-v-ca8a7792] { height: 90px; line-height: 90px; } .all-result .all-result-item[data-v-ca8a7792] { position: relative; float: left; width: 32%; margin: 0 0.49% 20px 0.49%; } .all-result .all-result-item .rank[data-v-ca8a7792] { display: inline-block; text-align: center; } .all-result .all-result-item .msg[data-v-ca8a7792] { width: 40%; display: table; position: absolute; top: 0; } .all-result .all-result-item .msg .msg-text[data-v-ca8a7792] { display: table-cell; position: relative; top: 1px; left: 9px; vertical-align: middle; line-height: 37px; } .all-result .all-result-item .msg .msg-text .name[data-v-ca8a7792] { max-width: 180px; font-size: 28px; font-weight: bold; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .all-result .all-result-item .msg .msg-text .cla[data-v-ca8a7792] { max-width: 180px; font-size: 24px; font-weight: 400; color: rgba(225, 225, 225, 0.54); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .all-result .all-result-item .msg .msg-text-a .name[data-v-ca8a7792] { display: inline-block; position: relative; top: 1px; left: 12px; height: 90px; line-height: 90px; font-size: 28px; font-weight: bold; color: #fff; } .all-result .all-result-item .msg .msg-text-a .cla[data-v-ca8a7792] { display: inline-block; position: relative; top: 1px; left: 22px; height: 90px; line-height: 90px; font-size: 24px; font-weight: 400; color: rgba(225, 225, 225, 0.54); } .all-result .all-result-item .number[data-v-ca8a7792] { position: absolute; top: 0; right: 143px; font-size: 24px; font-weight: bold; color: #a2ecff; } .all-result .all-result-item .number img[data-v-ca8a7792] { display: inline-block; vertical-align: middle; width: 26px; height: 26px; } .all-result .all-result-item .number span[data-v-ca8a7792] { display: inline-block; vertical-align: middle; margin-left: 2px; } .all-result .all-result-item .result-num[data-v-ca8a7792] { float: right; margin-right: 30px; font-size: 60px; font-weight: 400; color: #ffffff; } .result[data-v-ca8a7792] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(225, 225, 225, 0.2); z-index: 1000; } .result .result-content[data-v-ca8a7792] { width: 1698px; height: 980px; margin: 50px auto; } .result .result-content .left[data-v-ca8a7792] { display: inline-block; position: relative; top: 0; left: 0; width: 299px; height: 457px; vertical-align: top; background: url(../img/left.e132aa7a.png) no-repeat; background-size: 299px 457px; } .result .result-content .center[data-v-ca8a7792] { display: inline-block; position: relative; top: 0; width: 1100px; height: 980px; margin: 0 auto; vertical-align: top; background: url(../img/center.0f21e95f.png) no-repeat; background-size: 1100px 980px; } .result .result-content .center .result-list[data-v-ca8a7792] { width: 997px; margin: 0 auto; color: #fff; } .result .result-content .center .result-list .top-three[data-v-ca8a7792] { position: relative; top: 10px; } .result .result-content .center .result-list .top-other[data-v-ca8a7792] { position: relative; top: 10px; width: 997px; height: 537px; overflow: hidden; } .result .result-content .center .result-list .list-item[data-v-ca8a7792] { position: relative; width: 997px; height: 90px; line-height: 90px; margin-bottom: 18px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 56%, rgba(0, 196, 255, 0.2) 44%); border-radius: 12px; } .result .result-content .center .result-list .list-item .hat[data-v-ca8a7792] { position: absolute; top: -18px; left: -18px; width: 36px; height: 36px; } .result .result-content .center .result-list .list-item .no[data-v-ca8a7792] { display: inline-block; position: relative; vertical-align: top; top: 0; left: 37px; width: 44px; text-align: center; font-size: 31px; color: #e4e955; } .result .result-content .center .result-list .list-item .no .num[data-v-ca8a7792] { position: relative; top: 13px; width: 44px; height: 57px; } .result .result-content .center .result-list .list-item .head[data-v-ca8a7792] { display: inline-block; position: relative; vertical-align: top; top: 14px; left: 70px; width: 54px; height: 54px; border-radius: 50%; border: 2px solid #fff; } .result .result-content .center .result-list .list-item .msg[data-v-ca8a7792] { width: 55%; display: inline-block; position: relative; left: 86px; color: #fff; } .result .result-content .center .result-list .list-item .msg .name[data-v-ca8a7792] { width: 18%; display: inline-block; font-size: 28px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .result .result-content .center .result-list .list-item .msg .cla[data-v-ca8a7792] { width: 75%; display: inline-block; font-size: 26px; color: rgba(225, 225, 225, 0.54); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .result .result-content .center .result-list .list-item .number[data-v-ca8a7792] { position: absolute; top: 0; right: 220px; height: 90px; line-height: 90px; font-size: 24px; font-weight: bold; color: #a2ecff; } .result .result-content .center .result-list .list-item .number img[data-v-ca8a7792] { display: inline-block; vertical-align: middle; width: 26px; height: 26px; } .result .result-content .center .result-list .list-item .number span[data-v-ca8a7792] { display: inline-block; vertical-align: middle; margin-left: 5px; } .result .result-content .center .result-list .list-item .score[data-v-ca8a7792] { float: right; margin-right: 40px; font-size: 21px; color: #fff; } .result .result-content .center .result-list .list-item .score span[data-v-ca8a7792] { margin-right: 10px; font-size: 48px; font-weight: 400; color: #e4e955; } .result .result-content .center .title[data-v-ca8a7792] { position: relative; top: 5px; width: 740px; height: 90px; line-height: 90px; margin: 0 auto; text-align: center; font-size: 32px; font-weight: bold; color: #e4e955; } .result .result-content .center .tips[data-v-ca8a7792] { position: relative; top: 55px; width: 740px; height: 25px; margin: 0 auto; text-align: center; font-size: 18px; color: #fff; } .result .result-content .center .tips .tips-a[data-v-ca8a7792] { margin-right: 30px; } .result .result-content .right[data-v-ca8a7792] { display: inline-block; position: relative; top: 0; right: 0; width: 299px; height: 457px; vertical-align: top; background: url(../img/right.2c1d6216.png) no-repeat; background-size: 299px 457px; } @font-face { font-family: "Number"; src: url("data:application/font-woff2;charset=utf-8;base64,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") format("woff2"); } body[data-v-2ae343e5] { background: #141833; overflow: hidden; } .match-num[data-v-2ae343e5] { display: flex; flex-direction: column; align-items: center; margin-top: 273px; } .match-num img[data-v-2ae343e5] { width: 140px; height: 102px; } .match-num .match-num-text[data-v-2ae343e5] { margin-top: 20px; font-size: 42px; font-family: Microsoft YaHei; font-weight: 400; line-height: 55px; color: #ffffff; } .match-num .match-num-number[data-v-2ae343e5] { display: flex; flex-direction: row; align-items: center; } .match-num .match-num-number .match-num-number-item[data-v-2ae343e5] { width: 140px; height: 180px; line-height: 180px; text-align: center; margin: 40px 10px; background: #222648; border-radius: 12px; font-size: 100px; font-family: "Number"; font-weight: bold; color: #ffffff; } .jump-rope-a[data-v-2ae343e5] { position: fixed; height: 100%; width: 100%; background-color: #141833; } .jump-rope-top[data-v-2ae343e5] { display: flex; flex-direction: row; align-items: center; width: 98%; height: 142px; margin: 0 auto; padding-top: 20px; } .jump-rope-top .cut-down[data-v-2ae343e5], .jump-rope-top .num-top[data-v-2ae343e5] { display: flex; flex-direction: row; align-items: center; width: 24%; height: 142px; } .jump-rope-top .cut-down .text[data-v-2ae343e5], .jump-rope-top .num-top .text[data-v-2ae343e5] { width: 32%; margin-left: 40px; font-size: 28px; font-family: Microsoft YaHei; font-weight: 400; color: #01c1fc; opacity: 0.6; } .jump-rope-top .cut-down .num[data-v-2ae343e5], .jump-rope-top .num-top .num[data-v-2ae343e5] { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; width: 68%; margin-right: 55px; } .jump-rope-top .cut-down .text-a[data-v-2ae343e5], .jump-rope-top .num-top .text-a[data-v-2ae343e5] { width: 40%; } .jump-rope-top .cut-down .num-a[data-v-2ae343e5], .jump-rope-top .num-top .num-a[data-v-2ae343e5] { width: 60%; } .jump-rope-top .cut-down .num-text[data-v-2ae343e5], .jump-rope-top .num-top .num-text[data-v-2ae343e5] { float: right; font-family: "Number"; font-size: 80px; font-weight: bold; letter-spacing: 2px; color: #01c1fc; } .jump-rope-top .cut-down .tag[data-v-2ae343e5], .jump-rope-top .num-top .tag[data-v-2ae343e5] { margin-top: 10px; margin-left: 10px; font-size: 76px; color: #01c1fc; } .jump-rope-top .title[data-v-2ae343e5] { position: relative; width: 50%; height: 142px; margin: 0 1%; } .jump-rope-top .title-text[data-v-2ae343e5] { width: 96%; margin: 24px auto; font-size: 29px; font-weight: bold; color: #01c1fc; } .jump-rope-top .match-msg[data-v-2ae343e5] { width: 94%; margin: 35px auto; } .jump-rope-top .match-msg-text[data-v-2ae343e5] { float: left; display: flex; flex-direction: row; } .jump-rope-top .match-msg-text .group-num[data-v-2ae343e5] { font-size: 24px; font-weight: bold; color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-msg-text .group-time[data-v-2ae343e5] { margin-left: 20px; font-size: 24px; font-weight: 400; color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-status[data-v-2ae343e5] { float: right; display: flex; flex-direction: row; } .jump-rope-top .match-status .normal[data-v-2ae343e5], .jump-rope-top .match-status .error[data-v-2ae343e5] { font-size: 24px; font-weight: 400; } .jump-rope-top .match-status .normal[data-v-2ae343e5] { color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-status .error[data-v-2ae343e5] { margin-left: 30px; color: #ff6f8c; } .jump-rope-top .card-bg[data-v-2ae343e5] { position: relative; top: 0; background: #222648; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 12px; } .jump-list[data-v-2ae343e5] { display: flex; flex-direction: row; align-items: center; width: 98%; height: 882px; margin: 0 0.9%; padding: 16px 0 20px 0; } .jump-card[data-v-2ae343e5] { display: flex; flex-direction: row; justify-content: center; height: 882px; margin: 0 12px; padding: 8px 0 12px 0; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; } .jump-card[data-v-2ae343e5]:after { content: ""; width: 300px; height: 0; margin: 8px auto; visibility: hidden; } .jump-list-item[data-v-2ae343e5], .jump-list-item-a[data-v-2ae343e5], .jump-list-item-b[data-v-2ae343e5], .normal-card[data-v-2ae343e5] { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; height: 882px; margin: 0 8px; background: #222648; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 12px; } .jump-list-item .avatar[data-v-2ae343e5], .jump-list-item-a .avatar[data-v-2ae343e5], .jump-list-item-b .avatar[data-v-2ae343e5], .normal-card .avatar[data-v-2ae343e5] { position: absolute; width: 60px; height: 60px; } .jump-list-item .avatar .avatar-head[data-v-2ae343e5], .jump-list-item-a .avatar .avatar-head[data-v-2ae343e5], .jump-list-item-b .avatar .avatar-head[data-v-2ae343e5], .normal-card .avatar .avatar-head[data-v-2ae343e5] { position: absolute; width: 60px; height: 60px; border-radius: 50%; background: rgba(255, 255, 255, 0.4); } .jump-list-item .avatar-a .avatar-head[data-v-2ae343e5], .jump-list-item-a .avatar-a .avatar-head[data-v-2ae343e5], .jump-list-item-b .avatar-a .avatar-head[data-v-2ae343e5], .normal-card .avatar-a .avatar-head[data-v-2ae343e5] { position: absolute; width: 60px; height: 60px; border-radius: 50%; background: rgba(255, 255, 255, 0.4); -webkit-animation: rotates-data-v-2ae343e5 0.5s linear infinite; animation: rotates-data-v-2ae343e5 0.5s linear infinite; } .jump-list-item .avatar-a[data-v-2ae343e5]::before, .jump-list-item-a .avatar-a[data-v-2ae343e5]::before, .jump-list-item-b .avatar-a[data-v-2ae343e5]::before, .normal-card .avatar-a[data-v-2ae343e5]::before { content: ""; height: 10px; width: 60px; background: #000; opacity: 0.2; border-radius: 50%; position: absolute; top: 87px; left: 0; -webkit-animation: shadow-data-v-2ae343e5 0.5s linear infinite; animation: shadow-data-v-2ae343e5 0.5s linear infinite; } .jump-list-item .avatar-a[data-v-2ae343e5]::after, .jump-list-item-a .avatar-a[data-v-2ae343e5]::after, .jump-list-item-b .avatar-a[data-v-2ae343e5]::after, .normal-card .avatar-a[data-v-2ae343e5]::after { border-radius: 50%; -webkit-animation: rotates-data-v-2ae343e5 0.5s linear infinite; animation: rotates-data-v-2ae343e5 0.5s linear infinite; content: ""; position: absolute; left: 0; top: 0; width: 60px; height: 60px; } @-webkit-keyframes shadow-data-v-2ae343e5 { 0%, 100% { transform: scaleX(1); } 50% { transform: scaleX(1.2); } } @keyframes shadow-data-v-2ae343e5 { 0%, 100% { transform: scaleX(1); } 50% { transform: scaleX(1.2); } } @-webkit-keyframes rotates-data-v-2ae343e5 { 0% { transform: translateY(0); } 25% { transform: translateY(10px); } 50% { transform: translateY(20px) scale(1.1, 0.9); } 75% { ransform: translateY(10px); } 100% { transform: translateY(0); } } @keyframes rotates-data-v-2ae343e5 { 0% { transform: translateY(0); } 25% { transform: translateY(10px); } 50% { transform: translateY(20px) scale(1.1, 0.9); } 75% { ransform: translateY(10px); } 100% { transform: translateY(0); } } .jump-list-item .chart[data-v-2ae343e5], .jump-list-item-a .chart[data-v-2ae343e5], .jump-list-item-b .chart[data-v-2ae343e5], .normal-card .chart[data-v-2ae343e5] { display: flex; flex-direction: column; align-items: center; } .jump-list-item .chart .chart-num[data-v-2ae343e5], .jump-list-item-a .chart .chart-num[data-v-2ae343e5], .jump-list-item-b .chart .chart-num[data-v-2ae343e5], .normal-card .chart .chart-num[data-v-2ae343e5] { position: relative; bottom: 10px; font-size: 58px; font-family: "Number"; font-weight: bold; line-height: 72px; color: #01c1fc; } .jump-list-item .chart .chart-canvas[data-v-2ae343e5], .jump-list-item-a .chart .chart-canvas[data-v-2ae343e5], .jump-list-item-b .chart .chart-canvas[data-v-2ae343e5], .normal-card .chart .chart-canvas[data-v-2ae343e5] { background: linear-gradient(180deg, #01f9f9 0%, #01bef9 100%); opacity: 0.98; border-radius: 6px; } .jump-list-item .chart-error[data-v-2ae343e5], .jump-list-item-a .chart-error[data-v-2ae343e5], .jump-list-item-b .chart-error[data-v-2ae343e5], .normal-card .chart-error[data-v-2ae343e5] { display: flex; flex-direction: column; align-items: center; } .jump-list-item .chart-error .chart-num[data-v-2ae343e5], .jump-list-item-a .chart-error .chart-num[data-v-2ae343e5], .jump-list-item-b .chart-error .chart-num[data-v-2ae343e5], .normal-card .chart-error .chart-num[data-v-2ae343e5] { position: relative; bottom: 10px; font-size: 58px; font-family: "Number"; font-weight: bold; line-height: 72px; color: #ff6f8c; } .jump-list-item .chart-error .chart-canvas[data-v-2ae343e5], .jump-list-item-a .chart-error .chart-canvas[data-v-2ae343e5], .jump-list-item-b .chart-error .chart-canvas[data-v-2ae343e5], .normal-card .chart-error .chart-canvas[data-v-2ae343e5] { background: linear-gradient(180deg, #ffc5d1 0%, #ff6f8c 100%); opacity: 0.98; border-radius: 6px; } .jump-list-item .stu-msg[data-v-2ae343e5], .normal-card .stu-msg[data-v-2ae343e5] { position: absolute; top: 800px; display: flex; width: 98%; flex-direction: row; justify-content: center; } .jump-list-item .stu-msg .skip-no[data-v-2ae343e5], .normal-card .stu-msg .skip-no[data-v-2ae343e5] { width: 60px; height: 60px; min-width: 60px; line-height: 60px; text-align: center; margin-left: 2px; border: 2px solid #36d0ff; border-radius: 12px; font-size: 24px; font-family: "Number"; font-weight: bold; color: #36d0ff; } .jump-list-item .stu-msg .stu-msg-text[data-v-2ae343e5], .normal-card .stu-msg .stu-msg-text[data-v-2ae343e5] { position: relative; max-width: 56%; display: flex; flex-direction: column; align-items: center; margin-top: 4px; margin-left: 2px; } .jump-list-item .stu-msg .stu-msg-text .stu-name[data-v-2ae343e5], .normal-card .stu-msg .stu-msg-text .stu-name[data-v-2ae343e5] { width: 100%; font-size: 24px; font-weight: bold; line-height: 31px; color: #36d0ff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-list-item .stu-msg .stu-msg-text .stu-sch[data-v-2ae343e5], .normal-card .stu-msg .stu-msg-text .stu-sch[data-v-2ae343e5] { display: block; width: 100%; max-height: 40px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; font-weight: 400; line-height: 21px; color: #36d0ff; } .jump-list-item-a .stu-msg[data-v-2ae343e5], .jump-list-item-b .stu-msg[data-v-2ae343e5] { position: absolute; bottom: 21px; width: 98%; margin: 0 1%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .jump-list-item-a .stu-msg .skip-no[data-v-2ae343e5], .jump-list-item-b .stu-msg .skip-no[data-v-2ae343e5] { width: 60px; height: 60px; line-height: 60px; text-align: center; border: 2px solid #36d0ff; border-radius: 12px; font-size: 24px; font-family: "Number"; font-weight: bold; color: #36d0ff; } .jump-list-item-a .stu-msg .stu-msg-text[data-v-2ae343e5], .jump-list-item-b .stu-msg .stu-msg-text[data-v-2ae343e5] { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 4px; } .jump-list-item-a .stu-msg .stu-msg-text .stu-name[data-v-2ae343e5], .jump-list-item-b .stu-msg .stu-msg-text .stu-name[data-v-2ae343e5] { width: 100%; padding: 0; text-align: center; font-size: 24px; font-weight: bold; line-height: 31px; color: #36d0ff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-list-item-a .stu-msg .stu-msg-text .stu-sch[data-v-2ae343e5], .jump-list-item-b .stu-msg .stu-msg-text .stu-sch[data-v-2ae343e5] { width: 100%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 400; line-height: 21px; color: #36d0ff; } .jump-list-item[data-v-2ae343e5] { position: relative; } .jump-list-item .chart[data-v-2ae343e5] { position: absolute; bottom: 100px; } .jump-list-item .chart .chart-num[data-v-2ae343e5] { font-size: 58px; } .jump-list-item .chart .chart-canvas[data-v-2ae343e5] { width: 80px; height: 580px; max-height: 580px; } .normal-card[data-v-2ae343e5] { position: relative; } .normal-card .chart[data-v-2ae343e5] { position: absolute; bottom: 100px; } .normal-card .chart .chart-num[data-v-2ae343e5] { font-size: 60px; } .normal-card .chart .chart-canvas[data-v-2ae343e5] { width: 100px; height: 580px; max-height: 580px; } .jump-list-item-a[data-v-2ae343e5] { position: relative; } .jump-list-item-a .chart[data-v-2ae343e5] { position: absolute; bottom: 152px; } .jump-list-item-a .chart .chart-canvas[data-v-2ae343e5] { width: 80px; height: 536px; max-height: 536px; } .jump-list-item-a .chart .chart-num[data-v-2ae343e5] { font-size: 52px; } .jump-list-item-b[data-v-2ae343e5] { position: relative; } .jump-list-item-b .chart[data-v-2ae343e5] { position: absolute; bottom: 152px; } .jump-list-item-b .chart .chart-canvas[data-v-2ae343e5] { width: 60px; height: 536px; max-height: 536px; } .jump-list-item-b .chart .chart-num[data-v-2ae343e5] { font-size: 44px; } .jump-card-item[data-v-2ae343e5] { width: 300px; height: 283px; border-radius: 12px; margin: 8px auto; overflow: hidden; } .jump-card-item .canvas[data-v-2ae343e5] { position: relative; display: flex; flex-direction: column; align-items: center; width: 300px; height: 283px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item .canvas .skip-num[data-v-2ae343e5] { margin-top: 50px; font-family: "Number"; font-size: 72px; font-weight: bold; line-height: 95px; letter-spacing: 4px; color: #ffffff; z-index: 99; } .jump-card-item .canvas .card-msg[data-v-2ae343e5] { display: flex; flex-direction: row; align-items: center; margin-top: 38px; z-index: 99; } .jump-card-item .canvas .card-msg .card-skip-no[data-v-2ae343e5] { width: 60px; height: 60px; line-height: 60px; text-align: center; padding: 0 7px; margin-left: 10px; border: 2px solid #ffffff; border-radius: 8px; font-size: 24px; font-weight: bold; color: #ffffff; } .jump-card-item .canvas .card-msg .msg-text[data-v-2ae343e5] { display: flex; flex-direction: column; width: 100%; margin-left: 10px; } .jump-card-item .canvas .card-msg .msg-text .name[data-v-2ae343e5] { font-size: 24px; font-weight: bold; line-height: 31px; color: #ffffff; max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item .canvas .card-msg .msg-text .sch[data-v-2ae343e5] { font-size: 16px; font-weight: 400; line-height: 21px; color: #ffffff; max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item .canvas .waveTop[data-v-2ae343e5] { background-image: url(data:image/png;base64,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); background-size: 50% 90%; } .jump-card-item .canvas .waveMiddle[data-v-2ae343e5] { background-image: url(data:image/png;base64,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); background-size: 50% 90%; } .jump-card-item .canvas .waveBottom[data-v-2ae343e5] { background-image: url(data:image/png;base64,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); background-size: 50% 90%; } .jump-card-item-a[data-v-2ae343e5] { width: 300px; height: 208px; border-radius: 12px; margin: 8px 7.5px; overflow: hidden; } .jump-card-item-a .canvas[data-v-2ae343e5] { position: relative; display: flex; flex-direction: column; align-items: center; width: 300px; height: 208px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item-a .canvas .skip-num[data-v-2ae343e5] { margin-top: 20px; font-family: "Number"; font-size: 72px; font-weight: bold; line-height: 95px; letter-spacing: 4px; color: #ffffff; z-index: 99; } .jump-card-item-a .canvas .card-msg[data-v-2ae343e5] { display: flex; flex-direction: row; align-items: center; margin-top: 13px; z-index: 99; } .jump-card-item-a .canvas .card-msg .card-skip-no[data-v-2ae343e5] { width: 60px; height: 60px; line-height: 60px; text-align: center; padding: 0 7px; margin-left: 10px; border: 2px solid #ffffff; border-radius: 8px; font-size: 24px; font-weight: bold; color: #ffffff; } .jump-card-item-a .canvas .card-msg .msg-text[data-v-2ae343e5] { display: flex; flex-direction: column; width: 100%; margin-left: 10px; } .jump-card-item-a .canvas .card-msg .msg-text .name[data-v-2ae343e5] { font-size: 24px; font-weight: bold; line-height: 31px; color: #ffffff; max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-a .canvas .card-msg .msg-text .sch[data-v-2ae343e5] { font-size: 16px; font-weight: 400; line-height: 21px; color: #ffffff; max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-a .canvas .waveTop[data-v-2ae343e5] { background-image: url(data:image/png;base64,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); background-size: 50% 80%; } .jump-card-item-a .canvas .waveMiddle[data-v-2ae343e5] { background-image: url(data:image/png;base64,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); background-size: 50% 80%; } .jump-card-item-a .canvas .waveBottom[data-v-2ae343e5] { background-image: url(data:image/png;base64,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); background-size: 50% 80%; } .jump-card-item-b[data-v-2ae343e5] { width: 300px; height: 163px; border-radius: 12px; margin: 8px 7.5px; overflow: hidden; } .jump-card-item-b .canvas[data-v-2ae343e5] { position: relative; display: flex; flex-direction: column; align-items: center; width: 300px; height: 163px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item-b .canvas .skip-num[data-v-2ae343e5] { margin-top: 10px; font-family: "Number"; font-size: 58px; font-weight: bold; line-height: 76px; letter-spacing: 4px; color: #ffffff; z-index: 99; } .jump-card-item-b .canvas .card-msg[data-v-2ae343e5] { display: flex; flex-direction: row; align-items: center; margin-top: 9px; z-index: 99; } .jump-card-item-b .canvas .card-msg .card-skip-no[data-v-2ae343e5] { width: 50px; height: 50px; line-height: 50px; text-align: center; padding: 0 5px; margin-left: 10px; border: 2px solid #ffffff; border-radius: 8px; font-size: 24px; font-weight: bold; color: #ffffff; } .jump-card-item-b .canvas .card-msg .msg-text[data-v-2ae343e5] { display: flex; flex-direction: column; width: 100%; margin-left: 10px; } .jump-card-item-b .canvas .card-msg .msg-text .name[data-v-2ae343e5] { text-align: left; font-size: 24px; font-weight: bold; line-height: 31px; color: #ffffff; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-b .canvas .card-msg .msg-text .sch[data-v-2ae343e5] { font-size: 16px; font-weight: 400; line-height: 21px; color: #ffffff; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-b .canvas .waveTop[data-v-2ae343e5] { background-image: url(data:image/png;base64,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); background-size: 50% 80%; } .jump-card-item-b .canvas .waveMiddle[data-v-2ae343e5] { background-image: url(data:image/png;base64,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); background-size: 50% 80%; } .jump-card-item-b .canvas .waveBottom[data-v-2ae343e5] { background-image: url(data:image/png;base64,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); background-size: 50% 80%; } .waveWrapper[data-v-2ae343e5] { overflow: hidden; position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; margin: auto; } .waveWrapperInner[data-v-2ae343e5] { position: absolute; width: 100%; overflow: hidden; height: 100%; bottom: -1px; } .bgTop[data-v-2ae343e5] { z-index: 98; opacity: 0.5; } .bgMiddle[data-v-2ae343e5] { z-index: 97; opacity: 0.75; } .bgBottom[data-v-2ae343e5] { z-index: 96; opacity: 1; } .wave[data-v-2ae343e5] { position: absolute; left: 0; bottom: 0; width: 200%; height: 30%; background-repeat: repeat no-repeat; background-position: 0 bottom; transform-origin: center bottom; } .waveAnimation .waveTop[data-v-2ae343e5] { animation: move-wave 1.2s; -webkit-animation: move5-wave 1s; -webkit-animation-delay: 1.3s; animation-delay: 1s; transform: translate(-50%, -70%) rotate(0); -webkit-animation: move_wave-data-v-2ae343e5 0.8s linear infinite; animation: move_wave-data-v-2ae343e5 0.8s linear infinite; -webkit-animation: move_wave-data-v-2ae343e5 1.3s linear infinite; animation: move_wave-data-v-2ae343e5 1.3s linear infinite; } .waveAnimation .waveMiddle[data-v-2ae343e5] { -webkit-animation: move_wave-data-v-2ae343e5 1s linear infinite; animation: move_wave-data-v-2ae343e5 1s linear infinite; } .waveAnimation .waveBottom[data-v-2ae343e5] { transform: translate(-50%, -70%) rotate(0); -webkit-animation: move_wave-data-v-2ae343e5 0.6s linear infinite; animation: move_wave-data-v-2ae343e5 0.6s linear infinite; -webkit-animation: move_wave-data-v-2ae343e5 0.9s linear infinite; animation: move_wave-data-v-2ae343e5 0.9s linear infinite; } @-webkit-keyframes move_wave-data-v-2ae343e5 { 0% { transform: translateX(0) translateZ(0) scaleY(1); } 50% { transform: translateX(-25%) translateZ(0) scaleY(0.85); } 100% { transform: translateX(-50%) translateZ(0) scaleY(1); } } @keyframes move_wave-data-v-2ae343e5 { 0% { transform: translateX(0) translateZ(0) scaleY(1); } 50% { transform: translateX(-25%) translateZ(0) scaleY(0.85); } 100% { transform: translateX(-50%) translateZ(0) scaleY(1); } } @-webkit-keyframes rotate-data-v-2ae343e5 { 50% { transform: translate(-50%, -73%) rotate(180deg); } 100% { transform: translate(-50%, -70%) rotate(360deg); } } @keyframes rotate-data-v-2ae343e5 { 50% { transform: translate(-50%, -73%) rotate(180deg); } 100% { transform: translate(-50%, -70%) rotate(360deg); } } .jump-card-item-c[data-v-2ae343e5] { width: 300px; height: 133px; border-radius: 12px; margin: 8px 7.5px; overflow: hidden; } .jump-card-item-c .canvas[data-v-2ae343e5] { position: relative; display: flex; flex-direction: column; align-items: center; width: 300px; height: 133px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item-c .canvas .skip-num[data-v-2ae343e5] { margin-top: 10px; font-family: "Number"; font-size: 58px; font-weight: bold; line-height: 76px; color: #01c1fc; z-index: 99; } .jump-card-item-c .canvas .card-skip-no[data-v-2ae343e5] { position: absolute; top: 8px; left: 10px; width: 50px; height: 50px; line-height: 50px; text-align: center; border: 2px solid #01c1fc; border-radius: 8px; font-size: 24px; font-weight: bold; color: #01c1fc; } .jump-card-item-c .canvas .card-msg[data-v-2ae343e5] { width: 100%; display: flex; flex-direction: row; align-items: center; z-index: 99; } .jump-card-item-c .canvas .card-msg .name[data-v-2ae343e5] { text-align: right; margin-right: 10px; font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-c .canvas .card-msg .sch[data-v-2ae343e5] { font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-d[data-v-2ae343e5] { width: 300px; height: 112px; border-radius: 12px; margin: 8px 7.5px; overflow: hidden; } .jump-card-item-d .canvas[data-v-2ae343e5] { position: relative; display: flex; flex-direction: row; align-items: center; width: 300px; height: 112px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item-d .canvas .skip-num[data-v-2ae343e5] { width: 96px; margin-left: 16px; font-family: "Number"; font-size: 52px; font-weight: bold; line-height: 69px; color: #01c1fc; z-index: 99; } .jump-card-item-d .canvas .card-skip-no[data-v-2ae343e5] { margin-left: 2px; width: 42px; height: 42px; line-height: 42px; text-align: center; border: 2px solid #01c1fc; border-radius: 8px; font-size: 24px; font-weight: bold; color: #01c1fc; } .jump-card-item-d .canvas .card-msg[data-v-2ae343e5] { position: absolute; left: 158px; display: flex; flex-direction: column; margin-left: 6px; z-index: 99; } .jump-card-item-d .canvas .card-msg .name[data-v-2ae343e5] { font-size: 20px; font-weight: bold; line-height: 26px; color: #01c1fc; width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-d .canvas .card-msg .sch[data-v-2ae343e5] { font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-e[data-v-2ae343e5] { width: 300px; height: 96px; border-radius: 12px; margin: 8px 7.5px; overflow: hidden; } .jump-card-item-e .canvas[data-v-2ae343e5] { position: relative; display: flex; flex-direction: row; align-items: center; width: 300px; height: 96px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item-e .canvas .skip-num[data-v-2ae343e5] { width: 96px; margin-left: 16px; font-family: "Number"; font-size: 52px; font-weight: bold; line-height: 69px; color: #01c1fc; z-index: 99; } .jump-card-item-e .canvas .card-skip-no[data-v-2ae343e5] { margin-left: 2px; width: 42px; height: 42px; line-height: 42px; text-align: center; border: 2px solid #01c1fc; border-radius: 8px; font-size: 24px; font-weight: bold; color: #01c1fc; } .jump-card-item-e .canvas .card-msg[data-v-2ae343e5] { position: absolute; left: 158px; display: flex; flex-direction: column; margin-left: 6px; z-index: 99; } .jump-card-item-e .canvas .card-msg .name[data-v-2ae343e5] { font-size: 20px; font-weight: bold; line-height: 26px; color: #01c1fc; width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-e .canvas .card-msg .sch[data-v-2ae343e5] { font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-f[data-v-2ae343e5] { width: 300px; height: 83px; border-radius: 12px; margin: 8px 7.5px; overflow: hidden; } .jump-card-item-f .canvas[data-v-2ae343e5] { position: relative; display: flex; flex-direction: row; align-items: center; width: 300px; height: 83px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item-f .canvas .skip-num[data-v-2ae343e5] { width: 96px; margin-left: 16px; font-family: "Number"; font-size: 52px; font-weight: bold; line-height: 69px; color: #01c1fc; z-index: 99; } .jump-card-item-f .canvas .card-skip-no[data-v-2ae343e5] { margin-left: 2px; width: 42px; height: 42px; line-height: 42px; text-align: center; border: 2px solid #01c1fc; border-radius: 8px; font-size: 24px; font-weight: bold; color: #01c1fc; } .jump-card-item-f .canvas .card-msg[data-v-2ae343e5] { position: absolute; left: 158px; width: 100%; display: flex; flex-direction: column; margin-left: 6px; z-index: 99; } .jump-card-item-f .canvas .card-msg .name[data-v-2ae343e5] { font-size: 20px; font-weight: bold; line-height: 26px; color: #01c1fc; width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-f .canvas .card-msg .sch[data-v-2ae343e5] { font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-g[data-v-2ae343e5] { width: 300px; height: 73px; border-radius: 12px; margin: 8px 7.5px; overflow: hidden; } .jump-card-item-g .canvas[data-v-2ae343e5] { position: relative; display: flex; flex-direction: row; align-items: center; width: 300px; height: 73px; border-radius: 12px; background-color: #222648; overflow: hidden; } .jump-card-item-g .canvas .skip-num[data-v-2ae343e5] { width: 96px; margin-left: 16px; font-family: "Number"; font-size: 52px; font-weight: bold; line-height: 69px; color: #01c1fc; z-index: 99; } .jump-card-item-g .canvas .card-skip-no[data-v-2ae343e5] { margin-left: 2px; width: 42px; height: 42px; line-height: 42px; text-align: center; border: 2px solid #01c1fc; border-radius: 8px; font-size: 24px; font-weight: bold; color: #01c1fc; } .jump-card-item-g .canvas .card-msg[data-v-2ae343e5] { position: absolute; left: 158px; width: 100%; display: flex; flex-direction: column; margin-left: 6px; z-index: 99; } .jump-card-item-g .canvas .card-msg .name[data-v-2ae343e5] { width: 136px; font-size: 20px; font-weight: bold; line-height: 26px; color: #01c1fc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-g .canvas .card-msg .sch[data-v-2ae343e5] { width: 136px; font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jump-card-item-error[data-v-2ae343e5] { width: 297px; height: 280px; margin: 8px auto; border: 3px solid #ff6f8c; background: rgba(255, 111, 140, 0.4); border-radius: 12px; } .jump-card-item-a-error[data-v-2ae343e5] { width: 297px; height: 205px; margin: 8px auto; border: 3px solid #ff6f8c; background: rgba(255, 111, 140, 0.4); border-radius: 12px; } .cartoon[data-v-2ae343e5] { position: fixed; width: 100%; height: 100%; z-index: 999; } .cartoon .content[data-v-2ae343e5] { position: absolute; top: 50%; left: 50%; font-size: 200px; color: #ffffff; transform: translate(-50%, -50%); } .is-start[data-v-2ae343e5] { position: relative; top: 260px; width: 320px; height: 175px; margin: 0 auto; } .is-start img[data-v-2ae343e5] { position: relative; left: 50%; transform: translate(-50%); width: 140px; height: 102px; } .is-start .text[data-v-2ae343e5] { position: relative; top: 40px; text-align: center; font-size: 24px; font-weight: bold; color: #ffffff; } .all-result[data-v-2ae343e5] { position: relative; top: 30px; left: 0; bottom: 0; width: 96%; margin: 0 auto; overflow: hidden; } .all-result .all-top-other[data-v-2ae343e5] { position: relative; top: 0; left: 0; width: 100%; height: 670px; overflow: hidden; } .all-result .all-top-other .all-result-scroll[data-v-2ae343e5] { position: relative; height: 90px; margin-bottom: 20px; } .all-result .top-a[data-v-2ae343e5] { height: 120px; border: 3px solid rgba(255, 255, 255, 0.5); border-radius: 12px; background-color: rgba(0, 153, 255, 0.5); } .all-result .top-a .rank-a[data-v-2ae343e5] { width: 90px; height: 120px; margin-left: 12px; line-height: 120px; } .all-result .top-a .rank-a img[data-v-2ae343e5] { display: inline-block; width: 50px; height: 64px; margin-top: 28px; } .all-result .top-a .rank-a span[data-v-2ae343e5] { font-size: 42px; font-weight: bold; color: #e4e955; } .all-result .top-a .msg-a[data-v-2ae343e5] { display: table; position: absolute; top: 0; left: 112px; height: 120px; } .all-result .top-a .msg-a .head[data-v-2ae343e5] { display: table-cell; vertical-align: middle; } .all-result .top-a .msg-a .head img[data-v-2ae343e5] { width: 73px; height: 73px; border-radius: 50%; } .all-result .top-a .number-a[data-v-2ae343e5] { height: 120px; line-height: 120px; } .all-result .top-a .num-a[data-v-2ae343e5] { height: 120px; line-height: 120px; } .all-result .top-b[data-v-2ae343e5] { height: 90px; border: 3px solid rgba(255, 255, 255, 0.3); border-radius: 12px; background-color: rgba(0, 153, 255, 0.3); } .all-result .top-b .rank-b[data-v-2ae343e5] { display: flex; flex-direction: row; align-items: center; width: 70px; height: 90px; margin-left: 12px; } .all-result .top-b .rank-b img[data-v-2ae343e5] { margin-top: 13px; width: 50px; height: 64px; } .all-result .top-b .rank-b span[data-v-2ae343e5] { font-size: 42px; font-weight: bold; color: #e4e955; } .all-result .top-b .msg-b[data-v-2ae343e5] { display: flex; flex-direction: row; align-items: center; position: absolute; left: 86px; top: 0; height: 90px; } .all-result .top-b .msg-b .head[data-v-2ae343e5] { display: table-cell; vertical-align: middle; } .all-result .top-b .msg-b .head img[data-v-2ae343e5] { width: 40px; height: 40px; border: 2px solid #ffffff; border-radius: 50%; } .all-result .top-b .msg-b .name[data-v-2ae343e5] { max-width: 240px; margin-left: 10px; font-size: 28px; line-height: 36px; font-weight: bold; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .all-result .top-b .msg-b .cla[data-v-2ae343e5] { max-width: 260px; margin-left: 10px; font-size: 24px; font-weight: 400; line-height: 36px; color: rgba(225, 225, 225, 0.54); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .all-result .top-b .number-b[data-v-2ae343e5] { height: 90px; line-height: 90px; } .all-result .top-b .num-b[data-v-2ae343e5] { height: 90px; line-height: 90px; } .all-result .all-result-item[data-v-2ae343e5] { position: relative; float: left; width: 32%; margin: 0 0.49% 20px 0.49%; } .all-result .all-result-item .rank[data-v-2ae343e5] { display: inline-block; text-align: center; } .all-result .all-result-item .msg[data-v-2ae343e5] { width: 40%; display: table; position: absolute; top: 0; } .all-result .all-result-item .msg .msg-text[data-v-2ae343e5] { display: table-cell; position: relative; top: 1px; left: 9px; vertical-align: middle; line-height: 37px; } .all-result .all-result-item .msg .msg-text .name[data-v-2ae343e5] { max-width: 180px; font-size: 28px; font-weight: bold; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .all-result .all-result-item .msg .msg-text .cla[data-v-2ae343e5] { max-width: 180px; font-size: 24px; font-weight: 400; color: rgba(225, 225, 225, 0.54); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .all-result .all-result-item .msg .msg-text-a .name[data-v-2ae343e5] { display: inline-block; position: relative; top: 1px; left: 12px; height: 90px; line-height: 90px; font-size: 28px; font-weight: bold; color: #fff; } .all-result .all-result-item .msg .msg-text-a .cla[data-v-2ae343e5] { display: inline-block; position: relative; top: 1px; left: 22px; height: 90px; line-height: 90px; font-size: 24px; font-weight: 400; color: rgba(225, 225, 225, 0.54); } .all-result .all-result-item .number[data-v-2ae343e5] { position: absolute; top: 0; right: 143px; font-size: 24px; font-weight: bold; color: #a2ecff; } .all-result .all-result-item .number img[data-v-2ae343e5] { display: inline-block; vertical-align: middle; width: 26px; height: 26px; } .all-result .all-result-item .number span[data-v-2ae343e5] { display: inline-block; vertical-align: middle; margin-left: 2px; } .all-result .all-result-item .result-num[data-v-2ae343e5] { float: right; margin-right: 30px; font-size: 60px; font-weight: 400; color: #ffffff; } .result[data-v-2ae343e5] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(225, 225, 225, 0.2); z-index: 1000; } .result .result-content[data-v-2ae343e5] { width: 1698px; height: 980px; margin: 50px auto; } .result .result-content .left[data-v-2ae343e5] { display: inline-block; position: relative; top: 0; left: 0; width: 299px; height: 457px; vertical-align: top; background: url(../img/left.e132aa7a.png) no-repeat; background-size: 299px 457px; } .result .result-content .center[data-v-2ae343e5] { display: inline-block; position: relative; top: 0; width: 1100px; height: 980px; margin: 0 auto; vertical-align: top; background: url(../img/center.0f21e95f.png) no-repeat; background-size: 1100px 980px; } .result .result-content .center .result-list[data-v-2ae343e5] { width: 997px; margin: 0 auto; color: #fff; } .result .result-content .center .result-list .top-three[data-v-2ae343e5] { position: relative; top: 10px; } .result .result-content .center .result-list .top-other[data-v-2ae343e5] { position: relative; top: 10px; width: 997px; height: 537px; overflow: hidden; } .result .result-content .center .result-list .list-item[data-v-2ae343e5] { position: relative; width: 997px; height: 90px; line-height: 90px; margin-bottom: 18px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 56%, rgba(0, 196, 255, 0.2) 44%); border-radius: 12px; } .result .result-content .center .result-list .list-item .hat[data-v-2ae343e5] { position: absolute; top: -18px; left: -18px; width: 36px; height: 36px; } .result .result-content .center .result-list .list-item .no[data-v-2ae343e5] { display: inline-block; position: relative; vertical-align: top; top: 0; left: 37px; width: 44px; text-align: center; font-size: 31px; color: #e4e955; } .result .result-content .center .result-list .list-item .no .num[data-v-2ae343e5] { position: relative; top: 13px; width: 44px; height: 57px; } .result .result-content .center .result-list .list-item .head[data-v-2ae343e5] { display: inline-block; position: relative; vertical-align: top; top: 14px; left: 70px; width: 54px; height: 54px; border-radius: 50%; border: 2px solid #fff; } .result .result-content .center .result-list .list-item .msg[data-v-2ae343e5] { width: 55%; display: inline-block; position: relative; left: 86px; color: #fff; } .result .result-content .center .result-list .list-item .msg .name[data-v-2ae343e5] { width: 18%; display: inline-block; font-size: 28px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .result .result-content .center .result-list .list-item .msg .cla[data-v-2ae343e5] { width: 75%; display: inline-block; font-size: 26px; color: rgba(225, 225, 225, 0.54); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .result .result-content .center .result-list .list-item .number[data-v-2ae343e5] { position: absolute; top: 0; right: 220px; height: 90px; line-height: 90px; font-size: 24px; font-weight: bold; color: #a2ecff; } .result .result-content .center .result-list .list-item .number img[data-v-2ae343e5] { display: inline-block; vertical-align: middle; width: 26px; height: 26px; } .result .result-content .center .result-list .list-item .number span[data-v-2ae343e5] { display: inline-block; vertical-align: middle; margin-left: 5px; } .result .result-content .center .result-list .list-item .score[data-v-2ae343e5] { float: right; margin-right: 40px; font-size: 21px; color: #fff; } .result .result-content .center .result-list .list-item .score span[data-v-2ae343e5] { margin-right: 10px; font-size: 48px; font-weight: 400; color: #e4e955; } .result .result-content .center .title[data-v-2ae343e5] { position: relative; top: 5px; width: 740px; height: 90px; line-height: 90px; margin: 0 auto; text-align: center; font-size: 32px; font-weight: bold; color: #e4e955; } .result .result-content .center .tips[data-v-2ae343e5] { position: relative; top: 55px; width: 740px; height: 25px; margin: 0 auto; text-align: center; font-size: 18px; color: #fff; } .result .result-content .center .tips .tips-a[data-v-2ae343e5] { margin-right: 30px; } .result .result-content .right[data-v-2ae343e5] { display: inline-block; position: relative; top: 0; right: 0; width: 299px; height: 457px; vertical-align: top; background: url(../img/right.2c1d6216.png) no-repeat; background-size: 299px 457px; } @font-face { font-family: "Number"; src: url("data:application/font-woff2;charset=utf-8;base64,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") format("woff2"); } body[data-v-11eccf0d] { background: #141833; overflow: hidden; } .jump-rope-b[data-v-11eccf0d] { position: fixed; height: 100%; width: 100%; background-color: #141833; } .match-num[data-v-11eccf0d] { display: flex; flex-direction: column; align-items: center; margin-top: 273px; } .match-num img[data-v-11eccf0d] { width: 140px; height: 102px; } .match-num .match-num-text[data-v-11eccf0d] { margin-top: 20px; font-size: 42px; font-family: Microsoft YaHei; font-weight: 400; line-height: 55px; color: #ffffff; } .match-num .match-num-number[data-v-11eccf0d] { display: flex; flex-direction: row; align-items: center; } .match-num .match-num-number .match-num-number-item[data-v-11eccf0d] { width: 140px; height: 180px; line-height: 180px; text-align: center; margin: 40px 10px; background: #222648; border-radius: 12px; font-size: 100px; font-family: "Number"; font-weight: bold; color: #ffffff; } .jump-rope-top[data-v-11eccf0d] { position: relative; display: flex; flex-direction: row; align-items: center; width: 98%; height: 142px; margin: 0 auto; padding-top: 20px; } .jump-rope-top .cut-down[data-v-11eccf0d], .jump-rope-top .num-top[data-v-11eccf0d] { display: flex; flex-direction: row; align-items: center; width: 24%; height: 142px; } .jump-rope-top .cut-down .text[data-v-11eccf0d], .jump-rope-top .num-top .text[data-v-11eccf0d] { width: 32%; margin-left: 40px; font-size: 28px; font-family: Microsoft YaHei; font-weight: 400; color: #01c1fc; opacity: 0.6; } .jump-rope-top .cut-down .num[data-v-11eccf0d], .jump-rope-top .num-top .num[data-v-11eccf0d] { display: flex; flex-direction: column; align-items: center; width: 68%; margin-right: 30px; } .jump-rope-top .cut-down .text-a[data-v-11eccf0d], .jump-rope-top .num-top .text-a[data-v-11eccf0d] { width: 40%; } .jump-rope-top .cut-down .num-text[data-v-11eccf0d], .jump-rope-top .num-top .num-text[data-v-11eccf0d] { float: right; font-family: "Number"; font-weight: bold; letter-spacing: 2px; color: #01c1fc; } .jump-rope-top .cut-down .num-tips[data-v-11eccf0d], .jump-rope-top .num-top .num-tips[data-v-11eccf0d] { width: 236px; text-align: center; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jump-rope-top .cut-down .num-text[data-v-11eccf0d] { font-size: 80px; line-height: 106px; } .jump-rope-top .num-top .num-text[data-v-11eccf0d] { font-size: 60px; line-height: 79px; } .jump-rope-top .title[data-v-11eccf0d] { position: relative; width: 50%; height: 142px; margin: 0 1%; } .jump-rope-top .title-text[data-v-11eccf0d] { width: 96%; margin: 22px 24px 0 24px; font-size: 29px; font-weight: bold; line-height: 40px; color: #01c1fc; } .jump-rope-top .match-msg[data-v-11eccf0d] { position: absolute; left: 30px; bottom: 22px; width: 94%; } .jump-rope-top .match-msg-text[data-v-11eccf0d] { float: left; display: flex; flex-direction: row; } .jump-rope-top .match-msg-text .group-num[data-v-11eccf0d] { font-size: 24px; font-weight: bold; color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-msg-text .group-time[data-v-11eccf0d] { margin-left: 20px; font-size: 24px; font-weight: 400; color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-status[data-v-11eccf0d] { float: right; display: flex; flex-direction: row; } .jump-rope-top .match-status .normal[data-v-11eccf0d], .jump-rope-top .match-status .error[data-v-11eccf0d] { font-size: 24px; font-weight: 400; } .jump-rope-top .match-status .normal[data-v-11eccf0d] { color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-status .error[data-v-11eccf0d] { margin-left: 30px; color: #ff6f8c; } .jump-rope-top .card-bg[data-v-11eccf0d] { position: relative; top: 0; background: #222648; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 12px; } .card-list[data-v-11eccf0d] { width: 98%; margin: 0 auto; } .card-list .left[data-v-11eccf0d] { float: left; width: 67%; height: 300px; display: flex; flex-direction: row; flex-wrap: wrap; } .card-list .left .rightcircle[data-v-11eccf0d] { right: 0; } .card-list .left .leftcircle[data-v-11eccf0d] { left: 0; } .card-list .left .list-two-item[data-v-11eccf0d] { display: flex; flex-direction: column; align-items: center; width: 48.7%; height: 880px; margin-top: 17px; margin-right: 1.3%; background: #222648; border-radius: 12px; } .card-list .left .list-two-item .charts-num[data-v-11eccf0d] { position: relative; width: 510px; height: 510px; margin-top: 125px; margin-bottom: 60px; background: #222648; border-radius: 50%; } .card-list .left .list-two-item .charts-num .circleProgress_wrapper[data-v-11eccf0d] { width: 510px; height: 510px; position: relative; } .card-list .left .list-two-item .charts-num .wrapper[data-v-11eccf0d] { width: 255px; height: 510px; position: absolute; top: 0; overflow: hidden; } .card-list .left .list-two-item .charts-num .right[data-v-11eccf0d] { right: 0; } .card-list .left .list-two-item .charts-num .left[data-v-11eccf0d] { left: 0; } .card-list .left .list-two-item .charts-num .circleProgress[data-v-11eccf0d] { width: 470px; height: 470px; border: 20px solid #222648; position: absolute; top: 0; border-radius: 50%; transform: rotate(-135deg); } @-webkit-keyframes circleProgressLoad_right-data-v-11eccf0d { 0% { -webkit-transform: rotate(-135deg); } 50%, 100% { -webkit-transform: rotate(45deg); } } @keyframes circleProgressLoad_right-data-v-11eccf0d { 0% { -webkit-transform: rotate(-135deg); } 50%, 100% { -webkit-transform: rotate(45deg); } } @-webkit-keyframes circleProgressLoad_left-data-v-11eccf0d { 0%, 50% { -webkit-transform: rotate(-135deg); } 100% { -webkit-transform: rotate(45deg); } } @keyframes circleProgressLoad_left-data-v-11eccf0d { 0%, 50% { -webkit-transform: rotate(-135deg); } 100% { -webkit-transform: rotate(45deg); } } .card-list .left .list-two-item .charts-num .bolls[data-v-11eccf0d] { position: absolute; top: 31px; left: 31px; width: 450px; height: 450px; background: #222648; border-radius: 50%; } .card-list .left .list-two-item .charts-num .boll[data-v-11eccf0d] { position: relative; top: 17px; width: 400px; height: 400px; line-height: 400px; text-align: center; margin: 0 auto; border-radius: 50%; border: 6px solid #373d73; overflow: hidden; font-family: "Number"; font-size: 127px; font-weight: bold; line-height: 167px; color: #ffffff; } .card-list .left .list-two-item .charts-num .boll .all-num[data-v-11eccf0d] { position: absolute; top: 103px; width: 100%; text-align: center; z-index: 999; } .card-list .left .list-two-item .charts-num .boll .num-text[data-v-11eccf0d] { margin-top: 180px; font-size: 43px; font-weight: 400; line-height: 56px; color: #ffffff; } .card-list .left .list-two-item .charts-num .boll[data-v-11eccf0d]:after { content: ""; width: 806px; height: 806px; background: var(--color); position: absolute; left: 50%; top: var(--top); transform: translate(-50%, -60%); border-radius: 37%; -webkit-animation: wave-data-v-11eccf0d 5s linear infinite; animation: wave-data-v-11eccf0d 5s linear infinite; } .card-list .left .list-two-item .charts-num .boll[data-v-11eccf0d]::before { content: ""; position: absolute; left: 50%; top: 0; color: #ffffff; z-index: 99; transform: translate(-80%, 120px); } @-webkit-keyframes wave-data-v-11eccf0d { 100% { transform: translate(-50%, -60%) rotate(360deg); } } @keyframes wave-data-v-11eccf0d { 100% { transform: translate(-50%, -60%) rotate(360deg); } } .card-list .left .list-four-item[data-v-11eccf0d] { display: flex; flex-direction: column; align-items: center; width: 48.7%; height: 432px; margin-top: 17px; margin-right: 1.3%; background: #222648; border-radius: 12px; } .card-list .left .list-four-item .charts-num[data-v-11eccf0d] { position: relative; width: 280px; height: 280px; background: #222648; border-radius: 50%; } .card-list .left .list-four-item .charts-num .circleProgress_wrapper[data-v-11eccf0d] { width: 280px; height: 280px; position: relative; } .card-list .left .list-four-item .charts-num .wrapper[data-v-11eccf0d] { width: 140px; height: 280px; position: absolute; top: 0; overflow: hidden; } .card-list .left .list-four-item .charts-num .right[data-v-11eccf0d] { right: 0; } .card-list .left .list-four-item .charts-num .left[data-v-11eccf0d] { left: 0; } .card-list .left .list-four-item .charts-num .circleProgress[data-v-11eccf0d] { width: 260px; height: 260px; border: 10px solid #222648; position: absolute; top: 0; border-radius: 50%; transform: rotate(-135deg); } .card-list .left .list-four-item .charts-num .bolls[data-v-11eccf0d] { position: absolute; top: 14px; left: 15px; width: 250px; height: 250px; background: #222648; border-radius: 50%; } .card-list .left .list-four-item .charts-num .boll[data-v-11eccf0d] { position: relative; top: 7px; width: 228px; height: 228px; line-height: 228px; text-align: center; margin: 0 auto; border-radius: 50%; border: 6px solid #373d73; overflow: hidden; font-family: "Number"; font-size: 72px; font-weight: bold; line-height: 95px; color: #ffffff; } .card-list .left .list-four-item .charts-num .boll .all-num[data-v-11eccf0d] { position: absolute; top: 64px; width: 100%; text-align: center; z-index: 999; } .card-list .left .list-four-item .charts-num .boll .num-text[data-v-11eccf0d] { margin-top: 90px; font-size: 28px; font-weight: 400; line-height: 46px; color: #ffffff; } .card-list .left .list-four-item .charts-num .boll[data-v-11eccf0d]:after { content: ""; width: 406px; height: 406px; background: var(--color); position: absolute; left: 50%; top: var(--top); transform: translate(-50%, -60%); border-radius: 37%; -webkit-animation: wave-data-v-11eccf0d 5s linear infinite; animation: wave-data-v-11eccf0d 5s linear infinite; } .card-list .left .list-four-item .charts-num .boll1[data-v-11eccf0d]:after { background: #01c1fc; } .card-list .left .list-four-item .charts-num .boll2[data-v-11eccf0d]:after { background: #11b689; } .card-list .left .list-four-item .charts-num .boll3[data-v-11eccf0d]:after { background: #0c8eff; } .card-list .left .list-four-item .charts-num .boll[data-v-11eccf0d]::before { content: ""; position: absolute; left: 50%; top: 0; color: #ffffff; z-index: 99; transform: translate(-80%, 120px); } @keyframes wave-data-v-11eccf0d { 100% { transform: translate(-50%, -60%) rotate(360deg); } } .card-list .left .list-six-item[data-v-11eccf0d] { display: flex; flex-direction: column; align-items: center; width: 32%; height: 432px; margin-top: 17px; margin-right: 1.3%; background: #222648; border-radius: 12px; } .card-list .left .list-six-item .charts-num[data-v-11eccf0d] { position: relative; width: 264px; height: 264px; margin-top: 18px; background: #222648; border-radius: 50%; } .card-list .left .list-six-item .charts-num .circleProgress_wrapper[data-v-11eccf0d] { width: 264px; height: 264px; position: relative; } .card-list .left .list-six-item .charts-num .wrapper[data-v-11eccf0d] { width: 132px; height: 264px; position: absolute; top: 0; overflow: hidden; } .card-list .left .list-six-item .charts-num .right[data-v-11eccf0d] { right: 0; } .card-list .left .list-six-item .charts-num .left[data-v-11eccf0d] { left: 0; } .card-list .left .list-six-item .charts-num .circleProgress[data-v-11eccf0d] { width: 244px; height: 244px; border: 10px solid #222648; position: absolute; top: 0; border-radius: 50%; transform: rotate(-135deg); } .card-list .left .list-six-item .charts-num .bolls[data-v-11eccf0d] { position: absolute; top: 13px; left: 19px; width: 220px; height: 220px; background: #222648; border-radius: 50%; } .card-list .left .list-six-item .charts-num .boll[data-v-11eccf0d] { position: relative; top: 7px; width: 214px; height: 214px; line-height: 214px; text-align: center; margin: 0 auto; border-radius: 50%; border: 6px solid #373d73; overflow: hidden; font-family: "Number"; font-size: 72px; font-weight: bold; line-height: 95px; color: #ffffff; } .card-list .left .list-six-item .charts-num .boll .all-num[data-v-11eccf0d] { position: absolute; top: 50px; width: 100%; text-align: center; z-index: 999; } .card-list .left .list-six-item .charts-num .boll .num-text[data-v-11eccf0d] { margin-top: 90px; font-size: 24px; font-weight: 400; line-height: 46px; color: #ffffff; } .card-list .left .list-six-item .charts-num .boll[data-v-11eccf0d]:after { content: ""; width: 406px; height: 406px; background: var(--color); position: absolute; left: 50%; top: var(--top); transform: translate(-50%, -60%); border-radius: 37%; -webkit-animation: wave-data-v-11eccf0d 5s linear infinite; animation: wave-data-v-11eccf0d 5s linear infinite; } .card-list .left .list-six-item .charts-num .boll1[data-v-11eccf0d]:after { background: #01c1fc; } .card-list .left .list-six-item .charts-num .boll2[data-v-11eccf0d]:after { background: #11b689; } .card-list .left .list-six-item .charts-num .boll3[data-v-11eccf0d]:after { background: #0c8eff; } .card-list .left .list-six-item .charts-num .boll[data-v-11eccf0d]::before { content: ""; position: absolute; left: 50%; top: 0; color: #ffffff; z-index: 99; transform: translate(-80%, 120px); } @keyframes wave-data-v-11eccf0d { 100% { transform: translate(-50%, -60%) rotate(360deg); } } .card-list .left .join-num[data-v-11eccf0d] { margin-top: 23px; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; } .card-list .left .join-num-a[data-v-11eccf0d] { display: flex; flex-direction: row; justify-content: flex-start; width: 98%; margin-left: 24px; } .card-list .left .chart[data-v-11eccf0d] { width: 220px; height: 220px; line-height: 220px; text-align: center; margin-top: 41px; border-radius: 50%; font-size: 42px; font-weight: bold; } .card-list .left .charts[data-v-11eccf0d] { position: relative; width: 382px; height: 382px; line-height: 382px; text-align: center; margin-top: 184px; margin-bottom: 140px; border-radius: 50%; font-size: 60px; font-weight: bold; } .card-list .left .sch-short-name[data-v-11eccf0d] { position: absolute; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; border: 6px solid rgba(255, 255, 255, 0.2); background: rgba(240, 192, 1, 0.3); text-align: center; font-size: 300px; font-weight: bold; color: rgba(255, 255, 255, 0.1); z-index: 1; } .card-list .left .sch-short-name-text[data-v-11eccf0d] { position: absolute; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; text-align: center; font-size: 300px; font-weight: bold; color: rgba(255, 255, 255, 0.1); z-index: 1; } .card-list .left .sch-name[data-v-11eccf0d] { max-width: 94%; height: 65px; margin-top: 15px; font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; } .card-list .left .sch-name-a[data-v-11eccf0d] { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .card-list .left .sch-name-b[data-v-11eccf0d] { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; } .card-list .right[data-v-11eccf0d] { float: right; width: 33%; height: 300px; } .card-list .right .six-stu-list[data-v-11eccf0d] { width: 100%; height: 133px; margin-top: 17px; background: #222648; border-radius: 12px; } .card-list .right .six-stu-list .top-other[data-v-11eccf0d] { position: relative; top: 10px; width: 100%; height: 74px; overflow: hidden; } .card-list .right .four-stu-list[data-v-11eccf0d] { width: 100%; height: 208px; margin-top: 16px; background: #222648; border-radius: 12px; } .card-list .right .four-stu-list .top-other[data-v-11eccf0d] { position: relative; top: 21px; width: 100%; height: 128px; overflow: hidden; } .card-list .right .two-stu-list[data-v-11eccf0d] { width: 100%; height: 432px; margin-top: 16px; background: #222648; border-radius: 12px; } .card-list .right .two-stu-list .top-other[data-v-11eccf0d] { position: relative; top: 16px; width: 100%; height: 360px; overflow: hidden; } .card-list .right .stu-list-sort[data-v-11eccf0d] { width: 100%; height: 880px; margin-top: 16px; background: #222648; border-radius: 12px; } .card-list .right .stu-list-sort .stu-list-sort-item[data-v-11eccf0d] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 44px; } .card-list .right .stu-list-sort .stu-list-sort-item .stu-name-sort[data-v-11eccf0d] { flex: 2; padding-left: 24px; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; } .card-list .right .stu-list-sort .stu-list-sort-item .stu-sch-sort[data-v-11eccf0d] { flex: 5; font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; } .card-list .right .stu-list-sort .stu-list-sort-item .skip-amount[data-v-11eccf0d] { flex: 1; font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; } .card-list .right .stu-list-sort .stu-list-sort-item .skip-amount span[data-v-11eccf0d] { font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; } .card-list .right .sch-names[data-v-11eccf0d] { width: 94%; padding-top: 13px; margin-left: 24px; font-size: 24px; font-weight: bold; color: #01c1fc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .card-list .right .stu-list-card[data-v-11eccf0d] { display: flex; flex-direction: row; align-items: center; width: 100%; flex-wrap: wrap; } .card-list .right .stu-list-items[data-v-11eccf0d] { position: relative; display: flex; flex-direction: row; } .card-list .right .stu-list-items .stu-list-item[data-v-11eccf0d] { display: flex; flex-direction: row; align-items: center; width: 48%; height: 31px; margin: 5px 1%; } .card-list .right .stu-list-items .stu-list-item .stu-name[data-v-11eccf0d] { width: 113px; margin-left: 18px; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .card-list .right .stu-list-items .stu-list-item .stu-class[data-v-11eccf0d] { width: 75px; margin-left: 16px; font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .card-list .right .stu-list-items .stu-list-item .skip-no[data-v-11eccf0d] { margin-left: 16px; font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; } .rank[data-v-11eccf0d] { width: 98%; margin: 0 auto; } .rank .sch-rank[data-v-11eccf0d] { float: left; width: 49.98%; height: 880px; margin-top: 16px; background: #222648; border-radius: 12px 12px 0px 0px; } .rank .sch-rank .sch-rank-list[data-v-11eccf0d] { width: 100%; height: 804px; margin-top: 21px; overflow: hidden; } .rank .sch-rank .sch-rank-list .sch-rank-list-item[data-v-11eccf0d] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 134px; color: #01c1fc; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two[data-v-11eccf0d] { display: flex; flex-direction: column; align-items: center; width: 100%; height: 402px; color: #ffffff; z-index: 1; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .sch-short-name-rank[data-v-11eccf0d] { position: absolute; left: 40px; display: flex; flex-direction: row; align-items: center; width: 100%; height: 402px; font-size: 300px; font-weight: bold; color: rgba(255, 255, 255, 0.1); z-index: 10; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name[data-v-11eccf0d] { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 94%; margin-top: 54px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name .sch-ranking[data-v-11eccf0d] { flex: 1; font-size: 48px; font-weight: bold; line-height: 64px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name .sch-name[data-v-11eccf0d] { flex: 9; font-size: 36px; font-weight: bold; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs[data-v-11eccf0d] { display: flex; flex-direction: row; align-items: center; width: 78%; margin-top: 85px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num[data-v-11eccf0d] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .rank-tips[data-v-11eccf0d] { font-size: 24px; font-weight: 400; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num[data-v-11eccf0d] { margin: 18px 0; text-align: center; font-size: 60px; font-family: "Number"; font-weight: bold; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-all-num[data-v-11eccf0d], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-avg-num[data-v-11eccf0d], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-top-num[data-v-11eccf0d] { flex: 3; font-family: "Number"; font-size: 38px; font-weight: bold; line-height: 50px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-all-num span[data-v-11eccf0d], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-avg-num span[data-v-11eccf0d], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-top-num span[data-v-11eccf0d] { margin: 0 8px; font-size: 24px; font-weight: 400; line-height: 31px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-four[data-v-11eccf0d] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 201px; color: #01c1fc; } .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-ranking[data-v-11eccf0d], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-ranking[data-v-11eccf0d] { flex: 1.8; font-size: 48px; font-weight: bold; line-height: 64px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-name[data-v-11eccf0d], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-name[data-v-11eccf0d] { flex: 5; font-size: 24px; font-weight: bold; line-height: 31px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-all-num[data-v-11eccf0d], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-all-num[data-v-11eccf0d], .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-avg-num[data-v-11eccf0d], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-avg-num[data-v-11eccf0d], .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-top-num[data-v-11eccf0d], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-top-num[data-v-11eccf0d] { flex: 3; font-family: "Number"; font-size: 38px; font-weight: bold; line-height: 50px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-all-num span[data-v-11eccf0d], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-all-num span[data-v-11eccf0d], .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-avg-num span[data-v-11eccf0d], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-avg-num span[data-v-11eccf0d], .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-top-num span[data-v-11eccf0d], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-top-num span[data-v-11eccf0d] { margin: 0 8px; font-size: 24px; font-weight: 400; line-height: 31px; } .rank .stu-rank[data-v-11eccf0d] { float: right; width: 49%; height: 880px; margin-top: 16px; background: #222648; border-radius: 12px 12px 0px 0px; } .rank .stu-rank .stu-rank-list[data-v-11eccf0d] { width: 100%; height: 804px; margin-top: 21px; overflow: hidden; } .rank .stu-rank .stu-rank-list .top-others[data-v-11eccf0d] { position: relative; top: 0; width: 100%; height: 804px; overflow: hidden; } .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item[data-v-11eccf0d] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 80px; } .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .tip[data-v-11eccf0d] { margin-left: 8px; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-ranking[data-v-11eccf0d] { flex: 2; font-size: 38px; font-weight: bold; line-height: 50px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-ranking[data-v-11eccf0d], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-count[data-v-11eccf0d] { font-size: 38px; font-family: "Number"; font-weight: bold; line-height: 50px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-name[data-v-11eccf0d], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-class[data-v-11eccf0d], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .skip-no[data-v-11eccf0d], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-count[data-v-11eccf0d] { flex: 3; } .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-sch[data-v-11eccf0d] { flex: 7; } .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-name[data-v-11eccf0d], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .skip-no[data-v-11eccf0d] { font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-sch[data-v-11eccf0d], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-class[data-v-11eccf0d] { font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-name[data-v-11eccf0d], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-sch[data-v-11eccf0d] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rank .rank-title[data-v-11eccf0d] { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 20px; font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; line-height: 31px; color: #01c1fc; } .rank .td[data-v-11eccf0d] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .rank .rank-imgs[data-v-11eccf0d] { width: 50px; height: 50px; } .rank .rank-imgs .rank-img[data-v-11eccf0d] { width: 50px; height: 50px; } .cartoon[data-v-11eccf0d] { position: fixed; width: 100%; height: 100%; z-index: 999; } .cartoon .content[data-v-11eccf0d] { position: absolute; top: 50%; left: 50%; font-size: 200px; color: rgba(1, 193, 252, 0.6); transform: translate(-50%, -50%); z-index: 999; } .is-start[data-v-11eccf0d] { position: relative; top: 260px; width: 320px; height: 175px; margin: 0 auto; } .is-start img[data-v-11eccf0d] { position: relative; left: 50%; transform: translate(-50%); width: 140px; height: 102px; } .is-start .text[data-v-11eccf0d] { position: relative; top: 40px; text-align: center; font-size: 24px; font-weight: bold; color: #ffffff; } .charts-a[data-v-11eccf0d] { border: 10px solid #373d73; color: #01c1fc; } .charts-b[data-v-11eccf0d] { border: 10px solid rgba(255, 111, 140, 0.4); color: #ff6f8c; } .chart-a[data-v-11eccf0d] { border: 6px solid #373d73; color: #01c1fc; } .chart-b[data-v-11eccf0d] { border: 6px solid rgba(255, 111, 140, 0.4); color: #ff6f8c; } .charts-text-a[data-v-11eccf0d] { position: relative; color: #ffffff; z-index: 99; } .charts-text-b[data-v-11eccf0d] { position: relative; color: #ff6f8c; z-index: 99; } .groups-rank[data-v-11fae68e] { float: left; width: 49.98%; height: 880px; margin-top: 16px; background: #222648; border-radius: 12px 12px 0px 0px; } .groups-rank .top-three-sch[data-v-11fae68e] { position: relative; top: 16px; width: 100%; height: 192px; overflow: hidden; } .groups-rank .sch-rank-item[data-v-11fae68e] { width: 100%; height: 192px; background: #30365f; border-radius: 12px 12px 12px 12px; margin-bottom: 10px; padding: 0; } .groups-rank .sch-rank-item .top[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 103px; } .groups-rank .sch-rank-item .top .rank[data-v-11fae68e] { width: 50px; margin-left: 32px; } .groups-rank .sch-rank-item .top .rank span[data-v-11fae68e] { font-size: 38px; font-family: "Number"; color: #01c1fc; } .groups-rank .sch-rank-item .top .rank .rank-img[data-v-11fae68e] { width: 50px; height: 50px; } .groups-rank .sch-rank-item .top .sch-name[data-v-11fae68e] { width: 257px; margin-left: 24px; font-size: 29px; font-weight: bold; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .groups-rank .sch-rank-item .top .rank-msg[data-v-11fae68e] { flex: 1; display: flex; flex-direction: row; align-items: center; font-size: 24px; font-weight: 400; color: #ffffff; } .groups-rank .sch-rank-item .top .rank-msg .rank-msg-item[data-v-11fae68e] { flex: 1; display: flex; flex-direction: row; align-items: center; font-size: 42px; font-family: "Number"; color: #ffffff; } .groups-rank .sch-rank-item .top .rank-msg .rank-msg-item span[data-v-11fae68e] { margin-left: 8px; font-size: 24px; font-weight: 400; color: #ffffff; } .groups-rank .sch-rank-item .top-three-stu[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; width: calc(100% - 64px); margin: 0 auto; } .groups-rank .sch-rank-item .top-three-stu .top-three-stu-item[data-v-11fae68e] { flex: 1; display: flex; flex-direction: row; align-items: center; height: 60px; background: #42497a; border-radius: 12px 12px 12px 12px; margin-left: 26px; } .groups-rank .sch-rank-item .top-three-stu .top-three-stu-item .stu-msg[data-v-11fae68e] { flex: 1; text-align: center; font-size: 24px; font-weight: 400; color: #ffffff; } .groups-rank .sch-rank-item .top-three-stu .top-three-stu-item .stu-name[data-v-11fae68e] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .groups-rank .sch-rank-item .top-three-stu .top-three-stu-item[data-v-11fae68e]:first-child { margin-left: 0; } .groups-rank .sch-top-others[data-v-11fae68e] { position: relative; top: 26.5px; width: 100%; height: 638px; overflow: hidden; } @font-face { font-family: "Number"; src: url("data:application/font-woff2;charset=utf-8;base64,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") format("woff2"); } @-webkit-keyframes rotateBox-data-v-11fae68e { 0% { transform: translateX(-160px) translateY(-80px); opacity: 1; } 25% { transform: translateX(-270px) translateY(-160px); opacity: 0.8; } 50% { transform: translateX(-380px) translateY(-240px); opacity: 0.6; } 75% { transform: translateX(-480px) translateY(-300px); opacity: 0.4; } 100% { transform: translateX(-580px) translateY(-360px); opacity: 0.2; } } @keyframes rotateBox-data-v-11fae68e { 0% { transform: translateX(-160px) translateY(-80px); opacity: 1; } 25% { transform: translateX(-270px) translateY(-160px); opacity: 0.8; } 50% { transform: translateX(-380px) translateY(-240px); opacity: 0.6; } 75% { transform: translateX(-480px) translateY(-300px); opacity: 0.4; } 100% { transform: translateX(-580px) translateY(-360px); opacity: 0.2; } } .cut-down-center[data-v-11fae68e] { position: absolute; left: 50%; margin-left: -224px; margin-top: 420px; display: flex; flex-direction: column; align-items: center; width: 448px; height: 240px; background: #222648; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 12px; -webkit-animation: rotateBox-data-v-11fae68e 1s linear; animation: rotateBox-data-v-11fae68e 1s linear; animation-delay: 5s; -webkit-animation-delay: 5s; z-index: 999; } .cut-down-center .cut-down-text[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; margin-top: 18px; } .cut-down-center .cut-down-text img[data-v-11fae68e] { margin-top: 9px; width: 40px; height: 40px; } .cut-down-center .cut-down-text .cut-down-text-content[data-v-11fae68e] { margin-left: 10px; font-size: 40px; font-family: "Number"; font-weight: 400; line-height: 0px; color: #01c1fc; } .cut-down-center .cut-down-num[data-v-11fae68e] { margin-top: 80px; font-size: 116px; font-family: Microsoft YaHei; font-weight: bold; line-height: 0px; color: #01c1fc; } .gif-icon[data-v-11fae68e] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; z-index: 998; } .gif-icon .gif-icon-box[data-v-11fae68e] { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 580px; height: 400px; background: #222648; box-shadow: 0px 0px 99px rgba(0, 0, 0, 0.3); border-radius: 46px; z-index: 999; } .gif-icon .gif-icon-box .gif-tips[data-v-11fae68e] { margin-top: 10px; font-size: 36px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; } .gif-icon .gif-icon-box img[data-v-11fae68e] { width: 216px; height: 280px; z-index: 9999; } .sum-rope[data-v-11fae68e] { margin: 0 4px; font-size: 32px; } .is-video[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 120px; } .is-video .avg[data-v-11fae68e], .is-video .all[data-v-11fae68e] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 62px; font-weight: bold; line-height: 60px; } .is-video .avg .avg-text[data-v-11fae68e], .is-video .all .avg-text[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; } .no-video[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 120px; font-size: 62px; font-weight: bold; } .leader[data-v-11fae68e] { position: fixed; width: 616px; height: 454px; left: 68%; top: 0%; z-index: 998; background: #222648; border-radius: 6px; } .leader-item[data-v-11fae68e] { width: 578px; height: 360px; background: #0e0f1d; margin-top: 20px; margin-left: 20px; } .leader-title[data-v-11fae68e] { text-align: center; font-weight: bold; color: #ffffff; font-size: 36px; margin-top: 20px; } body[data-v-11fae68e] { background: #141833; overflow: hidden; } .jump-rope-c[data-v-11fae68e] { position: fixed; height: 100%; width: 100%; background-color: #141833; } .match-num[data-v-11fae68e] { display: flex; flex-direction: column; align-items: center; margin-top: 273px; z-index: 998; } .match-num img[data-v-11fae68e] { width: 140px; height: 102px; } .match-num .match-num-text[data-v-11fae68e] { margin-top: 20px; font-size: 42px; font-family: Microsoft YaHei; font-weight: 400; line-height: 55px; color: #ffffff; } .match-num .match-num-number[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; } .match-num .match-num-number .match-num-number-item[data-v-11fae68e] { width: 140px; height: 180px; line-height: 180px; text-align: center; margin: 40px 10px; background: #222648; border-radius: 12px; font-size: 100px; font-family: "Number"; font-weight: bold; color: #ffffff; } .jump-rope-top[data-v-11fae68e] { position: relative; display: flex; flex-direction: row; align-items: center; width: 98%; height: 142px; margin: 0 auto; padding-top: 20px; } .jump-rope-top .cut-down[data-v-11fae68e], .jump-rope-top .num-top[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; width: 24%; height: 142px; } .jump-rope-top .cut-down .text[data-v-11fae68e], .jump-rope-top .num-top .text[data-v-11fae68e] { width: 32%; margin-left: 40px; font-size: 28px; font-family: Microsoft YaHei; font-weight: 400; color: #01c1fc; opacity: 0.6; } .jump-rope-top .cut-down .num[data-v-11fae68e], .jump-rope-top .num-top .num[data-v-11fae68e] { display: flex; flex-direction: column; align-items: center; width: 68%; margin-right: 30px; } .jump-rope-top .cut-down .text-a[data-v-11fae68e], .jump-rope-top .num-top .text-a[data-v-11fae68e] { width: 40%; } .jump-rope-top .cut-down .next-group-item[data-v-11fae68e], .jump-rope-top .num-top .next-group-item[data-v-11fae68e] { max-width: 213px; margin-top: 5px; font-size: 24px; font-weight: bold; color: #01c1fc; line-height: 31px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jump-rope-top .cut-down .next-group-item[data-v-11fae68e]:first-child, .jump-rope-top .num-top .next-group-item[data-v-11fae68e]:first-child { margin-top: 0; } .jump-rope-top .cut-down .num-text[data-v-11fae68e], .jump-rope-top .num-top .num-text[data-v-11fae68e] { float: right; font-family: "Number"; font-weight: bold; letter-spacing: 2px; color: #01c1fc; } .jump-rope-top .cut-down .num-tips[data-v-11fae68e], .jump-rope-top .num-top .num-tips[data-v-11fae68e] { width: 236px; text-align: center; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jump-rope-top .cut-down .num-text[data-v-11fae68e] { font-size: 80px; line-height: 106px; } .jump-rope-top .num-top .num-text[data-v-11fae68e] { font-size: 60px; line-height: 79px; } .jump-rope-top .title[data-v-11fae68e] { position: relative; width: 50%; height: 142px; margin: 0 1%; } .jump-rope-top .title-text[data-v-11fae68e] { width: 96%; margin: 22px 24px 0 24px; font-size: 29px; font-weight: bold; line-height: 40px; color: #01c1fc; } .jump-rope-top .match-msg[data-v-11fae68e] { position: absolute; bottom: 10px; display: flex; flex-direction: row; align-items: center; margin-top: 23px; width: 100%; } .jump-rope-top .match-msg .cur-group[data-v-11fae68e] { flex: 1; font-size: 24px; font-weight: bold; color: #01c1fc; line-height: 31px; } .jump-rope-top .match-msg-text[data-v-11fae68e] { float: left; display: flex; flex-direction: row; width: 259px; margin-left: 30px; } .jump-rope-top .match-msg-text .group-num[data-v-11fae68e] { font-size: 24px; font-weight: bold; color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-msg-text .group-time[data-v-11fae68e] { margin-left: 20px; font-size: 24px; font-weight: 400; color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-status[data-v-11fae68e] { float: right; display: flex; flex-direction: row; justify-content: flex-end; width: 259px; margin-right: 30px; } .jump-rope-top .match-status .normal[data-v-11fae68e], .jump-rope-top .match-status .error[data-v-11fae68e] { font-size: 24px; font-weight: 400; } .jump-rope-top .match-status .normal[data-v-11fae68e] { margin-right: 30px; color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-status .error[data-v-11fae68e] { color: #ff6f8c; } .jump-rope-top .card-bg[data-v-11fae68e] { position: relative; top: 0; background: #222648; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 12px; } .cards-list[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; width: 98%; margin: 1% auto; } .cards-list .card-list-item[data-v-11fae68e] { flex: 1; height: 880px; margin-left: 16px; background: #222648; border-radius: 12px; } .cards-list .card-list-item .card-list-item-top[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 73px; } .cards-list .card-list-item .card-list-item-top .join-stu-num[data-v-11fae68e] { flex: 1; float: left; margin: 0 0 0 16px; font-size: 28px; font-weight: 400; color: #ffffff; } .cards-list .card-list-item .card-list-item-top .match-tips[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .cards-list .card-list-item .card-list-item-top .match-tip[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; margin: 0 16px 0 0; width: 126px; height: 41px; line-height: 41px; text-align: center; background: rgba(0, 0, 0, 0.6); border-radius: 8px; font-size: 18px; font-weight: 400; color: #01c1fc; } .cards-list .card-list-item .card-list-item-top .match-tip img[data-v-11fae68e] { margin-left: 14px; margin-right: 8px; width: 19px; height: 24px; } .cards-list .card-list-item .screen[data-v-11fae68e] { z-index: 996; } .cards-list .card-list-item .card-list-item-content[data-v-11fae68e] { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; height: 580px; background: #0e0f1d; overflow: hidden; } .cards-list .card-list-item .card-list-item-content .video-img[data-v-11fae68e] { position: absolute; top: 147px; } .cards-list .card-list-item .card-list-item-content img[data-v-11fae68e] { width: 188px; height: 234px; } .cards-list .card-list-item .card-list-item-content .live-status[data-v-11fae68e] { margin-top: 49px; font-size: 24px; font-weight: bold; color: rgba(255, 255, 255, 0.24); } .cards-list .card-list-item .card-list-item-content .sch-bolls[data-v-11fae68e] { position: relative; width: 510px; height: 510px; margin-top: 34px; background: #0e0f1d; border-radius: 50%; } .cards-list .card-list-item .card-list-item-content .sch-bolls .circleProgress_wrapper[data-v-11fae68e] { width: 510px; height: 510px; position: relative; } .cards-list .card-list-item .card-list-item-content .sch-bolls .wrapper[data-v-11fae68e] { width: 255px; height: 510px; position: absolute; top: 0; overflow: hidden; } .cards-list .card-list-item .card-list-item-content .sch-bolls .right[data-v-11fae68e] { right: 0; } .cards-list .card-list-item .card-list-item-content .sch-bolls .left[data-v-11fae68e] { left: 0; } .cards-list .card-list-item .card-list-item-content .sch-bolls .circleProgress[data-v-11fae68e] { width: 470px; height: 470px; border: 20px solid #0e0f1d; position: absolute; top: 0; border-radius: 50%; transform: rotate(-135deg); } @-webkit-keyframes circleProgressLoad_right-data-v-11fae68e { 0% { -webkit-transform: rotate(-135deg); } 50%, 100% { -webkit-transform: rotate(45deg); } } @keyframes circleProgressLoad_right-data-v-11fae68e { 0% { -webkit-transform: rotate(-135deg); } 50%, 100% { -webkit-transform: rotate(45deg); } } @-webkit-keyframes circleProgressLoad_left-data-v-11fae68e { 0%, 50% { -webkit-transform: rotate(-135deg); } 100% { -webkit-transform: rotate(45deg); } } @keyframes circleProgressLoad_left-data-v-11fae68e { 0%, 50% { -webkit-transform: rotate(-135deg); } 100% { -webkit-transform: rotate(45deg); } } .cards-list .card-list-item .card-list-item-content .sch-bolls .bolls[data-v-11fae68e] { position: absolute; top: 31px; left: 31px; width: 450px; height: 450px; background: #0e0f1d; border-radius: 50%; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll[data-v-11fae68e] { position: relative; top: 17px; width: 400px; height: 400px; line-height: 400px; text-align: center; margin: 0 auto; border-radius: 50%; border: 6px solid rgba(255, 255, 255, 0.2); overflow: hidden; font-family: "Number"; font-size: 127px; font-weight: bold; line-height: 167px; color: #ffffff; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll .avg[data-v-11fae68e] { position: absolute; top: -136px; width: 100%; text-align: center; z-index: 996; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll .all-num[data-v-11fae68e] { position: absolute; top: 103px; width: 100%; text-align: center; z-index: 996; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll .num-text[data-v-11fae68e] { margin-top: 180px; font-size: 43px; font-weight: 400; line-height: 56px; color: #ffffff; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll[data-v-11fae68e]:after { content: ""; width: 806px; height: 806px; background: var(--color); position: absolute; left: 50%; top: var(--top); transform: translate(-50%, -60%); border-radius: 37%; -webkit-animation: wave-data-v-11fae68e 5s linear infinite; animation: wave-data-v-11fae68e 5s linear infinite; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll[data-v-11fae68e]::before { content: ""; position: absolute; left: 50%; top: 0; color: #ffffff; z-index: 99; transform: translate(-80%, 120px); } @-webkit-keyframes wave-data-v-11fae68e { 100% { transform: translate(-50%, -60%) rotate(360deg); } } @keyframes wave-data-v-11fae68e { 100% { transform: translate(-50%, -60%) rotate(360deg); } } .cards-list .card-list-item .school-msg[data-v-11fae68e] { position: relative; bottom: 0; height: 227px; border-radius: 0px 0px 12px 12px; } .cards-list .card-list-item .school-msg .bg-text[data-v-11fae68e] { position: absolute; left: 40px; height: 227px; line-height: 227px; font-size: 166px; font-weight: bold; color: rgba(255, 255, 255, 0.1); } .cards-list .card-list-item .school-msg .tip-text[data-v-11fae68e] { position: absolute; top: 16px; left: 16px; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 12px; font-size: 44px; font-weight: bold; color: rgba(255, 255, 255, 0.8); z-index: 99; } .cards-list .card-list-item .school-msg .msg-content[data-v-11fae68e] { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 227px; z-index: 99; } .cards-list .card-list-item .school-msg .msg-content .status[data-v-11fae68e] { font-size: 60px; font-weight: bold; line-height: 79px; } .cards-list .card-list-item .school-msg .msg-content .sch-name[data-v-11fae68e] { max-width: 90%; margin-top: 10px; font-size: 42px; font-weight: bold; line-height: 55px; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .cards-list .card-list-item .school-msg .msg-content .video-num[data-v-11fae68e] { width: 100%; font-size: 100px; font-family: "Number"; font-weight: bold; line-height: 132px; color: #ffffff; } .cards-list .card-list-item[data-v-11fae68e]:first-child { margin-left: 0; } .rightcircle[data-v-11fae68e] { right: 0; } .leftcircle[data-v-11fae68e] { left: 0; } .card-list[data-v-11fae68e] { width: 98%; margin: 0 auto; } .card-list .left[data-v-11fae68e] { float: left; width: 67%; height: 300px; display: flex; flex-direction: row; flex-wrap: wrap; } .card-list .left .list-two-item[data-v-11fae68e] { display: flex; flex-direction: column; align-items: center; width: 48.7%; height: 880px; margin-top: 17px; margin-right: 1.3%; background: #222648; border-radius: 12px; } .card-list .left .list-two-item .charts-num[data-v-11fae68e] { position: relative; width: 510px; height: 510px; margin-top: 125px; margin-bottom: 60px; background: #222648; border-radius: 50%; } .card-list .left .list-two-item .charts-num .circleProgress_wrapper[data-v-11fae68e] { width: 510px; height: 510px; position: relative; } .card-list .left .list-two-item .charts-num .wrapper[data-v-11fae68e] { width: 255px; height: 510px; position: absolute; top: 0; overflow: hidden; } .card-list .left .list-two-item .charts-num .right[data-v-11fae68e] { right: 0; } .card-list .left .list-two-item .charts-num .left[data-v-11fae68e] { left: 0; } .card-list .left .list-two-item .charts-num .circleProgress[data-v-11fae68e] { width: 470px; height: 470px; border: 20px solid #222648; position: absolute; top: 0; border-radius: 50%; transform: rotate(-135deg); } @keyframes circleProgressLoad_right-data-v-11fae68e { 0% { -webkit-transform: rotate(-135deg); } 50%, 100% { -webkit-transform: rotate(45deg); } } @keyframes circleProgressLoad_left-data-v-11fae68e { 0%, 50% { -webkit-transform: rotate(-135deg); } 100% { -webkit-transform: rotate(45deg); } } .card-list .left .list-two-item .charts-num .bolls[data-v-11fae68e] { position: absolute; top: 31px; left: 31px; width: 450px; height: 450px; background: #222648; border-radius: 50%; } .card-list .left .list-two-item .charts-num .boll[data-v-11fae68e] { position: relative; top: 17px; width: 400px; height: 400px; line-height: 400px; text-align: center; margin: 0 auto; border-radius: 50%; border: 6px solid #373d73; overflow: hidden; font-family: "Number"; font-size: 127px; font-weight: bold; line-height: 167px; color: #ffffff; } .card-list .left .list-two-item .charts-num .boll .avg[data-v-11fae68e] { position: absolute; top: 43px; width: 100%; text-align: center; z-index: 996; } .card-list .left .list-two-item .charts-num .boll .all-num[data-v-11fae68e] { position: absolute; top: 103px; width: 100%; text-align: center; z-index: 995; } .card-list .left .list-two-item .charts-num .boll .num-text[data-v-11fae68e] { margin-top: 180px; font-size: 43px; font-weight: 400; line-height: 56px; color: #ffffff; } .card-list .left .list-two-item .charts-num .boll[data-v-11fae68e]:after { content: ""; width: 806px; height: 806px; background: var(--color); position: absolute; left: 50%; top: var(--top); transform: translate(-50%, -60%); border-radius: 37%; -webkit-animation: wave-data-v-11fae68e 5s linear infinite; animation: wave-data-v-11fae68e 5s linear infinite; } .card-list .left .list-two-item .charts-num .boll[data-v-11fae68e]::before { content: ""; position: absolute; left: 50%; top: 0; color: #ffffff; z-index: 99; transform: translate(-80%, 120px); } @keyframes wave-data-v-11fae68e { 100% { transform: translate(-50%, -60%) rotate(360deg); } } .card-list .left .list-four-item[data-v-11fae68e] { display: flex; flex-direction: column; align-items: center; width: 48.7%; height: 432px; margin-top: 17px; margin-right: 1.3%; background: #222648; border-radius: 12px; } .card-list .left .list-four-item .charts-num[data-v-11fae68e] { position: relative; width: 280px; height: 280px; background: #222648; border-radius: 50%; } .card-list .left .list-four-item .charts-num .circleProgress_wrapper[data-v-11fae68e] { width: 280px; height: 280px; position: relative; } .card-list .left .list-four-item .charts-num .wrapper[data-v-11fae68e] { width: 140px; height: 280px; position: absolute; top: 0; overflow: hidden; } .card-list .left .list-four-item .charts-num .right[data-v-11fae68e] { right: 0; } .card-list .left .list-four-item .charts-num .left[data-v-11fae68e] { left: 0; } .card-list .left .list-four-item .charts-num .circleProgress[data-v-11fae68e] { width: 260px; height: 260px; border: 10px solid #222648; position: absolute; top: 0; border-radius: 50%; transform: rotate(-135deg); } .card-list .left .list-four-item .charts-num .bolls[data-v-11fae68e] { position: absolute; top: 14px; left: 15px; width: 250px; height: 250px; background: #222648; border-radius: 50%; } .card-list .left .list-four-item .charts-num .boll[data-v-11fae68e] { position: relative; top: 7px; width: 228px; height: 228px; line-height: 228px; text-align: center; margin: 0 auto; border-radius: 50%; border: 6px solid #373d73; overflow: hidden; font-family: "Number"; font-size: 72px; font-weight: bold; line-height: 95px; color: #ffffff; } .card-list .left .list-four-item .charts-num .boll .all-num[data-v-11fae68e] { position: absolute; top: 64px; width: 100%; text-align: center; z-index: 995; } .card-list .left .list-four-item .charts-num .boll .num-text[data-v-11fae68e] { margin-top: 90px; font-size: 28px; font-weight: 400; line-height: 46px; color: #ffffff; } .card-list .left .list-four-item .charts-num .boll[data-v-11fae68e]:after { content: ""; width: 406px; height: 406px; background: var(--color); position: absolute; left: 50%; top: var(--top); transform: translate(-50%, -60%); border-radius: 37%; -webkit-animation: wave-data-v-11fae68e 5s linear infinite; animation: wave-data-v-11fae68e 5s linear infinite; } .card-list .left .list-four-item .charts-num .boll1[data-v-11fae68e]:after { background: #01c1fc; } .card-list .left .list-four-item .charts-num .boll2[data-v-11fae68e]:after { background: #11b689; } .card-list .left .list-four-item .charts-num .boll3[data-v-11fae68e]:after { background: #0c8eff; } .card-list .left .list-four-item .charts-num .boll[data-v-11fae68e]::before { content: ""; position: absolute; left: 50%; top: 0; color: #ffffff; z-index: 99; transform: translate(-80%, 120px); } @keyframes wave-data-v-11fae68e { 100% { transform: translate(-50%, -60%) rotate(360deg); } } .card-list .left .list-six-item[data-v-11fae68e] { display: flex; flex-direction: column; align-items: center; width: 32%; height: 432px; margin-top: 17px; margin-right: 1.3%; background: #222648; border-radius: 12px; } .card-list .left .list-six-item .charts-num[data-v-11fae68e] { position: relative; width: 264px; height: 264px; margin-top: 18px; background: #222648; border-radius: 50%; } .card-list .left .list-six-item .charts-num .circleProgress_wrapper[data-v-11fae68e] { width: 264px; height: 264px; position: relative; } .card-list .left .list-six-item .charts-num .wrapper[data-v-11fae68e] { width: 132px; height: 264px; position: absolute; top: 0; overflow: hidden; } .card-list .left .list-six-item .charts-num .right[data-v-11fae68e] { right: 0; } .card-list .left .list-six-item .charts-num .left[data-v-11fae68e] { left: 0; } .card-list .left .list-six-item .charts-num .circleProgress[data-v-11fae68e] { width: 244px; height: 244px; border: 10px solid #222648; position: absolute; top: 0; border-radius: 50%; transform: rotate(-135deg); } .card-list .left .list-six-item .charts-num .bolls[data-v-11fae68e] { position: absolute; top: 13px; left: 19px; width: 220px; height: 220px; background: #222648; border-radius: 50%; } .card-list .left .list-six-item .charts-num .boll[data-v-11fae68e] { position: relative; top: 7px; width: 214px; height: 214px; line-height: 214px; text-align: center; margin: 0 auto; border-radius: 50%; border: 6px solid #373d73; overflow: hidden; font-family: "Number"; font-size: 72px; font-weight: bold; line-height: 95px; color: #ffffff; } .card-list .left .list-six-item .charts-num .boll .all-num[data-v-11fae68e] { position: absolute; top: 50px; width: 100%; text-align: center; z-index: 995; } .card-list .left .list-six-item .charts-num .boll .num-text[data-v-11fae68e] { margin-top: 90px; font-size: 24px; font-weight: 400; line-height: 46px; color: #ffffff; } .card-list .left .list-six-item .charts-num .boll[data-v-11fae68e]:after { content: ""; width: 406px; height: 406px; background: var(--color); position: absolute; left: 50%; top: var(--top); transform: translate(-50%, -60%); border-radius: 37%; -webkit-animation: wave-data-v-11fae68e 5s linear infinite; animation: wave-data-v-11fae68e 5s linear infinite; } .card-list .left .list-six-item .charts-num .boll1[data-v-11fae68e]:after { background: #01c1fc; } .card-list .left .list-six-item .charts-num .boll2[data-v-11fae68e]:after { background: #11b689; } .card-list .left .list-six-item .charts-num .boll3[data-v-11fae68e]:after { background: #0c8eff; } .card-list .left .list-six-item .charts-num .boll[data-v-11fae68e]::before { content: ""; position: absolute; left: 50%; top: 0; color: #ffffff; z-index: 99; transform: translate(-80%, 120px); } @keyframes wave-data-v-11fae68e { 100% { transform: translate(-50%, -60%) rotate(360deg); } } .card-list .left .join-num[data-v-11fae68e] { margin-top: 23px; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; } .card-list .left .join-num-a[data-v-11fae68e] { display: flex; flex-direction: row; justify-content: flex-start; width: 98%; margin-left: 24px; } .card-list .left .chart[data-v-11fae68e] { width: 220px; height: 220px; line-height: 220px; text-align: center; margin-top: 41px; border-radius: 50%; font-size: 42px; font-weight: bold; } .card-list .left .charts[data-v-11fae68e] { position: relative; width: 382px; height: 382px; line-height: 382px; text-align: center; margin-top: 184px; margin-bottom: 140px; border-radius: 50%; font-size: 60px; font-weight: bold; } .card-list .left .sch-short-name[data-v-11fae68e] { position: absolute; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; border: 6px solid rgba(255, 255, 255, 0.2); background: rgba(240, 192, 1, 0.3); text-align: center; font-size: 300px; font-weight: bold; color: rgba(255, 255, 255, 0.1); z-index: 1; } .card-list .left .sch-short-name-text[data-v-11fae68e] { position: absolute; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; text-align: center; font-size: 300px; font-weight: bold; color: rgba(255, 255, 255, 0.1); z-index: 1; } .card-list .left .sch-name[data-v-11fae68e] { max-width: 94%; height: 65px; margin-top: 15px; font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; } .card-list .left .sch-name-a[data-v-11fae68e] { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .card-list .left .sch-name-b[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; } .card-list .right[data-v-11fae68e] { float: right; width: 33%; height: 300px; } .card-list .right .six-stu-list[data-v-11fae68e] { width: 100%; height: 133px; margin-top: 17px; background: #222648; border-radius: 12px; } .card-list .right .six-stu-list .top-other[data-v-11fae68e] { position: relative; top: 10px; width: 100%; height: 74px; overflow: hidden; } .card-list .right .four-stu-list[data-v-11fae68e] { width: 100%; height: 208px; margin-top: 16px; background: #222648; border-radius: 12px; } .card-list .right .four-stu-list .top-other[data-v-11fae68e] { position: relative; top: 21px; width: 100%; height: 128px; overflow: hidden; } .card-list .right .two-stu-list[data-v-11fae68e] { width: 100%; height: 432px; margin-top: 16px; background: #222648; border-radius: 12px; } .card-list .right .two-stu-list .top-other[data-v-11fae68e] { position: relative; top: 16px; width: 100%; height: 360px; overflow: hidden; } .card-list .right .stu-list-sort[data-v-11fae68e] { width: 100%; height: 880px; margin-top: 16px; background: #222648; border-radius: 12px; } .card-list .right .stu-list-sort .stu-list-sort-item[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 44px; } .card-list .right .stu-list-sort .stu-list-sort-item .stu-name-sort[data-v-11fae68e] { flex: 2; padding-left: 24px; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; } .card-list .right .stu-list-sort .stu-list-sort-item .stu-sch-sort[data-v-11fae68e] { flex: 5; font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; } .card-list .right .stu-list-sort .stu-list-sort-item .skip-amount[data-v-11fae68e] { flex: 1; font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; } .card-list .right .stu-list-sort .stu-list-sort-item .skip-amount span[data-v-11fae68e] { font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; } .card-list .right .sch-names[data-v-11fae68e] { width: 94%; padding-top: 13px; margin-left: 24px; font-size: 24px; font-weight: bold; color: #01c1fc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .card-list .right .stu-list-card[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; width: 100%; flex-wrap: wrap; } .card-list .right .stu-list-items[data-v-11fae68e] { position: relative; display: flex; flex-direction: row; } .card-list .right .stu-list-items .stu-list-item[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; width: 48%; height: 31px; margin: 5px 1%; } .card-list .right .stu-list-items .stu-list-item .stu-name[data-v-11fae68e] { width: 113px; margin-left: 18px; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .card-list .right .stu-list-items .stu-list-item .stu-class[data-v-11fae68e] { width: 75px; margin-left: 16px; font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .card-list .right .stu-list-items .stu-list-item .skip-no[data-v-11fae68e] { margin-left: 16px; font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; } .rank[data-v-11fae68e] { width: 98%; margin: 0 auto; } .rank .sch-rank[data-v-11fae68e] { float: left; width: 49.98%; height: 880px; margin-top: 16px; background: #222648; border-radius: 12px 12px 0px 0px; } .rank .sch-rank .sch-rank-list[data-v-11fae68e] { width: 100%; height: 804px; margin-top: 21px; overflow: hidden; } .rank .sch-rank .sch-rank-list .sch-rank-list-item[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 134px; color: #01c1fc; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two[data-v-11fae68e]:last-child { margin-bottom: -10px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three[data-v-11fae68e]:last-child { margin-bottom: -10px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two[data-v-11fae68e] { display: flex; flex-direction: column; align-items: center; width: 100%; height: 399px; margin-bottom: 10px; border-radius: 12px; color: #ffffff; z-index: 1; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .sch-short-name-rank[data-v-11fae68e] { position: absolute; left: 40px; display: flex; flex-direction: row; align-items: center; width: 100%; height: 402px; font-size: 300px; font-weight: bold; color: rgba(255, 255, 255, 0.1); z-index: 10; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 96%; margin-top: 40px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name .sch-ranking[data-v-11fae68e] { flex: 1; font-size: 48px; font-weight: bold; line-height: 64px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name .sch-name[data-v-11fae68e] { flex: 9; font-size: 48px; font-weight: bold; line-height: 64px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a[data-v-11fae68e] { width: 95%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .sch-num-a[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; width: 96%; height: 60px; margin: 12px; padding: 0 10px; background: #b4910a; border-radius: 12px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .stu-num[data-v-11fae68e] { text-align: center; font-size: 24px; font-weight: 400; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-11fae68e] { width: 30%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .stu-num[data-v-11fae68e] { width: 30%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-11fae68e] { margin-right: 14px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-11fae68e] { width: 36%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; width: 98%; margin-top: 60px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num[data-v-11fae68e] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .rank-tips[data-v-11fae68e] { font-size: 24px; font-weight: 400; line-height: 31px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num[data-v-11fae68e] { margin: 0 0 35px 0; text-align: center; font-size: 60px; font-family: "Number"; line-height: 79px; font-weight: bold; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-all-num[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-avg-num[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-top-num[data-v-11fae68e] { flex: 3; font-family: "Number"; font-size: 38px; font-weight: bold; line-height: 50px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-all-num span[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-avg-num span[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-top-num span[data-v-11fae68e] { margin: 0 8px; font-size: 24px; font-weight: 400; line-height: 31px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two[data-v-11fae68e] { height: 399px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name[data-v-11fae68e] { margin-top: 40px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs[data-v-11fae68e] { margin-top: 63px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .rank-tips[data-v-11fae68e] { margin-bottom: 30px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a[data-v-11fae68e] { margin-top: 30px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three[data-v-11fae68e] { height: 262px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .sch-short-name-rank[data-v-11fae68e] { position: absolute; left: 40px; display: flex; flex-direction: row; align-items: center; width: 100%; height: 262px; font-size: 198px; font-weight: bold; color: rgba(255, 255, 255, 0.1); z-index: 10; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-and-name[data-v-11fae68e] { margin-top: 20px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs[data-v-11fae68e] { margin-top: 16px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .rank-tips[data-v-11fae68e] { margin-top: 0; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a[data-v-11fae68e] { margin-top: -10px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three[data-v-11fae68e] { display: flex; flex-direction: column; align-items: center; width: 100%; margin-bottom: 10px; border-radius: 12px; color: #ffffff; z-index: 1; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-and-name[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 96%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name .sch-ranking[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-and-name .sch-ranking[data-v-11fae68e] { flex: 1; font-size: 42px; font-weight: bold; line-height: 55px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name .sch-name[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-and-name .sch-name[data-v-11fae68e] { flex: 9; font-size: 42px; font-weight: bold; line-height: 55px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a[data-v-11fae68e] { width: 95%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .sch-num-a[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .sch-num-a[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; width: 96%; height: 60px; margin: 12px; padding: 0 10px; background: #b4910a; border-radius: 12px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .rank[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .name[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .stu-num[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .stu-num[data-v-11fae68e] { text-align: center; font-size: 24px; font-weight: 400; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .rank[data-v-11fae68e] { width: 30%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .stu-num[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .stu-num[data-v-11fae68e] { width: 30%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .rank[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .name[data-v-11fae68e] { margin-right: 14px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .name[data-v-11fae68e] { width: 36%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; width: 98%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num[data-v-11fae68e] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .rank-tips[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .rank-tips[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; font-size: 24px; font-weight: 400; line-height: 31px; white-space: nowrap; margin-bottom: 30px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .num[data-v-11fae68e] { position: relative; display: flex; flex-direction: column; align-items: center; margin: 0; text-align: center; font-size: 48px; font-family: "Number"; line-height: 20px; font-weight: bold; color: #ffffff; width: 100% !important; height: 28px; margin-bottom: 50px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num .num-total[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .num .num-total[data-v-11fae68e] { position: absolute; /* left: 50%; */ top: 50%; transform: translate(0%, -50%); } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num .num-total .toatl[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .num .num-total .toatl[data-v-11fae68e] { float: left; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num .num-total .unit[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .num .num-total .unit[data-v-11fae68e] { float: left; font-size: 26px; margin-left: 8px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .unit[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .unit[data-v-11fae68e] { font-weight: 400; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num-title[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .num-title[data-v-11fae68e] { position: absolute; width: 100%; font-size: 20px; font-weight: 400; top: 30%; left: 50%; transform: translate(-50%, -50%); margin-top: 60px; color: rgba(255, 255, 255, 0.6); } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-all-num[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-all-num[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-avg-num[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-avg-num[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-top-num[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-top-num[data-v-11fae68e] { flex: 3; font-family: "Number"; font-size: 38px; font-weight: bold; line-height: 50px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-all-num span[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-all-num span[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-avg-num span[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-avg-num span[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-top-num span[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-top-num span[data-v-11fae68e] { margin: 0 8px; font-size: 24px; font-weight: 400; line-height: 31px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-four[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 201px; color: #01c1fc; } .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-ranking[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-ranking[data-v-11fae68e] { flex: 1.8; font-size: 48px; font-weight: bold; line-height: 64px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-name[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-name[data-v-11fae68e] { flex: 5; font-size: 24px; font-weight: bold; line-height: 31px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-all-num[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-all-num[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-avg-num[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-avg-num[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-top-num[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-top-num[data-v-11fae68e] { flex: 3; font-family: "Number"; font-size: 38px; font-weight: bold; line-height: 50px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-all-num span[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-all-num span[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-avg-num span[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-avg-num span[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-top-num span[data-v-11fae68e], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-top-num span[data-v-11fae68e] { margin: 0 8px; font-size: 24px; font-weight: 400; line-height: 31px; } .rank .stu-rank[data-v-11fae68e] { float: right; width: 49%; height: 880px; margin-top: 16px; background: #222648; border-radius: 12px 12px 0px 0px; } .rank .stu-rank .stu-rank-list[data-v-11fae68e] { width: 100%; height: 804px; margin-top: 21px; overflow: hidden; } .rank .stu-rank .stu-rank-list .top-three-stu[data-v-11fae68e] { position: relative; top: 0; width: 100%; height: 240px; overflow: hidden; } .rank .stu-rank .stu-rank-list .top-others[data-v-11fae68e] { position: relative; top: 0.5px; width: 100%; height: 564px; overflow: hidden; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 80px; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .tip[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .tip[data-v-11fae68e] { margin-left: 8px; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-ranking[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-ranking[data-v-11fae68e] { flex: 1; font-size: 38px; font-weight: bold; line-height: 50px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-ranking[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-ranking[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-count[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-count[data-v-11fae68e] { font-size: 38px; font-family: "Number"; font-weight: bold; line-height: 50px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-name[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-name[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-class[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-class[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .skip-no[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .skip-no[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-count[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-count[data-v-11fae68e] { flex: 3; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-schs[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-schs[data-v-11fae68e] { flex: 3; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-schs .stu-sch[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-schs .stu-sch[data-v-11fae68e] { max-width: 230px; height: 50px; line-height: 50px; text-align: center; padding: 0 10px; margin-right: 30px; border-radius: 8px; color: #ffffff; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .other-msg[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .other-msg[data-v-11fae68e] { flex: 6; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-name[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-name[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .skip-no[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .skip-no[data-v-11fae68e] { font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-sch[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-sch[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-class[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-class[data-v-11fae68e] { font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-name[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-name[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-sch[data-v-11fae68e], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-sch[data-v-11fae68e] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rank .rank-title[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 20px; font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; line-height: 31px; color: #01c1fc; } .rank .td[data-v-11fae68e] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .rank .rank-imgs[data-v-11fae68e] { width: 50px; height: 50px; } .rank .rank-imgs .rank-img[data-v-11fae68e] { width: 50px; height: 50px; } .cartoon[data-v-11fae68e] { position: fixed; width: 100%; height: 100%; z-index: 997; } .cartoon .content[data-v-11fae68e] { position: absolute; top: calc(33.8vh); left: 50%; width: 469px; height: 255px; line-height: 255px; text-align: center; background: #01c1fc; border-radius: 28px; font-size: 180px; font-weight: bold; color: #ffffff; transform: translate(-50%, -50%); z-index: 997; } .is-start[data-v-11fae68e] { position: relative; top: 260px; width: 320px; height: 175px; margin: 0 auto; } .is-start img[data-v-11fae68e] { position: relative; left: 50%; transform: translate(-50%); width: 140px; height: 102px; } .is-start .text[data-v-11fae68e] { position: relative; top: 40px; text-align: center; font-size: 24px; font-weight: bold; color: #ffffff; } .charts-a[data-v-11fae68e] { border: 10px solid #373d73; color: #01c1fc; } .charts-b[data-v-11fae68e] { border: 10px solid rgba(255, 111, 140, 0.4); color: #ff6f8c; } .chart-a[data-v-11fae68e] { border: 6px solid #373d73; color: #01c1fc; } .chart-b[data-v-11fae68e] { border: 6px solid rgba(255, 111, 140, 0.4); color: #ff6f8c; } .status-a[data-v-11fae68e] { color: #01c1fc; } .status-b[data-v-11fae68e] { color: #ff6f8c; } .charts-text-a[data-v-11fae68e] { position: relative; color: #ffffff; z-index: 99; } .charts-text-b[data-v-11fae68e] { position: relative; color: #ff6f8c; z-index: 99; } .groups-rank[data-v-1cc4cc96] { float: left; width: 49.98%; height: 880px; margin-top: 16px; background: #222648; border-radius: 12px 12px 0px 0px; } .groups-rank .top-three-sch[data-v-1cc4cc96] { position: relative; top: 16px; width: 100%; height: 192px; overflow: hidden; } .groups-rank .sch-rank-item[data-v-1cc4cc96] { width: 100%; height: 192px; background: #30365f; border-radius: 12px 12px 12px 12px; margin-bottom: 10px; padding: 0; } .groups-rank .sch-rank-item .top[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 103px; } .groups-rank .sch-rank-item .top .rank[data-v-1cc4cc96] { width: 50px; margin-left: 32px; } .groups-rank .sch-rank-item .top .rank span[data-v-1cc4cc96] { font-size: 38px; font-family: "Number"; color: #01c1fc; } .groups-rank .sch-rank-item .top .rank .rank-img[data-v-1cc4cc96] { width: 50px; height: 50px; } .groups-rank .sch-rank-item .top .sch-name[data-v-1cc4cc96] { width: 257px; margin-left: 24px; font-size: 29px; font-weight: bold; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .groups-rank .sch-rank-item .top .rank-msg[data-v-1cc4cc96] { flex: 1; display: flex; flex-direction: row; align-items: center; font-size: 24px; font-weight: 400; color: #ffffff; } .groups-rank .sch-rank-item .top .rank-msg .rank-msg-item[data-v-1cc4cc96] { flex: 1; display: flex; flex-direction: row; align-items: center; font-size: 42px; font-family: "Number"; color: #ffffff; } .groups-rank .sch-rank-item .top .rank-msg .rank-msg-item span[data-v-1cc4cc96] { margin-left: 8px; font-size: 24px; font-weight: 400; color: #ffffff; } .groups-rank .sch-rank-item .top-three-stu[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; width: calc(100% - 64px); margin: 0 auto; } .groups-rank .sch-rank-item .top-three-stu .top-three-stu-item[data-v-1cc4cc96] { flex: 1; display: flex; flex-direction: row; align-items: center; height: 60px; background: #42497a; border-radius: 12px 12px 12px 12px; margin-left: 26px; } .groups-rank .sch-rank-item .top-three-stu .top-three-stu-item .stu-msg[data-v-1cc4cc96] { flex: 1; text-align: center; font-size: 24px; font-weight: 400; color: #ffffff; } .groups-rank .sch-rank-item .top-three-stu .top-three-stu-item .stu-name[data-v-1cc4cc96] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .groups-rank .sch-rank-item .top-three-stu .top-three-stu-item[data-v-1cc4cc96]:first-child { margin-left: 0; } .groups-rank .sch-top-others[data-v-1cc4cc96] { position: relative; top: 26.5px; width: 100%; height: 638px; overflow: hidden; } @font-face { font-family: "Number"; src: url("data:application/font-woff2;charset=utf-8;base64,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") format("woff2"); } @-webkit-keyframes rotateBox-data-v-1cc4cc96 { 0% { transform: translateX(-160px) translateY(-80px); opacity: 1; } 25% { transform: translateX(-270px) translateY(-160px); opacity: 0.8; } 50% { transform: translateX(-380px) translateY(-240px); opacity: 0.6; } 75% { transform: translateX(-480px) translateY(-300px); opacity: 0.4; } 100% { transform: translateX(-580px) translateY(-360px); opacity: 0.2; } } @keyframes rotateBox-data-v-1cc4cc96 { 0% { transform: translateX(-160px) translateY(-80px); opacity: 1; } 25% { transform: translateX(-270px) translateY(-160px); opacity: 0.8; } 50% { transform: translateX(-380px) translateY(-240px); opacity: 0.6; } 75% { transform: translateX(-480px) translateY(-300px); opacity: 0.4; } 100% { transform: translateX(-580px) translateY(-360px); opacity: 0.2; } } .cut-down-center[data-v-1cc4cc96] { position: absolute; left: 50%; margin-left: -224px; margin-top: 420px; display: flex; flex-direction: column; align-items: center; width: 448px; height: 240px; background: #222648; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 12px; -webkit-animation: rotateBox-data-v-1cc4cc96 1s linear; animation: rotateBox-data-v-1cc4cc96 1s linear; animation-delay: 5s; -webkit-animation-delay: 5s; z-index: 999; } .cut-down-center .cut-down-text[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; margin-top: 18px; } .cut-down-center .cut-down-text img[data-v-1cc4cc96] { margin-top: 9px; width: 40px; height: 40px; } .cut-down-center .cut-down-text .cut-down-text-content[data-v-1cc4cc96] { margin-left: 10px; font-size: 40px; font-family: "Number"; font-weight: 400; line-height: 0px; color: #01c1fc; } .cut-down-center .cut-down-num[data-v-1cc4cc96] { margin-top: 80px; font-size: 116px; font-family: Microsoft YaHei; font-weight: bold; line-height: 0px; color: #01c1fc; } .gif-icon[data-v-1cc4cc96] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; z-index: 998; } .gif-icon .gif-icon-box[data-v-1cc4cc96] { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 580px; height: 400px; background: #222648; box-shadow: 0px 0px 99px rgba(0, 0, 0, 0.3); border-radius: 46px; z-index: 999; } .gif-icon .gif-icon-box .gif-tips[data-v-1cc4cc96] { margin-top: 10px; font-size: 36px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; } .gif-icon .gif-icon-box img[data-v-1cc4cc96] { width: 216px; height: 280px; z-index: 9999; } .sum-rope[data-v-1cc4cc96] { margin: 0 4px; font-size: 32px; } .is-video[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 120px; } .is-video .avg[data-v-1cc4cc96], .is-video .all[data-v-1cc4cc96] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 62px; font-weight: bold; line-height: 60px; } .is-video .avg .avg-text[data-v-1cc4cc96], .is-video .all .avg-text[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; } .no-video[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 120px; font-size: 62px; font-weight: bold; } .leader[data-v-1cc4cc96] { position: fixed; width: 616px; height: 454px; left: 68%; top: 0%; z-index: 998; background: #222648; border-radius: 6px; } .leader-item[data-v-1cc4cc96] { width: 578px; height: 360px; background: #0e0f1d; margin-top: 20px; margin-left: 20px; } .leader-title[data-v-1cc4cc96] { text-align: center; font-weight: bold; color: #ffffff; font-size: 36px; margin-top: 20px; } body[data-v-1cc4cc96] { background: #141833; overflow: hidden; } .jump-rope-c[data-v-1cc4cc96] { position: fixed; height: 100%; width: 100%; background-color: #141833; } .match-num[data-v-1cc4cc96] { display: flex; flex-direction: column; align-items: center; margin-top: 273px; z-index: 998; } .match-num img[data-v-1cc4cc96] { width: 140px; height: 102px; } .match-num .match-num-text[data-v-1cc4cc96] { margin-top: 20px; font-size: 42px; font-family: Microsoft YaHei; font-weight: 400; line-height: 55px; color: #ffffff; } .match-num .match-num-number[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; } .match-num .match-num-number .match-num-number-item[data-v-1cc4cc96] { width: 140px; height: 180px; line-height: 180px; text-align: center; margin: 40px 10px; background: #222648; border-radius: 12px; font-size: 100px; font-family: "Number"; font-weight: bold; color: #ffffff; } .jump-rope-top[data-v-1cc4cc96] { position: relative; display: flex; flex-direction: row; align-items: center; width: 98%; height: 142px; margin: 0 auto; padding-top: 20px; } .jump-rope-top .cut-down[data-v-1cc4cc96], .jump-rope-top .num-top[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; width: 24%; height: 142px; } .jump-rope-top .cut-down .text[data-v-1cc4cc96], .jump-rope-top .num-top .text[data-v-1cc4cc96] { width: 32%; margin-left: 40px; font-size: 28px; font-family: Microsoft YaHei; font-weight: 400; color: #01c1fc; opacity: 0.6; } .jump-rope-top .cut-down .num[data-v-1cc4cc96], .jump-rope-top .num-top .num[data-v-1cc4cc96] { display: flex; flex-direction: column; align-items: center; width: 68%; margin-right: 30px; } .jump-rope-top .cut-down .text-a[data-v-1cc4cc96], .jump-rope-top .num-top .text-a[data-v-1cc4cc96] { width: 40%; } .jump-rope-top .cut-down .next-group-item[data-v-1cc4cc96], .jump-rope-top .num-top .next-group-item[data-v-1cc4cc96] { max-width: 213px; margin-top: 5px; font-size: 24px; font-weight: bold; color: #01c1fc; line-height: 31px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jump-rope-top .cut-down .next-group-item[data-v-1cc4cc96]:first-child, .jump-rope-top .num-top .next-group-item[data-v-1cc4cc96]:first-child { margin-top: 0; } .jump-rope-top .cut-down .num-text[data-v-1cc4cc96], .jump-rope-top .num-top .num-text[data-v-1cc4cc96] { float: right; font-family: "Number"; font-weight: bold; letter-spacing: 2px; color: #01c1fc; } .jump-rope-top .cut-down .num-tips[data-v-1cc4cc96], .jump-rope-top .num-top .num-tips[data-v-1cc4cc96] { width: 236px; text-align: center; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jump-rope-top .cut-down .num-text[data-v-1cc4cc96] { font-size: 80px; line-height: 106px; } .jump-rope-top .num-top .num-text[data-v-1cc4cc96] { font-size: 60px; line-height: 79px; } .jump-rope-top .title[data-v-1cc4cc96] { position: relative; width: 50%; height: 142px; margin: 0 1%; } .jump-rope-top .title-text[data-v-1cc4cc96] { width: 96%; margin: 22px 24px 0 24px; font-size: 29px; font-weight: bold; line-height: 40px; color: #01c1fc; } .jump-rope-top .match-msg[data-v-1cc4cc96] { position: absolute; bottom: 10px; display: flex; flex-direction: row; align-items: center; margin-top: 23px; width: 100%; } .jump-rope-top .match-msg .cur-group[data-v-1cc4cc96] { flex: 1; font-size: 24px; font-weight: bold; color: #01c1fc; line-height: 31px; } .jump-rope-top .match-msg-text[data-v-1cc4cc96] { float: left; display: flex; flex-direction: row; width: 259px; margin-left: 30px; } .jump-rope-top .match-msg-text .group-num[data-v-1cc4cc96] { font-size: 24px; font-weight: bold; color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-msg-text .group-time[data-v-1cc4cc96] { margin-left: 20px; font-size: 24px; font-weight: 400; color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-status[data-v-1cc4cc96] { float: right; display: flex; flex-direction: row; justify-content: flex-end; width: 259px; margin-right: 30px; } .jump-rope-top .match-status .normal[data-v-1cc4cc96], .jump-rope-top .match-status .error[data-v-1cc4cc96] { font-size: 24px; font-weight: 400; } .jump-rope-top .match-status .normal[data-v-1cc4cc96] { margin-right: 30px; color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-status .error[data-v-1cc4cc96] { color: #ff6f8c; } .jump-rope-top .card-bg[data-v-1cc4cc96] { position: relative; top: 0; background: #222648; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 12px; } .cards-list[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; width: 98%; margin: 1% auto; } .cards-list .card-list-item[data-v-1cc4cc96] { flex: 1; height: 880px; margin-left: 16px; background: #222648; border-radius: 12px; } .cards-list .card-list-item .card-list-item-top[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 73px; } .cards-list .card-list-item .card-list-item-top .join-stu-num[data-v-1cc4cc96] { flex: 1; float: left; margin: 0 0 0 16px; font-size: 28px; font-weight: 400; color: #ffffff; } .cards-list .card-list-item .card-list-item-top .match-tips[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .cards-list .card-list-item .card-list-item-top .match-tip[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; margin: 0 16px 0 0; width: 126px; height: 41px; line-height: 41px; text-align: center; background: rgba(0, 0, 0, 0.6); border-radius: 8px; font-size: 18px; font-weight: 400; color: #01c1fc; } .cards-list .card-list-item .card-list-item-top .match-tip img[data-v-1cc4cc96] { margin-left: 14px; margin-right: 8px; width: 19px; height: 24px; } .cards-list .card-list-item .screen[data-v-1cc4cc96] { z-index: 996; } .cards-list .card-list-item .card-list-item-content[data-v-1cc4cc96] { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; height: 580px; background: #0e0f1d; overflow: hidden; } .cards-list .card-list-item .card-list-item-content .video-img[data-v-1cc4cc96] { position: absolute; top: 147px; } .cards-list .card-list-item .card-list-item-content img[data-v-1cc4cc96] { width: 188px; height: 234px; } .cards-list .card-list-item .card-list-item-content .live-status[data-v-1cc4cc96] { margin-top: 49px; font-size: 24px; font-weight: bold; color: rgba(255, 255, 255, 0.24); } .cards-list .card-list-item .card-list-item-content .sch-bolls[data-v-1cc4cc96] { position: relative; width: 510px; height: 510px; margin-top: 34px; background: #0e0f1d; border-radius: 50%; } .cards-list .card-list-item .card-list-item-content .sch-bolls .circleProgress_wrapper[data-v-1cc4cc96] { width: 510px; height: 510px; position: relative; } .cards-list .card-list-item .card-list-item-content .sch-bolls .wrapper[data-v-1cc4cc96] { width: 255px; height: 510px; position: absolute; top: 0; overflow: hidden; } .cards-list .card-list-item .card-list-item-content .sch-bolls .right[data-v-1cc4cc96] { right: 0; } .cards-list .card-list-item .card-list-item-content .sch-bolls .left[data-v-1cc4cc96] { left: 0; } .cards-list .card-list-item .card-list-item-content .sch-bolls .circleProgress[data-v-1cc4cc96] { width: 470px; height: 470px; border: 20px solid #0e0f1d; position: absolute; top: 0; border-radius: 50%; transform: rotate(-135deg); } @-webkit-keyframes circleProgressLoad_right-data-v-1cc4cc96 { 0% { -webkit-transform: rotate(-135deg); } 50%, 100% { -webkit-transform: rotate(45deg); } } @keyframes circleProgressLoad_right-data-v-1cc4cc96 { 0% { -webkit-transform: rotate(-135deg); } 50%, 100% { -webkit-transform: rotate(45deg); } } @-webkit-keyframes circleProgressLoad_left-data-v-1cc4cc96 { 0%, 50% { -webkit-transform: rotate(-135deg); } 100% { -webkit-transform: rotate(45deg); } } @keyframes circleProgressLoad_left-data-v-1cc4cc96 { 0%, 50% { -webkit-transform: rotate(-135deg); } 100% { -webkit-transform: rotate(45deg); } } .cards-list .card-list-item .card-list-item-content .sch-bolls .bolls[data-v-1cc4cc96] { position: absolute; top: 31px; left: 31px; width: 450px; height: 450px; background: #0e0f1d; border-radius: 50%; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll[data-v-1cc4cc96] { position: relative; top: 17px; width: 400px; height: 400px; line-height: 400px; text-align: center; margin: 0 auto; border-radius: 50%; border: 6px solid rgba(255, 255, 255, 0.2); overflow: hidden; font-family: "Number"; font-size: 127px; font-weight: bold; line-height: 167px; color: #ffffff; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll .avg[data-v-1cc4cc96] { position: absolute; top: -136px; width: 100%; text-align: center; z-index: 996; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll .all-num[data-v-1cc4cc96] { position: absolute; top: 103px; width: 100%; text-align: center; z-index: 996; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll .num-text[data-v-1cc4cc96] { margin-top: 180px; font-size: 43px; font-weight: 400; line-height: 56px; color: #ffffff; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll[data-v-1cc4cc96]:after { content: ""; width: 806px; height: 806px; background: var(--color); position: absolute; left: 50%; top: var(--top); transform: translate(-50%, -60%); border-radius: 37%; -webkit-animation: wave-data-v-1cc4cc96 5s linear infinite; animation: wave-data-v-1cc4cc96 5s linear infinite; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll[data-v-1cc4cc96]::before { content: ""; position: absolute; left: 50%; top: 0; color: #ffffff; z-index: 99; transform: translate(-80%, 120px); } @-webkit-keyframes wave-data-v-1cc4cc96 { 100% { transform: translate(-50%, -60%) rotate(360deg); } } @keyframes wave-data-v-1cc4cc96 { 100% { transform: translate(-50%, -60%) rotate(360deg); } } .cards-list .card-list-item .school-msg[data-v-1cc4cc96] { position: relative; bottom: 0; height: 227px; border-radius: 0px 0px 12px 12px; } .cards-list .card-list-item .school-msg .bg-text[data-v-1cc4cc96] { position: absolute; left: 40px; height: 227px; line-height: 227px; font-size: 166px; font-weight: bold; color: rgba(255, 255, 255, 0.1); } .cards-list .card-list-item .school-msg .tip-text[data-v-1cc4cc96] { position: absolute; top: 16px; left: 16px; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 12px; font-size: 44px; font-weight: bold; color: rgba(255, 255, 255, 0.8); z-index: 99; } .cards-list .card-list-item .school-msg .msg-content[data-v-1cc4cc96] { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 227px; z-index: 99; } .cards-list .card-list-item .school-msg .msg-content .status[data-v-1cc4cc96] { font-size: 60px; font-weight: bold; line-height: 79px; } .cards-list .card-list-item .school-msg .msg-content .sch-name[data-v-1cc4cc96] { max-width: 90%; margin-top: 10px; font-size: 42px; font-weight: bold; line-height: 55px; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .cards-list .card-list-item .school-msg .msg-content .video-num[data-v-1cc4cc96] { width: 100%; font-size: 100px; font-family: "Number"; font-weight: bold; line-height: 132px; color: #ffffff; } .cards-list .card-list-item[data-v-1cc4cc96]:first-child { margin-left: 0; } .rightcircle[data-v-1cc4cc96] { right: 0; } .leftcircle[data-v-1cc4cc96] { left: 0; } .card-list[data-v-1cc4cc96] { width: 98%; margin: 0 auto; } .card-list .left[data-v-1cc4cc96] { float: left; width: 67%; height: 300px; display: flex; flex-direction: row; flex-wrap: wrap; } .card-list .left .list-two-item[data-v-1cc4cc96] { display: flex; flex-direction: column; align-items: center; width: 48.7%; height: 880px; margin-top: 17px; margin-right: 1.3%; background: #222648; border-radius: 12px; } .card-list .left .list-two-item .charts-num[data-v-1cc4cc96] { position: relative; width: 510px; height: 510px; margin-top: 125px; margin-bottom: 60px; background: #222648; border-radius: 50%; } .card-list .left .list-two-item .charts-num .circleProgress_wrapper[data-v-1cc4cc96] { width: 510px; height: 510px; position: relative; } .card-list .left .list-two-item .charts-num .wrapper[data-v-1cc4cc96] { width: 255px; height: 510px; position: absolute; top: 0; overflow: hidden; } .card-list .left .list-two-item .charts-num .right[data-v-1cc4cc96] { right: 0; } .card-list .left .list-two-item .charts-num .left[data-v-1cc4cc96] { left: 0; } .card-list .left .list-two-item .charts-num .circleProgress[data-v-1cc4cc96] { width: 470px; height: 470px; border: 20px solid #222648; position: absolute; top: 0; border-radius: 50%; transform: rotate(-135deg); } @keyframes circleProgressLoad_right-data-v-1cc4cc96 { 0% { -webkit-transform: rotate(-135deg); } 50%, 100% { -webkit-transform: rotate(45deg); } } @keyframes circleProgressLoad_left-data-v-1cc4cc96 { 0%, 50% { -webkit-transform: rotate(-135deg); } 100% { -webkit-transform: rotate(45deg); } } .card-list .left .list-two-item .charts-num .bolls[data-v-1cc4cc96] { position: absolute; top: 31px; left: 31px; width: 450px; height: 450px; background: #222648; border-radius: 50%; } .card-list .left .list-two-item .charts-num .boll[data-v-1cc4cc96] { position: relative; top: 17px; width: 400px; height: 400px; line-height: 400px; text-align: center; margin: 0 auto; border-radius: 50%; border: 6px solid #373d73; overflow: hidden; font-family: "Number"; font-size: 127px; font-weight: bold; line-height: 167px; color: #ffffff; } .card-list .left .list-two-item .charts-num .boll .avg[data-v-1cc4cc96] { position: absolute; top: 43px; width: 100%; text-align: center; z-index: 996; } .card-list .left .list-two-item .charts-num .boll .all-num[data-v-1cc4cc96] { position: absolute; top: 103px; width: 100%; text-align: center; z-index: 995; } .card-list .left .list-two-item .charts-num .boll .num-text[data-v-1cc4cc96] { margin-top: 180px; font-size: 43px; font-weight: 400; line-height: 56px; color: #ffffff; } .card-list .left .list-two-item .charts-num .boll[data-v-1cc4cc96]:after { content: ""; width: 806px; height: 806px; background: var(--color); position: absolute; left: 50%; top: var(--top); transform: translate(-50%, -60%); border-radius: 37%; -webkit-animation: wave-data-v-1cc4cc96 5s linear infinite; animation: wave-data-v-1cc4cc96 5s linear infinite; } .card-list .left .list-two-item .charts-num .boll[data-v-1cc4cc96]::before { content: ""; position: absolute; left: 50%; top: 0; color: #ffffff; z-index: 99; transform: translate(-80%, 120px); } @keyframes wave-data-v-1cc4cc96 { 100% { transform: translate(-50%, -60%) rotate(360deg); } } .card-list .left .list-four-item[data-v-1cc4cc96] { display: flex; flex-direction: column; align-items: center; width: 48.7%; height: 432px; margin-top: 17px; margin-right: 1.3%; background: #222648; border-radius: 12px; } .card-list .left .list-four-item .charts-num[data-v-1cc4cc96] { position: relative; width: 280px; height: 280px; background: #222648; border-radius: 50%; } .card-list .left .list-four-item .charts-num .circleProgress_wrapper[data-v-1cc4cc96] { width: 280px; height: 280px; position: relative; } .card-list .left .list-four-item .charts-num .wrapper[data-v-1cc4cc96] { width: 140px; height: 280px; position: absolute; top: 0; overflow: hidden; } .card-list .left .list-four-item .charts-num .right[data-v-1cc4cc96] { right: 0; } .card-list .left .list-four-item .charts-num .left[data-v-1cc4cc96] { left: 0; } .card-list .left .list-four-item .charts-num .circleProgress[data-v-1cc4cc96] { width: 260px; height: 260px; border: 10px solid #222648; position: absolute; top: 0; border-radius: 50%; transform: rotate(-135deg); } .card-list .left .list-four-item .charts-num .bolls[data-v-1cc4cc96] { position: absolute; top: 14px; left: 15px; width: 250px; height: 250px; background: #222648; border-radius: 50%; } .card-list .left .list-four-item .charts-num .boll[data-v-1cc4cc96] { position: relative; top: 7px; width: 228px; height: 228px; line-height: 228px; text-align: center; margin: 0 auto; border-radius: 50%; border: 6px solid #373d73; overflow: hidden; font-family: "Number"; font-size: 72px; font-weight: bold; line-height: 95px; color: #ffffff; } .card-list .left .list-four-item .charts-num .boll .all-num[data-v-1cc4cc96] { position: absolute; top: 64px; width: 100%; text-align: center; z-index: 995; } .card-list .left .list-four-item .charts-num .boll .num-text[data-v-1cc4cc96] { margin-top: 90px; font-size: 28px; font-weight: 400; line-height: 46px; color: #ffffff; } .card-list .left .list-four-item .charts-num .boll[data-v-1cc4cc96]:after { content: ""; width: 406px; height: 406px; background: var(--color); position: absolute; left: 50%; top: var(--top); transform: translate(-50%, -60%); border-radius: 37%; -webkit-animation: wave-data-v-1cc4cc96 5s linear infinite; animation: wave-data-v-1cc4cc96 5s linear infinite; } .card-list .left .list-four-item .charts-num .boll1[data-v-1cc4cc96]:after { background: #01c1fc; } .card-list .left .list-four-item .charts-num .boll2[data-v-1cc4cc96]:after { background: #11b689; } .card-list .left .list-four-item .charts-num .boll3[data-v-1cc4cc96]:after { background: #0c8eff; } .card-list .left .list-four-item .charts-num .boll[data-v-1cc4cc96]::before { content: ""; position: absolute; left: 50%; top: 0; color: #ffffff; z-index: 99; transform: translate(-80%, 120px); } @keyframes wave-data-v-1cc4cc96 { 100% { transform: translate(-50%, -60%) rotate(360deg); } } .card-list .left .list-six-item[data-v-1cc4cc96] { display: flex; flex-direction: column; align-items: center; width: 32%; height: 432px; margin-top: 17px; margin-right: 1.3%; background: #222648; border-radius: 12px; } .card-list .left .list-six-item .charts-num[data-v-1cc4cc96] { position: relative; width: 264px; height: 264px; margin-top: 18px; background: #222648; border-radius: 50%; } .card-list .left .list-six-item .charts-num .circleProgress_wrapper[data-v-1cc4cc96] { width: 264px; height: 264px; position: relative; } .card-list .left .list-six-item .charts-num .wrapper[data-v-1cc4cc96] { width: 132px; height: 264px; position: absolute; top: 0; overflow: hidden; } .card-list .left .list-six-item .charts-num .right[data-v-1cc4cc96] { right: 0; } .card-list .left .list-six-item .charts-num .left[data-v-1cc4cc96] { left: 0; } .card-list .left .list-six-item .charts-num .circleProgress[data-v-1cc4cc96] { width: 244px; height: 244px; border: 10px solid #222648; position: absolute; top: 0; border-radius: 50%; transform: rotate(-135deg); } .card-list .left .list-six-item .charts-num .bolls[data-v-1cc4cc96] { position: absolute; top: 13px; left: 19px; width: 220px; height: 220px; background: #222648; border-radius: 50%; } .card-list .left .list-six-item .charts-num .boll[data-v-1cc4cc96] { position: relative; top: 7px; width: 214px; height: 214px; line-height: 214px; text-align: center; margin: 0 auto; border-radius: 50%; border: 6px solid #373d73; overflow: hidden; font-family: "Number"; font-size: 72px; font-weight: bold; line-height: 95px; color: #ffffff; } .card-list .left .list-six-item .charts-num .boll .all-num[data-v-1cc4cc96] { position: absolute; top: 50px; width: 100%; text-align: center; z-index: 995; } .card-list .left .list-six-item .charts-num .boll .num-text[data-v-1cc4cc96] { margin-top: 90px; font-size: 24px; font-weight: 400; line-height: 46px; color: #ffffff; } .card-list .left .list-six-item .charts-num .boll[data-v-1cc4cc96]:after { content: ""; width: 406px; height: 406px; background: var(--color); position: absolute; left: 50%; top: var(--top); transform: translate(-50%, -60%); border-radius: 37%; -webkit-animation: wave-data-v-1cc4cc96 5s linear infinite; animation: wave-data-v-1cc4cc96 5s linear infinite; } .card-list .left .list-six-item .charts-num .boll1[data-v-1cc4cc96]:after { background: #01c1fc; } .card-list .left .list-six-item .charts-num .boll2[data-v-1cc4cc96]:after { background: #11b689; } .card-list .left .list-six-item .charts-num .boll3[data-v-1cc4cc96]:after { background: #0c8eff; } .card-list .left .list-six-item .charts-num .boll[data-v-1cc4cc96]::before { content: ""; position: absolute; left: 50%; top: 0; color: #ffffff; z-index: 99; transform: translate(-80%, 120px); } @keyframes wave-data-v-1cc4cc96 { 100% { transform: translate(-50%, -60%) rotate(360deg); } } .card-list .left .join-num[data-v-1cc4cc96] { margin-top: 23px; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; } .card-list .left .join-num-a[data-v-1cc4cc96] { display: flex; flex-direction: row; justify-content: flex-start; width: 98%; margin-left: 24px; } .card-list .left .chart[data-v-1cc4cc96] { width: 220px; height: 220px; line-height: 220px; text-align: center; margin-top: 41px; border-radius: 50%; font-size: 42px; font-weight: bold; } .card-list .left .charts[data-v-1cc4cc96] { position: relative; width: 382px; height: 382px; line-height: 382px; text-align: center; margin-top: 184px; margin-bottom: 140px; border-radius: 50%; font-size: 60px; font-weight: bold; } .card-list .left .sch-short-name[data-v-1cc4cc96] { position: absolute; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; border: 6px solid rgba(255, 255, 255, 0.2); background: rgba(240, 192, 1, 0.3); text-align: center; font-size: 300px; font-weight: bold; color: rgba(255, 255, 255, 0.1); z-index: 1; } .card-list .left .sch-short-name-text[data-v-1cc4cc96] { position: absolute; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; text-align: center; font-size: 300px; font-weight: bold; color: rgba(255, 255, 255, 0.1); z-index: 1; } .card-list .left .sch-name[data-v-1cc4cc96] { max-width: 94%; height: 65px; margin-top: 15px; font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; } .card-list .left .sch-name-a[data-v-1cc4cc96] { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .card-list .left .sch-name-b[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; } .card-list .right[data-v-1cc4cc96] { float: right; width: 33%; height: 300px; } .card-list .right .six-stu-list[data-v-1cc4cc96] { width: 100%; height: 133px; margin-top: 17px; background: #222648; border-radius: 12px; } .card-list .right .six-stu-list .top-other[data-v-1cc4cc96] { position: relative; top: 10px; width: 100%; height: 74px; overflow: hidden; } .card-list .right .four-stu-list[data-v-1cc4cc96] { width: 100%; height: 208px; margin-top: 16px; background: #222648; border-radius: 12px; } .card-list .right .four-stu-list .top-other[data-v-1cc4cc96] { position: relative; top: 21px; width: 100%; height: 128px; overflow: hidden; } .card-list .right .two-stu-list[data-v-1cc4cc96] { width: 100%; height: 432px; margin-top: 16px; background: #222648; border-radius: 12px; } .card-list .right .two-stu-list .top-other[data-v-1cc4cc96] { position: relative; top: 16px; width: 100%; height: 360px; overflow: hidden; } .card-list .right .stu-list-sort[data-v-1cc4cc96] { width: 100%; height: 880px; margin-top: 16px; background: #222648; border-radius: 12px; } .card-list .right .stu-list-sort .stu-list-sort-item[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 44px; } .card-list .right .stu-list-sort .stu-list-sort-item .stu-name-sort[data-v-1cc4cc96] { flex: 2; padding-left: 24px; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; } .card-list .right .stu-list-sort .stu-list-sort-item .stu-sch-sort[data-v-1cc4cc96] { flex: 5; font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; } .card-list .right .stu-list-sort .stu-list-sort-item .skip-amount[data-v-1cc4cc96] { flex: 1; font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; } .card-list .right .stu-list-sort .stu-list-sort-item .skip-amount span[data-v-1cc4cc96] { font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; } .card-list .right .sch-names[data-v-1cc4cc96] { width: 94%; padding-top: 13px; margin-left: 24px; font-size: 24px; font-weight: bold; color: #01c1fc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .card-list .right .stu-list-card[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; width: 100%; flex-wrap: wrap; } .card-list .right .stu-list-items[data-v-1cc4cc96] { position: relative; display: flex; flex-direction: row; } .card-list .right .stu-list-items .stu-list-item[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; width: 48%; height: 31px; margin: 5px 1%; } .card-list .right .stu-list-items .stu-list-item .stu-name[data-v-1cc4cc96] { width: 113px; margin-left: 18px; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .card-list .right .stu-list-items .stu-list-item .stu-class[data-v-1cc4cc96] { width: 75px; margin-left: 16px; font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .card-list .right .stu-list-items .stu-list-item .skip-no[data-v-1cc4cc96] { margin-left: 16px; font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; } .rank[data-v-1cc4cc96] { width: 98%; margin: 0 auto; } .rank .sch-rank[data-v-1cc4cc96] { float: left; width: 49.98%; height: 880px; margin-top: 16px; background: #222648; border-radius: 12px 12px 0px 0px; } .rank .sch-rank .sch-rank-list[data-v-1cc4cc96] { width: 100%; height: 804px; margin-top: 21px; overflow: hidden; } .rank .sch-rank .sch-rank-list .sch-rank-list-item[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 134px; color: #01c1fc; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two[data-v-1cc4cc96]:last-child { margin-bottom: -10px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three[data-v-1cc4cc96]:last-child { margin-bottom: -10px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two[data-v-1cc4cc96] { display: flex; flex-direction: column; align-items: center; width: 100%; height: 399px; margin-bottom: 10px; border-radius: 12px; color: #ffffff; z-index: 1; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .sch-short-name-rank[data-v-1cc4cc96] { position: absolute; left: 40px; display: flex; flex-direction: row; align-items: center; width: 100%; height: 402px; font-size: 300px; font-weight: bold; color: rgba(255, 255, 255, 0.1); z-index: 10; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 96%; margin-top: 40px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name .sch-ranking[data-v-1cc4cc96] { flex: 1; font-size: 48px; font-weight: bold; line-height: 64px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name .sch-name[data-v-1cc4cc96] { flex: 9; font-size: 48px; font-weight: bold; line-height: 64px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a[data-v-1cc4cc96] { width: 95%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .sch-num-a[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; width: 96%; height: 60px; margin: 12px; padding: 0 10px; background: #b4910a; border-radius: 12px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .stu-num[data-v-1cc4cc96] { text-align: center; font-size: 24px; font-weight: 400; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-1cc4cc96] { width: 30%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .stu-num[data-v-1cc4cc96] { width: 30%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-1cc4cc96] { margin-right: 14px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-1cc4cc96] { width: 36%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; width: 98%; margin-top: 60px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num[data-v-1cc4cc96] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .rank-tips[data-v-1cc4cc96] { font-size: 24px; font-weight: 400; line-height: 31px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num[data-v-1cc4cc96] { margin: 0 0 35px 0; text-align: center; font-size: 60px; font-family: "Number"; line-height: 79px; font-weight: bold; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-all-num[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-avg-num[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-top-num[data-v-1cc4cc96] { flex: 3; font-family: "Number"; font-size: 38px; font-weight: bold; line-height: 50px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-all-num span[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-avg-num span[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-top-num span[data-v-1cc4cc96] { margin: 0 8px; font-size: 24px; font-weight: 400; line-height: 31px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two[data-v-1cc4cc96] { height: 399px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name[data-v-1cc4cc96] { margin-top: 40px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs[data-v-1cc4cc96] { margin-top: 63px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .rank-tips[data-v-1cc4cc96] { margin-bottom: 30px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a[data-v-1cc4cc96] { margin-top: 30px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three[data-v-1cc4cc96] { height: 262px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .sch-short-name-rank[data-v-1cc4cc96] { position: absolute; left: 40px; display: flex; flex-direction: row; align-items: center; width: 100%; height: 262px; font-size: 198px; font-weight: bold; color: rgba(255, 255, 255, 0.1); z-index: 10; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-and-name[data-v-1cc4cc96] { margin-top: 20px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs[data-v-1cc4cc96] { margin-top: 16px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .rank-tips[data-v-1cc4cc96] { margin-top: 0; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a[data-v-1cc4cc96] { margin-top: -10px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three[data-v-1cc4cc96] { display: flex; flex-direction: column; align-items: center; width: 100%; margin-bottom: 10px; border-radius: 12px; color: #ffffff; z-index: 1; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-and-name[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 96%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name .sch-ranking[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-and-name .sch-ranking[data-v-1cc4cc96] { flex: 1; font-size: 42px; font-weight: bold; line-height: 55px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name .sch-name[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-and-name .sch-name[data-v-1cc4cc96] { flex: 9; font-size: 42px; font-weight: bold; line-height: 55px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a[data-v-1cc4cc96] { width: 95%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .sch-num-a[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .sch-num-a[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; width: 96%; height: 60px; margin: 12px; padding: 0 10px; background: #b4910a; border-radius: 12px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .rank[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .name[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .stu-num[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .stu-num[data-v-1cc4cc96] { text-align: center; font-size: 24px; font-weight: 400; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .rank[data-v-1cc4cc96] { width: 30%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .stu-num[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .stu-num[data-v-1cc4cc96] { width: 30%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .rank[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .name[data-v-1cc4cc96] { margin-right: 14px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .name[data-v-1cc4cc96] { width: 36%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; width: 98%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num[data-v-1cc4cc96] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .rank-tips[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .rank-tips[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; font-size: 24px; font-weight: 400; line-height: 31px; white-space: nowrap; margin-bottom: 30px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .num[data-v-1cc4cc96] { position: relative; display: flex; flex-direction: column; align-items: center; margin: 0; text-align: center; font-size: 48px; font-family: "Number"; line-height: 20px; font-weight: bold; color: #ffffff; width: 100% !important; height: 28px; margin-bottom: 50px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num .num-total[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .num .num-total[data-v-1cc4cc96] { position: absolute; /* left: 50%; */ top: 50%; transform: translate(0%, -50%); } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num .num-total .toatl[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .num .num-total .toatl[data-v-1cc4cc96] { float: left; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num .num-total .unit[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .num .num-total .unit[data-v-1cc4cc96] { float: left; font-size: 26px; margin-left: 8px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .unit[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .unit[data-v-1cc4cc96] { font-weight: 400; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num-title[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .num-title[data-v-1cc4cc96] { position: absolute; width: 100%; font-size: 20px; font-weight: 400; top: 30%; left: 50%; transform: translate(-50%, -50%); margin-top: 60px; color: rgba(255, 255, 255, 0.6); } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-all-num[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-all-num[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-avg-num[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-avg-num[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-top-num[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-top-num[data-v-1cc4cc96] { flex: 3; font-family: "Number"; font-size: 38px; font-weight: bold; line-height: 50px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-all-num span[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-all-num span[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-avg-num span[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-avg-num span[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-top-num span[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-top-num span[data-v-1cc4cc96] { margin: 0 8px; font-size: 24px; font-weight: 400; line-height: 31px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-four[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 201px; color: #01c1fc; } .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-ranking[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-ranking[data-v-1cc4cc96] { flex: 1.8; font-size: 48px; font-weight: bold; line-height: 64px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-name[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-name[data-v-1cc4cc96] { flex: 5; font-size: 24px; font-weight: bold; line-height: 31px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-all-num[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-all-num[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-avg-num[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-avg-num[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-top-num[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-top-num[data-v-1cc4cc96] { flex: 3; font-family: "Number"; font-size: 38px; font-weight: bold; line-height: 50px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-all-num span[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-all-num span[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-avg-num span[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-avg-num span[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-top-num span[data-v-1cc4cc96], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-top-num span[data-v-1cc4cc96] { margin: 0 8px; font-size: 24px; font-weight: 400; line-height: 31px; } .rank .stu-rank[data-v-1cc4cc96] { float: right; width: 49%; height: 880px; margin-top: 16px; background: #222648; border-radius: 12px 12px 0px 0px; } .rank .stu-rank .stu-rank-list[data-v-1cc4cc96] { width: 100%; height: 804px; margin-top: 21px; overflow: hidden; } .rank .stu-rank .stu-rank-list .top-three-stu[data-v-1cc4cc96] { position: relative; top: 0; width: 100%; height: 240px; overflow: hidden; } .rank .stu-rank .stu-rank-list .top-others[data-v-1cc4cc96] { position: relative; top: 0.5px; width: 100%; height: 564px; overflow: hidden; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 80px; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .tip[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .tip[data-v-1cc4cc96] { margin-left: 8px; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-ranking[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-ranking[data-v-1cc4cc96] { flex: 1; font-size: 38px; font-weight: bold; line-height: 50px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-ranking[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-ranking[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-count[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-count[data-v-1cc4cc96] { font-size: 38px; font-family: "Number"; font-weight: bold; line-height: 50px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-name[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-name[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-class[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-class[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .skip-no[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .skip-no[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-count[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-count[data-v-1cc4cc96] { flex: 3; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-schs[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-schs[data-v-1cc4cc96] { flex: 3; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-schs .stu-sch[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-schs .stu-sch[data-v-1cc4cc96] { max-width: 230px; height: 50px; line-height: 50px; text-align: center; padding: 0 10px; margin-right: 30px; border-radius: 8px; color: #ffffff; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .other-msg[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .other-msg[data-v-1cc4cc96] { flex: 6; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-name[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-name[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .skip-no[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .skip-no[data-v-1cc4cc96] { font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-sch[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-sch[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-class[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-class[data-v-1cc4cc96] { font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-name[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-name[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-sch[data-v-1cc4cc96], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-sch[data-v-1cc4cc96] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rank .rank-title[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 20px; font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; line-height: 31px; color: #01c1fc; } .rank .td[data-v-1cc4cc96] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .rank .rank-imgs[data-v-1cc4cc96] { width: 50px; height: 50px; } .rank .rank-imgs .rank-img[data-v-1cc4cc96] { width: 50px; height: 50px; } .cartoon[data-v-1cc4cc96] { position: fixed; width: 100%; height: 100%; z-index: 997; } .cartoon .content[data-v-1cc4cc96] { position: absolute; top: calc(33.8vh); left: 50%; width: 469px; height: 255px; line-height: 255px; text-align: center; background: #01c1fc; border-radius: 28px; font-size: 180px; font-weight: bold; color: #ffffff; transform: translate(-50%, -50%); z-index: 997; } .is-start[data-v-1cc4cc96] { position: relative; top: 260px; width: 320px; height: 175px; margin: 0 auto; } .is-start img[data-v-1cc4cc96] { position: relative; left: 50%; transform: translate(-50%); width: 140px; height: 102px; } .is-start .text[data-v-1cc4cc96] { position: relative; top: 40px; text-align: center; font-size: 24px; font-weight: bold; color: #ffffff; } .charts-a[data-v-1cc4cc96] { border: 10px solid #373d73; color: #01c1fc; } .charts-b[data-v-1cc4cc96] { border: 10px solid rgba(255, 111, 140, 0.4); color: #ff6f8c; } .chart-a[data-v-1cc4cc96] { border: 6px solid #373d73; color: #01c1fc; } .chart-b[data-v-1cc4cc96] { border: 6px solid rgba(255, 111, 140, 0.4); color: #ff6f8c; } .status-a[data-v-1cc4cc96] { color: #01c1fc; } .status-b[data-v-1cc4cc96] { color: #ff6f8c; } .charts-text-a[data-v-1cc4cc96] { position: relative; color: #ffffff; z-index: 99; } .charts-text-b[data-v-1cc4cc96] { position: relative; color: #ff6f8c; z-index: 99; } .top-others[data-v-5814240c] { width: 100%; height: 780px; } .cartoon[data-v-5814240c] { position: fixed; width: 100%; height: 100%; z-index: 999; background: #141833; } .main[data-v-5814240c] { position: relative; width: 1200px; margin: 0 auto; } .main .left[data-v-5814240c] { position: absolute; top: 200px; left: -300px; width: 299px; height: 457px; background: url(../img/left.e132aa7a.png) no-repeat; background-size: 299px 457px; } .main .right[data-v-5814240c] { position: absolute; top: 200px; right: -300px; width: 299px; height: 457px; background: url(../img/right.2c1d6216.png) no-repeat; background-size: 299px 457px; } .main .titles[data-v-5814240c] { width: 1133px; height: 285px; background: linear-gradient(180deg, #73A1FF 0%, rgba(255, 255, 255, 0) 100%); border-radius: 50%; margin-top: -200px; } .main .titles .name[data-v-5814240c] { text-align: center; font-size: 28px; font-weight: bold; padding-top: 210px; color: #01C1FC; } .main .titles .time[data-v-5814240c] { text-align: center; font-size: 20px; padding-top: 14px; color: #01C1FC; } .main .list-top[data-v-5814240c] { position: relative; width: 100%; height: 44px; background: url(../img/ding_bg.651a87aa.png) no-repeat; background-size: 100% 100%; color: #01C1FC; font-size: 24px; font-weight: bold; text-align: center; padding-top: 40px; margin-top: 20px; } .main .tab-title[data-v-5814240c] { display: flex; width: 100%; height: 50px; line-height: 50px; background: #222648; font-size: 18px; color: #8F99E4; text-align: center; } .main .tab-title .num[data-v-5814240c] { flex: 1; } .main .tab-title .unit[data-v-5814240c] { flex: 4; } .main .tab-title .type[data-v-5814240c] { flex: 2; } .main .tab-titles[data-v-5814240c] { display: flex; width: 100%; height: 60px; line-height: 60px; background: #222648; font-size: 20px; color: #01C1FC; text-align: center; font-weight: bold; } .main .tab-titles .num[data-v-5814240c] { flex: 1; } .main .tab-titles .unit[data-v-5814240c] { flex: 4; } .main .tab-titles .type[data-v-5814240c] { flex: 2; } .main .list[data-v-5814240c] { overflow: hidden; width: 100%; height: 780px; } .main .tab-titles[data-v-5814240c]:nth-of-type(odd) { background: #2C3158; } .main .tab-titles[data-v-5814240c]:nth-of-type(even) { background: #222648; } .exam-match[data-v-e0d7d246] { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; background: linear-gradient(180deg, #1f4592 0%, #ced6ff 100%); } .exam-match .gif-icon[data-v-e0d7d246] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; z-index: 997; } .exam-match .gif-icon .gif-icon-box[data-v-e0d7d246] { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 580px; height: 400px; background: #f5f5f5; box-shadow: 0px 0px 99px rgba(0, 0, 0, 0.3); border-radius: 46px; z-index: 998; } .exam-match .gif-icon .gif-icon-box .gif-tips[data-v-e0d7d246] { margin-top: 10px; font-size: 36px; font-family: Microsoft YaHei; font-weight: 400; color: #303133; } .exam-match .gif-icon .gif-icon-box img[data-v-e0d7d246] { width: 216px; height: 280px; z-index: 999; } .exam-match .cartoon[data-v-e0d7d246] { position: fixed; width: 100%; height: 100%; z-index: 997; } .exam-match .cartoon .content[data-v-e0d7d246] { position: absolute; top: calc(33.8vh); left: 50%; width: 469px; height: 255px; line-height: 255px; text-align: center; background: #01c1fc; border-radius: 28px; font-size: 180px; font-weight: bold; color: #ffffff; transform: translate(-50%, -50%); z-index: 997; } .exam-match .exam-match-content[data-v-e0d7d246] { position: relative; width: 100%; height: calc(100vh); } .exam-match .exam-top[data-v-e0d7d246] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 160px; } .exam-match .exam-top .cut-down[data-v-e0d7d246] { position: absolute; margin-left: 90px; font-size: 64px; font-family: Microsoft YaHei UI; font-weight: bold; line-height: 61px; color: #ffffff; } .exam-match .exam-top .exam-msg[data-v-e0d7d246] { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 70%; margin: 0 auto; } .exam-match .exam-top .exam-msg .exam-title[data-v-e0d7d246] { font-size: 31px; font-family: Microsoft YaHei UI; font-weight: bold; line-height: 28px; color: #ffffff; } .exam-match .exam-card[data-v-e0d7d246] { display: flex; flex-direction: column; align-items: center; width: 92%; background: #f2f4f9; border-radius: 12px; margin: 0 auto; padding-top: 22px; padding-bottom: 22px; } .exam-match .exam-card .stu-list[data-v-e0d7d246] { width: 97%; display: flex; flex-wrap: wrap; } .exam-match .exam-card .stu-list .stu-item[data-v-e0d7d246] { position: relative; width: 23.6%; height: 373px; margin: 0.6%; background: #ffffff; border: 1px solid #e4e7ed; border-radius: 8px; } .exam-match .exam-card .stu-list .stu-item .no-stu-index[data-v-e0d7d246] { position: absolute; width: 100%; height: 373px; text-align: center; line-height: 373px; font-size: 125px; font-family: Arial; font-weight: bold; color: #e4e7ed; } .exam-match .exam-card .stu-list .stu-item .top-msg[data-v-e0d7d246] { display: flex; flex-direction: row; align-items: center; width: 100%; margin-top: 15px; margin-left: 18px; } .exam-match .exam-card .stu-list .stu-item .top-msg img[data-v-e0d7d246] { width: 24px; height: 24px; margin-right: 5px; } .exam-match .exam-card .stu-list .stu-item .top-msg .skip-no[data-v-e0d7d246] { font-size: 18px; font-family: Microsoft YaHei UI; font-weight: 400; line-height: 32px; color: #606266; } .exam-match .exam-card .stu-list .stu-item .skip-data[data-v-e0d7d246] { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 139px; margin-top: 39px; font-size: 125px; font-family: Arial; font-weight: bold; line-height: 0px; color: #1890ff; } .exam-match .exam-card .stu-list .stu-item .student-msg .other[data-v-e0d7d246] { display: flex; flex-direction: row; align-items: center; position: absolute; bottom: 22px; width: 100%; height: 80px; } .exam-match .exam-card .stu-list .stu-item .student-msg .other .index[data-v-e0d7d246] { margin-left: 22px; font-size: 96px; font-family: Arial; font-weight: bold; line-height: 173px; color: #e4e7ed; } .exam-match .exam-card .stu-list .stu-item .stu-msg[data-v-e0d7d246] { display: flex; flex-direction: column; justify-content: center; margin-left: 12px; } .exam-match .exam-card .stu-list .stu-item .stu-msg .stu-name[data-v-e0d7d246] { display: flex; flex-direction: row; align-items: center; font-size: 42px; font-family: Microsoft YaHei UI; font-weight: 400; line-height: 47px; color: #303133; } .exam-match .exam-card .stu-list .stu-item .stu-msg .stu-name .name[data-v-e0d7d246] { max-width: 180px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .exam-match .exam-card .stu-list .stu-item .stu-msg .stu-name .gender[data-v-e0d7d246] { margin-left: 8px; } .exam-match .exam-card .stu-list .stu-item .stu-msg .sch-name[data-v-e0d7d246] { width: 230px; font-family: Microsoft YaHei UI; font-weight: 400; line-height: 44px; color: #909399; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .exam-match .exam-card .stu-list .stu-item .before[data-v-e0d7d246] { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 36px; } .exam-match .exam-card .stu-list .stu-item .before .before-index[data-v-e0d7d246] { width: 100%; height: 139px; text-align: center; font-size: 125px; font-family: Arial; font-weight: bold; line-height: 139px; color: #1890ff; } .exam-match .exam-card .stu-list .stu-item .before .stu-name[data-v-e0d7d246] { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 27px; font-size: 42px; font-family: Microsoft YaHei UI; font-weight: 400; line-height: 47px; color: #303133; } .exam-match .exam-card .stu-list .stu-item .before .stu-name .name[data-v-e0d7d246] { max-width: 205px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .exam-match .exam-card .stu-list .stu-item .before .stu-name .gender[data-v-e0d7d246] { margin-left: 8px; } .exam-match .exam-card .stu-list .stu-item .before .sch-name[data-v-e0d7d246] { max-width: 330px; font-size: 24px; text-align: center; margin: 0 auto; } .exam-match .exam-card .skip-results[data-v-e0d7d246] { width: 100%; } .exam-match .exam-card .skip-results .table[data-v-e0d7d246] { width: 94%; background: #ffffff; border: 1px solid #e4e7ed; opacity: 1; border-radius: 8px; margin: 0 auto; margin-top: 32px; text-align: center; } .exam-match .exam-card .skip-results .table-tr[data-v-e0d7d246] { display: flex; width: 100%; height: 85px; line-height: 85px; font-size: 21px; font-weight: bold; color: #303133; border-bottom: 1px solid #e8e8e8; } .exam-match .exam-card .skip-results .table-td[data-v-e0d7d246] { display: flex; width: 100%; height: 85px; line-height: 85px; font-size: 24px; color: #606266; border-bottom: 1px solid #e8e8e8; } .exam-match .exam-card .skip-results .table-td[data-v-e0d7d246]:nth-child(odd) { background-color: #fafafa; } .exam-match .exam-card .skip-results .table-td[data-v-e0d7d246]:nth-child(even) { background-color: #ffffff; } .exam-match .exam-card .skip-results .table-td[data-v-e0d7d246]:last-child { display: flex; width: 100%; height: 85px; line-height: 85px; font-size: 24px; color: #606266; border-bottom: 0px solid #e8e8e8; } .exam-match .exam-card .skip-results .number[data-v-e0d7d246] { flex: 2; } .exam-match .exam-card .skip-results .name[data-v-e0d7d246] { flex: 2; } .exam-match .exam-card .skip-results .gender[data-v-e0d7d246] { flex: 2; } .exam-match .exam-card .skip-results .ticket[data-v-e0d7d246] { flex: 4; } .exam-match .exam-card .skip-results .skip-serial[data-v-e0d7d246] { flex: 2; } .exam-match .exam-card .skip-results .skip-number[data-v-e0d7d246] { flex: 3; } .exam-match .exam-card .skip-results .skip-score[data-v-e0d7d246] { flex: 3; } .exam-match .exam-card .skip-results .note[data-v-e0d7d246] { flex: 3; cursor: pointer; } .exam-match .exam-card .skip-results .warning[data-v-e0d7d246] { color: #1890ff; } .exam-match .exam-card .skip-results .error[data-v-e0d7d246] { color: #f5222d; } .exam-match .exam-card .skip-results .over[data-v-e0d7d246] { width: 180px; height: 34px; line-height: 34px; background: #1890ff; opacity: 1; border-radius: 4px; text-align: center; color: #ffffff; float: right; margin-right: 3%; margin-top: 20px; } .sport-data[data-v-151bd503] { position: absolute; width: 100%; background: #f5f5f5; } .date[data-v-151bd503], .select[data-v-151bd503] { float: right; } .select[data-v-151bd503] { margin-right: 20px; } [data-v-151bd503] .el-input--suffix .el-input__inner { display: flex; flex-direction: row; align-items: center; height: 32px; line-height: 0; } [data-v-151bd503] .el-select .el-input .el-select__caret { display: flex; flex-direction: row; align-items: center; justify-content: center; } .table[data-v-151bd503] { width: 100%; margin-top: 6px; overflow-y: scroll; } .table-tips[data-v-151bd503] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } .el-table .blue-row[data-v-151bd503] { background: #d3e6fc; } [data-v-151bd503] .el-table td, .el-table th[data-v-151bd503] { padding: 8px 0; } [data-v-151bd503] .el-table__body-wrapper::-webkit-scrollbar { width: 10px; background-color: #f5f5f5; } [data-v-151bd503] .el-table__body-wrapper::-webkit-scrollbar-thumb { background-color: #c1dcfa; border-radius: 8px; } .area-content[data-v-151bd503] { display: flex; flex-direction: row; margin-top: 6px; } .area-content-left[data-v-151bd503], .area-content-right[data-v-151bd503] { width: 49%; } .area-content-left[data-v-151bd503] { border-right: #f5f5f5 2px solid; } .area-content-right[data-v-151bd503] { margin-left: 2%; } .area-item[data-v-151bd503] { display: flex; flex-direction: row; align-items: center; height: 6vh; } .area-item .area-name[data-v-151bd503] { flex: 2; } .area-item .join-num[data-v-151bd503], .area-item .stu-num[data-v-151bd503] { flex: 3; font-weight: bold; } .area-item span[data-v-151bd503] { font-size: 13px; margin-left: 4px; font-weight: 400; color: rgba(0, 0, 0, 0.5); } .project-content[data-v-151bd503] { margin-top: 10px; } .project-content .project-top[data-v-151bd503], .project-content .project-bottom[data-v-151bd503] { height: 18vh; } .project-content .project-bottom[data-v-151bd503] { border-top: 1px solid #f5f5f5; } [data-v-151bd503] .el-range-editor.el-input__inner { display: flex; flex-direction: row; align-items: center; width: 240px; height: 32px; line-height: 0; } [data-v-151bd503] .el-date-editor .el-range-separator { display: flex; flex-direction: row; align-items: center; } [data-v-151bd503] .el-date-editor .el-range__icon { display: flex; flex-direction: row; align-items: center; } .sport-data-content[data-v-151bd503] { display: flex; flex-direction: row; justify-content: center; width: 98%; height: 100%; margin: 0.8% auto; } .sport-data-content .left[data-v-151bd503], .sport-data-content .right[data-v-151bd503] { width: 50%; display: flex; flex-direction: column; align-items: center; } .sport-data-content .left[data-v-151bd503] { margin-right: 0.3%; } .sport-data-content .right[data-v-151bd503] { margin-left: 0.3%; } .sport-data-content .area[data-v-151bd503], .sport-data-content .project[data-v-151bd503] { width: 100%; height: 47.4vh; overflow-y: scroll; } .sport-data-content .project[data-v-151bd503] { margin-top: 1vh; } .sport-data-content .school[data-v-151bd503] { width: 100%; height: 96vh; } .el-loading-spinner[data-v-0249a7a6] { font-size: 66px; } .el-icon-loading[data-v-0249a7a6] { margin: 20px; } .el-loading-spinner .el-loading-text[data-v-0249a7a6] { font-size: 30px; } .ranks-list[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; top: 76px; width: calc(100% - 114px); margin: 0 auto; } .ranks-list .sch-ranks[data-v-0249a7a6] { position: relative; width: 980px; height: 795px; background: rgba(255, 255, 255, 0.85); box-shadow: 0px 5px 8px 1px rgba(6, 24, 60, 0.43); border-radius: 10px; } .ranks-list .sch-ranks .ranks-list-content[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; position: relative; top: 85px; width: 908px; margin: 0 auto; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item[data-v-0249a7a6] { width: 424px; height: 661px; margin: 0 15px; background: #ffffff; border-radius: 10px; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks[data-v-0249a7a6] { margin-top: 19px; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-item[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; width: 354px; height: 64px; margin: 0 auto; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-item .flex-f[data-v-0249a7a6] { flex: 1; display: flex; flex-direction: row; align-items: center; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-item .flex-f .ranks-item-no[data-v-0249a7a6] { width: 30px; text-align: center; font-size: 16px; font-family: PingFang SC; font-weight: 500; color: #8c8c8c; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-item .flex-f .ranks-item-no img[data-v-0249a7a6] { width: 30px; height: 32px; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-item .flex-f .ranks-name[data-v-0249a7a6] { margin-left: 18px; font-size: 16px; font-family: PingFang SC; font-weight: 500; color: #262626; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-item .flex-f .ranks-num[data-v-0249a7a6] { font-size: 18px; font-family: Helvetica Neue; font-weight: 500; color: #262626; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-bg[data-v-0249a7a6] { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; position: relative; width: 424px; height: 149px; padding-left: 36px; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-bg .ranks-rank[data-v-0249a7a6], .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-bg .ranks-sch-name[data-v-0249a7a6] { z-index: 999; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-bg .ranks-rank[data-v-0249a7a6] { font-size: 20px; font-family: PingFang SC; font-weight: 500; color: #ffffff; line-height: 24px; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-bg .ranks-sch-name[data-v-0249a7a6] { margin-top: 13px; font-size: 18px; font-family: PingFang SC; font-weight: 600; color: #ffffff; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-bg .ranks-list-content-img[data-v-0249a7a6] { position: absolute; top: 0; left: 0; width: 424px; height: 149px; z-index: 99; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-totals[data-v-0249a7a6] { font-size: 20px; font-family: PingFang SC; font-weight: 400; color: #262626; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-totals .ranks-list-content-total[data-v-0249a7a6], .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-totals .ranks-list-content-avg[data-v-0249a7a6] { height: 20px; width: 354px; margin: 0 auto; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-totals .ranks-list-content-total[data-v-0249a7a6] { margin-top: 26px; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-totals .ranks-list-content-avg[data-v-0249a7a6] { margin-top: 17px; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-totals .left[data-v-0249a7a6] { float: left; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-totals .right[data-v-0249a7a6] { float: right; } .ranks-list .stu-ranks[data-v-0249a7a6] { position: relative; width: 800px; height: 795px; margin-left: 26px; background: #ffffff; box-shadow: 0px 5px 8px 1px rgba(6, 24, 60, 0.43); border-radius: 10px; } .ranks-list .stu-ranks .table[data-v-0249a7a6] { position: relative; top: 80px; width: 90%; height: 690px; margin: 0 auto; overflow: hidden; } .ranks-list .stu-ranks .table .table-head[data-v-0249a7a6] { margin-bottom: 16px; } .ranks-list .stu-ranks .table .table-top-others[data-v-0249a7a6] { height: 486px; overflow: hidden; } .ranks-list .stu-ranks .table .top-others[data-v-0249a7a6] { position: relative; top: 0.5px; width: 100%; height: 486px; overflow: hidden; } .ranks-list .stu-ranks .table .table-top-three[data-v-0249a7a6] { background: #FFFFFF; z-index: 999; } .ranks-list .stu-ranks .table .td[data-v-0249a7a6] { width: 100%; height: 54px; } .ranks-list .stu-ranks .table .flex-r[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; } .ranks-list .stu-ranks .table .flex-c[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .ranks-list .stu-ranks .table .no[data-v-0249a7a6] { width: 40px; } .ranks-list .stu-ranks .table .no img[data-v-0249a7a6] { width: 30px; height: 32px; } .ranks-list .stu-ranks .td .no[data-v-0249a7a6] { font-size: 16px; font-family: Helvetica Neue; font-weight: bold; color: #8c8c8c; } .ranks-list .stu-ranks .table .sch[data-v-0249a7a6] { flex: 8; } .ranks-list .stu-ranks .td .sch[data-v-0249a7a6] { font-size: 16px; font-family: PingFang SC; font-weight: 500; color: #262626; } .ranks-list .stu-ranks .table .stu[data-v-0249a7a6] { flex: 4; } .ranks-list .stu-ranks .td .stu[data-v-0249a7a6] { font-size: 16px; font-family: PingFang SC; font-weight: 500; color: #262626; } .ranks-list .stu-ranks .table .skip-no[data-v-0249a7a6] { flex: 2; } .ranks-list .stu-ranks .td .skip-no[data-v-0249a7a6] { font-size: 18px; font-family: Helvetica Neue; font-weight: bold; color: #262626; } .ranks-list .rank-title-img[data-v-0249a7a6] { position: absolute; top: -36px; left: 50%; width: 482px; height: 72px; margin-left: -241px; } .top-titles[data-v-0249a7a6] { display: flex; width: 100%; justify-content: center; margin-top: 45px; } .top-titles img[data-v-0249a7a6] { width: 700px; height: 55px; } .school-list[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 40px; } .school-list .left-sch[data-v-0249a7a6] { display: flex; align-items: center; justify-content: flex-start; width: 536px; margin-right: 41px; background: url(../img/red.cf1d6f16.png) no-repeat; background-size: 536px; height: 119px; font-size: 34px; font-weight: 500; color: #ffc436; } .school-list .left-sch span[data-v-0249a7a6] { margin-left: 81px; } .school-list .vs-img[data-v-0249a7a6] { width: 211px; height: 124px; } .school-list .right-sch[data-v-0249a7a6] { display: flex; align-items: center; justify-content: flex-end; width: 536px; margin-left: 18px; background: url(../img/blue.4e7c31c6.png) no-repeat; background-size: 536px; height: 119px; font-size: 34px; font-weight: 500; color: #31c2fe; } .school-list .right-sch span[data-v-0249a7a6] { margin-right: 81px; } .cut-down-list[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; left: 50%; margin-left: -189px; width: 378px; height: 75px; margin-top: 30px; background: #092b5c; border-radius: 10px; font-size: 30px; font-weight: 600; color: #b6cef1; } .cut-down-list .cut-down-item[data-v-0249a7a6] { display: flex; align-items: center; justify-content: center; width: 49px; height: 49px; margin: 0 8px; background: #092b5c; border: 1px solid #607ea9; border-radius: 10px; font-size: 36px; font-family: "Number"; font-weight: bold; color: #ffffff; } .sch-card[data-v-0249a7a6] { display: flex; flex-direction: row; position: relative; width: 1688px; height: 641px; margin: 25px auto; padding: 0 64px; background: rgba(255, 255, 255, 0.85); box-shadow: 0px 5px 8px 1px rgba(6, 24, 60, 0.43); border-radius: 10px; } .sch-card .sch-card-item[data-v-0249a7a6] { display: flex; flex-direction: column; justify-content: flex-start; width: 816px; } .sch-card .videos-list[data-v-0249a7a6] { width: 816px; height: 459px; margin-top: 23px; margin-bottom: 30px; background: #262626; } .sch-card .videos[data-v-0249a7a6] { width: 816px; height: 459px; } .sch-card .no-videos[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 30px; font-weight: 400; color: #cccccc; } .sch-card .sch-msg-item[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; position: relative; width: 100%; } .sch-card .sch-msg-item .sch-msg-name[data-v-0249a7a6] { position: absolute; left: 0; font-size: 24px; font-weight: 500; color: #262626; } .sch-card .sch-msg-item .sch-msg-num[data-v-0249a7a6] { position: absolute; right: 0; font-size: 22px; font-weight: 400; color: #595959; } .sch-card .skip-num[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; margin-top: 35px; font-size: 24px; font-weight: 400; color: #262626; } .sch-card .skip-num span[data-v-0249a7a6] { font-size: 48px; font-family: Helvetica Neue; font-weight: bold; } .sch-card .card-top[data-v-0249a7a6] { position: absolute; left: 0; top: -50px; font-size: 30px; font-weight: 600; color: #ffffff; } .skip-type[data-v-0249a7a6] { display: flex; align-items: center; justify-content: center; position: relative; top: 23px; width: 320px; height: 52px; margin: 0 auto; background: #0e2344; border-radius: 26px; font-size: 26px; font-family: PingFang SC; font-weight: 500; color: #7badfc; } @font-face { font-family: "Number"; src: url("data:application/font-woff2;charset=utf-8;base64,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") format("woff2"); } @-webkit-keyframes rotateBox-data-v-0249a7a6 { 0% { transform: translateX(-160px) translateY(-80px); opacity: 1; } 25% { transform: translateX(-270px) translateY(-160px); opacity: 0.8; } 50% { transform: translateX(-380px) translateY(-240px); opacity: 0.6; } 75% { transform: translateX(-480px) translateY(-300px); opacity: 0.4; } 100% { transform: translateX(-580px) translateY(-360px); opacity: 0.2; } } @keyframes rotateBox-data-v-0249a7a6 { 0% { transform: translateX(-160px) translateY(-80px); opacity: 1; } 25% { transform: translateX(-270px) translateY(-160px); opacity: 0.8; } 50% { transform: translateX(-380px) translateY(-240px); opacity: 0.6; } 75% { transform: translateX(-480px) translateY(-300px); opacity: 0.4; } 100% { transform: translateX(-580px) translateY(-360px); opacity: 0.2; } } .cut-down-center[data-v-0249a7a6] { position: absolute; left: 50%; margin-left: -224px; margin-top: 420px; display: flex; flex-direction: column; align-items: center; width: 448px; height: 240px; background: #222648; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 12px; -webkit-animation: rotateBox-data-v-0249a7a6 1s linear; animation: rotateBox-data-v-0249a7a6 1s linear; animation-delay: 5s; -webkit-animation-delay: 5s; z-index: 999; } .cut-down-center .cut-down-text[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; margin-top: 18px; } .cut-down-center .cut-down-text img[data-v-0249a7a6] { margin-top: 9px; width: 40px; height: 40px; } .cut-down-center .cut-down-text .cut-down-text-content[data-v-0249a7a6] { margin-left: 10px; font-size: 40px; font-family: "Number"; font-weight: 400; line-height: 0px; color: #01c1fc; } .cut-down-center .cut-down-num[data-v-0249a7a6] { margin-top: 80px; font-size: 116px; font-family: Microsoft YaHei; font-weight: bold; line-height: 0px; color: #01c1fc; } .gif-icon[data-v-0249a7a6] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; z-index: 998; } .gif-icon .gif-icon-box[data-v-0249a7a6] { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 580px; height: 400px; background: #222648; box-shadow: 0px 0px 99px rgba(0, 0, 0, 0.3); border-radius: 46px; z-index: 999; } .gif-icon .gif-icon-box .gif-tips[data-v-0249a7a6] { margin-top: 10px; font-size: 36px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; } .gif-icon .gif-icon-box img[data-v-0249a7a6] { width: 216px; height: 280px; z-index: 9999; } .sum-rope[data-v-0249a7a6] { margin: 0 4px; font-size: 32px; } .is-video[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 120px; } .is-video .avg[data-v-0249a7a6], .is-video .all[data-v-0249a7a6] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 62px; font-weight: bold; line-height: 60px; } .is-video .avg .avg-text[data-v-0249a7a6], .is-video .all .avg-text[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; } .no-video[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 120px; font-size: 62px; font-weight: bold; } .leader[data-v-0249a7a6] { position: fixed; width: 616px; height: 454px; left: 68%; top: 0%; z-index: 998; background: #222648; border-radius: 6px; } .leader-item[data-v-0249a7a6] { width: 578px; height: 360px; background: #0e0f1d; margin-top: 20px; margin-left: 20px; } .leader-title[data-v-0249a7a6] { text-align: center; font-weight: bold; color: #ffffff; font-size: 36px; margin-top: 20px; } body[data-v-0249a7a6] { background: #141833; overflow: hidden; } .jump-rope-c[data-v-0249a7a6] { position: fixed; height: 100%; width: 100%; background: url(../img/skip_bg.1b1ca078.png) no-repeat; background-size: cover; } .match-num[data-v-0249a7a6] { display: flex; flex-direction: column; align-items: center; margin-top: 273px; z-index: 998; } .match-num img[data-v-0249a7a6] { width: 140px; height: 102px; } .match-num .match-num-text[data-v-0249a7a6] { margin-top: 20px; font-size: 42px; font-family: Microsoft YaHei; font-weight: 400; line-height: 55px; color: #ffffff; } .match-num .match-num-number[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; } .match-num .match-num-number .match-num-number-item[data-v-0249a7a6] { width: 140px; height: 180px; line-height: 180px; text-align: center; margin: 40px 10px; background: #222648; border-radius: 12px; font-size: 100px; font-family: "Number"; font-weight: bold; color: #ffffff; } .jump-rope-top[data-v-0249a7a6] { position: relative; display: flex; flex-direction: row; align-items: center; width: 98%; height: 142px; margin: 0 auto; padding-top: 20px; } .jump-rope-top .cut-down[data-v-0249a7a6], .jump-rope-top .num-top[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; width: 24%; height: 142px; } .jump-rope-top .cut-down .text[data-v-0249a7a6], .jump-rope-top .num-top .text[data-v-0249a7a6] { width: 32%; margin-left: 40px; font-size: 28px; font-family: Microsoft YaHei; font-weight: 400; color: #01c1fc; opacity: 0.6; } .jump-rope-top .cut-down .num[data-v-0249a7a6], .jump-rope-top .num-top .num[data-v-0249a7a6] { display: flex; flex-direction: column; align-items: center; width: 68%; margin-right: 30px; } .jump-rope-top .cut-down .text-a[data-v-0249a7a6], .jump-rope-top .num-top .text-a[data-v-0249a7a6] { width: 40%; } .jump-rope-top .cut-down .num-text[data-v-0249a7a6], .jump-rope-top .num-top .num-text[data-v-0249a7a6] { float: right; font-family: "Number"; font-weight: bold; letter-spacing: 2px; color: #01c1fc; } .jump-rope-top .cut-down .num-tips[data-v-0249a7a6], .jump-rope-top .num-top .num-tips[data-v-0249a7a6] { width: 236px; text-align: center; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jump-rope-top .cut-down .num-text[data-v-0249a7a6] { font-size: 80px; line-height: 106px; } .jump-rope-top .num-top .num-text[data-v-0249a7a6] { font-size: 60px; line-height: 79px; } .jump-rope-top .title[data-v-0249a7a6] { position: relative; width: 50%; height: 142px; margin: 0 1%; } .jump-rope-top .title-text[data-v-0249a7a6] { width: 96%; margin: 22px 24px 0 24px; font-size: 29px; font-weight: bold; line-height: 40px; color: #01c1fc; } .jump-rope-top .match-msg[data-v-0249a7a6] { position: absolute; left: 30px; bottom: 22px; width: 94%; } .jump-rope-top .match-msg-text[data-v-0249a7a6] { float: left; display: flex; flex-direction: row; } .jump-rope-top .match-msg-text .group-num[data-v-0249a7a6] { font-size: 24px; font-weight: bold; color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-msg-text .group-time[data-v-0249a7a6] { margin-left: 20px; font-size: 24px; font-weight: 400; color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-status[data-v-0249a7a6] { float: right; display: flex; flex-direction: row; } .jump-rope-top .match-status .normal[data-v-0249a7a6], .jump-rope-top .match-status .error[data-v-0249a7a6] { font-size: 24px; font-weight: 400; } .jump-rope-top .match-status .normal[data-v-0249a7a6] { color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-status .error[data-v-0249a7a6] { margin-left: 30px; color: #ff6f8c; } .jump-rope-top .card-bg[data-v-0249a7a6] { position: relative; top: 0; background: #222648; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 12px; } .cards-list[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; width: 98%; margin: 1% auto; } .cards-list .card-list-item[data-v-0249a7a6] { flex: 1; height: 880px; margin-left: 16px; background: #222648; border-radius: 12px; } .cards-list .card-list-item .card-list-item-top[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 73px; } .cards-list .card-list-item .card-list-item-top .join-stu-num[data-v-0249a7a6] { flex: 1; float: left; margin: 0 0 0 16px; font-size: 28px; font-weight: 400; color: #ffffff; } .cards-list .card-list-item .card-list-item-top .match-tips[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .cards-list .card-list-item .card-list-item-top .match-tip[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; margin: 0 16px 0 0; width: 126px; height: 41px; line-height: 41px; text-align: center; background: rgba(0, 0, 0, 0.6); border-radius: 8px; font-size: 18px; font-weight: 400; color: #01c1fc; } .cards-list .card-list-item .card-list-item-top .match-tip img[data-v-0249a7a6] { margin-left: 14px; margin-right: 8px; width: 19px; height: 24px; } .cards-list .card-list-item .screen[data-v-0249a7a6] { z-index: 996; } .cards-list .card-list-item .card-list-item-content[data-v-0249a7a6] { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; height: 580px; background: #0e0f1d; overflow: hidden; } .cards-list .card-list-item .card-list-item-content .video-img[data-v-0249a7a6] { position: absolute; top: 147px; } .cards-list .card-list-item .card-list-item-content img[data-v-0249a7a6] { width: 188px; height: 234px; } .cards-list .card-list-item .card-list-item-content .live-status[data-v-0249a7a6] { margin-top: 49px; font-size: 24px; font-weight: bold; color: rgba(255, 255, 255, 0.24); } .cards-list .card-list-item .card-list-item-content .sch-bolls[data-v-0249a7a6] { position: relative; width: 510px; height: 510px; margin-top: 34px; background: #0e0f1d; border-radius: 50%; } .cards-list .card-list-item .card-list-item-content .sch-bolls .circleProgress_wrapper[data-v-0249a7a6] { width: 510px; height: 510px; position: relative; } .cards-list .card-list-item .card-list-item-content .sch-bolls .wrapper[data-v-0249a7a6] { width: 255px; height: 510px; position: absolute; top: 0; overflow: hidden; } .cards-list .card-list-item .card-list-item-content .sch-bolls .right[data-v-0249a7a6] { right: 0; } .cards-list .card-list-item .card-list-item-content .sch-bolls .left[data-v-0249a7a6] { left: 0; } .cards-list .card-list-item .card-list-item-content .sch-bolls .circleProgress[data-v-0249a7a6] { width: 470px; height: 470px; border: 20px solid #0e0f1d; position: absolute; top: 0; border-radius: 50%; transform: rotate(-135deg); } @-webkit-keyframes circleProgressLoad_right-data-v-0249a7a6 { 0% { -webkit-transform: rotate(-135deg); } 50%, 100% { -webkit-transform: rotate(45deg); } } @keyframes circleProgressLoad_right-data-v-0249a7a6 { 0% { -webkit-transform: rotate(-135deg); } 50%, 100% { -webkit-transform: rotate(45deg); } } @-webkit-keyframes circleProgressLoad_left-data-v-0249a7a6 { 0%, 50% { -webkit-transform: rotate(-135deg); } 100% { -webkit-transform: rotate(45deg); } } @keyframes circleProgressLoad_left-data-v-0249a7a6 { 0%, 50% { -webkit-transform: rotate(-135deg); } 100% { -webkit-transform: rotate(45deg); } } .cards-list .card-list-item .card-list-item-content .sch-bolls .bolls[data-v-0249a7a6] { position: absolute; top: 31px; left: 31px; width: 450px; height: 450px; background: #0e0f1d; border-radius: 50%; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll[data-v-0249a7a6] { position: relative; top: 17px; width: 400px; height: 400px; line-height: 400px; text-align: center; margin: 0 auto; border-radius: 50%; border: 6px solid rgba(255, 255, 255, 0.2); overflow: hidden; font-family: "Number"; font-size: 127px; font-weight: bold; line-height: 167px; color: #ffffff; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll .avg[data-v-0249a7a6] { position: absolute; top: -136px; width: 100%; text-align: center; z-index: 996; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll .all-num[data-v-0249a7a6] { position: absolute; top: 103px; width: 100%; text-align: center; z-index: 996; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll .num-text[data-v-0249a7a6] { margin-top: 180px; font-size: 43px; font-weight: 400; line-height: 56px; color: #ffffff; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll[data-v-0249a7a6]:after { content: ""; width: 806px; height: 806px; background: var(--color); position: absolute; left: 50%; top: var(--top); transform: translate(-50%, -60%); border-radius: 37%; -webkit-animation: wave-data-v-0249a7a6 5s linear infinite; animation: wave-data-v-0249a7a6 5s linear infinite; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll[data-v-0249a7a6]::before { content: ""; position: absolute; left: 50%; top: 0; color: #ffffff; z-index: 99; transform: translate(-80%, 120px); } @-webkit-keyframes wave-data-v-0249a7a6 { 100% { transform: translate(-50%, -60%) rotate(360deg); } } @keyframes wave-data-v-0249a7a6 { 100% { transform: translate(-50%, -60%) rotate(360deg); } } .cards-list .card-list-item .school-msg[data-v-0249a7a6] { position: relative; bottom: 0; height: 227px; border-radius: 0px 0px 12px 12px; } .cards-list .card-list-item .school-msg .bg-text[data-v-0249a7a6] { position: absolute; left: 40px; height: 227px; line-height: 227px; font-size: 166px; font-weight: bold; color: rgba(255, 255, 255, 0.1); } .cards-list .card-list-item .school-msg .tip-text[data-v-0249a7a6] { position: absolute; top: 16px; left: 16px; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 12px; font-size: 44px; font-weight: bold; color: rgba(255, 255, 255, 0.8); z-index: 99; } .cards-list .card-list-item .school-msg .msg-content[data-v-0249a7a6] { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 227px; z-index: 99; } .cards-list .card-list-item .school-msg .msg-content .status[data-v-0249a7a6] { font-size: 60px; font-weight: bold; line-height: 79px; } .cards-list .card-list-item .school-msg .msg-content .sch-name[data-v-0249a7a6] { max-width: 90%; margin-top: 10px; font-size: 42px; font-weight: bold; line-height: 55px; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .cards-list .card-list-item .school-msg .msg-content .video-num[data-v-0249a7a6] { width: 100%; font-size: 100px; font-family: "Number"; font-weight: bold; line-height: 132px; color: #ffffff; } .cards-list .card-list-item[data-v-0249a7a6]:first-child { margin-left: 0; } .rightcircle[data-v-0249a7a6] { right: 0; } .leftcircle[data-v-0249a7a6] { left: 0; } .card-list[data-v-0249a7a6] { width: 98%; margin: 0 auto; } .card-list .left[data-v-0249a7a6] { float: left; width: 67%; height: 300px; display: flex; flex-direction: row; flex-wrap: wrap; } .card-list .left .list-two-item[data-v-0249a7a6] { display: flex; flex-direction: column; align-items: center; width: 48.7%; height: 880px; margin-top: 17px; margin-right: 1.3%; background: #222648; border-radius: 12px; } .card-list .left .list-two-item .charts-num[data-v-0249a7a6] { position: relative; width: 510px; height: 510px; margin-top: 125px; margin-bottom: 60px; background: #222648; border-radius: 50%; } .card-list .left .list-two-item .charts-num .circleProgress_wrapper[data-v-0249a7a6] { width: 510px; height: 510px; position: relative; } .card-list .left .list-two-item .charts-num .wrapper[data-v-0249a7a6] { width: 255px; height: 510px; position: absolute; top: 0; overflow: hidden; } .card-list .left .list-two-item .charts-num .right[data-v-0249a7a6] { right: 0; } .card-list .left .list-two-item .charts-num .left[data-v-0249a7a6] { left: 0; } .card-list .left .list-two-item .charts-num .circleProgress[data-v-0249a7a6] { width: 470px; height: 470px; border: 20px solid #222648; position: absolute; top: 0; border-radius: 50%; transform: rotate(-135deg); } @keyframes circleProgressLoad_right-data-v-0249a7a6 { 0% { -webkit-transform: rotate(-135deg); } 50%, 100% { -webkit-transform: rotate(45deg); } } @keyframes circleProgressLoad_left-data-v-0249a7a6 { 0%, 50% { -webkit-transform: rotate(-135deg); } 100% { -webkit-transform: rotate(45deg); } } .card-list .left .list-two-item .charts-num .bolls[data-v-0249a7a6] { position: absolute; top: 31px; left: 31px; width: 450px; height: 450px; background: #222648; border-radius: 50%; } .card-list .left .list-two-item .charts-num .boll[data-v-0249a7a6] { position: relative; top: 17px; width: 400px; height: 400px; line-height: 400px; text-align: center; margin: 0 auto; border-radius: 50%; border: 6px solid #373d73; overflow: hidden; font-family: "Number"; font-size: 127px; font-weight: bold; line-height: 167px; color: #ffffff; } .card-list .left .list-two-item .charts-num .boll .avg[data-v-0249a7a6] { position: absolute; top: 43px; width: 100%; text-align: center; z-index: 996; } .card-list .left .list-two-item .charts-num .boll .all-num[data-v-0249a7a6] { position: absolute; top: 103px; width: 100%; text-align: center; z-index: 995; } .card-list .left .list-two-item .charts-num .boll .num-text[data-v-0249a7a6] { margin-top: 180px; font-size: 43px; font-weight: 400; line-height: 56px; color: #ffffff; } .card-list .left .list-two-item .charts-num .boll[data-v-0249a7a6]:after { content: ""; width: 806px; height: 806px; background: var(--color); position: absolute; left: 50%; top: var(--top); transform: translate(-50%, -60%); border-radius: 37%; -webkit-animation: wave-data-v-0249a7a6 5s linear infinite; animation: wave-data-v-0249a7a6 5s linear infinite; } .card-list .left .list-two-item .charts-num .boll[data-v-0249a7a6]::before { content: ""; position: absolute; left: 50%; top: 0; color: #ffffff; z-index: 99; transform: translate(-80%, 120px); } @keyframes wave-data-v-0249a7a6 { 100% { transform: translate(-50%, -60%) rotate(360deg); } } .card-list .left .list-four-item[data-v-0249a7a6] { display: flex; flex-direction: column; align-items: center; width: 48.7%; height: 432px; margin-top: 17px; margin-right: 1.3%; background: #222648; border-radius: 12px; } .card-list .left .list-four-item .charts-num[data-v-0249a7a6] { position: relative; width: 280px; height: 280px; background: #222648; border-radius: 50%; } .card-list .left .list-four-item .charts-num .circleProgress_wrapper[data-v-0249a7a6] { width: 280px; height: 280px; position: relative; } .card-list .left .list-four-item .charts-num .wrapper[data-v-0249a7a6] { width: 140px; height: 280px; position: absolute; top: 0; overflow: hidden; } .card-list .left .list-four-item .charts-num .right[data-v-0249a7a6] { right: 0; } .card-list .left .list-four-item .charts-num .left[data-v-0249a7a6] { left: 0; } .card-list .left .list-four-item .charts-num .circleProgress[data-v-0249a7a6] { width: 260px; height: 260px; border: 10px solid #222648; position: absolute; top: 0; border-radius: 50%; transform: rotate(-135deg); } .card-list .left .list-four-item .charts-num .bolls[data-v-0249a7a6] { position: absolute; top: 14px; left: 15px; width: 250px; height: 250px; background: #222648; border-radius: 50%; } .card-list .left .list-four-item .charts-num .boll[data-v-0249a7a6] { position: relative; top: 7px; width: 228px; height: 228px; line-height: 228px; text-align: center; margin: 0 auto; border-radius: 50%; border: 6px solid #373d73; overflow: hidden; font-family: "Number"; font-size: 72px; font-weight: bold; line-height: 95px; color: #ffffff; } .card-list .left .list-four-item .charts-num .boll .all-num[data-v-0249a7a6] { position: absolute; top: 64px; width: 100%; text-align: center; z-index: 995; } .card-list .left .list-four-item .charts-num .boll .num-text[data-v-0249a7a6] { margin-top: 90px; font-size: 28px; font-weight: 400; line-height: 46px; color: #ffffff; } .card-list .left .list-four-item .charts-num .boll[data-v-0249a7a6]:after { content: ""; width: 406px; height: 406px; background: var(--color); position: absolute; left: 50%; top: var(--top); transform: translate(-50%, -60%); border-radius: 37%; -webkit-animation: wave-data-v-0249a7a6 5s linear infinite; animation: wave-data-v-0249a7a6 5s linear infinite; } .card-list .left .list-four-item .charts-num .boll1[data-v-0249a7a6]:after { background: #01c1fc; } .card-list .left .list-four-item .charts-num .boll2[data-v-0249a7a6]:after { background: #11b689; } .card-list .left .list-four-item .charts-num .boll3[data-v-0249a7a6]:after { background: #0c8eff; } .card-list .left .list-four-item .charts-num .boll[data-v-0249a7a6]::before { content: ""; position: absolute; left: 50%; top: 0; color: #ffffff; z-index: 99; transform: translate(-80%, 120px); } @keyframes wave-data-v-0249a7a6 { 100% { transform: translate(-50%, -60%) rotate(360deg); } } .card-list .left .list-six-item[data-v-0249a7a6] { display: flex; flex-direction: column; align-items: center; width: 32%; height: 432px; margin-top: 17px; margin-right: 1.3%; background: #222648; border-radius: 12px; } .card-list .left .list-six-item .charts-num[data-v-0249a7a6] { position: relative; width: 264px; height: 264px; margin-top: 18px; background: #222648; border-radius: 50%; } .card-list .left .list-six-item .charts-num .circleProgress_wrapper[data-v-0249a7a6] { width: 264px; height: 264px; position: relative; } .card-list .left .list-six-item .charts-num .wrapper[data-v-0249a7a6] { width: 132px; height: 264px; position: absolute; top: 0; overflow: hidden; } .card-list .left .list-six-item .charts-num .right[data-v-0249a7a6] { right: 0; } .card-list .left .list-six-item .charts-num .left[data-v-0249a7a6] { left: 0; } .card-list .left .list-six-item .charts-num .circleProgress[data-v-0249a7a6] { width: 244px; height: 244px; border: 10px solid #222648; position: absolute; top: 0; border-radius: 50%; transform: rotate(-135deg); } .card-list .left .list-six-item .charts-num .bolls[data-v-0249a7a6] { position: absolute; top: 13px; left: 19px; width: 220px; height: 220px; background: #222648; border-radius: 50%; } .card-list .left .list-six-item .charts-num .boll[data-v-0249a7a6] { position: relative; top: 7px; width: 214px; height: 214px; line-height: 214px; text-align: center; margin: 0 auto; border-radius: 50%; border: 6px solid #373d73; overflow: hidden; font-family: "Number"; font-size: 72px; font-weight: bold; line-height: 95px; color: #ffffff; } .card-list .left .list-six-item .charts-num .boll .all-num[data-v-0249a7a6] { position: absolute; top: 50px; width: 100%; text-align: center; z-index: 995; } .card-list .left .list-six-item .charts-num .boll .num-text[data-v-0249a7a6] { margin-top: 90px; font-size: 24px; font-weight: 400; line-height: 46px; color: #ffffff; } .card-list .left .list-six-item .charts-num .boll[data-v-0249a7a6]:after { content: ""; width: 406px; height: 406px; background: var(--color); position: absolute; left: 50%; top: var(--top); transform: translate(-50%, -60%); border-radius: 37%; -webkit-animation: wave-data-v-0249a7a6 5s linear infinite; animation: wave-data-v-0249a7a6 5s linear infinite; } .card-list .left .list-six-item .charts-num .boll1[data-v-0249a7a6]:after { background: #01c1fc; } .card-list .left .list-six-item .charts-num .boll2[data-v-0249a7a6]:after { background: #11b689; } .card-list .left .list-six-item .charts-num .boll3[data-v-0249a7a6]:after { background: #0c8eff; } .card-list .left .list-six-item .charts-num .boll[data-v-0249a7a6]::before { content: ""; position: absolute; left: 50%; top: 0; color: #ffffff; z-index: 99; transform: translate(-80%, 120px); } @keyframes wave-data-v-0249a7a6 { 100% { transform: translate(-50%, -60%) rotate(360deg); } } .card-list .left .join-num[data-v-0249a7a6] { margin-top: 23px; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; } .card-list .left .join-num-a[data-v-0249a7a6] { display: flex; flex-direction: row; justify-content: flex-start; width: 98%; margin-left: 24px; } .card-list .left .chart[data-v-0249a7a6] { width: 220px; height: 220px; line-height: 220px; text-align: center; margin-top: 41px; border-radius: 50%; font-size: 42px; font-weight: bold; } .card-list .left .charts[data-v-0249a7a6] { position: relative; width: 382px; height: 382px; line-height: 382px; text-align: center; margin-top: 184px; margin-bottom: 140px; border-radius: 50%; font-size: 60px; font-weight: bold; } .card-list .left .sch-short-name[data-v-0249a7a6] { position: absolute; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; border: 6px solid rgba(255, 255, 255, 0.2); background: rgba(240, 192, 1, 0.3); text-align: center; font-size: 300px; font-weight: bold; color: rgba(255, 255, 255, 0.1); z-index: 1; } .card-list .left .sch-short-name-text[data-v-0249a7a6] { position: absolute; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; text-align: center; font-size: 300px; font-weight: bold; color: rgba(255, 255, 255, 0.1); z-index: 1; } .card-list .left .sch-name[data-v-0249a7a6] { max-width: 94%; height: 65px; margin-top: 15px; font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; } .card-list .left .sch-name-a[data-v-0249a7a6] { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .card-list .left .sch-name-b[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; } .card-list .right[data-v-0249a7a6] { float: right; width: 33%; height: 300px; } .card-list .right .six-stu-list[data-v-0249a7a6] { width: 100%; height: 133px; margin-top: 17px; background: #222648; border-radius: 12px; } .card-list .right .six-stu-list .top-other[data-v-0249a7a6] { position: relative; top: 10px; width: 100%; height: 74px; overflow: hidden; } .card-list .right .four-stu-list[data-v-0249a7a6] { width: 100%; height: 208px; margin-top: 16px; background: #222648; border-radius: 12px; } .card-list .right .four-stu-list .top-other[data-v-0249a7a6] { position: relative; top: 21px; width: 100%; height: 128px; overflow: hidden; } .card-list .right .two-stu-list[data-v-0249a7a6] { width: 100%; height: 432px; margin-top: 16px; background: #222648; border-radius: 12px; } .card-list .right .two-stu-list .top-other[data-v-0249a7a6] { position: relative; top: 16px; width: 100%; height: 360px; overflow: hidden; } .card-list .right .stu-list-sort[data-v-0249a7a6] { width: 100%; height: 880px; margin-top: 16px; background: #222648; border-radius: 12px; } .card-list .right .stu-list-sort .stu-list-sort-item[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 44px; } .card-list .right .stu-list-sort .stu-list-sort-item .stu-name-sort[data-v-0249a7a6] { flex: 2; padding-left: 24px; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; } .card-list .right .stu-list-sort .stu-list-sort-item .stu-sch-sort[data-v-0249a7a6] { flex: 5; font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; } .card-list .right .stu-list-sort .stu-list-sort-item .skip-amount[data-v-0249a7a6] { flex: 1; font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; } .card-list .right .stu-list-sort .stu-list-sort-item .skip-amount span[data-v-0249a7a6] { font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; } .card-list .right .sch-names[data-v-0249a7a6] { width: 94%; padding-top: 13px; margin-left: 24px; font-size: 24px; font-weight: bold; color: #01c1fc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .card-list .right .stu-list-card[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; width: 100%; flex-wrap: wrap; } .card-list .right .stu-list-items[data-v-0249a7a6] { position: relative; display: flex; flex-direction: row; } .card-list .right .stu-list-items .stu-list-item[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; width: 48%; height: 31px; margin: 5px 1%; } .card-list .right .stu-list-items .stu-list-item .stu-name[data-v-0249a7a6] { width: 113px; margin-left: 18px; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .card-list .right .stu-list-items .stu-list-item .stu-class[data-v-0249a7a6] { width: 75px; margin-left: 16px; font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .card-list .right .stu-list-items .stu-list-item .skip-no[data-v-0249a7a6] { margin-left: 16px; font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; } .rank[data-v-0249a7a6] { width: 100%; margin: 0 auto; } .rank .sch-rank[data-v-0249a7a6] { float: left; width: 49.98%; height: 880px; margin-top: 16px; background: #222648; border-radius: 12px 12px 0px 0px; } .rank .sch-rank .sch-rank-list[data-v-0249a7a6] { width: 100%; height: 804px; margin-top: 21px; overflow: hidden; } .rank .sch-rank .sch-rank-list .sch-rank-list-item[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 134px; color: #01c1fc; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two[data-v-0249a7a6]:last-child { margin-bottom: -10px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three[data-v-0249a7a6]:last-child { margin-bottom: -10px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two[data-v-0249a7a6] { display: flex; flex-direction: column; align-items: center; width: 100%; height: 399px; margin-bottom: 10px; border-radius: 12px; color: #ffffff; z-index: 1; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .sch-short-name-rank[data-v-0249a7a6] { position: absolute; left: 40px; display: flex; flex-direction: row; align-items: center; width: 100%; height: 402px; font-size: 300px; font-weight: bold; color: rgba(255, 255, 255, 0.1); z-index: 10; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 96%; margin-top: 40px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name .sch-ranking[data-v-0249a7a6] { flex: 1; font-size: 48px; font-weight: bold; line-height: 64px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name .sch-name[data-v-0249a7a6] { flex: 9; font-size: 48px; font-weight: bold; line-height: 64px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a[data-v-0249a7a6] { width: 95%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .sch-num-a[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; width: 96%; height: 60px; margin: 12px; padding: 0 10px; background: #b4910a; border-radius: 12px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .stu-num[data-v-0249a7a6] { text-align: center; font-size: 24px; font-weight: 400; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-0249a7a6] { width: 30%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .stu-num[data-v-0249a7a6] { width: 30%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-0249a7a6] { margin-right: 14px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-0249a7a6] { width: 36%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; width: 98%; margin-top: 60px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num[data-v-0249a7a6] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .rank-tips[data-v-0249a7a6] { font-size: 24px; font-weight: 400; line-height: 31px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num[data-v-0249a7a6] { margin: 0 0 35px 0; text-align: center; font-size: 60px; font-family: "Number"; line-height: 79px; font-weight: bold; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-all-num[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-avg-num[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-top-num[data-v-0249a7a6] { flex: 3; font-family: "Number"; font-size: 38px; font-weight: bold; line-height: 50px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-all-num span[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-avg-num span[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-top-num span[data-v-0249a7a6] { margin: 0 8px; font-size: 24px; font-weight: 400; line-height: 31px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two[data-v-0249a7a6] { height: 399px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name[data-v-0249a7a6] { margin-top: 40px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs[data-v-0249a7a6] { margin-top: 63px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .rank-tips[data-v-0249a7a6] { margin-bottom: 30px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a[data-v-0249a7a6] { margin-top: 30px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three[data-v-0249a7a6] { height: 262px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .sch-short-name-rank[data-v-0249a7a6] { position: absolute; left: 40px; display: flex; flex-direction: row; align-items: center; width: 100%; height: 262px; font-size: 198px; font-weight: bold; color: rgba(255, 255, 255, 0.1); z-index: 10; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-and-name[data-v-0249a7a6] { margin-top: 20px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs[data-v-0249a7a6] { margin-top: 16px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .rank-tips[data-v-0249a7a6] { margin-top: 0; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a[data-v-0249a7a6] { margin-top: -10px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three[data-v-0249a7a6] { display: flex; flex-direction: column; align-items: center; width: 100%; margin-bottom: 10px; border-radius: 12px; color: #ffffff; z-index: 1; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-and-name[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 96%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name .sch-ranking[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-and-name .sch-ranking[data-v-0249a7a6] { flex: 1; font-size: 42px; font-weight: bold; line-height: 55px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name .sch-name[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-and-name .sch-name[data-v-0249a7a6] { flex: 9; font-size: 42px; font-weight: bold; line-height: 55px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a[data-v-0249a7a6] { width: 95%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .sch-num-a[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .sch-num-a[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; width: 96%; height: 60px; margin: 12px; padding: 0 10px; background: #b4910a; border-radius: 12px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .rank[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .name[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .stu-num[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .stu-num[data-v-0249a7a6] { text-align: center; font-size: 24px; font-weight: 400; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .rank[data-v-0249a7a6] { width: 30%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .stu-num[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .stu-num[data-v-0249a7a6] { width: 30%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .rank[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .name[data-v-0249a7a6] { margin-right: 14px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .name[data-v-0249a7a6] { width: 36%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; width: 98%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num[data-v-0249a7a6] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .rank-tips[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .rank-tips[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; font-size: 24px; font-weight: 400; line-height: 31px; white-space: nowrap; margin-bottom: 30px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .num[data-v-0249a7a6] { position: relative; display: flex; flex-direction: column; align-items: center; margin: 0; text-align: center; font-size: 48px; font-family: "Number"; line-height: 20px; font-weight: bold; color: #ffffff; width: 100% !important; height: 28px; margin-bottom: 50px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num .num-total[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .num .num-total[data-v-0249a7a6] { position: absolute; /* left: 50%; */ top: 50%; transform: translate(0%, -50%); } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num .num-total .toatl[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .num .num-total .toatl[data-v-0249a7a6] { float: left; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num .num-total .unit[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .num .num-total .unit[data-v-0249a7a6] { float: left; font-size: 26px; margin-left: 8px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .unit[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .unit[data-v-0249a7a6] { font-weight: 400; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num-title[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .num-title[data-v-0249a7a6] { position: absolute; width: 100%; font-size: 20px; font-weight: 400; top: 30%; left: 50%; transform: translate(-50%, -50%); margin-top: 60px; color: rgba(255, 255, 255, 0.6); } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-all-num[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-all-num[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-avg-num[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-avg-num[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-top-num[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-top-num[data-v-0249a7a6] { flex: 3; font-family: "Number"; font-size: 38px; font-weight: bold; line-height: 50px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-all-num span[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-all-num span[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-avg-num span[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-avg-num span[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-top-num span[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-top-num span[data-v-0249a7a6] { margin: 0 8px; font-size: 24px; font-weight: 400; line-height: 31px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-four[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 201px; color: #01c1fc; } .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-ranking[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-ranking[data-v-0249a7a6] { flex: 1.8; font-size: 48px; font-weight: bold; line-height: 64px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-name[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-name[data-v-0249a7a6] { flex: 5; font-size: 24px; font-weight: bold; line-height: 31px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-all-num[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-all-num[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-avg-num[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-avg-num[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-top-num[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-top-num[data-v-0249a7a6] { flex: 3; font-family: "Number"; font-size: 38px; font-weight: bold; line-height: 50px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-all-num span[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-all-num span[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-avg-num span[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-avg-num span[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-top-num span[data-v-0249a7a6], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-top-num span[data-v-0249a7a6] { margin: 0 8px; font-size: 24px; font-weight: 400; line-height: 31px; } .rank .stu-rank[data-v-0249a7a6] { float: right; width: 49%; height: 880px; margin-top: 16px; background: #222648; border-radius: 12px 12px 0px 0px; } .rank .stu-rank .stu-rank-list[data-v-0249a7a6] { width: 100%; height: 804px; margin-top: 21px; overflow: hidden; } .rank .stu-rank .stu-rank-list .top-three-stu[data-v-0249a7a6] { position: relative; top: 0; width: 100%; height: 240px; overflow: hidden; } .rank .stu-rank .stu-rank-list .top-others[data-v-0249a7a6] { position: relative; top: 0.5px; width: 100%; height: 486px; overflow: hidden; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 80px; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .tip[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .tip[data-v-0249a7a6] { margin-left: 8px; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-ranking[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-ranking[data-v-0249a7a6] { flex: 1; font-size: 38px; font-weight: bold; line-height: 50px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-ranking[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-ranking[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-count[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-count[data-v-0249a7a6] { font-size: 38px; font-family: "Number"; font-weight: bold; line-height: 50px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-name[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-name[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-class[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-class[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .skip-no[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .skip-no[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-count[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-count[data-v-0249a7a6] { flex: 3; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-schs[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-schs[data-v-0249a7a6] { flex: 3; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-schs .stu-sch[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-schs .stu-sch[data-v-0249a7a6] { max-width: 230px; height: 50px; line-height: 50px; text-align: center; padding: 0 10px; margin-right: 30px; border-radius: 8px; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .other-msg[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .other-msg[data-v-0249a7a6] { flex: 6; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-name[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-name[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .skip-no[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .skip-no[data-v-0249a7a6] { font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-sch[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-sch[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-class[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-class[data-v-0249a7a6] { font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-name[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-name[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-sch[data-v-0249a7a6], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-sch[data-v-0249a7a6] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rank .rank-title[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 20px; font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; line-height: 31px; color: #01c1fc; } .rank .td[data-v-0249a7a6] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .rank .rank-imgs[data-v-0249a7a6] { width: 50px; height: 50px; } .rank .rank-imgs .rank-img[data-v-0249a7a6] { width: 50px; height: 50px; } .cartoon[data-v-0249a7a6] { position: fixed; width: 100%; height: 100%; z-index: 997; } .cartoon .content[data-v-0249a7a6] { position: absolute; top: calc(33.8vh); left: 50%; width: 469px; height: 255px; line-height: 255px; text-align: center; background: #01c1fc; border-radius: 28px; font-size: 180px; font-weight: bold; color: #ffffff; transform: translate(-50%, -50%); z-index: 997; } .is-start[data-v-0249a7a6] { position: relative; top: 260px; width: 320px; height: 175px; margin: 0 auto; } .is-start img[data-v-0249a7a6] { position: relative; left: 50%; transform: translate(-50%); width: 140px; height: 102px; } .is-start .text[data-v-0249a7a6] { position: relative; top: 40px; text-align: center; font-size: 24px; font-weight: bold; color: #ffffff; } .charts-a[data-v-0249a7a6] { border: 10px solid #373d73; color: #01c1fc; } .charts-b[data-v-0249a7a6] { border: 10px solid rgba(255, 111, 140, 0.4); color: #ff6f8c; } .chart-a[data-v-0249a7a6] { border: 6px solid #373d73; color: #01c1fc; } .chart-b[data-v-0249a7a6] { border: 6px solid rgba(255, 111, 140, 0.4); color: #ff6f8c; } .status-a[data-v-0249a7a6] { color: #01c1fc; } .status-b[data-v-0249a7a6] { color: #ff6f8c; } .charts-text-a[data-v-0249a7a6] { position: relative; color: #ffffff; z-index: 99; } .charts-text-b[data-v-0249a7a6] { position: relative; color: #ff6f8c; z-index: 99; } .el-loading-spinner[data-v-4702f67c] { font-size: 66px; } .el-icon-loading[data-v-4702f67c] { margin: 20px; } .el-loading-spinner .el-loading-text[data-v-4702f67c] { font-size: 30px; } .rank-content[data-v-4702f67c] { display: flex; flex-direction: row; align-items: center; position: relative; top: 20px; width: 99%; height: 870px; margin: 0 auto; } .rank-content .sch-rank .sch-rank-list[data-v-4702f67c] { display: flex; flex-direction: column; align-items: center; margin-top: 2px; } .rank-content .sch-rank .sch-rank-list .sch-rank-item[data-v-4702f67c] { width: 95%; height: 368px; background: #ffffff; border-radius: 12px 12px 12px 12px; margin-top: 14px; } .rank-content .sch-rank .sch-rank-list .sch-rank-item .sch-rank-no[data-v-4702f67c] { display: flex; flex-direction: row; align-items: center; margin-left: 32px; margin-top: 34px; } .rank-content .sch-rank .sch-rank-list .sch-rank-item .sch-rank-no img[data-v-4702f67c] { width: 60px; height: 60px; } .rank-content .sch-rank .sch-rank-list .sch-rank-item .sch-rank-no span[data-v-4702f67c] { margin-left: 10px; font-size: 48px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #4b4b4b; } .rank-content .sch-rank .sch-rank-list .sch-rank-item .count-list[data-v-4702f67c] { display: flex; flex-direction: row; align-items: center; margin-top: 40px; } .rank-content .sch-rank .sch-rank-list .sch-rank-item .count-list .count-item[data-v-4702f67c] { flex: 1; display: flex; flex-direction: column; align-items: center; } .rank-content .sch-rank .sch-rank-list .sch-rank-item .count-list .count-item .count-text[data-v-4702f67c] { font-size: 24px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #4b4b4b; line-height: 31px; } .rank-content .sch-rank .sch-rank-list .sch-rank-item .count-list .count-item .count-num[data-v-4702f67c] { font-size: 60px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #4b4b4b; line-height: 79px; } .rank-content .sch-rank .sch-rank-list .sch-rank-item .sch-top-three-list[data-v-4702f67c] { display: flex; flex-direction: row; align-items: center; height: 60px; margin-top: 30px; } .rank-content .sch-rank .sch-rank-list .sch-rank-item .sch-top-three-list .sch-top-three-item[data-v-4702f67c] { flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 24px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #4b4b4b; } .rank-content .stu-rank .stu-rank-list[data-v-4702f67c] { margin-top: 16px; } .rank-content .stu-rank .stu-rank-list .stu-rank-item[data-v-4702f67c] { display: flex; flex-direction: row; align-items: center; height: 80px; } .rank-content .stu-rank .stu-rank-list .stu-rank-item .stu-rank-no[data-v-4702f67c] { display: flex; flex-direction: row; justify-content: center; margin-left: 24px; width: 50px; font-size: 38px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #4b4b4b; } .rank-content .stu-rank .stu-rank-list .stu-rank-item .stu-rank-no img[data-v-4702f67c] { width: 50px; height: 50px; } .rank-content .stu-rank .stu-rank-list .stu-rank-item .sch-name[data-v-4702f67c] { width: 230px; height: 50px; padding: 0 5px; line-height: 50px; text-align: center; margin-left: 20px; border-radius: 8px 8px 8px 8px; font-size: 24px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rank-content .stu-rank .stu-rank-list .stu-rank-item .class-name[data-v-4702f67c] { flex: 2; margin-left: 30px; font-size: 24px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #4b4b4b; } .rank-content .stu-rank .stu-rank-list .stu-rank-item .stu-name[data-v-4702f67c] { flex: 2; font-size: 24px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #4b4b4b; } .rank-content .stu-rank .stu-rank-list .stu-rank-item .skip-no[data-v-4702f67c] { flex: 1; width: 118px; font-size: 24px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #4b4b4b; } .rank-content .stu-rank .stu-rank-list .stu-rank-item .skip-num[data-v-4702f67c] { flex: 2; font-size: 38px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #4b4b4b; } .rank-content .stu-rank .stu-rank-list .stu-rank-item .skip-num span[data-v-4702f67c] { margin-left: 8px; font-size: 24px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #4b4b4b; } .rank-content .rank-list[data-v-4702f67c] { flex: 1; height: 870px; margin: 0 8px; background: #ffffff; box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04); border-radius: 12px 12px 12px 12px; } .rank-content .rank-list .rank-title[data-v-4702f67c] { margin-top: 17px; margin-left: 30px; font-size: 28px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #4b4b4b; line-height: 37px; } body[data-v-4702f67c] { background: #141833; overflow: hidden; } .skip-match[data-v-4702f67c] { position: fixed; height: 100%; width: 100%; background: linear-gradient(180deg, #eeefff 0%, #f5f5ff 100%); } .top-title[data-v-4702f67c] { display: flex; align-items: center; justify-content: center; width: 100%; height: 140px; background: url(../img/top_bg.0931c415.png) no-repeat; background-size: 100% 140px; } .top-title img[data-v-4702f67c] { width: 772px; height: 70px; } .match-msg[data-v-4702f67c] { display: flex; align-items: center; width: 100%; height: 106px; margin-top: -57px; } .match-msg .cut-down[data-v-4702f67c] { flex: 1; display: flex; align-items: center; margin-left: 60px; font-size: 28px; font-weight: 400; color: #0e3642; } .match-msg .cut-down span[data-v-4702f67c] { font-size: 80px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #afb500; } .match-msg .other-msg[data-v-4702f67c] { float: right; margin-right: 133px; } .match-msg .other-msg .group[data-v-4702f67c] { font-size: 24px; line-height: 31px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #4b4b4b; } .match-msg .other-msg .group span[data-v-4702f67c] { margin-left: 24px; font-size: 24px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #4b4b4b; } .match-msg .other-msg .state[data-v-4702f67c] { margin-top: 18px; font-size: 24px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #4b4b4b; } .match-msg .other-msg .state span[data-v-4702f67c] { margin-left: 24px; font-size: 24px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #ff3c64; } .card-list[data-v-4702f67c] { display: flex; position: relative; top: 31px; width: 99%; margin: 0 auto; z-index: 99; } .card-list .card[data-v-4702f67c] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 8px; } .card-list .card .card-content[data-v-4702f67c] { display: flex; align-items: center; justify-content: center; width: 932px; height: 531px; background: #7fc0f9; border-radius: 16px 16px 16px 16px; } .card-list .card .card-content .content[data-v-4702f67c] { position: relative; width: 916px; height: 515px; background: #4b4b4b; border-radius: 8px 8px 8px 8px; } .card-list .card .card-content .content .video[data-v-4702f67c] { display: flex; align-items: center; justify-content: center; width: 916px; height: 515px; } .card-list .card .card-content .content .no-video[data-v-4702f67c] { font-size: 32px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: rgba(255, 255, 255, 0.64); } .card-list .card .card-content .content .stu-num[data-v-4702f67c] { position: absolute; top: 12px; left: 12px; font-size: 28px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #ffffff; } .card-list .card .card-content .content .live-img[data-v-4702f67c] { display: flex; align-items: center; justify-content: center; position: absolute; right: 8px; top: 8px; width: 126px; height: 42px; background: rgba(0, 0, 0, 0.64); border-radius: 8px 8px 8px 8px; font-size: 18px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #ffffff; } .card-list .card .card-content .content .live-img img[data-v-4702f67c] { width: 20px; height: 24px; } .card-list .card .card-content .content .live-img span[data-v-4702f67c] { margin-left: 7px; } .card-list .card .img-bottom[data-v-4702f67c] { width: 870px; height: 40px; } .card-list .card .sch-num[data-v-4702f67c] { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 870px; height: 220px; background: #ffffff; box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04); border-radius: 12px 12px 12px 12px; } .card-list .card .sch-num .total-num[data-v-4702f67c] { margin-top: 26px; font-size: 72px; line-height: 95px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; } .card-list .card .sch-num .sch-name[data-v-4702f67c] { margin-top: 15px; font-size: 36px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #4b4b4b; line-height: 47px; } .cartoon[data-v-4702f67c] { display: flex; align-items: center; justify-content: center; position: fixed; width: 100%; height: 100%; z-index: 997; } .cartoon .content[data-v-4702f67c] { position: absolute; top: calc(43.8vh); left: 50%; width: 469px; height: 255px; line-height: 255px; text-align: center; background: #FFFFFF; border: 8px solid #01c1fc; border-radius: 28px; font-size: 180px; font-weight: bold; color: #01c1fc; transform: translate(-50%, -50%); z-index: 997; } .gif-icon[data-v-4702f67c] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; z-index: 998; } .gif-icon .gif-icon-box[data-v-4702f67c] { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 580px; height: 400px; background: #222648; box-shadow: 0px 0px 99px rgba(0, 0, 0, 0.3); border-radius: 46px; z-index: 999; } .gif-icon .gif-icon-box .gif-tips[data-v-4702f67c] { margin-top: 10px; font-size: 36px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; } .gif-icon .gif-icon-box img[data-v-4702f67c] { width: 216px; height: 280px; z-index: 9999; } .start[data-v-4702f67c] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 0; padding: 0; z-index: 998; } .start .start-btn[data-v-4702f67c] { display: flex; align-items: center; justify-content: center; width: 400px; height: 150px; background: #01c1fc; border-radius: 28px 28px 28px 28px; font-size: 59px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #ffffff; } .ready[data-v-4702f67c], .no-ready[data-v-4702f67c] { font-size: 64px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; line-height: 85px; } .ready[data-v-4702f67c] { color: #03d573; } .no-ready[data-v-4702f67c] { color: #ff3c64; } .start-btn[data-v-47110dfd] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 400px; height: 150px; border-radius: 28px 28px 28px 28px; font-size: 59px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #ffffff; opacity: 0; z-index: 998; } .el-loading-spinner[data-v-47110dfd] { font-size: 66px; color: #595959; } .el-icon-loading[data-v-47110dfd] { margin: 20px; color: #595959; } .el-loading-spinner .el-loading-text[data-v-47110dfd] { font-size: 50px; color: #595959; } .ranks-list[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; top: 76px; width: calc(100% - 114px); margin: 0 auto; } .ranks-list .sch-ranks[data-v-47110dfd] { position: relative; width: 980px; height: 795px; background: rgba(255, 255, 255, 0.85); box-shadow: 0px 5px 8px 1px rgba(6, 24, 60, 0.43); border-radius: 10px; } .ranks-list .sch-ranks .ranks-list-content[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; position: relative; top: 85px; width: 908px; margin: 0 auto; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item[data-v-47110dfd] { width: 424px; height: 661px; margin: 0 15px; background: #ffffff; border-radius: 10px; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks[data-v-47110dfd] { margin-top: 19px; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-item[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; width: 354px; height: 64px; margin: 0 auto; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-item .flex-f[data-v-47110dfd] { flex: 1; display: flex; flex-direction: row; align-items: center; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-item .flex-f .ranks-item-no[data-v-47110dfd] { width: 30px; text-align: center; font-size: 16px; font-family: PingFang SC; font-weight: 500; color: #8c8c8c; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-item .flex-f .ranks-item-no img[data-v-47110dfd] { width: 30px; height: 32px; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-item .flex-f .ranks-name[data-v-47110dfd] { margin-left: 18px; font-size: 16px; font-family: PingFang SC; font-weight: 500; color: #262626; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-item .flex-f .ranks-num[data-v-47110dfd] { font-size: 18px; font-family: Helvetica Neue; font-weight: 500; color: #262626; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-bg[data-v-47110dfd] { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; position: relative; width: 424px; height: 149px; padding-left: 36px; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-bg .ranks-rank[data-v-47110dfd], .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-bg .ranks-sch-name[data-v-47110dfd] { z-index: 999; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-bg .ranks-rank[data-v-47110dfd] { font-size: 20px; font-family: PingFang SC; font-weight: 500; color: #ffffff; line-height: 24px; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-bg .ranks-sch-name[data-v-47110dfd] { margin-top: 13px; font-size: 18px; font-family: PingFang SC; font-weight: 600; color: #ffffff; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-bg .ranks-list-content-img[data-v-47110dfd] { position: absolute; top: 0; left: 0; width: 424px; height: 149px; z-index: 99; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-totals[data-v-47110dfd] { font-size: 20px; font-family: PingFang SC; font-weight: 400; color: #262626; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-totals .ranks-list-content-total[data-v-47110dfd], .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-totals .ranks-list-content-avg[data-v-47110dfd] { height: 20px; width: 354px; margin: 0 auto; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-totals .ranks-list-content-total[data-v-47110dfd] { margin-top: 26px; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-totals .ranks-list-content-avg[data-v-47110dfd] { margin-top: 17px; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-totals .left[data-v-47110dfd] { float: left; } .ranks-list .sch-ranks .ranks-list-content .ranks-list-content-item .ranks-list-content-totals .right[data-v-47110dfd] { float: right; } .ranks-list .stu-ranks[data-v-47110dfd] { position: relative; width: 800px; height: 795px; margin-left: 26px; background: #ffffff; box-shadow: 0px 5px 8px 1px rgba(6, 24, 60, 0.43); border-radius: 10px; } .ranks-list .stu-ranks .table[data-v-47110dfd] { position: relative; top: 80px; width: 90%; height: 690px; margin: 0 auto; overflow: hidden; } .ranks-list .stu-ranks .table .table-head[data-v-47110dfd] { margin-bottom: 16px; } .ranks-list .stu-ranks .table .table-top-others[data-v-47110dfd] { height: 486px; overflow: hidden; } .ranks-list .stu-ranks .table .top-others[data-v-47110dfd] { position: relative; top: 0.5px; width: 100%; height: 486px; overflow: hidden; } .ranks-list .stu-ranks .table .table-top-three[data-v-47110dfd] { background: #ffffff; z-index: 999; } .ranks-list .stu-ranks .table .td[data-v-47110dfd] { width: 100%; height: 54px; } .ranks-list .stu-ranks .table .flex-r[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; } .ranks-list .stu-ranks .table .flex-c[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .ranks-list .stu-ranks .table .no[data-v-47110dfd] { width: 40px; } .ranks-list .stu-ranks .table .no img[data-v-47110dfd] { width: 30px; height: 32px; } .ranks-list .stu-ranks .td .no[data-v-47110dfd] { font-size: 16px; font-family: Helvetica Neue; font-weight: bold; color: #8c8c8c; } .ranks-list .stu-ranks .table .sch[data-v-47110dfd] { flex: 8; } .ranks-list .stu-ranks .td .sch[data-v-47110dfd] { font-size: 16px; font-family: PingFang SC; font-weight: 500; color: #262626; } .ranks-list .stu-ranks .table .stu[data-v-47110dfd] { flex: 4; } .ranks-list .stu-ranks .td .stu[data-v-47110dfd] { font-size: 16px; font-family: PingFang SC; font-weight: 500; color: #262626; } .ranks-list .stu-ranks .table .skip-no[data-v-47110dfd] { flex: 2; } .ranks-list .stu-ranks .td .skip-no[data-v-47110dfd] { font-size: 18px; font-family: Helvetica Neue; font-weight: bold; color: #262626; } .ranks-list .rank-title-img[data-v-47110dfd] { position: absolute; top: -36px; left: 50%; width: 482px; height: 72px; margin-left: -241px; } .top-titles[data-v-47110dfd] { font-size: 60px; color: #FFFFFF; font-weight: bold; display: flex; width: 100%; justify-content: center; margin-top: 45px; } .top-titles img[data-v-47110dfd] { width: 1023px; height: 54px; } .school-list[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 40px; } .school-list .left-sch[data-v-47110dfd] { display: flex; align-items: center; justify-content: flex-start; width: 536px; margin-right: 41px; background: url(../img/red.cf1d6f16.png) no-repeat; background-size: 536px; height: 119px; font-size: 34px; font-weight: 500; color: #ffc436; } .school-list .left-sch span[data-v-47110dfd] { margin-left: 81px; } .school-list .vs-img[data-v-47110dfd] { width: 211px; height: 124px; } .school-list .right-sch[data-v-47110dfd] { display: flex; align-items: center; justify-content: flex-end; width: 536px; margin-left: 18px; background: url(../img/blue.4e7c31c6.png) no-repeat; background-size: 536px; height: 119px; font-size: 34px; font-weight: 500; color: #31c2fe; } .school-list .right-sch span[data-v-47110dfd] { margin-right: 81px; } .cut-down-list[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; left: 50%; margin-left: -189px; width: 378px; height: 75px; margin-top: 30px; background: #092b5c; border-radius: 10px; font-size: 30px; font-weight: 600; color: #b6cef1; } .cut-down-list .cut-down-item[data-v-47110dfd] { display: flex; align-items: center; justify-content: center; width: 49px; height: 49px; margin: 0 8px; background: #092b5c; border: 1px solid #607ea9; border-radius: 10px; font-size: 36px; font-family: "Number"; font-weight: bold; color: #ffffff; } .sch-card[data-v-47110dfd] { display: flex; flex-direction: row; position: relative; width: 1688px; height: 641px; margin: 25px auto; padding: 0 64px; background: rgba(255, 255, 255, 0.85); box-shadow: 0px 5px 8px 1px rgba(6, 24, 60, 0.43); border-radius: 10px; } .sch-card .sch-card-item[data-v-47110dfd] { display: flex; flex-direction: column; justify-content: flex-start; width: 816px; } .sch-card .videos-list[data-v-47110dfd] { width: 776px; height: 459px; margin-top: 23px; margin-bottom: 30px; background: #262626; } .sch-card .videos[data-v-47110dfd] { width: 776px; height: 459px; } .sch-card .no-videos[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 30px; font-weight: 400; color: #cccccc; } .sch-card .sch-msg-item[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; position: relative; width: 100%; } .sch-card .sch-msg-item .sch-msg-name[data-v-47110dfd] { position: absolute; left: 0; font-size: 24px; font-weight: 500; color: #262626; } .sch-card .sch-msg-item .sch-msg-num[data-v-47110dfd] { position: absolute; right: 0; font-size: 22px; font-weight: 400; color: #595959; } .sch-card .skip-num[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; margin-top: 35px; font-size: 24px; font-weight: 400; color: #262626; } .sch-card .skip-num span[data-v-47110dfd] { font-size: 48px; font-family: Helvetica Neue; font-weight: bold; } .sch-card .card-top[data-v-47110dfd] { position: absolute; left: 0; top: -50px; font-size: 30px; font-weight: 600; color: #ffffff; } .skip-type[data-v-47110dfd] { display: flex; align-items: center; justify-content: center; position: relative; top: 23px; width: 320px; height: 52px; margin: 0 auto; background: #0e2344; border-radius: 26px; font-size: 26px; font-family: PingFang SC; font-weight: 500; color: #7badfc; } @font-face { font-family: "Number"; src: url("data:application/font-woff2;charset=utf-8;base64,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") format("woff2"); } @-webkit-keyframes rotateBox-data-v-47110dfd { 0% { transform: translateX(-160px) translateY(-80px); opacity: 1; } 25% { transform: translateX(-270px) translateY(-160px); opacity: 0.8; } 50% { transform: translateX(-380px) translateY(-240px); opacity: 0.6; } 75% { transform: translateX(-480px) translateY(-300px); opacity: 0.4; } 100% { transform: translateX(-580px) translateY(-360px); opacity: 0.2; } } @keyframes rotateBox-data-v-47110dfd { 0% { transform: translateX(-160px) translateY(-80px); opacity: 1; } 25% { transform: translateX(-270px) translateY(-160px); opacity: 0.8; } 50% { transform: translateX(-380px) translateY(-240px); opacity: 0.6; } 75% { transform: translateX(-480px) translateY(-300px); opacity: 0.4; } 100% { transform: translateX(-580px) translateY(-360px); opacity: 0.2; } } .cut-down-center[data-v-47110dfd] { position: absolute; left: 50%; margin-left: -224px; margin-top: 420px; display: flex; flex-direction: column; align-items: center; width: 448px; height: 240px; background: #222648; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 12px; -webkit-animation: rotateBox-data-v-47110dfd 1s linear; animation: rotateBox-data-v-47110dfd 1s linear; animation-delay: 5s; -webkit-animation-delay: 5s; z-index: 999; } .cut-down-center .cut-down-text[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; margin-top: 18px; } .cut-down-center .cut-down-text img[data-v-47110dfd] { margin-top: 9px; width: 40px; height: 40px; } .cut-down-center .cut-down-text .cut-down-text-content[data-v-47110dfd] { margin-left: 10px; font-size: 40px; font-family: "Number"; font-weight: 400; line-height: 0px; color: #01c1fc; } .cut-down-center .cut-down-num[data-v-47110dfd] { margin-top: 80px; font-size: 116px; font-family: Microsoft YaHei; font-weight: bold; line-height: 0px; color: #01c1fc; } .gif-icon[data-v-47110dfd] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; z-index: 998; } .gif-icon .gif-icon-box[data-v-47110dfd] { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 580px; height: 400px; background: #222648; box-shadow: 0px 0px 99px rgba(0, 0, 0, 0.3); border-radius: 46px; z-index: 999; } .gif-icon .gif-icon-box .gif-tips[data-v-47110dfd] { margin-top: 10px; font-size: 36px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; } .gif-icon .gif-icon-box img[data-v-47110dfd] { width: 216px; height: 280px; z-index: 9999; } .sum-rope[data-v-47110dfd] { margin: 0 4px; font-size: 32px; } .is-video[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 120px; } .is-video .avg[data-v-47110dfd], .is-video .all[data-v-47110dfd] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 62px; font-weight: bold; line-height: 60px; } .is-video .avg .avg-text[data-v-47110dfd], .is-video .all .avg-text[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; } .no-video[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 120px; font-size: 62px; font-weight: bold; } .leader[data-v-47110dfd] { position: fixed; width: 616px; height: 454px; left: 68%; top: 0%; z-index: 998; background: #222648; border-radius: 6px; } .leader-item[data-v-47110dfd] { width: 578px; height: 360px; background: #0e0f1d; margin-top: 20px; margin-left: 20px; } .leader-title[data-v-47110dfd] { text-align: center; font-weight: bold; color: #ffffff; font-size: 36px; margin-top: 20px; } body[data-v-47110dfd] { overflow: hidden; } .jump-rope-c[data-v-47110dfd] { position: fixed; height: 100%; width: 100%; background: url(../img/skip_bg.1b1ca078.png) no-repeat; background-size: cover; } .match-num[data-v-47110dfd] { display: flex; flex-direction: column; align-items: center; margin-top: 273px; z-index: 998; } .match-num img[data-v-47110dfd] { width: 140px; height: 102px; } .match-num .match-num-text[data-v-47110dfd] { margin-top: 20px; font-size: 42px; font-family: Microsoft YaHei; font-weight: 400; line-height: 55px; color: #ffffff; } .match-num .match-num-number[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; } .match-num .match-num-number .match-num-number-item[data-v-47110dfd] { width: 140px; height: 180px; line-height: 180px; text-align: center; margin: 40px 10px; background: #222648; border-radius: 12px; font-size: 100px; font-family: "Number"; font-weight: bold; color: #ffffff; } .jump-rope-top[data-v-47110dfd] { position: relative; display: flex; flex-direction: row; align-items: center; width: 98%; height: 142px; margin: 0 auto; padding-top: 20px; } .jump-rope-top .cut-down[data-v-47110dfd], .jump-rope-top .num-top[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; width: 24%; height: 142px; } .jump-rope-top .cut-down .text[data-v-47110dfd], .jump-rope-top .num-top .text[data-v-47110dfd] { width: 32%; margin-left: 40px; font-size: 28px; font-family: Microsoft YaHei; font-weight: 400; color: #01c1fc; opacity: 0.6; } .jump-rope-top .cut-down .num[data-v-47110dfd], .jump-rope-top .num-top .num[data-v-47110dfd] { display: flex; flex-direction: column; align-items: center; width: 68%; margin-right: 30px; } .jump-rope-top .cut-down .text-a[data-v-47110dfd], .jump-rope-top .num-top .text-a[data-v-47110dfd] { width: 40%; } .jump-rope-top .cut-down .num-text[data-v-47110dfd], .jump-rope-top .num-top .num-text[data-v-47110dfd] { float: right; font-family: "Number"; font-weight: bold; letter-spacing: 2px; color: #01c1fc; } .jump-rope-top .cut-down .num-tips[data-v-47110dfd], .jump-rope-top .num-top .num-tips[data-v-47110dfd] { width: 236px; text-align: center; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jump-rope-top .cut-down .num-text[data-v-47110dfd] { font-size: 80px; line-height: 106px; } .jump-rope-top .num-top .num-text[data-v-47110dfd] { font-size: 60px; line-height: 79px; } .jump-rope-top .title[data-v-47110dfd] { position: relative; width: 50%; height: 142px; margin: 0 1%; } .jump-rope-top .title-text[data-v-47110dfd] { width: 96%; margin: 22px 24px 0 24px; font-size: 29px; font-weight: bold; line-height: 40px; color: #01c1fc; } .jump-rope-top .match-msg[data-v-47110dfd] { position: absolute; left: 30px; bottom: 22px; width: 94%; } .jump-rope-top .match-msg-text[data-v-47110dfd] { float: left; display: flex; flex-direction: row; } .jump-rope-top .match-msg-text .group-num[data-v-47110dfd] { font-size: 24px; font-weight: bold; color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-msg-text .group-time[data-v-47110dfd] { margin-left: 20px; font-size: 24px; font-weight: 400; color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-status[data-v-47110dfd] { float: right; display: flex; flex-direction: row; } .jump-rope-top .match-status .normal[data-v-47110dfd], .jump-rope-top .match-status .error[data-v-47110dfd] { font-size: 24px; font-weight: 400; } .jump-rope-top .match-status .normal[data-v-47110dfd] { color: #01c1fc; opacity: 0.6; } .jump-rope-top .match-status .error[data-v-47110dfd] { margin-left: 30px; color: #ff6f8c; } .jump-rope-top .card-bg[data-v-47110dfd] { position: relative; top: 0; background: #222648; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 12px; } .cards-list[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; width: 98%; margin: 1% auto; } .cards-list .card-list-item[data-v-47110dfd] { flex: 1; height: 880px; margin-left: 16px; background: #222648; border-radius: 12px; } .cards-list .card-list-item .card-list-item-top[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 73px; } .cards-list .card-list-item .card-list-item-top .join-stu-num[data-v-47110dfd] { flex: 1; float: left; margin: 0 0 0 16px; font-size: 28px; font-weight: 400; color: #ffffff; } .cards-list .card-list-item .card-list-item-top .match-tips[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .cards-list .card-list-item .card-list-item-top .match-tip[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; margin: 0 16px 0 0; width: 126px; height: 41px; line-height: 41px; text-align: center; background: rgba(0, 0, 0, 0.6); border-radius: 8px; font-size: 18px; font-weight: 400; color: #01c1fc; } .cards-list .card-list-item .card-list-item-top .match-tip img[data-v-47110dfd] { margin-left: 14px; margin-right: 8px; width: 19px; height: 24px; } .cards-list .card-list-item .screen[data-v-47110dfd] { z-index: 996; } .cards-list .card-list-item .card-list-item-content[data-v-47110dfd] { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; height: 580px; background: #0e0f1d; overflow: hidden; } .cards-list .card-list-item .card-list-item-content .video-img[data-v-47110dfd] { position: absolute; top: 147px; } .cards-list .card-list-item .card-list-item-content img[data-v-47110dfd] { width: 188px; height: 234px; } .cards-list .card-list-item .card-list-item-content .live-status[data-v-47110dfd] { margin-top: 49px; font-size: 24px; font-weight: bold; color: rgba(255, 255, 255, 0.24); } .cards-list .card-list-item .card-list-item-content .sch-bolls[data-v-47110dfd] { position: relative; width: 510px; height: 510px; margin-top: 34px; background: #0e0f1d; border-radius: 50%; } .cards-list .card-list-item .card-list-item-content .sch-bolls .circleProgress_wrapper[data-v-47110dfd] { width: 510px; height: 510px; position: relative; } .cards-list .card-list-item .card-list-item-content .sch-bolls .wrapper[data-v-47110dfd] { width: 255px; height: 510px; position: absolute; top: 0; overflow: hidden; } .cards-list .card-list-item .card-list-item-content .sch-bolls .right[data-v-47110dfd] { right: 0; } .cards-list .card-list-item .card-list-item-content .sch-bolls .left[data-v-47110dfd] { left: 0; } .cards-list .card-list-item .card-list-item-content .sch-bolls .circleProgress[data-v-47110dfd] { width: 470px; height: 470px; border: 20px solid #0e0f1d; position: absolute; top: 0; border-radius: 50%; transform: rotate(-135deg); } @-webkit-keyframes circleProgressLoad_right-data-v-47110dfd { 0% { -webkit-transform: rotate(-135deg); } 50%, 100% { -webkit-transform: rotate(45deg); } } @keyframes circleProgressLoad_right-data-v-47110dfd { 0% { -webkit-transform: rotate(-135deg); } 50%, 100% { -webkit-transform: rotate(45deg); } } @-webkit-keyframes circleProgressLoad_left-data-v-47110dfd { 0%, 50% { -webkit-transform: rotate(-135deg); } 100% { -webkit-transform: rotate(45deg); } } @keyframes circleProgressLoad_left-data-v-47110dfd { 0%, 50% { -webkit-transform: rotate(-135deg); } 100% { -webkit-transform: rotate(45deg); } } .cards-list .card-list-item .card-list-item-content .sch-bolls .bolls[data-v-47110dfd] { position: absolute; top: 31px; left: 31px; width: 450px; height: 450px; background: #0e0f1d; border-radius: 50%; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll[data-v-47110dfd] { position: relative; top: 17px; width: 400px; height: 400px; line-height: 400px; text-align: center; margin: 0 auto; border-radius: 50%; border: 6px solid rgba(255, 255, 255, 0.2); overflow: hidden; font-family: "Number"; font-size: 127px; font-weight: bold; line-height: 167px; color: #ffffff; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll .avg[data-v-47110dfd] { position: absolute; top: -136px; width: 100%; text-align: center; z-index: 996; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll .all-num[data-v-47110dfd] { position: absolute; top: 103px; width: 100%; text-align: center; z-index: 996; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll .num-text[data-v-47110dfd] { margin-top: 180px; font-size: 43px; font-weight: 400; line-height: 56px; color: #ffffff; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll[data-v-47110dfd]:after { content: ""; width: 806px; height: 806px; background: var(--color); position: absolute; left: 50%; top: var(--top); transform: translate(-50%, -60%); border-radius: 37%; -webkit-animation: wave-data-v-47110dfd 5s linear infinite; animation: wave-data-v-47110dfd 5s linear infinite; } .cards-list .card-list-item .card-list-item-content .sch-bolls .boll[data-v-47110dfd]::before { content: ""; position: absolute; left: 50%; top: 0; color: #ffffff; z-index: 99; transform: translate(-80%, 120px); } @-webkit-keyframes wave-data-v-47110dfd { 100% { transform: translate(-50%, -60%) rotate(360deg); } } @keyframes wave-data-v-47110dfd { 100% { transform: translate(-50%, -60%) rotate(360deg); } } .cards-list .card-list-item .school-msg[data-v-47110dfd] { position: relative; bottom: 0; height: 227px; border-radius: 0px 0px 12px 12px; } .cards-list .card-list-item .school-msg .bg-text[data-v-47110dfd] { position: absolute; left: 40px; height: 227px; line-height: 227px; font-size: 166px; font-weight: bold; color: rgba(255, 255, 255, 0.1); } .cards-list .card-list-item .school-msg .tip-text[data-v-47110dfd] { position: absolute; top: 16px; left: 16px; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 12px; font-size: 44px; font-weight: bold; color: rgba(255, 255, 255, 0.8); z-index: 99; } .cards-list .card-list-item .school-msg .msg-content[data-v-47110dfd] { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 227px; z-index: 99; } .cards-list .card-list-item .school-msg .msg-content .status[data-v-47110dfd] { font-size: 60px; font-weight: bold; line-height: 79px; } .cards-list .card-list-item .school-msg .msg-content .sch-name[data-v-47110dfd] { max-width: 90%; margin-top: 10px; font-size: 42px; font-weight: bold; line-height: 55px; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .cards-list .card-list-item .school-msg .msg-content .video-num[data-v-47110dfd] { width: 100%; font-size: 100px; font-family: "Number"; font-weight: bold; line-height: 132px; color: #ffffff; } .cards-list .card-list-item[data-v-47110dfd]:first-child { margin-left: 0; } .rightcircle[data-v-47110dfd] { right: 0; } .leftcircle[data-v-47110dfd] { left: 0; } .card-list[data-v-47110dfd] { width: 98%; margin: 0 auto; } .card-list .left[data-v-47110dfd] { float: left; width: 67%; height: 300px; display: flex; flex-direction: row; flex-wrap: wrap; } .card-list .left .list-two-item[data-v-47110dfd] { display: flex; flex-direction: column; align-items: center; width: 48.7%; height: 880px; margin-top: 17px; margin-right: 1.3%; background: #222648; border-radius: 12px; } .card-list .left .list-two-item .charts-num[data-v-47110dfd] { position: relative; width: 510px; height: 510px; margin-top: 125px; margin-bottom: 60px; background: #222648; border-radius: 50%; } .card-list .left .list-two-item .charts-num .circleProgress_wrapper[data-v-47110dfd] { width: 510px; height: 510px; position: relative; } .card-list .left .list-two-item .charts-num .wrapper[data-v-47110dfd] { width: 255px; height: 510px; position: absolute; top: 0; overflow: hidden; } .card-list .left .list-two-item .charts-num .right[data-v-47110dfd] { right: 0; } .card-list .left .list-two-item .charts-num .left[data-v-47110dfd] { left: 0; } .card-list .left .list-two-item .charts-num .circleProgress[data-v-47110dfd] { width: 470px; height: 470px; border: 20px solid #222648; position: absolute; top: 0; border-radius: 50%; transform: rotate(-135deg); } @keyframes circleProgressLoad_right-data-v-47110dfd { 0% { -webkit-transform: rotate(-135deg); } 50%, 100% { -webkit-transform: rotate(45deg); } } @keyframes circleProgressLoad_left-data-v-47110dfd { 0%, 50% { -webkit-transform: rotate(-135deg); } 100% { -webkit-transform: rotate(45deg); } } .card-list .left .list-two-item .charts-num .bolls[data-v-47110dfd] { position: absolute; top: 31px; left: 31px; width: 450px; height: 450px; background: #222648; border-radius: 50%; } .card-list .left .list-two-item .charts-num .boll[data-v-47110dfd] { position: relative; top: 17px; width: 400px; height: 400px; line-height: 400px; text-align: center; margin: 0 auto; border-radius: 50%; border: 6px solid #373d73; overflow: hidden; font-family: "Number"; font-size: 127px; font-weight: bold; line-height: 167px; color: #ffffff; } .card-list .left .list-two-item .charts-num .boll .avg[data-v-47110dfd] { position: absolute; top: 43px; width: 100%; text-align: center; z-index: 996; } .card-list .left .list-two-item .charts-num .boll .all-num[data-v-47110dfd] { position: absolute; top: 103px; width: 100%; text-align: center; z-index: 995; } .card-list .left .list-two-item .charts-num .boll .num-text[data-v-47110dfd] { margin-top: 180px; font-size: 43px; font-weight: 400; line-height: 56px; color: #ffffff; } .card-list .left .list-two-item .charts-num .boll[data-v-47110dfd]:after { content: ""; width: 806px; height: 806px; background: var(--color); position: absolute; left: 50%; top: var(--top); transform: translate(-50%, -60%); border-radius: 37%; -webkit-animation: wave-data-v-47110dfd 5s linear infinite; animation: wave-data-v-47110dfd 5s linear infinite; } .card-list .left .list-two-item .charts-num .boll[data-v-47110dfd]::before { content: ""; position: absolute; left: 50%; top: 0; color: #ffffff; z-index: 99; transform: translate(-80%, 120px); } @keyframes wave-data-v-47110dfd { 100% { transform: translate(-50%, -60%) rotate(360deg); } } .card-list .left .list-four-item[data-v-47110dfd] { display: flex; flex-direction: column; align-items: center; width: 48.7%; height: 432px; margin-top: 17px; margin-right: 1.3%; background: #222648; border-radius: 12px; } .card-list .left .list-four-item .charts-num[data-v-47110dfd] { position: relative; width: 280px; height: 280px; background: #222648; border-radius: 50%; } .card-list .left .list-four-item .charts-num .circleProgress_wrapper[data-v-47110dfd] { width: 280px; height: 280px; position: relative; } .card-list .left .list-four-item .charts-num .wrapper[data-v-47110dfd] { width: 140px; height: 280px; position: absolute; top: 0; overflow: hidden; } .card-list .left .list-four-item .charts-num .right[data-v-47110dfd] { right: 0; } .card-list .left .list-four-item .charts-num .left[data-v-47110dfd] { left: 0; } .card-list .left .list-four-item .charts-num .circleProgress[data-v-47110dfd] { width: 260px; height: 260px; border: 10px solid #222648; position: absolute; top: 0; border-radius: 50%; transform: rotate(-135deg); } .card-list .left .list-four-item .charts-num .bolls[data-v-47110dfd] { position: absolute; top: 14px; left: 15px; width: 250px; height: 250px; background: #222648; border-radius: 50%; } .card-list .left .list-four-item .charts-num .boll[data-v-47110dfd] { position: relative; top: 7px; width: 228px; height: 228px; line-height: 228px; text-align: center; margin: 0 auto; border-radius: 50%; border: 6px solid #373d73; overflow: hidden; font-family: "Number"; font-size: 72px; font-weight: bold; line-height: 95px; color: #ffffff; } .card-list .left .list-four-item .charts-num .boll .all-num[data-v-47110dfd] { position: absolute; top: 64px; width: 100%; text-align: center; z-index: 995; } .card-list .left .list-four-item .charts-num .boll .num-text[data-v-47110dfd] { margin-top: 90px; font-size: 28px; font-weight: 400; line-height: 46px; color: #ffffff; } .card-list .left .list-four-item .charts-num .boll[data-v-47110dfd]:after { content: ""; width: 406px; height: 406px; background: var(--color); position: absolute; left: 50%; top: var(--top); transform: translate(-50%, -60%); border-radius: 37%; -webkit-animation: wave-data-v-47110dfd 5s linear infinite; animation: wave-data-v-47110dfd 5s linear infinite; } .card-list .left .list-four-item .charts-num .boll1[data-v-47110dfd]:after { background: #01c1fc; } .card-list .left .list-four-item .charts-num .boll2[data-v-47110dfd]:after { background: #11b689; } .card-list .left .list-four-item .charts-num .boll3[data-v-47110dfd]:after { background: #0c8eff; } .card-list .left .list-four-item .charts-num .boll[data-v-47110dfd]::before { content: ""; position: absolute; left: 50%; top: 0; color: #ffffff; z-index: 99; transform: translate(-80%, 120px); } @keyframes wave-data-v-47110dfd { 100% { transform: translate(-50%, -60%) rotate(360deg); } } .card-list .left .list-six-item[data-v-47110dfd] { display: flex; flex-direction: column; align-items: center; width: 32%; height: 432px; margin-top: 17px; margin-right: 1.3%; background: #222648; border-radius: 12px; } .card-list .left .list-six-item .charts-num[data-v-47110dfd] { position: relative; width: 264px; height: 264px; margin-top: 18px; background: #222648; border-radius: 50%; } .card-list .left .list-six-item .charts-num .circleProgress_wrapper[data-v-47110dfd] { width: 264px; height: 264px; position: relative; } .card-list .left .list-six-item .charts-num .wrapper[data-v-47110dfd] { width: 132px; height: 264px; position: absolute; top: 0; overflow: hidden; } .card-list .left .list-six-item .charts-num .right[data-v-47110dfd] { right: 0; } .card-list .left .list-six-item .charts-num .left[data-v-47110dfd] { left: 0; } .card-list .left .list-six-item .charts-num .circleProgress[data-v-47110dfd] { width: 244px; height: 244px; border: 10px solid #222648; position: absolute; top: 0; border-radius: 50%; transform: rotate(-135deg); } .card-list .left .list-six-item .charts-num .bolls[data-v-47110dfd] { position: absolute; top: 13px; left: 19px; width: 220px; height: 220px; background: #222648; border-radius: 50%; } .card-list .left .list-six-item .charts-num .boll[data-v-47110dfd] { position: relative; top: 7px; width: 214px; height: 214px; line-height: 214px; text-align: center; margin: 0 auto; border-radius: 50%; border: 6px solid #373d73; overflow: hidden; font-family: "Number"; font-size: 72px; font-weight: bold; line-height: 95px; color: #ffffff; } .card-list .left .list-six-item .charts-num .boll .all-num[data-v-47110dfd] { position: absolute; top: 50px; width: 100%; text-align: center; z-index: 995; } .card-list .left .list-six-item .charts-num .boll .num-text[data-v-47110dfd] { margin-top: 90px; font-size: 24px; font-weight: 400; line-height: 46px; color: #ffffff; } .card-list .left .list-six-item .charts-num .boll[data-v-47110dfd]:after { content: ""; width: 406px; height: 406px; background: var(--color); position: absolute; left: 50%; top: var(--top); transform: translate(-50%, -60%); border-radius: 37%; -webkit-animation: wave-data-v-47110dfd 5s linear infinite; animation: wave-data-v-47110dfd 5s linear infinite; } .card-list .left .list-six-item .charts-num .boll1[data-v-47110dfd]:after { background: #01c1fc; } .card-list .left .list-six-item .charts-num .boll2[data-v-47110dfd]:after { background: #11b689; } .card-list .left .list-six-item .charts-num .boll3[data-v-47110dfd]:after { background: #0c8eff; } .card-list .left .list-six-item .charts-num .boll[data-v-47110dfd]::before { content: ""; position: absolute; left: 50%; top: 0; color: #ffffff; z-index: 99; transform: translate(-80%, 120px); } @keyframes wave-data-v-47110dfd { 100% { transform: translate(-50%, -60%) rotate(360deg); } } .card-list .left .join-num[data-v-47110dfd] { margin-top: 23px; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; } .card-list .left .join-num-a[data-v-47110dfd] { display: flex; flex-direction: row; justify-content: flex-start; width: 98%; margin-left: 24px; } .card-list .left .chart[data-v-47110dfd] { width: 220px; height: 220px; line-height: 220px; text-align: center; margin-top: 41px; border-radius: 50%; font-size: 42px; font-weight: bold; } .card-list .left .charts[data-v-47110dfd] { position: relative; width: 382px; height: 382px; line-height: 382px; text-align: center; margin-top: 184px; margin-bottom: 140px; border-radius: 50%; font-size: 60px; font-weight: bold; } .card-list .left .sch-short-name[data-v-47110dfd] { position: absolute; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; border: 6px solid rgba(255, 255, 255, 0.2); background: rgba(240, 192, 1, 0.3); text-align: center; font-size: 300px; font-weight: bold; color: rgba(255, 255, 255, 0.1); z-index: 1; } .card-list .left .sch-short-name-text[data-v-47110dfd] { position: absolute; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; text-align: center; font-size: 300px; font-weight: bold; color: rgba(255, 255, 255, 0.1); z-index: 1; } .card-list .left .sch-name[data-v-47110dfd] { max-width: 94%; height: 65px; margin-top: 15px; font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; } .card-list .left .sch-name-a[data-v-47110dfd] { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .card-list .left .sch-name-b[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; } .card-list .right[data-v-47110dfd] { float: right; width: 33%; height: 300px; } .card-list .right .six-stu-list[data-v-47110dfd] { width: 100%; height: 133px; margin-top: 17px; background: #222648; border-radius: 12px; } .card-list .right .six-stu-list .top-other[data-v-47110dfd] { position: relative; top: 10px; width: 100%; height: 74px; overflow: hidden; } .card-list .right .four-stu-list[data-v-47110dfd] { width: 100%; height: 208px; margin-top: 16px; background: #222648; border-radius: 12px; } .card-list .right .four-stu-list .top-other[data-v-47110dfd] { position: relative; top: 21px; width: 100%; height: 128px; overflow: hidden; } .card-list .right .two-stu-list[data-v-47110dfd] { width: 100%; height: 432px; margin-top: 16px; background: #222648; border-radius: 12px; } .card-list .right .two-stu-list .top-other[data-v-47110dfd] { position: relative; top: 16px; width: 100%; height: 360px; overflow: hidden; } .card-list .right .stu-list-sort[data-v-47110dfd] { width: 100%; height: 880px; margin-top: 16px; background: #222648; border-radius: 12px; } .card-list .right .stu-list-sort .stu-list-sort-item[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 44px; } .card-list .right .stu-list-sort .stu-list-sort-item .stu-name-sort[data-v-47110dfd] { flex: 2; padding-left: 24px; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; } .card-list .right .stu-list-sort .stu-list-sort-item .stu-sch-sort[data-v-47110dfd] { flex: 5; font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; } .card-list .right .stu-list-sort .stu-list-sort-item .skip-amount[data-v-47110dfd] { flex: 1; font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; } .card-list .right .stu-list-sort .stu-list-sort-item .skip-amount span[data-v-47110dfd] { font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; } .card-list .right .sch-names[data-v-47110dfd] { width: 94%; padding-top: 13px; margin-left: 24px; font-size: 24px; font-weight: bold; color: #01c1fc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .card-list .right .stu-list-card[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; width: 100%; flex-wrap: wrap; } .card-list .right .stu-list-items[data-v-47110dfd] { position: relative; display: flex; flex-direction: row; } .card-list .right .stu-list-items .stu-list-item[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; width: 48%; height: 31px; margin: 5px 1%; } .card-list .right .stu-list-items .stu-list-item .stu-name[data-v-47110dfd] { width: 113px; margin-left: 18px; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .card-list .right .stu-list-items .stu-list-item .stu-class[data-v-47110dfd] { width: 75px; margin-left: 16px; font-size: 16px; font-weight: 400; line-height: 21px; color: #01c1fc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .card-list .right .stu-list-items .stu-list-item .skip-no[data-v-47110dfd] { margin-left: 16px; font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; } .rank[data-v-47110dfd] { width: 100%; margin: 0 auto; } .rank .sch-rank[data-v-47110dfd] { float: left; width: 49.98%; height: 880px; margin-top: 16px; background: #222648; border-radius: 12px 12px 0px 0px; } .rank .sch-rank .sch-rank-list[data-v-47110dfd] { width: 100%; height: 804px; margin-top: 21px; overflow: hidden; } .rank .sch-rank .sch-rank-list .sch-rank-list-item[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 134px; color: #01c1fc; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two[data-v-47110dfd]:last-child { margin-bottom: -10px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three[data-v-47110dfd]:last-child { margin-bottom: -10px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two[data-v-47110dfd] { display: flex; flex-direction: column; align-items: center; width: 100%; height: 399px; margin-bottom: 10px; border-radius: 12px; color: #ffffff; z-index: 1; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .sch-short-name-rank[data-v-47110dfd] { position: absolute; left: 40px; display: flex; flex-direction: row; align-items: center; width: 100%; height: 402px; font-size: 300px; font-weight: bold; color: rgba(255, 255, 255, 0.1); z-index: 10; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 96%; margin-top: 40px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name .sch-ranking[data-v-47110dfd] { flex: 1; font-size: 48px; font-weight: bold; line-height: 64px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name .sch-name[data-v-47110dfd] { flex: 9; font-size: 48px; font-weight: bold; line-height: 64px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a[data-v-47110dfd] { width: 95%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .sch-num-a[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; width: 96%; height: 60px; margin: 12px; padding: 0 10px; background: #b4910a; border-radius: 12px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .stu-num[data-v-47110dfd] { text-align: center; font-size: 24px; font-weight: 400; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-47110dfd] { width: 30%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .stu-num[data-v-47110dfd] { width: 30%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-47110dfd] { margin-right: 14px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-47110dfd] { width: 36%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; width: 98%; margin-top: 60px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num[data-v-47110dfd] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .rank-tips[data-v-47110dfd] { font-size: 24px; font-weight: 400; line-height: 31px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num[data-v-47110dfd] { margin: 0 0 35px 0; text-align: center; font-size: 60px; font-family: "Number"; line-height: 79px; font-weight: bold; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-all-num[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-avg-num[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-top-num[data-v-47110dfd] { flex: 3; font-family: "Number"; font-size: 38px; font-weight: bold; line-height: 50px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-all-num span[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-avg-num span[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-top-num span[data-v-47110dfd] { margin: 0 8px; font-size: 24px; font-weight: 400; line-height: 31px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two[data-v-47110dfd] { height: 399px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name[data-v-47110dfd] { margin-top: 40px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs[data-v-47110dfd] { margin-top: 63px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .rank-tips[data-v-47110dfd] { margin-bottom: 30px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a[data-v-47110dfd] { margin-top: 30px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three[data-v-47110dfd] { height: 262px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .sch-short-name-rank[data-v-47110dfd] { position: absolute; left: 40px; display: flex; flex-direction: row; align-items: center; width: 100%; height: 262px; font-size: 198px; font-weight: bold; color: rgba(255, 255, 255, 0.1); z-index: 10; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-and-name[data-v-47110dfd] { margin-top: 20px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs[data-v-47110dfd] { margin-top: 16px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .rank-tips[data-v-47110dfd] { margin-top: 0; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a[data-v-47110dfd] { margin-top: -10px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three[data-v-47110dfd] { display: flex; flex-direction: column; align-items: center; width: 100%; margin-bottom: 10px; border-radius: 12px; color: #ffffff; z-index: 1; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-and-name[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 96%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name .sch-ranking[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-and-name .sch-ranking[data-v-47110dfd] { flex: 1; font-size: 42px; font-weight: bold; line-height: 55px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-and-name .sch-name[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-and-name .sch-name[data-v-47110dfd] { flex: 9; font-size: 42px; font-weight: bold; line-height: 55px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a[data-v-47110dfd] { width: 95%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .sch-num-a[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .sch-num-a[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; width: 96%; height: 60px; margin: 12px; padding: 0 10px; background: #b4910a; border-radius: 12px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .rank[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .name[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .stu-num[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .stu-num[data-v-47110dfd] { text-align: center; font-size: 24px; font-weight: 400; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .rank[data-v-47110dfd] { width: 30%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .stu-num[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .stu-num[data-v-47110dfd] { width: 30%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .rank[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .rank[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .name[data-v-47110dfd] { margin-right: 14px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs-a .top-three .name[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs-a .top-three .name[data-v-47110dfd] { width: 36%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; width: 98%; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num[data-v-47110dfd] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .rank-tips[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .rank-tips[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; font-size: 24px; font-weight: 400; line-height: 31px; white-space: nowrap; margin-bottom: 30px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .num[data-v-47110dfd] { position: relative; display: flex; flex-direction: column; align-items: center; margin: 0; text-align: center; font-size: 48px; font-family: "Number"; line-height: 20px; font-weight: bold; color: #ffffff; width: 100% !important; height: 28px; margin-bottom: 50px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num .num-total[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .num .num-total[data-v-47110dfd] { position: absolute; /* left: 50%; */ top: 50%; transform: translate(0%, -50%); } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num .num-total .toatl[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .num .num-total .toatl[data-v-47110dfd] { float: left; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num .num-total .unit[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .num .num-total .unit[data-v-47110dfd] { float: left; font-size: 26px; margin-left: 8px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .unit[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .unit[data-v-47110dfd] { font-weight: 400; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-num .num-title[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-num .num-title[data-v-47110dfd] { position: absolute; width: 100%; font-size: 20px; font-weight: 400; top: 30%; left: 50%; transform: translate(-50%, -50%); margin-top: 60px; color: rgba(255, 255, 255, 0.6); } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-all-num[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-all-num[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-avg-num[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-avg-num[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-top-num[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-top-num[data-v-47110dfd] { flex: 3; font-family: "Number"; font-size: 38px; font-weight: bold; line-height: 50px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-all-num span[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-all-num span[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-avg-num span[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-avg-num span[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-two .rank-msgs .sch-top-num span[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-three .rank-msgs .sch-top-num span[data-v-47110dfd] { margin: 0 8px; font-size: 24px; font-weight: 400; line-height: 31px; } .rank .sch-rank .sch-rank-list .sch-rank-list-item-four[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 201px; color: #01c1fc; } .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-ranking[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-ranking[data-v-47110dfd] { flex: 1.8; font-size: 48px; font-weight: bold; line-height: 64px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-name[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-name[data-v-47110dfd] { flex: 5; font-size: 24px; font-weight: bold; line-height: 31px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-all-num[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-all-num[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-avg-num[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-avg-num[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-top-num[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-top-num[data-v-47110dfd] { flex: 3; font-family: "Number"; font-size: 38px; font-weight: bold; line-height: 50px; color: #ffffff; } .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-all-num span[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-all-num span[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-avg-num span[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-avg-num span[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item .sch-top-num span[data-v-47110dfd], .rank .sch-rank .sch-rank-list .sch-rank-list-item-four .sch-top-num span[data-v-47110dfd] { margin: 0 8px; font-size: 24px; font-weight: 400; line-height: 31px; } .rank .stu-rank[data-v-47110dfd] { float: right; width: 49%; height: 880px; margin-top: 16px; background: #222648; border-radius: 12px 12px 0px 0px; } .rank .stu-rank .stu-rank-list[data-v-47110dfd] { width: 100%; height: 804px; margin-top: 21px; overflow: hidden; } .rank .stu-rank .stu-rank-list .top-three-stu[data-v-47110dfd] { position: relative; top: 0; width: 100%; height: 240px; overflow: hidden; } .rank .stu-rank .stu-rank-list .top-others[data-v-47110dfd] { position: relative; top: 0.5px; width: 100%; height: 486px; overflow: hidden; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; width: 100%; height: 80px; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .tip[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .tip[data-v-47110dfd] { margin-left: 8px; font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-ranking[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-ranking[data-v-47110dfd] { flex: 1; font-size: 38px; font-weight: bold; line-height: 50px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-ranking[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-ranking[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-count[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-count[data-v-47110dfd] { font-size: 38px; font-family: "Number"; font-weight: bold; line-height: 50px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-name[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-name[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-class[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-class[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .skip-no[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .skip-no[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-count[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-count[data-v-47110dfd] { flex: 3; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-schs[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-schs[data-v-47110dfd] { flex: 3; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-schs .stu-sch[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-schs .stu-sch[data-v-47110dfd] { max-width: 230px; height: 50px; line-height: 50px; text-align: center; padding: 0 10px; margin-right: 30px; border-radius: 8px; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .other-msg[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .other-msg[data-v-47110dfd] { flex: 6; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-name[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-name[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .skip-no[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .skip-no[data-v-47110dfd] { font-size: 24px; font-weight: bold; line-height: 31px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-sch[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-sch[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-class[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-class[data-v-47110dfd] { font-size: 24px; font-weight: 400; line-height: 31px; color: #01c1fc; } .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-name[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-name[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-three-stu .stu-rank-list-item .stu-sch[data-v-47110dfd], .rank .stu-rank .stu-rank-list .top-others .stu-rank-list-item .stu-sch[data-v-47110dfd] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rank .rank-title[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 20px; font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; line-height: 31px; color: #01c1fc; } .rank .td[data-v-47110dfd] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .rank .rank-imgs[data-v-47110dfd] { width: 50px; height: 50px; } .rank .rank-imgs .rank-img[data-v-47110dfd] { width: 50px; height: 50px; } .cartoon[data-v-47110dfd] { position: fixed; width: 100%; height: 100%; z-index: 997; } .cartoon .content[data-v-47110dfd] { position: absolute; top: calc(43.8vh); left: 50%; width: 660px; height: 660px; line-height: 660px; text-align: center; background: rgba(225, 225, 225, 0.7); border-radius: 28px; font-size: 220px; font-weight: bold; color: #5e95f9; border-radius: 50%; border: none; transform: translate(-50%, -50%); z-index: 997; } .is-start[data-v-47110dfd] { position: relative; top: 260px; width: 320px; height: 175px; margin: 0 auto; } .is-start img[data-v-47110dfd] { position: relative; left: 50%; transform: translate(-50%); width: 140px; height: 102px; } .is-start .text[data-v-47110dfd] { position: relative; top: 40px; text-align: center; font-size: 24px; font-weight: bold; color: #ffffff; } .charts-a[data-v-47110dfd] { border: 10px solid #373d73; color: #01c1fc; } .charts-b[data-v-47110dfd] { border: 10px solid rgba(255, 111, 140, 0.4); color: #ff6f8c; } .chart-a[data-v-47110dfd] { border: 6px solid #373d73; color: #01c1fc; } .chart-b[data-v-47110dfd] { border: 6px solid rgba(255, 111, 140, 0.4); color: #ff6f8c; } .status-a[data-v-47110dfd] { color: #01c1fc; } .status-b[data-v-47110dfd] { color: #ff6f8c; } .charts-text-a[data-v-47110dfd] { position: relative; color: #ffffff; z-index: 99; } .charts-text-b[data-v-47110dfd] { position: relative; color: #ff6f8c; z-index: 99; } *[data-v-722dfd9c] { margin: 0; padding: 0; } .my-chart[data-v-722dfd9c] { width: 100%; height: 240px; margin-top: 15px; } .main[data-v-722dfd9c] { position: relative; width: 1920px; height: 1080px; background: radial-gradient(circle, #D4DEEC, #EAEFF6); } .skip-title img[data-v-722dfd9c] { width: 1920px; height: 76px; } .total[data-v-722dfd9c] { position: absolute; z-index: 9; width: 100%; display: flex; } .total .total-li[data-v-722dfd9c] { flex: 1; margin-top: 45px; padding-left: 100px; } .total .total-li .name[data-v-722dfd9c] { font-size: 28px; font-weight: bold; color: #262626; margin-bottom: 4px; } .total .total-li .type[data-v-722dfd9c] { font-size: 14px; color: #595959; } .map[data-v-722dfd9c] { position: relative; width: 815px; height: 815px; margin-left: 460px; margin-top: 10px; } .map img[data-v-722dfd9c] { width: 100%; height: 100%; } .map .xuan0[data-v-722dfd9c] { top: 80px; left: 218px; -webkit-animation: xuandan0-data-v-722dfd9c 5s 1; animation: xuandan0-data-v-722dfd9c 5s 1; } .map .xuan1[data-v-722dfd9c] { top: 162px; left: 336px; -webkit-animation: xuandan1-data-v-722dfd9c 5s 1; animation: xuandan1-data-v-722dfd9c 5s 1; } .map .xuan2[data-v-722dfd9c] { top: 175px; left: 445px; -webkit-animation: xuandan2-data-v-722dfd9c 5s 1; animation: xuandan2-data-v-722dfd9c 5s 1; } .map .xuan3[data-v-722dfd9c] { top: 132px; left: 172px; -webkit-animation: xuandan3-data-v-722dfd9c 5s 1; animation: xuandan3-data-v-722dfd9c 5s 1; } .map .xuan4[data-v-722dfd9c] { top: 266px; left: 263px; -webkit-animation: xuandan4-data-v-722dfd9c 5s 1; animation: xuandan4-data-v-722dfd9c 5s 1; } .map .xuan5[data-v-722dfd9c] { top: 156px; left: 110px; -webkit-animation: xuandan5-data-v-722dfd9c 5s 1; animation: xuandan5-data-v-722dfd9c 5s 1; } .map .xuan6[data-v-722dfd9c] { top: 464px; left: 288px; -webkit-animation: xuandan6-data-v-722dfd9c 5s 1; animation: xuandan6-data-v-722dfd9c 5s 1; } .map .xuan7[data-v-722dfd9c] { top: 214px; left: 118px; -webkit-animation: xuandan7-data-v-722dfd9c 5s 1; animation: xuandan7-data-v-722dfd9c 5s 1; } .map .xuan8[data-v-722dfd9c] { top: 392px; left: 347px; -webkit-animation: xuandan8-data-v-722dfd9c 5s 1; animation: xuandan8-data-v-722dfd9c 5s 1; } .map .xuan9[data-v-722dfd9c] { top: 308px; left: 143px; -webkit-animation: xuandan9-data-v-722dfd9c 5s 1; animation: xuandan9-data-v-722dfd9c 5s 1; } .map .xuan[data-v-722dfd9c] { position: absolute; z-index: 10; width: 200px; height: 120px; background: #FFFFFF; box-shadow: 0px 6px 6px 0px rgba(170, 186, 210, 0.33); border-radius: 10px; } .map .xuan .info[data-v-722dfd9c] { width: 100%; height: 100px; } .map .xuan .info .info-name[data-v-722dfd9c] { font-size: 13px; color: #1890FF; margin-top: 14px; margin-left: 18px; font-weight: bold; } .map .xuan .info .info-type[data-v-722dfd9c] { display: flex; margin-top: 10px; overflow: hidden; } .map .xuan .info .info-type .name[data-v-722dfd9c] { font-size: 12px; width: 100px; color: #8C8C8C; margin-left: 18px; } .map .xuan .info .info-type .num[data-v-722dfd9c] { flex: 1; color: #262626; font-size: 13px; font-weight: bold; } .map .xuan .angle[data-v-722dfd9c] { width: 0; height: 0; margin-top: 6px; margin-left: 100px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid white; } .map .xuan img[data-v-722dfd9c] { width: 13px; height: 15px; margin-top: 4px; margin-left: 96px; } @-webkit-keyframes xuandan0-data-v-722dfd9c { 0% { opacity: 1; } 25% { opacity: 0.8; } 50% { opacity: 0.8; } 100% { opacity: 0; } } @keyframes xuandan0-data-v-722dfd9c { 0% { opacity: 1; } 25% { opacity: 0.8; } 50% { opacity: 0.8; } 100% { opacity: 0; } } @-webkit-keyframes xuandan1-data-v-722dfd9c { 0% { opacity: 1; } 25% { opacity: 0.8; } 50% { opacity: 0.8; } 100% { opacity: 0; } } @keyframes xuandan1-data-v-722dfd9c { 0% { opacity: 1; } 25% { opacity: 0.8; } 50% { opacity: 0.8; } 100% { opacity: 0; } } @-webkit-keyframes xuandan2-data-v-722dfd9c { 0% { opacity: 1; } 25% { opacity: 0.8; } 50% { opacity: 0.8; } 100% { opacity: 0; } } @keyframes xuandan2-data-v-722dfd9c { 0% { opacity: 1; } 25% { opacity: 0.8; } 50% { opacity: 0.8; } 100% { opacity: 0; } } @-webkit-keyframes xuandan3-data-v-722dfd9c { 0% { opacity: 1; } 25% { opacity: 0.8; } 50% { opacity: 0.8; } 100% { opacity: 0; } } @keyframes xuandan3-data-v-722dfd9c { 0% { opacity: 1; } 25% { opacity: 0.8; } 50% { opacity: 0.8; } 100% { opacity: 0; } } @-webkit-keyframes xuandan4-data-v-722dfd9c { 0% { opacity: 1; } 25% { opacity: 0.8; } 50% { opacity: 0.8; } 100% { opacity: 0; } } @keyframes xuandan4-data-v-722dfd9c { 0% { opacity: 1; } 25% { opacity: 0.8; } 50% { opacity: 0.8; } 100% { opacity: 0; } } @-webkit-keyframes xuandan5-data-v-722dfd9c { 0% { opacity: 1; } 25% { opacity: 0.8; } 50% { opacity: 0.8; } 100% { opacity: 0; } } @keyframes xuandan5-data-v-722dfd9c { 0% { opacity: 1; } 25% { opacity: 0.8; } 50% { opacity: 0.8; } 100% { opacity: 0; } } @-webkit-keyframes xuandan6-data-v-722dfd9c { 0% { opacity: 1; } 25% { opacity: 0.8; } 50% { opacity: 0.8; } 100% { opacity: 0; } } @keyframes xuandan6-data-v-722dfd9c { 0% { opacity: 1; } 25% { opacity: 0.8; } 50% { opacity: 0.8; } 100% { opacity: 0; } } @-webkit-keyframes xuandan7-data-v-722dfd9c { 0% { opacity: 1; } 25% { opacity: 0.8; } 50% { opacity: 0.8; } 100% { opacity: 0; } } @keyframes xuandan7-data-v-722dfd9c { 0% { opacity: 1; } 25% { opacity: 0.8; } 50% { opacity: 0.8; } 100% { opacity: 0; } } @-webkit-keyframes xuandan8-data-v-722dfd9c { 0% { opacity: 1; } 25% { opacity: 0.8; } 50% { opacity: 0.8; } 100% { opacity: 0; } } @keyframes xuandan8-data-v-722dfd9c { 0% { opacity: 1; } 25% { opacity: 0.8; } 50% { opacity: 0.8; } 100% { opacity: 0; } } @-webkit-keyframes xuandan9-data-v-722dfd9c { 0% { opacity: 1; } 25% { opacity: 0.8; } 50% { opacity: 0.8; } 100% { opacity: 0; } } @keyframes xuandan9-data-v-722dfd9c { 0% { opacity: 1; } 25% { opacity: 0.8; } 50% { opacity: 0.8; } 100% { opacity: 0; } } .left[data-v-722dfd9c] { position: absolute; top: 208px; left: 50px; width: 432px; height: 543px; background: #FFFFFF; box-shadow: 0px 4px 5px 0px rgba(169, 180, 204, 0.26); border-radius: 10px; } .left .titles[data-v-722dfd9c] { font-size: 20px; color: #212C3A; margin-left: 26px; margin-top: 30px; font-weight: bold; } .left .tab[data-v-722dfd9c] { display: flex; width: 384px; height: 36px; margin-left: 25px; margin-top: 17px; border-radius: 4px; background: #EBF0F6; color: #595959; } .left .tab .tab-li[data-v-722dfd9c] { flex: 1; text-align: center; line-height: 36px; } .left .tab .sel[data-v-722dfd9c] { border-radius: 4px; background: #1890FF; color: #FFFFFF; } .left .tab-rank[data-v-722dfd9c] { width: 384px; height: 42px; line-height: 42px; margin-left: 25px; overflow: hidden; font-size: 16px; } .left .tab-rank .rank[data-v-722dfd9c] { float: left; width: 10%; text-align: center; } .left .tab-rank .rank img[data-v-722dfd9c] { width: 30px; height: 32px; margin-top: 6px; } .left .tab-rank .name[data-v-722dfd9c] { float: left; width: 50%; } .left .tab-rank .number[data-v-722dfd9c] { float: left; width: 40%; color: #262626; font-weight: bold; text-align: right; } .left-bottom[data-v-722dfd9c] { position: absolute; bottom: 41px; left: 50px; width: 1130px; height: 250px; border-radius: 10px; } .left-bottom .titles[data-v-722dfd9c] { font-size: 20px; color: #262626; margin-left: 26px; margin-top: 0px; font-weight: bold; height: 20px; } .left-bottom .titles .name[data-v-722dfd9c] { float: left; } .left-bottom .titles .unit[data-v-722dfd9c] { float: right; font-size: 12px; font-weight: 600; color: #7F97BD; margin-right: 40px; margin-top: 14px; } .rgiht-top[data-v-722dfd9c] { position: absolute; top: 208px; right: 48px; width: 612px; height: 190px; display: flex; justify-content: space-between; } .rgiht-top .one[data-v-722dfd9c] { background: #8179F7; } .rgiht-top .two[data-v-722dfd9c] { background: #6EBFF7; } .rgiht-top .three[data-v-722dfd9c] { background: #EE936F; } .rgiht-top .layer[data-v-722dfd9c] { width: 194px; height: 189px; border-radius: 12px; text-align: center; } .rgiht-top .layer img[data-v-722dfd9c] { width: 48px; height: 48px; margin-top: 36px; } .rgiht-top .layer .totals[data-v-722dfd9c] { text-align: center; font-size: 24px; font-weight: bold; color: #FFFFFF; margin-top: 20px; } .rgiht-top .layer .names[data-v-722dfd9c] { text-align: center; font-size: 14px; color: #FFFFFF; margin-top: 12px; } .rgiht-bottom[data-v-722dfd9c] { position: absolute; top: 415px; right: 48px; width: 612px; height: 624px; background: #FFFFFF; box-shadow: 0px 4px 5px 0px rgba(169, 180, 204, 0.26); border-radius: 10px; } .rgiht-bottom .titles[data-v-722dfd9c] { font-size: 20px; color: #212C3A; margin-left: 24px; margin-top: 35px; font-weight: bold; } .rgiht-bottom .border[data-v-722dfd9c] { border-top: 1px solid #EDEDED; } .rgiht-bottom .pk-title[data-v-722dfd9c], .rgiht-bottom .pk-list[data-v-722dfd9c] { width: 560px; height: 50px; line-height: 50px; margin: 0 auto; color: #262626; font-weight: bold; font-size: 14px; } .rgiht-bottom .pk-title strong[data-v-722dfd9c], .rgiht-bottom .pk-list strong[data-v-722dfd9c] { color: #ED9E2E; } .rgiht-bottom .pk-title .school[data-v-722dfd9c], .rgiht-bottom .pk-list .school[data-v-722dfd9c] { float: left; width: 68%; } .rgiht-bottom .pk-title .school-people[data-v-722dfd9c], .rgiht-bottom .pk-list .school-people[data-v-722dfd9c] { float: left; width: 16%; text-align: center; } .rgiht-bottom .pk-title .school-number[data-v-722dfd9c], .rgiht-bottom .pk-list .school-number[data-v-722dfd9c] { float: left; width: 16%; text-align: center; } .rgiht-bottom .pk-title .school-name[data-v-722dfd9c], .rgiht-bottom .pk-list .school-name[data-v-722dfd9c] { font-size: 14px; font-weight: 400; color: #000000; } .rgiht-bottom .pk-title .bold[data-v-722dfd9c], .rgiht-bottom .pk-list .bold[data-v-722dfd9c] { font-weight: 600; } .is10[data-v-a9c3862e] { height: 40px !important; } .left22[data-v-a9c3862e] { left: 22px !important; } .center-text .title[data-v-a9c3862e] { font-size: 12px !important; } .db-logo[data-v-a9c3862e] { position: absolute; width: 53px; height: 92px; right: 12px; top: 12px; } .cs-map[data-v-a9c3862e] { position: relative; } .cs-map .csbj[data-v-a9c3862e] { position: absolute; width: 723px; height: 298px; top: 170px; left: 36px; } .cs-map .wc[data-v-a9c3862e] { position: absolute; width: 120px; height: 160px; top: 207px; left: 266px; } .cs-map .nx[data-v-a9c3862e] { position: absolute; width: 278px; height: 226px; top: 234px; left: 37px; } .cs-map .ly[data-v-a9c3862e] { position: absolute; width: 328px; height: 258px; top: 206px; left: 429px; } .cs-map .csx[data-v-a9c3862e] { position: absolute; width: 163px; height: 234px; top: 171px; left: 365px; } .cs-map .tx[data-v-a9c3862e] { position: absolute; width: 36px; height: 89px; top: 338px; left: 351px; } .cs-map .yl[data-v-a9c3862e] { position: absolute; width: 110px; height: 119px; top: 306px; left: 255px; } .cs-map .yh[data-v-a9c3862e] { position: absolute; width: 62px; height: 110px; top: 337px; left: 369px; } .cs-map .kf[data-v-a9c3862e] { position: absolute; width: 52px; height: 74px; top: 270px; left: 346px; } .cs-map .gx[data-v-a9c3862e] { position: absolute; width: 40px; height: 40px; top: 312px; left: 315px; } .cs-map .fr[data-v-a9c3862e] { position: absolute; width: 44px; height: 24px; top: 325px; left: 363px; } .cs-map .nx-info-address[data-v-a9c3862e] { top: 42px; left: 10px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .wc-info-address[data-v-a9c3862e] { top: 30px; left: 100px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .ly-info-address[data-v-a9c3862e] { top: 30px; left: 45px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .csx-info-address[data-v-a9c3862e] { top: 30px; left: 45px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .tx-info-address[data-v-a9c3862e] { top: 40px; left: 45px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .yl-info-address[data-v-a9c3862e] { top: 40px; left: 45px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .yh-info-address[data-v-a9c3862e] { top: 38px; left: 103px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .kf-info-address[data-v-a9c3862e] { top: 38px; left: 50px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .gx-info-address[data-v-a9c3862e] { top: 150px; left: 50px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .fr-info-address[data-v-a9c3862e] { top: 150px; left: 100px; background: linear-gradient(180deg, rgba(53, 151, 255, 0.3) 0%, rgba(53, 151, 255, 0.8) 100%); } .cs-map .lh-bg[data-v-a9c3862e] { background: linear-gradient(180deg, rgba(78, 201, 225, 0.3) 0%, rgba(78, 201, 225, 0.8) 100%); } .cs-map .db-bg[data-v-a9c3862e] { background: linear-gradient(180deg, rgba(0, 224, 83, 0.3) 0%, rgba(0, 224, 83, 0.8) 100%); } .cs-map .wdb-bg[data-v-a9c3862e] { background: linear-gradient(180deg, rgba(241, 148, 102, 0.3) 0%, rgba(241, 148, 102, 0.8) 100%); } .cs-map .wc-info[data-v-a9c3862e] { position: absolute; width: 480px; height: 152px; opacity: 1; border-radius: 4px; } .cs-map .wc-info .info-analyse[data-v-a9c3862e] { font-size: 14px; margin-top: 10px; padding-left: 18px; } .cs-map .wc-info .info-analyse .analyse-item[data-v-a9c3862e] { color: #a7c5ef; margin-top: 12px; float: left; margin-right: 18px; } .cs-map .wc-info .info-analyse .analyse-item span[data-v-a9c3862e] { font-weight: bold; color: #ffffff; } .cs-map .wc-info .info-name[data-v-a9c3862e] { font-weight: bold; font-size: 20px; padding-left: 18px; padding-top: 15px; } .cs-map .wc-info .info-data[data-v-a9c3862e] { overflow: hidden; } .cs-map .wc-info .cy-number[data-v-a9c3862e] { float: left; margin-top: 14px; margin-right: 20px; } .cs-map .wc-info .cy-number .cy-name[data-v-a9c3862e] { padding-left: 18px; font-size: 14px; color: #ffffff; opacity: 0.6; } .cs-map .wc-info .cy-number .cy-data[data-v-a9c3862e] { margin-top: 10px; padding-left: 18px; font-size: 24px; color: #ffffff; font-weight: bold; } .cs-map .wc-info .cy-number .cy-data span[data-v-a9c3862e] { font-size: 14px; } .cs-map .wc-sj[data-v-a9c3862e] { position: absolute; top: 182px; left: 290px; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .nx-sj[data-v-a9c3862e] { position: absolute; top: 194px; left: 160px; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .ly-sj[data-v-a9c3862e] { position: absolute; top: 98px; left: 520px; width: 0; height: 0; transform: rotate(270deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .csx-sj[data-v-a9c3862e] { position: absolute; top: 98px; left: 520px; width: 0; height: 0; transform: rotate(270deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .tx-sj[data-v-a9c3862e] { position: absolute; top: 192px; left: 350px; width: 0; height: 0; transform: rotate(360deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .yl-sj[data-v-a9c3862e] { position: absolute; top: 192px; left: 316px; width: 0; height: 0; transform: rotate(360deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .yh-sj[data-v-a9c3862e] { position: absolute; top: 190px; left: 381px; width: 0; height: 0; transform: rotate(360deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .kf-sj[data-v-a9c3862e] { position: absolute; top: 190px; left: 364px; width: 0; height: 0; transform: rotate(360deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .gx-sj[data-v-a9c3862e] { position: absolute; top: 301px; left: 322px; width: 0; height: 0; transform: rotate(360deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .fr-sj[data-v-a9c3862e] { position: absolute; top: 301px; left: 368px; width: 0; height: 0; transform: rotate(360deg); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #3597ff; } .cs-map .lh-sj[data-v-a9c3862e] { border-top: 10px solid #4ec9e1; } .cs-map .db-sj[data-v-a9c3862e] { border-top: 10px solid #00e053; } .cs-map .wdb-sj[data-v-a9c3862e] { border-top: 10px solid #f19466; } .cs-map .cs-target[data-v-a9c3862e] { display: flex; justify-content: center; align-items: center; } .cs-map .cs-target .cs-content[data-v-a9c3862e] { position: absolute; top: 490px; } .cs-map .cs-target .mt4[data-v-a9c3862e] { margin-top: 4px; } .cs-map .cs-target .cs-target-item[data-v-a9c3862e] { float: left; margin-right: 20px; color: #91c8ff; font-size: 14px; } .cs-map .cs-target .cs-target-item span[data-v-a9c3862e] { font-size: 18px; color: #ffffff; font-weight: bold; } .bmi-standard[data-v-a9c3862e] { position: relative; top: 10px; right: 0; width: 510px; } .bmi-standard .bmi-data[data-v-a9c3862e] { position: relative; top: 20px; height: 220px; padding: 0 25.5px; } .bmi-standard .bmi-data .bmi-data-item[data-v-a9c3862e] { display: inline-block; position: relative; width: 51px; height: 220px; text-align: center; } .bmi-standard .bmi-data .bmi-data-item .bmi-rate[data-v-a9c3862e] { font-family: "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #0E3642; } .bmi-standard .bmi-data .bmi-data-item .bmi-chart[data-v-a9c3862e] { position: relative; width: 18px; height: 155px; margin: 4px auto; border-radius: 9px; background-color: #F5F5F5; } .bmi-standard .bmi-data .bmi-data-item .bmi-chart .bmi-chart-use[data-v-a9c3862e] { position: absolute; left: 0; bottom: 0; width: 18px; border-radius: 9px; -webkit-animation: bmi-chart-use-data-v-a9c3862e 3s ease-in-out; background-color: #5997ff; background-image: linear-gradient(top, #5997ff, #5997ff); } @-webkit-keyframes bmi-chart-use-data-v-a9c3862e { 0% { height: 0; } 0% { height: 0; } } .bmi-standard .bmi-data .bmi-data-item .bmi-grade[data-v-a9c3862e] { position: relative; top: 14px; left: -5px; font-family: "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #91c8ff; transform: rotate(-60deg); -ms-transform: rotate(-60deg); /* IE 9 */ -moz-transform: rotate(-60deg); /* Firefox */ -webkit-transform: rotate(-60deg); /* Safari 和 Chrome */ -o-transform: rotate(-60deg); /* Opera */ } .tx-screen[data-v-a9c3862e] { position: relative; top: 0; bottom: 0; left: 0; right: 0; width: 1920px; height: 1080px; padding: 0; margin: 0; background: #000; background: linear-gradient(180deg, #EEEFFF 0%, #F5F5FF 100%); background-size: 100% 100%; } .tx-screen .titles[data-v-a9c3862e] { position: relative; top: 0; width: 100%; padding-top: 20px; text-align: center; font-family: "Microsoft YaHei"; color: #0184DE; line-height: 59px; font-size: 42px; height: 101px; background: url(../img/top_bg2.01fdd4d5.png) no-repeat; background-size: 1920px 101px; } .tx-screen .titles .title-time[data-v-a9c3862e] { position: absolute; font-size: 14px; font-weight: 400; color: #0E3642; right: 42px; top: 75px; } .tx-screen .content[data-v-a9c3862e] { position: relative; top: -20px; left: 0; bottom: 40px; margin: 20px auto; width: 1840px; height: 921px; } .tx-screen .content .content-title[data-v-a9c3862e] { position: relative; top: 0; left: 0; width: 100%; height: 42px; line-height: 42px; text-align: center; font-family: "Microsoft YaHei"; font-size: 20px; font-weight: bold; } .tx-screen .content .content-title .line[data-v-a9c3862e] { display: inline-block; position: relative; vertical-align: middle; width: 64px; height: 5px; border-radius: 3px; } .tx-screen .content .content-title .left-line[data-v-a9c3862e] { margin-right: 4px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #84aaff 100%); } .tx-screen .content .content-title .right-line[data-v-a9c3862e] { margin-left: 4px; background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #84aaff 100%); } .tx-screen .content .content-title .text[data-v-a9c3862e] { display: inline-block; position: relative; vertical-align: top; font-family: "Microsoft YaHei"; font-size: 20px; font-weight: bold; color: #0184DE; } .tx-screen .content .left[data-v-a9c3862e] { float: left; } .tx-screen .content .left .hot-sport[data-v-a9c3862e] { position: relative; top: 0; left: 0; width: 510px; height: 266px; background: #FFFFFF; box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04); border-radius: 12px 12px 12px 12px; background-size: 510px 266px; } .tx-screen .content .left .hot-sport .hot-sport-content[data-v-a9c3862e] { position: relative; top: 16px; left: 20px; width: 470px; height: 188px; } .tx-screen .content .left .hot-sport .hot-sport-content table[data-v-a9c3862e] { position: relative; width: 470px; height: 94px; } .tx-screen .content .left .hot-sport .hot-sport-content table tr td[data-v-a9c3862e] { width: 117.5px; font-size: 14px; font-family: "Microsoft YaHei"; font-weight: bold; line-height: 20px; padding-top: 16px; color: #0E3642; } .tx-screen .content .left .hot-sport .hot-sport-content table tr td .td-num[data-v-a9c3862e] { margin-top: 8px; font-size: 20px; font-family: "Microsoft YaHei"; font-weight: bold; line-height: 30px; color: #0E3642; } .tx-screen .content .left .hot-sport .hot-sport-content table tr .td-line[data-v-a9c3862e] { width: 1px; height: 30px; background-color: #5A73BB; } .tx-screen .content .left .hot-sport .hot-sport-content table tr .td-line1[data-v-a9c3862e] { position: absolute; top: 30px; left: 117.5px; } .tx-screen .content .left .hot-sport .hot-sport-content table tr .td-line2[data-v-a9c3862e] { position: absolute; top: 30px; left: 235px; } .tx-screen .content .left .hot-sport .hot-sport-content table tr .td-line3[data-v-a9c3862e] { position: absolute; top: 30px; left: 352.5px; } .tx-screen .content .left .join-trend[data-v-a9c3862e] { position: relative; top: 10px; left: 0; width: 510px; height: 337px; background: #FFFFFF; box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04); border-radius: 12px 12px 12px 12px; background-size: 510px 337px; } .tx-screen .content .left .join-trend .join-trend-chart[data-v-a9c3862e] { position: relative; top: 30px; left: 20px; width: 470px; height: 250px; } .tx-screen .content .left .join-trend2[data-v-a9c3862e] { position: relative; top: 0; left: 0; width: 510px; height: 298px; margin-top: 20px; background: #FFFFFF; box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04); border-radius: 12px 12px 12px 12px; background-size: 510px 298px; } .tx-screen .content .left .join-trend2 .stu-sport-chart[data-v-a9c3862e] { display: inline-block; position: relative; top: 19px; left: 20px; width: 210px; height: 220px; } .tx-screen .content .left .join-trend2 .stu-sport-data-a[data-v-a9c3862e], .tx-screen .content .left .join-trend2 .stu-sport-data-b[data-v-a9c3862e] { display: inline-block; position: relative; top: 19px; left: 20px; width: 130px; height: 210px; } .tx-screen .content .left .join-trend2 .stu-sport-data-a ul[data-v-a9c3862e], .tx-screen .content .left .join-trend2 .stu-sport-data-b ul[data-v-a9c3862e] { position: absolute; margin: 0; padding: 0; width: 100%; height: 210px; font-size: 0; white-space: normal; } .tx-screen .content .left .join-trend2 .stu-sport-data-a ul li[data-v-a9c3862e], .tx-screen .content .left .join-trend2 .stu-sport-data-b ul li[data-v-a9c3862e] { position: relative; text-decoration: none; list-style-type: none; width: 130px; height: 34px; margin: 0; line-height: 35px; font-family: "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #fff; } .tx-screen .content .left .join-trend2 .stu-sport-data-a ul li .color[data-v-a9c3862e], .tx-screen .content .left .join-trend2 .stu-sport-data-b ul li .color[data-v-a9c3862e] { display: inline-block; position: absolute; top: 10px; left: 10px; width: 24px; height: 14px; border-radius: 4px; } .tx-screen .content .left .join-trend2 .stu-sport-data-a ul li .grade[data-v-a9c3862e], .tx-screen .content .left .join-trend2 .stu-sport-data-b ul li .grade[data-v-a9c3862e] { display: inline-block; margin-left: 40px; color: #93afff; } .tx-screen .content .left .join-trend2 .stu-sport-data-a ul li .rate[data-v-a9c3862e], .tx-screen .content .left .join-trend2 .stu-sport-data-b ul li .rate[data-v-a9c3862e] { display: inline-block; margin-left: 6px; color: #fff; } .tx-screen .content .center[data-v-a9c3862e] { position: relative; top: 0; width: 800px; height: 921px; margin: 10px auto; } .tx-screen .content .center .map[data-v-a9c3862e] { position: relative; top: 0; left: 0; width: 800px; height: 608px; color: #fff; } .tx-screen .content .center .map .top-top[data-v-a9c3862e] { display: flex; flex-direction: row; align-items: center; } .tx-screen .content .center .map .top-num[data-v-a9c3862e] { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 80px; text-align: center; overflow: hidden; font-size: 24px; font-family: "Microsoft YaHei"; font-weight: bold; color: #0E3642; } .tx-screen .content .center .map .stu-num[data-v-a9c3862e] { position: relative; top: 0; left: 0; width: 220px; background: #FFFFFF; box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04); border-radius: 12px 12px 12px 12px; } .tx-screen .content .center .map .sport-num[data-v-a9c3862e] { position: relative; top: 0; left: 10px; width: 340px; background: #FFFFFF; box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04); border-radius: 12px 12px 12px 12px; background-size: 340px 80px; } .tx-screen .content .center .map .sport-num .up-icon[data-v-a9c3862e] { display: inline-block; width: 10px; height: 16px; margin: 0 10px; } .tx-screen .content .center .map .sport-num .down-icon[data-v-a9c3862e] { display: inline-block; width: 25px; height: 22px; margin: 0 2px 0 5px; vertical-align: middle; } .tx-screen .content .center .map .sch-num[data-v-a9c3862e] { position: relative; top: 0; left: 20px; width: 220px; background: #FFFFFF; box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04); border-radius: 12px 12px 12px 12px; background-size: 220px 80px; } .tx-screen .content .center .map .sch-nums[data-v-a9c3862e] { position: relative; top: 0; left: 20px; width: 192px; background: #FFFFFF; box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04); border-radius: 12px 12px 12px 12px; background-size: 192px 80px; margin-right: 10px; } .tx-screen .content .center .map .ml20[data-v-a9c3862e] { margin-left: -20px; } .tx-screen .content .center .map .num-text[data-v-a9c3862e] { margin-right: 5px; font-size: 14px; font-family: "Microsoft YaHei"; font-weight: bold; line-height: 20px; color: #0E3642; } .tx-screen .content .center .map .map-data[data-v-a9c3862e] { position: relative; top: 5px; width: 800px; height: 520px; margin: 5px auto; } .tx-screen .content .center .map .map-data .card[data-v-a9c3862e] { position: relative; width: 235px; height: 122px; -webkit-animation-name: card-data-v-a9c3862e; /*动画名称*/ -webkit-animation-duration: 1.5s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/ -webkit-animation: card-data-v-a9c3862e 10s infinite linear; } @-webkit-keyframes card-data-v-a9c3862e { 0% { opacity: 0; /*初始状态 透明度为0*/ } 50% { opacity: 1; /*中间状态 透明度为0*/ } 100% { opacity: 1; /*结尾状态 透明度为1*/ } } .tx-screen .content .center .map .map-data .card .sch-name[data-v-a9c3862e] { position: absolute; top: 12px; width: 185px; font-family: "Microsoft YaHei"; font-size: 14px; font-weight: bold; color: #0E3642; } .tx-screen .content .center .map .map-data .card .num-left[data-v-a9c3862e] { margin-left: 10px; } .tx-screen .content .center .map .map-data .card .num-right[data-v-a9c3862e] { margin-left: 20px; } .tx-screen .content .center .map .map-data .card .num-data[data-v-a9c3862e] { width: 185px; margin-top: 50px; font-family: "Microsoft YaHei"; font-size: 22px; font-weight: bold; color: #0E3642; } .tx-screen .content .center .map .map-data .card .text[data-v-a9c3862e] { position: absolute; bottom: 18px; font-family: "Microsoft YaHei"; font-size: 14px; font-weight: bold; color: #0E3642; } .tx-screen .content .center .map .map-data .card1[data-v-a9c3862e] { position: absolute; top: 23px; left: 95px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAdQAAADwCAMAAACOs2XKAAACSVBMVEUAAAAAAAD/AP8AAID/AID/gIAAVVX/XYsAR4D/VY4AQ3nyXpQASXn/VZIARoD/XZX4WpIASn74WZAATH/4XZMASoAAToD4XJH4W48AS374WJL1W5AAS3wATH73WpL3WpEASoD/WpIATID4XJICTYD2XZIATX4CTX71W5H5W5ECS34CToH3XJH3XJMATX/5W5IATH73XJEATIACTIAETIAGTIAGToAIToAKToAMToAOToAQToAQToESToEUToEWToEYToEaToEcToEeToEgToEiToEkToEmToEmUIEoUIEqUIEqUIMsUIMuUIMwUIMyUIM0UIM2UIM4UIM6UIM8UIM+UINAUINCUINEUINGUINGUIVGUoVIUoVKUoVMUoVOUoVQUoVSUoVUUoVWUoVYUoVaUoVcUoVeUoVgUoViUodkUodmUodmVIdoVIdqVIdsVIduVIdwVIdyVId0VId2VId4VId6VId8VId8VIl+VImAVImBVImDVImFVImFVomHVomJVomLVomNVomPVomRVomTVomVVomVVouXVouZVoubVoudVoufVouhVoujVoulVoulWIunWIupWIurWIutWIuvWIuxWI2zWI21WI23WI25WI27WI29WI2/WI3BWI3DWI3FWI3FWo3HWo3JWo3LWo3LWo/NWo/PWo/RWo/TWo/VWo/XWo/ZWo/bWo/dWo/fWo/hWo/jWo/lWo/lXI/lXJHnXJHpXJHrXJHtXJHvXJHxXJHzXJH1XJH3XJH5XJH/XJP/XZP/XJP/XZMd9SndAAAAwnRSTlMAAQECAgIDCxISExMVFRYpREVFRkdISEhJS0tMTltbXWBgbGxubnt7e3t9fX19fn5/f4CAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ7U8wWqT9YAAALhSURBVHja7dqxapNhFMfh8yahWulnIVBp3bwUt269BXVVkUKvQxx0Fm/BzclLcVApLWKsbQjWJjoplOT9aHF6j89viTZB0vPQfzNYIiJubdwedlEiSomIEvH3oVz624qHyy8r/S9beijlSi9b/tfKlV694onS952Unnd67be4/E5LXOM8ZcXb//PHp/PJbBr1RhFlvH0zSqiZXkbsf/626EEd3r3jTM31Ih4e/qw9OYjxlhO12Otx9anBxo77tNl2V0XtRs7TZs/rqOuu02pVuoEf1GZbq/9OdZxWe1X/9Kt0QYUqqIIqqIIKVVAFVVAFFaoTQBVUQRVUQYUqqIIqqIIKVVAFVVAFVVChCqqgCqqgQhVUQRVUQRVUqIIqqIIqqFAFVVAFVVAFFaqgCqqgCipUQRVUQRVUQYUqqIIqqIIKVVAFVVAFVVChCqqgCqqgQhVUQRVUQRVUqIIqqIIqqFAFVVAFVVD/297fgJqu4btNqPl29u09qOkqb1ZNMNSEEww14QRDTTjBUBNOMNSEEww14QRDTTjBUBNOMNSEEww14QRDTTjBUBNOMNSEEww14QRDTdjICZK12DuBmqz57g8/qbn69eCD+c03vX6nJpxeqAmnF2rC6YWacHqhJpxeqAmnF2rC6YWacHqhJpxeqAmnF2rC6YWacHqhJpxeqI13v/J1/50lYVChCqqgCqqgQhVUQRVUQYXqBFAFVVAFVVChCqqgCqqgQhVUQRVUQRVUqIIqqIIqqFAFVVAFVVAFFaqgCqqgCipUQRVUQRVUQYUqqIIqqIIKVVAFVVAFVVChCqqgCqqgQhVUQRVUQRVUqIIqqIIqqFAFVVAFVVAFFaqgCqqgCipUQRVUQdU/op65Qas9rqJeOE6rnVdRZ47TatMq6nThOm12UEf9/sV52uz4tP7p9/ir+7TYo6PqU6M4/3iys+5GjfXs09lFD2rMJ7Nuc9g5VDM9mU+mfR9wfwM5/2WXHZDZtwAAAABJRU5ErkJggg==) no-repeat; background-size: 235px 122px; } .tx-screen .content .center .map .map-data .card2[data-v-a9c3862e] { position: absolute; top: 187px; left: 54px; background: url(data:image/png;base64,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) no-repeat; background-size: 235px 122px; } .tx-screen .content .center .map .map-data .card3[data-v-a9c3862e] { position: absolute; top: 352px; left: 75px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAdQAAADwCAMAAACOs2XKAAACc1BMVEUAAAAAAAD/AP8AAID/AP8AVVX/XdEAR4DxVdUAQ3nyXtcASXn/VdsARoD/Xdr0WtYASn70WdMATH/0WtT0WtcASoAAToD0WdX1W9UAS371WNP1W9MAS4AATIH0WtX0WtYASoD/WtoATID2WtUCTYDzWtMATX4CTYHwWdPzWdP1W9YCS4ECToHzWtT1WtYATX/1W9QATH71WtUATIACTIAETIEGTIEIToEIToMKToMMToMOToMOToUQToUSToUUToUUTocWTocYTocaTocaTokcTokeTokgTokgTosiToskTosmTo0oTo0qUI0sUI8uUI8wUI8yUJE0UJE2UJE2UJM4UJM6UJM8UJM8UJU+UJVAUJVCUJVCUJdEUJdGUJdIUJdIUJlKUJlMUplOUptQUptSUptUUptUUp1WUp1YUp1aUp9cUp9eUp9eUqFgUqFiUqFkUqFkUqNmUqNoUqNqUqNqUqVsUqVuVKVwVKVwVKdyVKd0VKd2VKd2VKl4VKl6VKl8VKt+VKuAVKuBVK2DVK2FVK2FVK+HVK+JVK+LVK+LVLGNVLGPVrGRVrGRVrOTVrOVVrOXVrOXVrWZVrWbVrWdVrWdVrefVrehVrejVrmlVrmnVrmpVrurVrutVruvVr2xWL2zWL2zWL+1WL+3WL+5WL+5WMG7WMG9WMG/WMG/WMPBWMPDWMPFWMPFWMXHWMXJWMXLWMfNWMfPWMfRWMfRWMnTWsnVWsnXWsvZWsvbWsvbWs3dWs3fWs3hWs3hWs/jWs/lWs/nWs/nWtHpWtHrWtHtWtHtWtPvWtPxWtPzWtPzWtX1XNX/Wtj/W9r/W9n/XNmzOeAqAAAA0HRSTlMAAQECAgMLEhITExUVFilERUVGR0dISEhJS0tMTltbXWBgbGxubnt7e3t7fX19fX5+f3+AgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAntTzvUoIAwAAAu9JREFUeNrt2k9qU1EUwOFzk6AN2idWUIwj1+DImWuwcxWFrsoO7ALqGpw5cQ2CBSGIWjU1/kmig1TawbuZdHSP349CQh7v8XI+cpJBS0TEeLsbdhFl/bd+iBJl/RBRyukrUeLsafl3xtnBnodz1zl/8vrp6cV7Tu67XOk5ufcmN9xL7R323mSpX6P2DntvsvSdfIF3+Hj5af496o0iyvXJVpRQM70o5dnRl9UG1OHkljE1137svl/UDg5i56YRtdjhjeqhwZWJ+bTZ7atV1G5kPG32vKuijk2n1ap0Ax/UZrtcRd02nFY7qP/6VbqgQhVUQRVUQYUqqIIqqIIK1QigCqqgCqqgQhVUQRVUQYUqqIIqqIIqqFAFVVAFVVChCqqgCqqgCipUQRVUQRVUqIIqqIIqqIIKVVAFVVAFFaqgCqqgCqqgQhVUQRVUQYUqqIIqqIIqqFAFVVAFVVChCqqgCqqgCipUQRVUQRVUqIIqqIIqqP9tby5BTdfwdQc13559dRdqusrLvhUMNeEKhppwBUNNuIKhJlzBUBOuYKgJVzDUhCsYasIVDDXhCoaacAVDTbiCoSZcwVATrmCoCVcw1ISNjCBZqwdfoSZref+XT2qu/jx8a/3mW72+UxOuXqgJVy/UhKsXasLVCzXh6oWacPVCTbh6oSZcvVATrl6oCVcv1ISrF2rC1Qs14eqF2nj3Kq/7d5aEQYUqqIIqqIIKVVAFVVAFFaoRQBVUQRVUQYUqqIIqqIIKVVAFVVAFVVChCqqgCqqgQhVUQRVUQRVUqIIqqIIqqFAFVVAFVVAFFaqgCqqgCipUQRVUQRVUQYUqqIIqqIIKVVAFVVAFVVChCqqgCqqgQhVUQRVUQRVUqIIqqIIqqFAFVVAFVRdE/WYGrfaoirownFb7WUWdG06rnVRRZyvTabO9Wf079YPxtNm0jhrTj+bTYrvT6qFR/D46vjM2o8Z6+u5ksQE1lsfz7tqwM6hmerL4PPux4fhfItVlyIb6pmUAAAAASUVORK5CYII=) no-repeat; background-size: 235px 122px; } .tx-screen .content .center .map .map-data .card4[data-v-a9c3862e] { position: absolute; top: 23px; right: 111px; background: url(data:image/png;base64,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) no-repeat; background-size: 235px 122px; } .tx-screen .content .center .map .map-data .card5[data-v-a9c3862e] { position: absolute; top: 187px; right: 45px; background: url(data:image/png;base64,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) no-repeat; background-size: 235px 122px; } .tx-screen .content .center .map .map-data .card6[data-v-a9c3862e] { position: absolute; top: 352px; right: 125px; background: url(data:image/png;base64,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) no-repeat; background-size: 235px 122px; } .tx-screen .content .center .map .map-data .map-data-img[data-v-a9c3862e] { position: relative; top: 0; left: 0; width: 510px; height: 466px; margin: 0 auto; background: url(../img/lys_map.911b09fd.png) no-repeat; background-size: 510px 466px; /* 设置动画前颜色 */ /* 设置动画后颜色 */ /* 设置动画 */ /* @keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。 */ } .tx-screen .content .center .map .map-data .map-data-img .point[data-v-a9c3862e] { width: 10px; height: 10px; position: absolute; top: 0; left: 0; border-radius: 50%; } .tx-screen .content .center .map .map-data .map-data-img .point-flicker[data-v-a9c3862e]:after { background-color: rgba(255, 255, 255, 0.3); } .tx-screen .content .center .map .map-data .map-data-img .point-flicker[data-v-a9c3862e]:before { background-color: rgba(255, 255, 255, 0.1); } .tx-screen .content .center .map .map-data .map-data-img .point-flicker[data-v-a9c3862e]:before, .tx-screen .content .center .map .map-data .map-data-img .point-flicker[data-v-a9c3862e]:after { content: ""; width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; border-radius: 50%; -webkit-animation: warn-data-v-a9c3862e 1.5s ease-out 0s infinite; animation: warn-data-v-a9c3862e 1.5s ease-out 0s infinite; } @-webkit-keyframes warn-data-v-a9c3862e { 0% { transform: scale(0.5); opacity: 1; } 30% { opacity: 1; } 100% { transform: scale(1.4); opacity: 0; } } @keyframes warn-data-v-a9c3862e { 0% { transform: scale(0.5); opacity: 1; } 30% { opacity: 1; } 100% { transform: scale(1.4); opacity: 0; } } .tx-screen .content .center .map .map-data .tips[data-v-a9c3862e] { width: 180px; height: 110px; background: rgba(0, 153, 255, 0.5); position: absolute; top: -165px; left: -10px; border-radius: 6px; } .tx-screen .content .center .map .map-data .tips .name[data-v-a9c3862e] { font-family: "Microsoft YaHei"; font-size: 14px; font-weight: bold; color: #ffffff; margin-top: 10px; margin-left: 20px; } .tx-screen .content .center .map .map-data .tips .number[data-v-a9c3862e] { font-family: "Microsoft YaHei"; font-size: 24px; font-weight: bold; color: #ffffff; margin-top: 10px; margin-left: 20px; } .tx-screen .content .center .map .map-data .tips .content[data-v-a9c3862e] { font-family: "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #ffffff; margin-top: 30px; margin-left: 20px; } .tx-screen .content .center .map .map-data .jiao img[data-v-a9c3862e] { position: absolute; width: 220px; height: 55px; top: -55px; left: -10px; } .tx-screen .content .center .join-ranking[data-v-a9c3862e] { position: absolute; bottom: 0; left: 0; width: 800px; height: 298px; background: #FFFFFF; box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04); border-radius: 12px 12px 12px 12px; background-size: 800px 298px; } .tx-screen .content .center .join-ranking .top-three[data-v-a9c3862e] { display: inline-block; position: relative; top: 17px; left: 30px; width: 348px; vertical-align: top; } .tx-screen .content .center .join-ranking .top-three .top-three-item[data-v-a9c3862e] { display: table; position: relative; width: 348px; height: 64px; margin-bottom: 10px; background: #F5F5F5; border-radius: 6px 6px 6px 6px; border-radius: 6px; } .tx-screen .content .center .join-ranking .top-three .top-three-item .top-img[data-v-a9c3862e] { display: inline-block; position: relative; top: 14.5px; left: 20px; width: 27px; height: 35px; } .tx-screen .content .center .join-ranking .top-three .top-three-item .sch-name[data-v-a9c3862e] { display: table-cell; position: relative; left: 15px; width: 200px; font-weight: 400; color: #0E3642; vertical-align: middle; } .tx-screen .content .center .join-ranking .top-three .top-three-item .sch-rate[data-v-a9c3862e] { display: inline-block; position: relative; left: 30px; width: 60px; line-height: 64px; color: #0E3642; } .tx-screen .content .center .join-ranking .top-other[data-v-a9c3862e] { display: inline-block; position: relative; top: 0; left: 40px; width: 382px; height: 245px; font-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tx-screen .content .center .join-ranking .top-other table[data-v-a9c3862e] { position: relative; top: -8px; width: 382px; height: 30px; border: none; font-family: "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #0E3642; border-collapse: collapse; } .tx-screen .content .center .join-ranking .top-other table tr[data-v-a9c3862e] { width: 100%; height: 30px; font-size: 12px; border-bottom: 1px solid #E2E2E2; } .tx-screen .content .center .join-ranking .top-other table tr td[data-v-a9c3862e], .tx-screen .content .center .join-ranking .top-other table tr th[data-v-a9c3862e] { vertical-align: middle; } .tx-screen .content .center .join-ranking .top-other .scroll-box[data-v-a9c3862e] { position: relative; top: -8px; height: 218px; width: 100%; overflow: hidden; } .tx-screen .content .center .join-ranking .top-other .scroll-box .scroll-box-item[data-v-a9c3862e] { width: 100%; height: 30px; line-height: 30px; border-bottom: 1px solid #E2E2E2; } .tx-screen .content .center .join-ranking .top-other .scroll-box .scroll-box-item .rank[data-v-a9c3862e] { display: inline-block; width: 50px; text-align: center; font-size: 14px; color: #0E3642; } .tx-screen .content .center .join-ranking .top-other .scroll-box .scroll-box-item .school[data-v-a9c3862e] { display: inline-block; width: 272px; font-size: 12px; color: #0E3642; } .tx-screen .content .center .join-ranking .top-other .scroll-box .scroll-box-item .rate[data-v-a9c3862e] { display: inline-block; width: 60px; font-size: 14px; color: #0E3642; } .tx-screen .content .right[data-v-a9c3862e] { position: absolute; top: 0; right: 0; } .tx-screen .content .right .join-distribution[data-v-a9c3862e] { position: relative; top: 0; right: 0; width: 510px; height: 305px; background: #FFFFFF; box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04); border-radius: 12px 12px 12px 12px; background-size: 510px 305px; } .tx-screen .content .right .join-distribution .join-dtb[data-v-a9c3862e] { position: relative; top: 13px; left: 30px; width: 470px; height: 220px; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item[data-v-a9c3862e] { display: inline-block; position: relative; top: 13px; left: 0; width: 78px; height: 110px; margin-bottom: 10px; text-align: center; /* ------------------------------------- * Mixin for progress-% class * ------------------------------------- */ } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .join-dtb-item-content[data-v-a9c3862e] { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 90px; height: 110px; z-index: 999; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .join-dtb-item-content .circcle-rate[data-v-a9c3862e] { position: absolute; top: 12px; width: 100%; height: 48px; line-height: 48px; color: #0E3642; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .join-dtb-item-content .circle-progress-bar[data-v-a9c3862e] { width: 70px; height: 70px; margin: 0 auto; font-size: 12px !important; font-weight: bold; overflow: hidden; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .join-dtb-item-content .circle-progress-bar .title[data-v-a9c3862e] { font-size: 12px !important; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .wave-echart[data-v-a9c3862e] { position: relative; width: 70px; height: 70px; margin: 2px auto; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .sign[data-v-a9c3862e] { position: relative; top: -30px; font-size: 12px; font-family: "Microsoft YaHei"; font-weight: bold; line-height: 17px; color: #91c8ff; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-radial[data-v-a9c3862e] { display: inline-block; position: relative; width: 70px; height: 70px; border-radius: 50%; /* border: 10px solid #1C3381; */ background-color: #5997ff; /* box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); */ } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-radial[data-v-a9c3862e]:after, .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-radial[data-v-a9c3862e]:before { content: ""; width: 10px; height: 10px; top: 50%; left: 50%; border-radius: 50%; margin-left: -5px; margin-top: -5px; background: #5997ff; position: absolute; z-index: 999; box-shadow: 5px 0 5px rgba(0, 0, 0, 0.2); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-radial[data-v-a9c3862e]:after { z-index: 998; box-shadow: none; transform: translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-radial b[data-v-a9c3862e]:after { color: #fff; /* text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); */ position: absolute; font-weight: 400; left: 25px; top: 25px; width: 50px; height: 50px; background-color: #021e73; border-radius: 50%; margin-left: -15px; margin-top: -15px; text-align: center; line-height: 50px; font-family: "Microsoft YaHei"; font-size: 13px; font-weight: bold; /* box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3) inset, 0 0 0 10px #1C3381; */ } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-0[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(90deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-0[data-v-a9c3862e]:before { transform: rotate(0deg) translate(0, -30px); background: #1c3381; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-0[data-v-a9c3862e]:after { background: #1c3381; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-0 b[data-v-a9c3862e]:after { content: "0%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-1[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(93.6deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-1[data-v-a9c3862e]:before { transform: rotate(3.6deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-1[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-1 b[data-v-a9c3862e]:after { content: "1%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-2[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(97.2deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-2[data-v-a9c3862e]:before { transform: rotate(7.2deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-2[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-2 b[data-v-a9c3862e]:after { content: "2%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-3[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(100.8deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-3[data-v-a9c3862e]:before { transform: rotate(10.8deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-3[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-3 b[data-v-a9c3862e]:after { content: "3%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-4[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(104.4deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-4[data-v-a9c3862e]:before { transform: rotate(14.4deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-4[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-4 b[data-v-a9c3862e]:after { content: "4%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-5[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(108deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-5[data-v-a9c3862e]:before { transform: rotate(18deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-5[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-5 b[data-v-a9c3862e]:after { content: "5%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-6[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(111.6deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-6[data-v-a9c3862e]:before { transform: rotate(21.6deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-6[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-6 b[data-v-a9c3862e]:after { content: "6%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-7[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(115.2deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-7[data-v-a9c3862e]:before { transform: rotate(25.2deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-7[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-7 b[data-v-a9c3862e]:after { content: "7%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-8[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(118.8deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-8[data-v-a9c3862e]:before { transform: rotate(30.8deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-8[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-8 b[data-v-a9c3862e]:after { content: "8%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-9[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(122.4deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-9[data-v-a9c3862e]:before { transform: rotate(32.4deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-9[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-9 b[data-v-a9c3862e]:after { content: "9%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-10[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(126deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-10[data-v-a9c3862e]:before { transform: rotate(36deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-10[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-10 b[data-v-a9c3862e]:after { content: "10%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-11[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(129.6deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-11[data-v-a9c3862e]:before { transform: rotate(39.6deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-11[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-11 b[data-v-a9c3862e]:after { content: "11%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-12[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(133.2deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-12[data-v-a9c3862e]:before { transform: rotate(43.2deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-12[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-12 b[data-v-a9c3862e]:after { content: "12%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-13[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(136.8deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-13[data-v-a9c3862e]:before { transform: rotate(46.8deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-13[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-13 b[data-v-a9c3862e]:after { content: "13%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-14[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(140.4deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-14[data-v-a9c3862e]:before { transform: rotate(50.4deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-14[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-14 b[data-v-a9c3862e]:after { content: "14%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-15[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(144deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-15[data-v-a9c3862e]:before { transform: rotate(54deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-15[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-15 b[data-v-a9c3862e]:after { content: "15%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-16[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(147.6deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-16[data-v-a9c3862e]:before { transform: rotate(57.6deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-16[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-16 b[data-v-a9c3862e]:after { content: "16%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-17[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(151.2deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-17[data-v-a9c3862e]:before { transform: rotate(61.2deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-17[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-17 b[data-v-a9c3862e]:after { content: "17%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-18[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(154.8deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-18[data-v-a9c3862e]:before { transform: rotate(64.8deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-18[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-18 b[data-v-a9c3862e]:after { content: "18%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-19[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(158.4deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-19[data-v-a9c3862e]:before { transform: rotate(68.4deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-19[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-19 b[data-v-a9c3862e]:after { content: "19%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-20[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(162deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-20[data-v-a9c3862e]:before { transform: rotate(72deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-20[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-20 b[data-v-a9c3862e]:after { content: "20%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-21[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(165.6deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-21[data-v-a9c3862e]:before { transform: rotate(75.6deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-21[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-21 b[data-v-a9c3862e]:after { content: "21%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-22[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(169.2deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-22[data-v-a9c3862e]:before { transform: rotate(79.2deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-22[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-22 b[data-v-a9c3862e]:after { content: "22%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-23[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(172.8deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-23[data-v-a9c3862e]:before { transform: rotate(82.8deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-23[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-23 b[data-v-a9c3862e]:after { content: "23%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-24[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(176.4deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-24[data-v-a9c3862e]:before { transform: rotate(86.4deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-24[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-24 b[data-v-a9c3862e]:after { content: "24%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-25[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(180deg, #ff7c7c 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-25[data-v-a9c3862e]:before { transform: rotate(90deg) translate(0, -30px); background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-25[data-v-a9c3862e]:after { background: #ff7c7c; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-25 b[data-v-a9c3862e]:after { content: "25%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-26[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(183.6deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-26[data-v-a9c3862e]:before { transform: rotate(93.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-26 b[data-v-a9c3862e]:after { content: "26%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-27[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(187.2deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-27[data-v-a9c3862e]:before { transform: rotate(97.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-27 b[data-v-a9c3862e]:after { content: "27%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-28[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(190.8deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-28[data-v-a9c3862e]:before { transform: rotate(100.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-28 b[data-v-a9c3862e]:after { content: "30%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-29[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(194.4deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-29[data-v-a9c3862e]:before { transform: rotate(104.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-29 b[data-v-a9c3862e]:after { content: "29%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-30[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(198deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-30[data-v-a9c3862e]:before { transform: rotate(108deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-30 b[data-v-a9c3862e]:after { content: "30%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-31[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(201.6deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-31[data-v-a9c3862e]:before { transform: rotate(111.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-31 b[data-v-a9c3862e]:after { content: "31%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-32[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(205.2deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-32[data-v-a9c3862e]:before { transform: rotate(115.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-32 b[data-v-a9c3862e]:after { content: "32%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-33[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(208.8deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-33[data-v-a9c3862e]:before { transform: rotate(118.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-33 b[data-v-a9c3862e]:after { content: "33%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-34[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(212.4deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-34[data-v-a9c3862e]:before { transform: rotate(122.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-34 b[data-v-a9c3862e]:after { content: "34%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-35[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(216deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-35[data-v-a9c3862e]:before { transform: rotate(126deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-35 b[data-v-a9c3862e]:after { content: "35%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-36[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(219.6deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-36[data-v-a9c3862e]:before { transform: rotate(129.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-36 b[data-v-a9c3862e]:after { content: "36%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-37[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(223.2deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-37[data-v-a9c3862e]:before { transform: rotate(133.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-37 b[data-v-a9c3862e]:after { content: "37%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-38[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(230deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-38[data-v-a9c3862e]:before { transform: rotate(136.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-38 b[data-v-a9c3862e]:after { content: "38%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-39[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(230.4deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-39[data-v-a9c3862e]:before { transform: rotate(140.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-39 b[data-v-a9c3862e]:after { content: "39%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-40[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(234deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-40[data-v-a9c3862e]:before { transform: rotate(144deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-40 b[data-v-a9c3862e]:after { content: "40%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-41[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(237.6deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-41[data-v-a9c3862e]:before { transform: rotate(147.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-41 b[data-v-a9c3862e]:after { content: "41%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-42[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(241.2deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-42[data-v-a9c3862e]:before { transform: rotate(151.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-42 b[data-v-a9c3862e]:after { content: "42%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-43[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(244.8deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-43[data-v-a9c3862e]:before { transform: rotate(154.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-43 b[data-v-a9c3862e]:after { content: "43%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-44[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(248.4deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-44[data-v-a9c3862e]:before { transform: rotate(158.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-44 b[data-v-a9c3862e]:after { content: "44%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-45[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(252deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-45[data-v-a9c3862e]:before { transform: rotate(162deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-45 b[data-v-a9c3862e]:after { content: "45%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-46[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(255.6deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-46[data-v-a9c3862e]:before { transform: rotate(165.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-46 b[data-v-a9c3862e]:after { content: "46%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-47[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(259.2deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-47[data-v-a9c3862e]:before { transform: rotate(169.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-47 b[data-v-a9c3862e]:after { content: "47%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-48[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(262.8deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-48[data-v-a9c3862e]:before { transform: rotate(172.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-48 b[data-v-a9c3862e]:after { content: "48%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-49[data-v-a9c3862e] { background-image: linear-gradient(90deg, #1c3381 50%, transparent 50%, transparent), linear-gradient(266.4deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-49[data-v-a9c3862e]:before { transform: rotate(176.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-49 b[data-v-a9c3862e]:after { content: "49%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-50[data-v-a9c3862e] { background-image: linear-gradient(-90deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-50[data-v-a9c3862e]:before { transform: rotate(180deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-50 b[data-v-a9c3862e]:after { content: "50%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-51[data-v-a9c3862e] { background-image: linear-gradient(-86.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-51[data-v-a9c3862e]:before { transform: rotate(183.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-51 b[data-v-a9c3862e]:after { content: "51%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-52[data-v-a9c3862e] { background-image: linear-gradient(-82.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-52[data-v-a9c3862e]:before { transform: rotate(187.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-52 b[data-v-a9c3862e]:after { content: "52%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-53[data-v-a9c3862e] { background-image: linear-gradient(-79.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-53[data-v-a9c3862e]:before { transform: rotate(190.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-53 b[data-v-a9c3862e]:after { content: "53%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-54[data-v-a9c3862e] { background-image: linear-gradient(-75.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-54[data-v-a9c3862e]:before { transform: rotate(194.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-54 b[data-v-a9c3862e]:after { content: "54%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-55[data-v-a9c3862e] { background-image: linear-gradient(-72deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-55[data-v-a9c3862e]:before { transform: rotate(198deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-55 b[data-v-a9c3862e]:after { content: "55%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-56[data-v-a9c3862e] { background-image: linear-gradient(-68.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-56[data-v-a9c3862e]:before { transform: rotate(201.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-56 b[data-v-a9c3862e]:after { content: "56%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-57[data-v-a9c3862e] { background-image: linear-gradient(-64.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-57[data-v-a9c3862e]:before { transform: rotate(205.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-57 b[data-v-a9c3862e]:after { content: "57%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-58[data-v-a9c3862e] { background-image: linear-gradient(-61.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-58[data-v-a9c3862e]:before { transform: rotate(208.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-58 b[data-v-a9c3862e]:after { content: "58%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-59[data-v-a9c3862e] { background-image: linear-gradient(-57.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-59[data-v-a9c3862e]:before { transform: rotate(212.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-59 b[data-v-a9c3862e]:after { content: "59%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-60[data-v-a9c3862e] { background-image: linear-gradient(-54deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-60[data-v-a9c3862e]:before { transform: rotate(216deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-60 b[data-v-a9c3862e]:after { content: "60%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-61[data-v-a9c3862e] { background-image: linear-gradient(-50.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-61[data-v-a9c3862e]:before { transform: rotate(219.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-61 b[data-v-a9c3862e]:after { content: "61%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-62[data-v-a9c3862e] { background-image: linear-gradient(-46.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-62[data-v-a9c3862e]:before { transform: rotate(223.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-62 b[data-v-a9c3862e]:after { content: "62%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-63[data-v-a9c3862e] { background-image: linear-gradient(-43.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-63[data-v-a9c3862e]:before { transform: rotate(230deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-63 b[data-v-a9c3862e]:after { content: "63%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-64[data-v-a9c3862e] { background-image: linear-gradient(-39.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-64[data-v-a9c3862e]:before { transform: rotate(230.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-64 b[data-v-a9c3862e]:after { content: "64%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-65[data-v-a9c3862e] { background-image: linear-gradient(-36deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-65[data-v-a9c3862e]:before { transform: rotate(234deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-65 b[data-v-a9c3862e]:after { content: "65%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-66[data-v-a9c3862e] { background-image: linear-gradient(-32.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-66[data-v-a9c3862e]:before { transform: rotate(237.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-66 b[data-v-a9c3862e]:after { content: "66%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-67[data-v-a9c3862e] { background-image: linear-gradient(-30.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-67[data-v-a9c3862e]:before { transform: rotate(241.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-67 b[data-v-a9c3862e]:after { content: "67%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-68[data-v-a9c3862e] { background-image: linear-gradient(-25.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-68[data-v-a9c3862e]:before { transform: rotate(244.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-68 b[data-v-a9c3862e]:after { content: "68%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-69[data-v-a9c3862e] { background-image: linear-gradient(-21.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-69[data-v-a9c3862e]:before { transform: rotate(248.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-69 b[data-v-a9c3862e]:after { content: "69%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-70[data-v-a9c3862e] { background-image: linear-gradient(-18deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-70[data-v-a9c3862e]:before { transform: rotate(252deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-70 b[data-v-a9c3862e]:after { content: "70%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-71[data-v-a9c3862e] { background-image: linear-gradient(-14.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-71[data-v-a9c3862e]:before { transform: rotate(255.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-71 b[data-v-a9c3862e]:after { content: "71%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-72[data-v-a9c3862e] { background-image: linear-gradient(-10.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-72[data-v-a9c3862e]:before { transform: rotate(259.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-72 b[data-v-a9c3862e]:after { content: "72%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-73[data-v-a9c3862e] { background-image: linear-gradient(-7.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-73[data-v-a9c3862e]:before { transform: rotate(262.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-73 b[data-v-a9c3862e]:after { content: "73%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-74[data-v-a9c3862e] { background-image: linear-gradient(-3.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-74[data-v-a9c3862e]:before { transform: rotate(266.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-74 b[data-v-a9c3862e]:after { content: "74%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-75[data-v-a9c3862e] { background-image: linear-gradient(0deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-75[data-v-a9c3862e]:before { transform: rotate(270deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-75 b[data-v-a9c3862e]:after { content: "75%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-76[data-v-a9c3862e] { background-image: linear-gradient(3.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-76[data-v-a9c3862e]:before { transform: rotate(273.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-76 b[data-v-a9c3862e]:after { content: "76%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-77[data-v-a9c3862e] { background-image: linear-gradient(7.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-77[data-v-a9c3862e]:before { transform: rotate(277.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-77 b[data-v-a9c3862e]:after { content: "77%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-78[data-v-a9c3862e] { background-image: linear-gradient(10.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-78[data-v-a9c3862e]:before { transform: rotate(30.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-78 b[data-v-a9c3862e]:after { content: "78%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-79[data-v-a9c3862e] { background-image: linear-gradient(14.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-79[data-v-a9c3862e]:before { transform: rotate(304.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-79 b[data-v-a9c3862e]:after { content: "79%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-80[data-v-a9c3862e] { background-image: linear-gradient(18deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-80[data-v-a9c3862e]:before { transform: rotate(308deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-80 b[data-v-a9c3862e]:after { content: "80%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-81[data-v-a9c3862e] { background-image: linear-gradient(21.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-81[data-v-a9c3862e]:before { transform: rotate(291.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-81 b[data-v-a9c3862e]:after { content: "81%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-82[data-v-a9c3862e] { background-image: linear-gradient(25.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-82[data-v-a9c3862e]:before { transform: rotate(295.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-82 b[data-v-a9c3862e]:after { content: "82%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-83[data-v-a9c3862e] { background-image: linear-gradient(30.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-83[data-v-a9c3862e]:before { transform: rotate(298.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-83 b[data-v-a9c3862e]:after { content: "83%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-84[data-v-a9c3862e] { background-image: linear-gradient(32.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-84[data-v-a9c3862e]:before { transform: rotate(302.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-84 b[data-v-a9c3862e]:after { content: "84%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-85[data-v-a9c3862e] { background-image: linear-gradient(36deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-85[data-v-a9c3862e]:before { transform: rotate(306deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-85 b[data-v-a9c3862e]:after { content: "85%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-86[data-v-a9c3862e] { background-image: linear-gradient(39.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-86[data-v-a9c3862e]:before { transform: rotate(309.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-86 b[data-v-a9c3862e]:after { content: "86%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-87[data-v-a9c3862e] { background-image: linear-gradient(43.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-87[data-v-a9c3862e]:before { transform: rotate(313.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-87 b[data-v-a9c3862e]:after { content: "87%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-88[data-v-a9c3862e] { background-image: linear-gradient(46.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-88[data-v-a9c3862e]:before { transform: rotate(316.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-88 b[data-v-a9c3862e]:after { content: "88%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-89[data-v-a9c3862e] { background-image: linear-gradient(50.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-89[data-v-a9c3862e]:before { transform: rotate(320.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-89 b[data-v-a9c3862e]:after { content: "89%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-90[data-v-a9c3862e] { background-image: linear-gradient(54deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-90[data-v-a9c3862e]:before { transform: rotate(324deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-90 b[data-v-a9c3862e]:after { content: "90%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-91[data-v-a9c3862e] { background-image: linear-gradient(57.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-91[data-v-a9c3862e]:before { transform: rotate(330deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-91 b[data-v-a9c3862e]:after { content: "91%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-92[data-v-a9c3862e] { background-image: linear-gradient(61.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-92[data-v-a9c3862e]:before { transform: rotate(331.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-92 b[data-v-a9c3862e]:after { content: "92%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-93[data-v-a9c3862e] { background-image: linear-gradient(64.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-93[data-v-a9c3862e]:before { transform: rotate(334.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-93 b[data-v-a9c3862e]:after { content: "93%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-94[data-v-a9c3862e] { background-image: linear-gradient(68.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-94[data-v-a9c3862e]:before { transform: rotate(338.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-94 b[data-v-a9c3862e]:after { content: "94%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-95[data-v-a9c3862e] { background-image: linear-gradient(72deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-95[data-v-a9c3862e]:before { transform: rotate(342deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-95 b[data-v-a9c3862e]:after { content: "95%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-96[data-v-a9c3862e] { background-image: linear-gradient(75.6deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-96[data-v-a9c3862e]:before { transform: rotate(345.6deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-96 b[data-v-a9c3862e]:after { content: "96%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-97[data-v-a9c3862e] { background-image: linear-gradient(79.2deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-97[data-v-a9c3862e]:before { transform: rotate(349.2deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-97 b[data-v-a9c3862e]:after { content: "97%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-98[data-v-a9c3862e] { background-image: linear-gradient(82.8deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-98[data-v-a9c3862e]:before { transform: rotate(352.8deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-98 b[data-v-a9c3862e]:after { content: "98%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-99[data-v-a9c3862e] { background-image: linear-gradient(86.4deg, #5997ff 50%, transparent 50%, transparent), linear-gradient(270deg, #5997ff 50%, #1c3381 50%, #1c3381); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-99[data-v-a9c3862e]:before { transform: rotate(356.4deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-99 b[data-v-a9c3862e]:after { content: "99%"; } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-100[data-v-a9c3862e] { background-image: linear-gradient(90deg, #5997ff 50%, transparent 50%, transparent); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-100[data-v-a9c3862e]:before { transform: rotate(360deg) translate(0, -30px); } .tx-screen .content .right .join-distribution .join-dtb .join-dtb-item .progress-100 b[data-v-a9c3862e]:after { content: "100%"; } .tx-screen .content .right .bmi-standard[data-v-a9c3862e] { position: relative; top: 10px; right: 0; width: 510px; height: 298px; background: #FFFFFF; box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04); border-radius: 12px 12px 12px 12px; background-size: 510px 298px; } .tx-screen .content .right .bmi-standard .bmi-data[data-v-a9c3862e] { position: relative; top: 20px; height: 220px; padding: 0 25.5px; } .tx-screen .content .right .bmi-standard .bmi-data .bmi-data-item[data-v-a9c3862e] { display: inline-block; position: relative; width: 51px; height: 220px; text-align: center; } .tx-screen .content .right .bmi-standard .bmi-data .bmi-data-item .bmi-rate[data-v-a9c3862e] { font-family: "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #0E3642; } .tx-screen .content .right .bmi-standard .bmi-data .bmi-data-item .bmi-chart[data-v-a9c3862e] { position: relative; width: 18px; height: 155px; margin: 4px auto; border-radius: 9px; background-color: #F5F5F5; } .tx-screen .content .right .bmi-standard .bmi-data .bmi-data-item .bmi-chart .bmi-chart-use[data-v-a9c3862e] { position: absolute; left: 0; bottom: 0; width: 18px; border-radius: 9px; -webkit-animation: bmi-chart-use-data-v-a9c3862e 3s ease-in-out; background-color: #5997ff; background-image: linear-gradient(top, #5997ff, #5997ff); } @-webkit-keyframes bmi-chart-use-data-v-a9c3862e { 0% { height: 0; } 0% { height: 0; } } .tx-screen .content .right .bmi-standard .bmi-data .bmi-data-item .bmi-grade[data-v-a9c3862e] { position: relative; top: 14px; left: -5px; font-family: "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #91c8ff; transform: rotate(-60deg); -ms-transform: rotate(-60deg); /* IE 9 */ -moz-transform: rotate(-60deg); /* Firefox */ -webkit-transform: rotate(-60deg); /* Safari 和 Chrome */ -o-transform: rotate(-60deg); /* Opera */ } .tx-screen .content .right .view-analysis[data-v-a9c3862e] { position: relative; top: 20px; right: 0; width: 510px; height: 298px; background: #FFFFFF; box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04); border-radius: 12px 12px 12px 12px; background-size: 510px 298px; } .tx-screen .content .right .view-analysis .view-data[data-v-a9c3862e] { display: inline-block; position: relative; top: 10px; width: 230px; height: 220px; vertical-align: top; } .tx-screen .content .right .view-analysis .view-data .view-data-item[data-v-a9c3862e] { position: relative; top: 0; left: 10px; width: 220px; height: 44px; line-height: 44px; } .tx-screen .content .right .view-analysis .view-data .view-data-item .grade[data-v-a9c3862e] { display: inline-block; position: relative; left: 0; font-size: 12px; font-family: "Microsoft YaHei"; font-weight: bold; color: #0E3642; } .tx-screen .content .right .view-analysis .view-data .view-data-item .view-data-chart[data-v-a9c3862e] { display: inline-block; position: relative; left: 10px; width: 168px; height: 16px; line-height: 16px; vertical-align: middle; border-radius: 8px; background-color: #F5F5F5; } .tx-screen .content .right .view-analysis .view-data .view-data-item .view-data-chart .view-data-chart-use[data-v-a9c3862e] { position: absolute; top: 0; left: 0; height: 16px; border-radius: 8px; -webkit-animation: view-data-chart-use-data-v-a9c3862e 3s ease-in-out; background-color: #3597FF; background-image: linear-gradient(top, #3597FF, #3597FF); } @-webkit-keyframes view-data-chart-use-data-v-a9c3862e { 0% { width: 0; } 0% { width: 0; } } .tx-screen .content .right .view-analysis .view-data .view-data-item .view-data-chart .normal-rate[data-v-a9c3862e] { position: relative; left: -15px; transform: scale(0.7); font-size: 8px; font-family: "Microsoft YaHei"; font-weight: bold; color: #FFFFFF; } .tx-screen .content .right .view-analysis .view-data .view-data-item .err-rate[data-v-a9c3862e] { position: absolute; top: -16px; right: 12px; font-size: 10px; font-family: "Microsoft YaHei"; font-weight: bold; color: #ffffff; } .tx-screen .content .right .view-analysis .view-data .view-data-item span[data-v-a9c3862e] { margin-left: 4px; } .tx-screen .content .right .view-analysis .view-data-a[data-v-a9c3862e] { margin-left: 20px; } .tx-screen .content .right .view-analysis .view-data-b[data-v-a9c3862e] { margin-left: 10px; } .com-box[data-v-984196ea] { position: relative; overflow: hidden; } .com-box .com-head[data-v-984196ea] { display: flex; align-items: center; font-size: 20px; font-family: PingFang SC; font-weight: bold; line-height: 0px; color: #FFFFFF; opacity: 1; } .com-box .com-head .head-l[data-v-984196ea] { height: 20px; width: 14px; margin-right: 6px; } .com-box .com-head .com-head-title[data-v-984196ea] { flex: none; } .com-box .com-head .head-r[data-v-984196ea] { width: 170px; height: 15px; margin-left: 15px; } .com-box .com-head .end-title[data-v-984196ea] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #BFCAFF; opacity: 0.49; display: contents; } .com-box .com-ctn[data-v-984196ea] { margin-top: 10px; height: 284px; width: 100%; background-size: 100% 100%; background-repeat: no-repeat; overflow: auto; } .foot-bottom[data-v-d2bad9ca] { margin-top: 60px; } .max-c[data-v-d2bad9ca] { height: 100%; width: 100%; } [data-v-d2bad9ca] .swiper-pagination { bottom: 35px !important; } [data-v-d2bad9ca] .swiper-pagination-bullet { height: 10px !important; width: 10px !important; background: #FFFFFF; opacity: 0.34; } [data-v-d2bad9ca] .swiper-pagination-bullet-active { opacity: 1 !important; } .b0[data-v-d2bad9ca] { bottom: 0px !important; } video[data-v-d2bad9ca] { width: 100%; height: 100%; } .flex-s[data-v-d2bad9ca] { display: flex; justify-content: space-between; } .flex-s .btm-d[data-v-d2bad9ca] { margin-top: 10px !important; } .flex-s .decorate[data-v-d2bad9ca] { height: 14px; width: 220px; margin-top: 33px; } .flex-s .max-swiper-container[data-v-d2bad9ca] { height: 100%; width: 100%; } .flex-s .max-swiper-container .swiper-slide[data-v-d2bad9ca] { width: 100%; } .flex-s .max-swiper-container .swiper-slide img[data-v-d2bad9ca] { width: 100%; height: 100%; } .flex-s .swiper-container[data-v-d2bad9ca] { margin-top: 10px; height: 540px; width: 906px; } .flex-s .swiper-container .swiper-slide[data-v-d2bad9ca] { width: 100%; } .flex-s .swiper-container .swiper-slide img[data-v-d2bad9ca] { width: 100%; height: 100%; } .flex-s .time[data-v-d2bad9ca] { text-align: center; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #BFCAFF; opacity: 0.49; } .swiper-container[data-v-59673910] { height: 100%; width: 100%; } .swiper-container .swiper-slide[data-v-59673910] { width: 100%; } .com-bg[data-v-b27420fa] { margin: 50px 21px 0px 21px; width: calc(100% - 42px); } .com-bg .line[data-v-b27420fa] { position: absolute; top: 16px; right: 5px; height: 30px; width: 1px; background: #5A73BB; } .com-bg .card[data-v-b27420fa] { position: relative; flex: 1; text-align: center; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-bg .card .num[data-v-b27420fa] { margin-top: 16px; font-size: 24px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg .card .num span[data-v-b27420fa] { font-size: 14px !important; } .com-bg .scroll-bg[data-v-b27420fa] { margin-top: 30px; height: 120px; width: 100%; background: linear-gradient(153deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; } .com-bg .scroll-bg .left-sssy-title[data-v-b27420fa] { background-size: 100% 100%; background-repeat: no-repeat; overflow: auto; height: 120px; width: 32px; background-image: url(../img/sssy-title.10155651.png); } .com-bg .scroll-bg .right[data-v-b27420fa] { position: relative; width: calc(100% - 56px); height: 120px; margin: 0px 12px 0px 12px; } .com-bg .scroll-bg .right .item[data-v-b27420fa] { width: 100%; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; } .com-bg .scroll-bg .right .item .t1[data-v-b27420fa], .com-bg .scroll-bg .right .item .t3[data-v-b27420fa] { font-size: 14px; font-family: PingFang SC; font-weight: 400; line-height: 14px; color: #91C8FF; } .com-bg .scroll-bg .right .item .t2[data-v-b27420fa] { font-size: 14px; font-family: PingFang SC; font-weight: 400; line-height: 14px; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 12px; } .com-bg .scroll-bg .right .item .t3[data-v-b27420fa] { margin-left: 12px; } .com[data-v-3b0a5e84] { height: calc(100% - 14px); margin: 14px 10px 0px 15px; width: calc(100% - 25px); } .com .line-item[data-v-3b0a5e84]:last-child { border-bottom: none !important; } .com .line-item[data-v-3b0a5e84] { padding: 5px 0px 8px 5px; border-bottom: 1px solid #253290; } .com .line-item .col-3[data-v-3b0a5e84], .com .line-item .col-4[data-v-3b0a5e84], .com .line-item .col-5[data-v-3b0a5e84], .com .line-item .col-6[data-v-3b0a5e84] { font-size: 12px; font-family: PingFang SC; font-weight: 400; line-height: 17px; color: #91C8FF; } .com .line-item .col-1[data-v-3b0a5e84] { flex: 1; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com .line-item .col-2[data-v-3b0a5e84] { flex: 2; } .com .line-item .col-2 .logo[data-v-3b0a5e84] { border-radius: 50%; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; margin: 0px auto; height: 28px; width: 28px; flex: none; display: block; } .com .line-item .col-3[data-v-3b0a5e84] { flex: 2; } .com .line-item .col-4[data-v-3b0a5e84] { flex: 1; } .com .line-item .col-5[data-v-3b0a5e84] { flex: 4; } .com .line-item .col-6[data-v-3b0a5e84] { flex: 2; } .com .line-item .col-7[data-v-3b0a5e84] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; flex: 4; } .com-line[data-v-616264f6] { height: 100%; margin-top: 14px; position: relative; } .com-line .item[data-v-616264f6]:last-child { border-bottom: none !important; } .com-line .item[data-v-616264f6] { padding: 14px 12px 12px 11px; margin: 0px 10px 0px 15px; width: calc(100% - 58px); justify-content: space-between; border-bottom: 1px solid #253290; } .com-line .item .t1[data-v-616264f6] { width: 25px; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-line .item .t2[data-v-616264f6] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-line .item .right-t[data-v-616264f6] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .red-c .idx[data-v-2c07bffe], .red-c .school-name[data-v-2c07bffe], .red-c .rank-num[data-v-2c07bffe] { color: #FF9191 !important; } .c-btm-bg[data-v-2c07bffe] { position: relative; padding: 0px 0px 0px 14px; height: calc(100% - 10px); margin-top: 10px; } .c-btm-bg .swiper-container[data-v-2c07bffe] { height: 100%; width: 100%; } .c-btm-bg .swiper-container .swiper-slide[data-v-2c07bffe] { width: 100%; } .c-btm-bg .left-ctn[data-v-2c07bffe], .c-btm-bg .right-ctn[data-v-2c07bffe] { height: 100%; width: calc(100% / 2); } .c-btm-bg .left-ctn .front[data-v-2c07bffe], .c-btm-bg .right-ctn .front[data-v-2c07bffe] { background: linear-gradient(154deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; border-bottom: none !important; } .c-btm-bg .left-ctn .rank[data-v-2c07bffe], .c-btm-bg .right-ctn .rank[data-v-2c07bffe] { margin-top: 4px; height: 40px; width: calc(100% - 40px); padding: 0px 22px 0px 18px; justify-content: space-between; border-bottom: 1px solid #253290; } .c-btm-bg .left-ctn .rank .idx[data-v-2c07bffe], .c-btm-bg .right-ctn .rank .idx[data-v-2c07bffe] { height: 32px; width: 26px; flex: none; margin-right: 7px; justify-content: center; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .c-btm-bg .left-ctn .rank .school-name[data-v-2c07bffe], .c-btm-bg .right-ctn .rank .school-name[data-v-2c07bffe] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .c-btm-bg .left-ctn .rank .rank-num[data-v-2c07bffe], .c-btm-bg .right-ctn .rank .rank-num[data-v-2c07bffe] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg[data-v-5bf62d50] { margin: 50px 21px 0px 21px; width: calc(100% - 42px); } .com-bg .more-r[data-v-5bf62d50] { right: -20px !important; } .com-bg .num-t[data-v-5bf62d50] { margin-top: 16px; font-size: 24px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg .num-t span[data-v-5bf62d50] { font-size: 14px !important; } .com-bg .line[data-v-5bf62d50] { position: absolute; top: 16px; right: 8px; height: 30px; width: 1px; background: #5A73BB; } .com-bg .card[data-v-5bf62d50] { position: relative; flex: 1; text-align: center; height: 78px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-bg .scroll-bg[data-v-5bf62d50] { display: flex; margin-top: 10px; height: 120px; width: 100%; background: linear-gradient(153deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; } .com-bg .scroll-bg .sport[data-v-5bf62d50] { margin-top: 27px; flex: 1; } .com-bg .scroll-bg .sport .top-t[data-v-5bf62d50] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; justify-content: center; } .com-bg .scroll-bg .sport img[data-v-5bf62d50] { height: 22px; width: 22px; margin-right: 8px; } .com-bg .scroll-bg .btm-n[data-v-5bf62d50] { width: 100%; margin-top: 15px; text-align: center; } .com[data-v-66495859] { display: flex; margin: 20px 19px 0px 23px; } .com .bmi-data-item[data-v-66495859] { position: relative; flex: 1; text-align: center; } .com .bmi-data-item .bmi-rate[data-v-66495859] { font-size: 12px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; } .com .bmi-data-item .bmi-chart[data-v-66495859] { position: relative; width: 18px; height: 155px; margin: 4px auto; border-radius: 9px; background-color: #20388d; } .com .bmi-data-item .bmi-chart .bmi-chart-use[data-v-66495859] { position: absolute; left: 0; bottom: 0; width: 18px; border-radius: 9px; -webkit-animation: bmi-chart-use-data-v-66495859 2s ease-in-out; background-color: #5997ff; background-image: linear-gradient(top, #5997ff, #5997ff); } @-webkit-keyframes bmi-chart-use-data-v-66495859 { 0% { height: 0; } 0% { height: 0; } } .com .bmi-data-item .bmi-grade[data-v-66495859] { position: absolute; bottom: -22px; left: 9px; font-family: "Microsoft YaHei"; font-size: 12px; color: #91c8ff; transform: rotate(-60deg); -ms-transform: rotate(-60deg); /* IE 9 */ -moz-transform: rotate(-60deg); /* Firefox */ -webkit-transform: rotate(-60deg); /* Safari 和 Chrome */ -o-transform: rotate(-60deg); /* Opera */ } .red-c .t1[data-v-0ae4714c], .red-c .t2[data-v-0ae4714c], .red-c .right-t[data-v-0ae4714c] { color: #FF9191 !important; } .com-line[data-v-0ae4714c] { height: 100%; margin-top: 14px; position: relative; } .com-line .item[data-v-0ae4714c]:last-child { border-bottom: none !important; } .com-line .item[data-v-0ae4714c] { padding: 14px 12px 12px 11px; margin: 0px 10px 0px 15px; width: calc(100% - 58px); justify-content: space-between; border-bottom: 1px solid #253290; } .com-line .item .t1[data-v-0ae4714c] { width: 25px; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-line .item .t2[data-v-0ae4714c] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-line .item .right-t[data-v-0ae4714c] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } ::-webkit-scrollbar { width: 0px; } div { -moz-user-select: none; /* Firefox私有属性 */ -webkit-user-select: none; /* WebKit内核私有属性 */ -ms-user-select: none; /* IE私有属性(IE10及以后) */ /* KHTML内核私有属性 */ -o-user-select: none; /* Opera私有属性 */ user-select: none; /* CSS3属性 */ } .screen-c[data-v-368c4d5e] { top: 0px; left: 0px; position: fixed !important; height: 1080px !important; width: 1920px !important; z-index: 9999; overflow: hidden; } .index-page[data-v-368c4d5e] { height: 1080px; width: 1920px; background-image: url(../img/monitor-bg.358c2192.png); background-size: 100%; } .index-page[data-v-368c4d5e]::-webkit-scrollbar { width: 0px; } .index-page-head[data-v-368c4d5e] { height: 128px; width: 100%; background-size: 100%; background-image: url(../img/bg-head.2bc2e569.png); font-size: 48px; font-family: PingFang SC; font-weight: bold; color: #ffffff; letter-spacing: 10px; opacity: 1; line-height: 110px; text-align: center; } .index-page .flex-s[data-v-368c4d5e] { display: flex; justify-content: space-between; } .index-page .flex-s .left[data-v-368c4d5e] { margin-left: 30px; height: 600px; width: 452px; } .index-page .flex-s .center[data-v-368c4d5e] { width: 906px; } .index-page .flex-s .right[data-v-368c4d5e] { height: 600px; width: 452px; margin-right: 30px; } .com-box[data-v-2feef5ef] { position: relative; overflow: hidden; } .com-box .com-head[data-v-2feef5ef] { display: flex; align-items: center; font-size: 20px; font-family: PingFang SC; font-weight: bold; line-height: 0px; color: #FFFFFF; opacity: 1; } .com-box .com-head .head-l[data-v-2feef5ef] { height: 20px; width: 14px; margin-right: 6px; } .com-box .com-head .com-head-title[data-v-2feef5ef] { flex: none; } .com-box .com-head .head-r[data-v-2feef5ef] { max-width: 170px; height: 15px; margin-left: 15px; } .com-box .com-head .end-title[data-v-2feef5ef] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #BFCAFF; opacity: 0.49; flex: none; } .com-box .com-ctn[data-v-2feef5ef] { margin-top: 10px; height: 284px; width: 100%; background-size: 100% 100%; background-repeat: no-repeat; overflow: auto; } [data-v-12b2547f] .swiper-pagination { bottom: 35px !important; } [data-v-12b2547f] .swiper-pagination-bullet { height: 10px !important; width: 10px !important; background: #FFFFFF; opacity: 0.34; } [data-v-12b2547f] .swiper-pagination-bullet-active { opacity: 1 !important; } video[data-v-12b2547f] { width: 100%; height: 100%; } .flex-s[data-v-12b2547f] { display: flex; justify-content: space-between; } .flex-s .btm-d[data-v-12b2547f] { margin-top: 10px !important; } .flex-s .decorate[data-v-12b2547f] { height: 14px; width: 220px; margin-top: 33px; } .flex-s .swiper-container[data-v-12b2547f] { margin-top: 10px; height: 540px; width: 906px; } .flex-s .swiper-container .swiper-slide[data-v-12b2547f] { width: 100%; } .flex-s .swiper-container .swiper-slide img[data-v-12b2547f] { width: 100%; height: 100%; } .flex-s .time[data-v-12b2547f] { text-align: center; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #BFCAFF; opacity: 0.49; } .swiper-container[data-v-5f4fa42c] { height: 100%; width: 100%; } .swiper-container .swiper-slide[data-v-5f4fa42c] { width: 100%; } .com-bg[data-v-f4428c32] { margin: 50px 21px 0px 21px; width: calc(100% - 42px); } .com-bg .line[data-v-f4428c32] { position: absolute; top: 16px; right: 5px; height: 30px; width: 1px; background: #5A73BB; } .com-bg .card[data-v-f4428c32] { position: relative; flex: 1; text-align: center; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-bg .card .num[data-v-f4428c32] { margin-top: 16px; font-size: 24px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg .card .num span[data-v-f4428c32] { font-size: 14px !important; } .com-bg .scroll-bg[data-v-f4428c32] { margin-top: 30px; height: 120px; width: 100%; background: linear-gradient(153deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; } .com-bg .scroll-bg .left-sssy-title[data-v-f4428c32] { background-size: 100% 100%; background-repeat: no-repeat; overflow: auto; height: 120px; width: 32px; background-image: url(../img/sssy-title.10155651.png); } .com-bg .scroll-bg .right[data-v-f4428c32] { position: relative; width: calc(100% - 56px); height: 120px; margin: 0px 12px 0px 12px; } .com-bg .scroll-bg .right .item[data-v-f4428c32] { width: 100%; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; } .com-bg .scroll-bg .right .item .t1[data-v-f4428c32], .com-bg .scroll-bg .right .item .t3[data-v-f4428c32] { font-size: 14px; font-family: PingFang SC; font-weight: 400; line-height: 14px; color: #91C8FF; } .com-bg .scroll-bg .right .item .t2[data-v-f4428c32] { font-size: 14px; font-family: PingFang SC; font-weight: 400; line-height: 14px; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 12px; } .com-bg .scroll-bg .right .item .t3[data-v-f4428c32] { margin-left: 12px; } .com[data-v-1a2328e8] { height: calc(100% - 14px); margin: 14px 10px 0px 15px; width: calc(100% - 25px); } .com .line-item[data-v-1a2328e8]:last-child { border-bottom: none !important; } .com .line-item[data-v-1a2328e8] { padding: 5px 0px 8px 5px; border-bottom: 1px solid #253290; } .com .line-item .col-3[data-v-1a2328e8], .com .line-item .col-4[data-v-1a2328e8], .com .line-item .col-5[data-v-1a2328e8], .com .line-item .col-6[data-v-1a2328e8] { font-size: 12px; font-family: PingFang SC; font-weight: 400; line-height: 17px; color: #91C8FF; } .com .line-item .col-1[data-v-1a2328e8] { flex: 1; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com .line-item .col-2[data-v-1a2328e8] { flex: 2; } .com .line-item .col-2 .logo[data-v-1a2328e8] { border-radius: 50%; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; margin: 0px auto; height: 28px; width: 28px; flex: none; display: block; } .com .line-item .col-3[data-v-1a2328e8] { flex: 2; } .com .line-item .col-4[data-v-1a2328e8] { flex: 1; } .com .line-item .col-5[data-v-1a2328e8] { flex: 4; } .com .line-item .col-6[data-v-1a2328e8] { flex: 2; } .com .line-item .col-7[data-v-1a2328e8] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; flex: 4; } .com-line[data-v-a330d02e] { height: 100%; margin-top: 14px; position: relative; } .com-line .item[data-v-a330d02e]:last-child { border-bottom: none !important; } .com-line .item[data-v-a330d02e] { padding: 14px 12px 12px 11px; margin: 0px 10px 0px 15px; width: calc(100% - 58px); justify-content: space-between; border-bottom: 1px solid #253290; } .com-line .item .t1[data-v-a330d02e] { width: 25px; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-line .item .t2[data-v-a330d02e] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-line .item .right-t[data-v-a330d02e] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .red-c .idx[data-v-3ccc3365], .red-c .school-name[data-v-3ccc3365], .red-c .rank-num[data-v-3ccc3365] { color: #FF9191 !important; } .c-btm-bg[data-v-3ccc3365] { position: relative; padding: 0px 0px 0px 14px; height: calc(100% - 10px); margin-top: 10px; } .c-btm-bg .swiper-container[data-v-3ccc3365] { height: 100%; width: 100%; } .c-btm-bg .swiper-container .swiper-slide[data-v-3ccc3365] { width: 100%; } .c-btm-bg .left-ctn[data-v-3ccc3365], .c-btm-bg .right-ctn[data-v-3ccc3365] { height: 100%; width: calc(100% / 2); } .c-btm-bg .left-ctn .front[data-v-3ccc3365], .c-btm-bg .right-ctn .front[data-v-3ccc3365] { background: linear-gradient(154deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; border-bottom: none !important; } .c-btm-bg .left-ctn .rank[data-v-3ccc3365], .c-btm-bg .right-ctn .rank[data-v-3ccc3365] { margin-top: 4px; height: 40px; width: calc(100% - 40px); padding: 0px 22px 0px 18px; justify-content: space-between; border-bottom: 1px solid #253290; } .c-btm-bg .left-ctn .rank .idx[data-v-3ccc3365], .c-btm-bg .right-ctn .rank .idx[data-v-3ccc3365] { height: 32px; width: 26px; flex: none; margin-right: 7px; justify-content: center; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .c-btm-bg .left-ctn .rank .school-name[data-v-3ccc3365], .c-btm-bg .right-ctn .rank .school-name[data-v-3ccc3365] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .c-btm-bg .left-ctn .rank .rank-num[data-v-3ccc3365], .c-btm-bg .right-ctn .rank .rank-num[data-v-3ccc3365] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg[data-v-53f52918] { margin: 50px 21px 0px 21px; width: calc(100% - 42px); } .com-bg .more-r[data-v-53f52918] { right: -20px !important; } .com-bg .num-t[data-v-53f52918] { margin-top: 16px; font-size: 24px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg .num-t span[data-v-53f52918] { font-size: 14px !important; } .com-bg .line[data-v-53f52918] { position: absolute; top: 16px; right: 8px; height: 30px; width: 1px; background: #5A73BB; } .com-bg .card[data-v-53f52918] { position: relative; flex: 1; text-align: center; height: 78px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-bg .scroll-bg[data-v-53f52918] { display: flex; margin-top: 10px; height: 120px; width: 100%; background: linear-gradient(153deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; } .com-bg .scroll-bg .sport[data-v-53f52918] { margin-top: 27px; flex: 1; } .com-bg .scroll-bg .sport .top-t[data-v-53f52918] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; justify-content: center; } .com-bg .scroll-bg .sport .sport-icon[data-v-53f52918] { height: 22px; width: 22px; border-radius: 50%; background-color: #405db6; border: 1px solid #46515d; color: #91c8ff; } .com-bg .scroll-bg .sport img[data-v-53f52918] { height: 22px; width: 22px; margin-right: 8px; } .com-bg .scroll-bg .btm-n[data-v-53f52918] { width: 100%; margin-top: 15px; text-align: center; } .com[data-v-6a49da75] { display: flex; margin: 20px 19px 0px 23px; } .com .bmi-data-item[data-v-6a49da75] { position: relative; flex: 1; text-align: center; } .com .bmi-data-item .bmi-rate[data-v-6a49da75] { font-size: 12px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; } .com .bmi-data-item .bmi-chart[data-v-6a49da75] { position: relative; width: 18px; height: 155px; margin: 4px auto; border-radius: 9px; background-color: #20388d; } .com .bmi-data-item .bmi-chart .bmi-chart-use[data-v-6a49da75] { position: absolute; left: 0; bottom: 0; width: 18px; border-radius: 9px; -webkit-animation: bmi-chart-use-data-v-6a49da75 2s ease-in-out; background-color: #5997ff; background-image: linear-gradient(top, #5997ff, #5997ff); } @-webkit-keyframes bmi-chart-use-data-v-6a49da75 { 0% { height: 0; } 0% { height: 0; } } .com .bmi-data-item .bmi-grade[data-v-6a49da75] { position: absolute; bottom: -22px; left: 9px; font-family: "Microsoft YaHei"; font-size: 12px; color: #91c8ff; transform: rotate(-60deg); -ms-transform: rotate(-60deg); /* IE 9 */ -moz-transform: rotate(-60deg); /* Firefox */ -webkit-transform: rotate(-60deg); /* Safari 和 Chrome */ -o-transform: rotate(-60deg); /* Opera */ } .red-c .t1[data-v-02e36d14], .red-c .t2[data-v-02e36d14], .red-c .right-t[data-v-02e36d14] { color: #FF9191 !important; } .com-line[data-v-02e36d14] { height: 100%; margin-top: 14px; position: relative; } .com-line .item[data-v-02e36d14]:last-child { border-bottom: none !important; } .com-line .item[data-v-02e36d14] { padding: 9px 12px 10px 11px; margin: 0px 10px 0px 15px; width: calc(100% - 58px); justify-content: space-between; border-bottom: 1px solid #253290; } .com-line .item .t1[data-v-02e36d14] { width: 25px; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-line .item .t2[data-v-02e36d14] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-line .item .right-t[data-v-02e36d14] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } ::-webkit-scrollbar { width: 0px; } div { -moz-user-select: none; /* Firefox私有属性 */ -webkit-user-select: none; /* WebKit内核私有属性 */ -ms-user-select: none; /* IE私有属性(IE10及以后) */ /* KHTML内核私有属性 */ -o-user-select: none; /* Opera私有属性 */ user-select: none; /* CSS3属性 */ } .index-page[data-v-58482896] { height: 1080px; width: 1920px; background: #05105D; background-size: 100%; } .index-page[data-v-58482896]::-webkit-scrollbar { width: 0px; } .index-page .fz38[data-v-58482896] { font-size: 38px; } .index-page .fs29[data-v-58482896] { font-size: 28px; } .index-page-head[data-v-58482896] { height: 128px; width: 100%; background-size: 100%; background-image: url(../img/bg-head.2bc2e569.png); font-family: PingFang SC; font-weight: bold; color: #FFFFFF; letter-spacing: 10px; opacity: 1; line-height: 110px; text-align: center; position: relative; } .index-page-head-t[data-v-58482896] { margin: 0px auto; width: 900px; height: 100%; } .index-page .flex-s[data-v-58482896] { display: flex; justify-content: space-between; } .index-page .flex-s .left[data-v-58482896] { margin-left: 30px; height: 600px; width: 452px; } .index-page .flex-s .center[data-v-58482896] { width: 906px; } .index-page .flex-s .right[data-v-58482896] { height: 600px; width: 452px; margin-right: 30px; } .com-box[data-v-43bd6244] { position: relative; overflow: hidden; } .com-box .com-head[data-v-43bd6244] { display: flex; align-items: center; font-size: 20px; font-family: PingFang SC; font-weight: bold; line-height: 0px; color: #FFFFFF; opacity: 1; } .com-box .com-head .head-l[data-v-43bd6244] { height: 20px; width: 14px; margin-right: 6px; } .com-box .com-head .com-head-title[data-v-43bd6244] { flex: none; } .com-box .com-head .head-r[data-v-43bd6244] { width: 170px; height: 15px; margin-left: 15px; } .com-box .com-head .end-title[data-v-43bd6244] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #BFCAFF; opacity: 0.49; display: contents; } .com-box .com-ctn[data-v-43bd6244] { margin-top: 10px; height: 284px; width: 100%; background-size: 100% 100%; background-repeat: no-repeat; overflow: auto; } .foot-bottom[data-v-2680c0d4] { margin-top: 60px; } .max-c[data-v-2680c0d4] { height: 100%; width: 100%; } [data-v-2680c0d4] .swiper-pagination { bottom: 35px !important; } [data-v-2680c0d4] .swiper-pagination-bullet { height: 10px !important; width: 10px !important; background: #FFFFFF; opacity: 0.34; } [data-v-2680c0d4] .swiper-pagination-bullet-active { opacity: 1 !important; } .b0[data-v-2680c0d4] { bottom: 0px !important; } video[data-v-2680c0d4] { width: 100%; height: 100%; } .flex-s[data-v-2680c0d4] { display: flex; justify-content: space-between; } .flex-s .btm-d[data-v-2680c0d4] { margin-top: 10px !important; } .flex-s .decorate[data-v-2680c0d4] { height: 14px; width: 220px; margin-top: 33px; } .flex-s .max-swiper-container[data-v-2680c0d4] { height: 100%; width: 100%; } .flex-s .max-swiper-container .swiper-slide[data-v-2680c0d4] { width: 100%; } .flex-s .max-swiper-container .swiper-slide img[data-v-2680c0d4] { width: 100%; height: 100%; } .flex-s .swiper-container[data-v-2680c0d4] { margin-top: 10px; height: 540px; width: 906px; } .flex-s .swiper-container .swiper-slide[data-v-2680c0d4] { width: 100%; } .flex-s .swiper-container .swiper-slide img[data-v-2680c0d4] { width: 100%; height: 100%; } .flex-s .time[data-v-2680c0d4] { text-align: center; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #BFCAFF; opacity: 0.49; } .swiper-container[data-v-75627b12] { height: 100%; width: 100%; } .swiper-container .swiper-slide[data-v-75627b12] { width: 100%; } .com-bg[data-v-acd39108] { margin: 50px 21px 0px 21px; width: calc(100% - 42px); } .com-bg .line[data-v-acd39108] { position: absolute; top: 16px; right: 5px; height: 30px; width: 1px; background: #5A73BB; } .com-bg .card[data-v-acd39108] { position: relative; flex: 1; text-align: center; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-bg .card .num[data-v-acd39108] { margin-top: 16px; font-size: 24px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg .card .num span[data-v-acd39108] { font-size: 14px !important; } .com-bg .scroll-bg[data-v-acd39108] { margin-top: 30px; height: 120px; width: 100%; background: linear-gradient(153deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; } .com-bg .scroll-bg .left-sssy-title[data-v-acd39108] { background-size: 100% 100%; background-repeat: no-repeat; overflow: auto; height: 120px; width: 32px; background-image: url(../img/sssy-title.10155651.png); } .com-bg .scroll-bg .right[data-v-acd39108] { position: relative; width: calc(100% - 56px); height: 120px; margin: 0px 12px 0px 12px; } .com-bg .scroll-bg .right .item[data-v-acd39108] { width: 100%; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; } .com-bg .scroll-bg .right .item .t1[data-v-acd39108], .com-bg .scroll-bg .right .item .t3[data-v-acd39108] { font-size: 14px; font-family: PingFang SC; font-weight: 400; line-height: 14px; color: #91C8FF; } .com-bg .scroll-bg .right .item .t2[data-v-acd39108] { font-size: 14px; font-family: PingFang SC; font-weight: 400; line-height: 14px; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 12px; } .com-bg .scroll-bg .right .item .t3[data-v-acd39108] { margin-left: 12px; } .com[data-v-3ddaa67d] { height: calc(100% - 14px); margin: 14px 10px 0px 15px; width: calc(100% - 25px); } .com .line-item[data-v-3ddaa67d]:last-child { border-bottom: none !important; } .com .line-item[data-v-3ddaa67d] { padding: 5px 0px 8px 5px; border-bottom: 1px solid #253290; } .com .line-item .col-3[data-v-3ddaa67d], .com .line-item .col-4[data-v-3ddaa67d], .com .line-item .col-5[data-v-3ddaa67d], .com .line-item .col-6[data-v-3ddaa67d] { font-size: 12px; font-family: PingFang SC; font-weight: 400; line-height: 17px; color: #91C8FF; } .com .line-item .col-1[data-v-3ddaa67d] { flex: 1; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com .line-item .col-2[data-v-3ddaa67d] { flex: 2; } .com .line-item .col-2 .logo[data-v-3ddaa67d] { border-radius: 50%; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; margin: 0px auto; height: 28px; width: 28px; flex: none; display: block; } .com .line-item .col-3[data-v-3ddaa67d] { flex: 2; } .com .line-item .col-4[data-v-3ddaa67d] { flex: 1; } .com .line-item .col-5[data-v-3ddaa67d] { flex: 4; } .com .line-item .col-6[data-v-3ddaa67d] { flex: 2; } .com .line-item .col-7[data-v-3ddaa67d] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; flex: 4; } .com-line[data-v-5bc1d504] { height: 100%; margin-top: 14px; position: relative; } .com-line .item[data-v-5bc1d504]:last-child { border-bottom: none !important; } .com-line .item[data-v-5bc1d504] { padding: 14px 12px 12px 11px; margin: 0px 10px 0px 15px; width: calc(100% - 58px); justify-content: space-between; border-bottom: 1px solid #253290; } .com-line .item .t1[data-v-5bc1d504] { width: 25px; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-line .item .t2[data-v-5bc1d504] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-line .item .right-t[data-v-5bc1d504] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .red-c .idx[data-v-43ffdb8c], .red-c .school-name[data-v-43ffdb8c], .red-c .rank-num[data-v-43ffdb8c] { color: #FF9191 !important; } .c-btm-bg[data-v-43ffdb8c] { position: relative; padding: 0px 0px 0px 14px; height: calc(100% - 10px); margin-top: 10px; } .c-btm-bg .swiper-container[data-v-43ffdb8c] { height: 100%; width: 100%; } .c-btm-bg .swiper-container .swiper-slide[data-v-43ffdb8c] { width: 100%; } .c-btm-bg .left-ctn[data-v-43ffdb8c], .c-btm-bg .right-ctn[data-v-43ffdb8c] { height: 100%; width: calc(100% / 2); } .c-btm-bg .left-ctn .front[data-v-43ffdb8c], .c-btm-bg .right-ctn .front[data-v-43ffdb8c] { background: linear-gradient(154deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; border-bottom: none !important; } .c-btm-bg .left-ctn .rank[data-v-43ffdb8c], .c-btm-bg .right-ctn .rank[data-v-43ffdb8c] { margin-top: 4px; height: 40px; width: calc(100% - 40px); padding: 0px 22px 0px 18px; justify-content: space-between; border-bottom: 1px solid #253290; } .c-btm-bg .left-ctn .rank .idx[data-v-43ffdb8c], .c-btm-bg .right-ctn .rank .idx[data-v-43ffdb8c] { height: 32px; width: 26px; flex: none; margin-right: 7px; justify-content: center; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .c-btm-bg .left-ctn .rank .school-name[data-v-43ffdb8c], .c-btm-bg .right-ctn .rank .school-name[data-v-43ffdb8c] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .c-btm-bg .left-ctn .rank .rank-num[data-v-43ffdb8c], .c-btm-bg .right-ctn .rank .rank-num[data-v-43ffdb8c] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg[data-v-293da07f] { margin: 50px 21px 0px 21px; width: calc(100% - 42px); } .com-bg .more-r[data-v-293da07f] { right: -20px !important; } .com-bg .num-t[data-v-293da07f] { margin-top: 16px; font-size: 24px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg .num-t span[data-v-293da07f] { font-size: 14px !important; } .com-bg .line[data-v-293da07f] { position: absolute; top: 16px; right: 8px; height: 30px; width: 1px; background: #5A73BB; } .com-bg .card[data-v-293da07f] { position: relative; flex: 1; text-align: center; height: 78px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-bg .scroll-bg[data-v-293da07f] { display: flex; margin-top: 10px; height: 120px; width: 100%; background: linear-gradient(153deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; } .com-bg .scroll-bg .sport[data-v-293da07f] { margin-top: 27px; flex: 1; } .com-bg .scroll-bg .sport .top-t[data-v-293da07f] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; justify-content: center; } .com-bg .scroll-bg .sport img[data-v-293da07f] { height: 22px; width: 22px; margin-right: 8px; } .com-bg .scroll-bg .btm-n[data-v-293da07f] { width: 100%; margin-top: 15px; text-align: center; } .com[data-v-84fbe100] { display: flex; margin: 20px 19px 0px 23px; } .com .bmi-data-item[data-v-84fbe100] { position: relative; flex: 1; text-align: center; } .com .bmi-data-item .bmi-rate[data-v-84fbe100] { font-size: 12px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; } .com .bmi-data-item .bmi-chart[data-v-84fbe100] { position: relative; width: 18px; height: 155px; margin: 4px auto; border-radius: 9px; background-color: #20388d; } .com .bmi-data-item .bmi-chart .bmi-chart-use[data-v-84fbe100] { position: absolute; left: 0; bottom: 0; width: 18px; border-radius: 9px; -webkit-animation: bmi-chart-use-data-v-84fbe100 2s ease-in-out; background-color: #5997ff; background-image: linear-gradient(top, #5997ff, #5997ff); } @-webkit-keyframes bmi-chart-use-data-v-84fbe100 { 0% { height: 0; } 0% { height: 0; } } .com .bmi-data-item .bmi-grade[data-v-84fbe100] { position: absolute; bottom: -22px; left: 9px; font-family: "Microsoft YaHei"; font-size: 12px; color: #91c8ff; transform: rotate(-60deg); -ms-transform: rotate(-60deg); /* IE 9 */ -moz-transform: rotate(-60deg); /* Firefox */ -webkit-transform: rotate(-60deg); /* Safari 和 Chrome */ -o-transform: rotate(-60deg); /* Opera */ } .red-c .t1[data-v-51c67e81], .red-c .t2[data-v-51c67e81], .red-c .right-t[data-v-51c67e81] { color: #FF9191 !important; } .com-line[data-v-51c67e81] { height: 100%; margin-top: 14px; position: relative; } .com-line .item[data-v-51c67e81]:last-child { border-bottom: none !important; } .com-line .item[data-v-51c67e81] { padding: 14px 12px 12px 11px; margin: 0px 10px 0px 15px; width: calc(100% - 58px); justify-content: space-between; border-bottom: 1px solid #253290; } .com-line .item .t1[data-v-51c67e81] { width: 25px; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-line .item .t2[data-v-51c67e81] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-line .item .right-t[data-v-51c67e81] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } ::-webkit-scrollbar { width: 0px; } div { -moz-user-select: none; /* Firefox私有属性 */ -webkit-user-select: none; /* WebKit内核私有属性 */ -ms-user-select: none; /* IE私有属性(IE10及以后) */ /* KHTML内核私有属性 */ -o-user-select: none; /* Opera私有属性 */ user-select: none; /* CSS3属性 */ } .mobile-logo[data-v-5623334a] { position: absolute; top: 0; left: 0; width: 311px; height: 90px; z-index: 999; } .screen-c[data-v-5623334a] { top: 0px; left: 0px; position: fixed !important; height: 1080px !important; width: 1920px !important; z-index: 9999; overflow: hidden; } .index-page[data-v-5623334a] { position: relative; height: 1080px; width: 1920px; background-image: url(../img/monitor-bg.358c2192.png); background-size: 100%; } .index-page[data-v-5623334a]::-webkit-scrollbar { width: 0px; } .index-page-head[data-v-5623334a] { height: 128px; width: 100%; background-size: 100%; background-image: url(../img/bg-head.2bc2e569.png); font-size: 48px; font-family: PingFang SC; font-weight: bold; color: #ffffff; letter-spacing: 10px; opacity: 1; line-height: 110px; text-align: center; } .index-page .flex-s[data-v-5623334a] { display: flex; justify-content: space-between; } .index-page .flex-s .left[data-v-5623334a] { margin-left: 30px; height: 600px; width: 452px; } .index-page .flex-s .center[data-v-5623334a] { width: 906px; } .index-page .flex-s .right[data-v-5623334a] { height: 600px; width: 452px; margin-right: 30px; } .com-box[data-v-4019c196] { position: relative; overflow: hidden; } .com-box .com-head[data-v-4019c196] { display: flex; align-items: center; font-size: 20px; font-family: PingFang SC; font-weight: bold; line-height: 0px; color: #FFFFFF; opacity: 1; } .com-box .com-head .head-l[data-v-4019c196] { height: 20px; width: 14px; margin-right: 6px; } .com-box .com-head .com-head-title[data-v-4019c196] { flex: none; } .com-box .com-head .head-r[data-v-4019c196] { max-width: 170px; height: 15px; margin-left: 15px; } .com-box .com-head .end-title[data-v-4019c196] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #BFCAFF; opacity: 0.49; flex: none; } .com-box .com-ctn[data-v-4019c196] { margin-top: 10px; height: 284px; width: 100%; background-size: 100% 100%; background-repeat: no-repeat; overflow: auto; } .foot-bottom[data-v-22dd2026] { margin-top: 60px; } .max-c[data-v-22dd2026] { height: 100%; width: 100%; } [data-v-22dd2026] .swiper-pagination { bottom: 35px !important; } [data-v-22dd2026] .swiper-pagination-bullet { height: 10px !important; width: 10px !important; background: #FFFFFF; opacity: 0.34; } [data-v-22dd2026] .swiper-pagination-bullet-active { opacity: 1 !important; } .b0[data-v-22dd2026] { bottom: 0px !important; } video[data-v-22dd2026] { width: 100%; height: 100%; } .flex-s[data-v-22dd2026] { display: flex; justify-content: space-between; } .flex-s .btm-d[data-v-22dd2026] { margin-top: 10px !important; } .flex-s .decorate[data-v-22dd2026] { height: 14px; width: 220px; margin-top: 33px; } .flex-s .max-swiper-container[data-v-22dd2026] { height: 100%; width: 100%; } .flex-s .max-swiper-container .swiper-slide[data-v-22dd2026] { width: 100%; } .flex-s .max-swiper-container .swiper-slide img[data-v-22dd2026] { width: 100%; height: 100%; } .flex-s .swiper-container[data-v-22dd2026] { margin-top: 10px; height: 540px; width: 906px; } .flex-s .swiper-container .swiper-slide[data-v-22dd2026] { width: 100%; } .flex-s .swiper-container .swiper-slide img[data-v-22dd2026] { width: 100%; height: 100%; } .flex-s .time[data-v-22dd2026] { text-align: center; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #BFCAFF; opacity: 0.49; } .swiper-container[data-v-547e4d65] { height: 100%; width: 100%; } .swiper-container .swiper-slide[data-v-547e4d65] { width: 100%; } .com-bg[data-v-1c737964] { margin: 50px 21px 0px 21px; width: calc(100% - 42px); } .com-bg .line[data-v-1c737964] { position: absolute; top: 16px; right: 5px; height: 30px; width: 1px; background: #5A73BB; } .com-bg .card[data-v-1c737964] { position: relative; flex: 1; text-align: center; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-bg .card .num[data-v-1c737964] { margin-top: 16px; font-size: 24px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg .card .num span[data-v-1c737964] { font-size: 14px !important; } .com-bg .scroll-bg[data-v-1c737964] { margin-top: 30px; height: 120px; width: 100%; background: linear-gradient(153deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; } .com-bg .scroll-bg .left-sssy-title[data-v-1c737964] { background-size: 100% 100%; background-repeat: no-repeat; overflow: auto; height: 120px; width: 32px; background-image: url(../img/sssy-title.10155651.png); } .com-bg .scroll-bg .right[data-v-1c737964] { position: relative; width: calc(100% - 56px); height: 120px; margin: 0px 12px 0px 12px; } .com-bg .scroll-bg .right .item[data-v-1c737964] { width: 100%; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; } .com-bg .scroll-bg .right .item .t1[data-v-1c737964], .com-bg .scroll-bg .right .item .t3[data-v-1c737964] { font-size: 14px; font-family: PingFang SC; font-weight: 400; line-height: 14px; color: #91C8FF; } .com-bg .scroll-bg .right .item .t2[data-v-1c737964] { font-size: 14px; font-family: PingFang SC; font-weight: 400; line-height: 14px; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 12px; } .com-bg .scroll-bg .right .item .t3[data-v-1c737964] { margin-left: 12px; } .com[data-v-f3ea9b62] { height: calc(100% - 14px); margin: 14px 10px 0px 15px; width: calc(100% - 25px); } .com .line-item[data-v-f3ea9b62]:last-child { border-bottom: none !important; } .com .line-item[data-v-f3ea9b62] { padding: 5px 0px 8px 5px; border-bottom: 1px solid #253290; } .com .line-item .col-3[data-v-f3ea9b62], .com .line-item .col-4[data-v-f3ea9b62], .com .line-item .col-5[data-v-f3ea9b62], .com .line-item .col-6[data-v-f3ea9b62] { font-size: 12px; font-family: PingFang SC; font-weight: 400; line-height: 17px; color: #91C8FF; } .com .line-item .col-1[data-v-f3ea9b62] { flex: 1; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com .line-item .col-2[data-v-f3ea9b62] { flex: 2; } .com .line-item .col-2 .logo[data-v-f3ea9b62] { border-radius: 50%; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; margin: 0px auto; height: 28px; width: 28px; flex: none; display: block; } .com .line-item .col-3[data-v-f3ea9b62] { flex: 2; } .com .line-item .col-4[data-v-f3ea9b62] { flex: 1; } .com .line-item .col-5[data-v-f3ea9b62] { flex: 4; } .com .line-item .col-6[data-v-f3ea9b62] { flex: 2; } .com .line-item .col-7[data-v-f3ea9b62] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; flex: 4; } .com-line[data-v-1a4f2150] { height: 100%; margin-top: 14px; position: relative; } .com-line .item[data-v-1a4f2150]:last-child { border-bottom: none !important; } .com-line .item[data-v-1a4f2150] { padding: 14px 12px 12px 11px; margin: 0px 10px 0px 15px; width: calc(100% - 58px); justify-content: space-between; border-bottom: 1px solid #253290; } .com-line .item .t1[data-v-1a4f2150] { width: 25px; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-line .item .t2[data-v-1a4f2150] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-line .item .right-t[data-v-1a4f2150] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .red-c .idx[data-v-d7f62ae8], .red-c .school-name[data-v-d7f62ae8], .red-c .rank-num[data-v-d7f62ae8] { color: #FF9191 !important; } .c-btm-bg[data-v-d7f62ae8] { position: relative; padding: 0px 0px 0px 14px; height: calc(100% - 10px); margin-top: 10px; } .c-btm-bg .swiper-container[data-v-d7f62ae8] { height: 100%; width: 100%; } .c-btm-bg .swiper-container .swiper-slide[data-v-d7f62ae8] { width: 100%; } .c-btm-bg .left-ctn[data-v-d7f62ae8], .c-btm-bg .right-ctn[data-v-d7f62ae8] { height: 100%; width: calc(100% / 2); } .c-btm-bg .left-ctn .front[data-v-d7f62ae8], .c-btm-bg .right-ctn .front[data-v-d7f62ae8] { background: linear-gradient(154deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; border-bottom: none !important; } .c-btm-bg .left-ctn .rank[data-v-d7f62ae8], .c-btm-bg .right-ctn .rank[data-v-d7f62ae8] { margin-top: 4px; height: 40px; width: calc(100% - 40px); padding: 0px 22px 0px 18px; justify-content: space-between; border-bottom: 1px solid #253290; } .c-btm-bg .left-ctn .rank .idx[data-v-d7f62ae8], .c-btm-bg .right-ctn .rank .idx[data-v-d7f62ae8] { height: 32px; width: 26px; flex: none; margin-right: 7px; justify-content: center; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .c-btm-bg .left-ctn .rank .school-name[data-v-d7f62ae8], .c-btm-bg .right-ctn .rank .school-name[data-v-d7f62ae8] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .c-btm-bg .left-ctn .rank .rank-num[data-v-d7f62ae8], .c-btm-bg .right-ctn .rank .rank-num[data-v-d7f62ae8] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg[data-v-31e1e226] { margin: 50px 21px 0px 21px; width: calc(100% - 42px); } .com-bg .more-r[data-v-31e1e226] { right: -20px !important; } .com-bg .num-t[data-v-31e1e226] { margin-top: 16px; font-size: 24px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg .num-t span[data-v-31e1e226] { font-size: 14px !important; } .com-bg .line[data-v-31e1e226] { position: absolute; top: 16px; right: 8px; height: 30px; width: 1px; background: #5A73BB; } .com-bg .card[data-v-31e1e226] { position: relative; flex: 1; text-align: center; height: 78px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-bg .scroll-bg[data-v-31e1e226] { display: flex; margin-top: 10px; height: 120px; width: 100%; background: linear-gradient(153deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; } .com-bg .scroll-bg .sport[data-v-31e1e226] { margin-top: 27px; flex: 1; } .com-bg .scroll-bg .sport .top-t[data-v-31e1e226] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; justify-content: center; } .com-bg .scroll-bg .sport .sport-icon[data-v-31e1e226] { height: 22px; width: 22px; border-radius: 50%; background-color: #405db6; border: 1px solid #46515d; color: #91c8ff; } .com-bg .scroll-bg .sport img[data-v-31e1e226] { height: 22px; width: 22px; margin-right: 8px; } .com-bg .scroll-bg .btm-n[data-v-31e1e226] { width: 100%; margin-top: 15px; text-align: center; } .com[data-v-7b537dee] { display: flex; margin: 20px 19px 0px 23px; } .com .bmi-data-item[data-v-7b537dee] { position: relative; flex: 1; text-align: center; } .com .bmi-data-item .bmi-rate[data-v-7b537dee] { font-size: 12px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; } .com .bmi-data-item .bmi-chart[data-v-7b537dee] { position: relative; width: 18px; height: 155px; margin: 4px auto; border-radius: 9px; background-color: #20388d; } .com .bmi-data-item .bmi-chart .bmi-chart-use[data-v-7b537dee] { position: absolute; left: 0; bottom: 0; width: 18px; border-radius: 9px; -webkit-animation: bmi-chart-use-data-v-7b537dee 2s ease-in-out; background-color: #5997ff; background-image: linear-gradient(top, #5997ff, #5997ff); } @-webkit-keyframes bmi-chart-use-data-v-7b537dee { 0% { height: 0; } 0% { height: 0; } } .com .bmi-data-item .bmi-grade[data-v-7b537dee] { position: absolute; bottom: -22px; left: 9px; font-family: "Microsoft YaHei"; font-size: 12px; color: #91c8ff; transform: rotate(-60deg); -ms-transform: rotate(-60deg); /* IE 9 */ -moz-transform: rotate(-60deg); /* Firefox */ -webkit-transform: rotate(-60deg); /* Safari 和 Chrome */ -o-transform: rotate(-60deg); /* Opera */ } .red-c .t1[data-v-0f97ecef], .red-c .t2[data-v-0f97ecef], .red-c .right-t[data-v-0f97ecef] { color: #FF9191 !important; } .com-line[data-v-0f97ecef] { height: 100%; margin-top: 14px; position: relative; } .com-line .item[data-v-0f97ecef]:last-child { border-bottom: none !important; } .com-line .item[data-v-0f97ecef] { padding: 9px 12px 10px 11px; margin: 0px 10px 0px 15px; width: calc(100% - 58px); justify-content: space-between; border-bottom: 1px solid #253290; } .com-line .item .t1[data-v-0f97ecef] { width: 25px; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-line .item .t2[data-v-0f97ecef] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-line .item .right-t[data-v-0f97ecef] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .mobile-logo { position: absolute; top: 0; left: 0; width: 311px; height: 90px; z-index: 999; } ::-webkit-scrollbar { width: 0px; } div { -moz-user-select: none; /* Firefox私有属性 */ -webkit-user-select: none; /* WebKit内核私有属性 */ -ms-user-select: none; /* IE私有属性(IE10及以后) */ /* KHTML内核私有属性 */ -o-user-select: none; /* Opera私有属性 */ user-select: none; /* CSS3属性 */ } .index-page[data-v-b28db9c8] { height: 1080px; width: 1920px; background: #05105D; background-size: 100%; } .index-page[data-v-b28db9c8]::-webkit-scrollbar { width: 0px; } .index-page .fz38[data-v-b28db9c8] { font-size: 38px; } .index-page .fs29[data-v-b28db9c8] { font-size: 28px; } .index-page-head[data-v-b28db9c8] { height: 128px; width: 100%; background-size: 100%; background-image: url(../img/bg-head.2bc2e569.png); font-family: PingFang SC; font-weight: bold; color: #FFFFFF; letter-spacing: 10px; opacity: 1; line-height: 110px; text-align: center; position: relative; } .index-page-head-t[data-v-b28db9c8] { margin: 0px auto; width: 900px; height: 100%; } .index-page .flex-s[data-v-b28db9c8] { display: flex; justify-content: space-between; } .index-page .flex-s .left[data-v-b28db9c8] { margin-left: 30px; height: 600px; width: 452px; } .index-page .flex-s .center[data-v-b28db9c8] { width: 906px; } .index-page .flex-s .right[data-v-b28db9c8] { height: 600px; width: 452px; margin-right: 30px; } .com-box[data-v-28d3f8ad] { position: relative; overflow: hidden; } .com-box .com-head[data-v-28d3f8ad] { display: flex; align-items: center; font-size: 20px; font-family: PingFang SC; font-weight: bold; line-height: 0px; color: #FFFFFF; opacity: 1; } .com-box .com-head .head-l[data-v-28d3f8ad] { height: 20px; width: 14px; margin-right: 6px; } .com-box .com-head .com-head-title[data-v-28d3f8ad] { flex: none; } .com-box .com-head .head-r[data-v-28d3f8ad] { width: 170px; height: 15px; margin-left: 15px; } .com-box .com-head .end-title[data-v-28d3f8ad] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #BFCAFF; opacity: 0.49; display: contents; } .com-box .com-ctn[data-v-28d3f8ad] { margin-top: 10px; height: 284px; width: 100%; background-size: 100% 100%; background-repeat: no-repeat; overflow: auto; } .foot-bottom[data-v-0b97573d] { margin-top: 60px; } .max-c[data-v-0b97573d] { height: 100%; width: 100%; } [data-v-0b97573d] .swiper-pagination { bottom: 35px !important; } [data-v-0b97573d] .swiper-pagination-bullet { height: 10px !important; width: 10px !important; background: #FFFFFF; opacity: 0.34; } [data-v-0b97573d] .swiper-pagination-bullet-active { opacity: 1 !important; } .b0[data-v-0b97573d] { bottom: 0px !important; } video[data-v-0b97573d] { width: 100%; height: 100%; } .flex-s[data-v-0b97573d] { display: flex; justify-content: space-between; } .flex-s .btm-d[data-v-0b97573d] { margin-top: 10px !important; } .flex-s .decorate[data-v-0b97573d] { height: 14px; width: 220px; margin-top: 33px; } .flex-s .max-swiper-container[data-v-0b97573d] { height: 100%; width: 100%; } .flex-s .max-swiper-container .swiper-slide[data-v-0b97573d] { width: 100%; } .flex-s .max-swiper-container .swiper-slide img[data-v-0b97573d] { width: 100%; height: 100%; } .flex-s .swiper-container[data-v-0b97573d] { margin-top: 10px; height: 540px; width: 906px; } .flex-s .swiper-container .swiper-slide[data-v-0b97573d] { width: 100%; } .flex-s .swiper-container .swiper-slide img[data-v-0b97573d] { width: 100%; height: 100%; } .flex-s .time[data-v-0b97573d] { text-align: center; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #BFCAFF; opacity: 0.49; } .swiper-container[data-v-f9ea0da4] { height: 100%; width: 100%; } .swiper-container .swiper-slide[data-v-f9ea0da4] { width: 100%; } .com-bg[data-v-85fd57b6] { margin: 50px 21px 0px 21px; width: calc(100% - 42px); } .com-bg .line[data-v-85fd57b6] { position: absolute; top: 16px; right: 5px; height: 30px; width: 1px; background: #5A73BB; } .com-bg .card[data-v-85fd57b6] { position: relative; flex: 1; text-align: center; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-bg .card .num[data-v-85fd57b6] { margin-top: 16px; font-size: 24px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg .card .num span[data-v-85fd57b6] { font-size: 14px !important; } .com-bg .scroll-bg[data-v-85fd57b6] { margin-top: 30px; height: 120px; width: 100%; background: linear-gradient(153deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; } .com-bg .scroll-bg .left-sssy-title[data-v-85fd57b6] { background-size: 100% 100%; background-repeat: no-repeat; overflow: auto; height: 120px; width: 32px; background-image: url(../img/sssy-title.10155651.png); } .com-bg .scroll-bg .right[data-v-85fd57b6] { position: relative; width: calc(100% - 56px); height: 120px; margin: 0px 12px 0px 12px; } .com-bg .scroll-bg .right .item[data-v-85fd57b6] { width: 100%; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; } .com-bg .scroll-bg .right .item .t1[data-v-85fd57b6], .com-bg .scroll-bg .right .item .t3[data-v-85fd57b6] { font-size: 14px; font-family: PingFang SC; font-weight: 400; line-height: 14px; color: #91C8FF; } .com-bg .scroll-bg .right .item .t2[data-v-85fd57b6] { font-size: 14px; font-family: PingFang SC; font-weight: 400; line-height: 14px; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 12px; } .com-bg .scroll-bg .right .item .t3[data-v-85fd57b6] { margin-left: 12px; } .com[data-v-5145c326] { height: calc(100% - 14px); margin: 14px 10px 0px 15px; width: calc(100% - 25px); } .com .line-item[data-v-5145c326]:last-child { border-bottom: none !important; } .com .line-item[data-v-5145c326] { padding: 5px 0px 8px 5px; border-bottom: 1px solid #253290; } .com .line-item .col-3[data-v-5145c326], .com .line-item .col-4[data-v-5145c326], .com .line-item .col-5[data-v-5145c326], .com .line-item .col-6[data-v-5145c326] { font-size: 12px; font-family: PingFang SC; font-weight: 400; line-height: 17px; color: #91C8FF; } .com .line-item .col-1[data-v-5145c326] { flex: 1; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com .line-item .col-2[data-v-5145c326] { flex: 2; } .com .line-item .col-2 .logo[data-v-5145c326] { border-radius: 50%; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; margin: 0px auto; height: 28px; width: 28px; flex: none; display: block; } .com .line-item .col-3[data-v-5145c326] { flex: 2; } .com .line-item .col-4[data-v-5145c326] { flex: 1; } .com .line-item .col-5[data-v-5145c326] { flex: 4; } .com .line-item .col-6[data-v-5145c326] { flex: 2; } .com .line-item .col-7[data-v-5145c326] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; flex: 4; } .com-line[data-v-34eb9bb2] { height: 100%; margin-top: 14px; position: relative; } .com-line .item[data-v-34eb9bb2]:last-child { border-bottom: none !important; } .com-line .item[data-v-34eb9bb2] { padding: 14px 12px 12px 11px; margin: 0px 10px 0px 15px; width: calc(100% - 58px); justify-content: space-between; border-bottom: 1px solid #253290; } .com-line .item .t1[data-v-34eb9bb2] { width: 25px; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-line .item .t2[data-v-34eb9bb2] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-line .item .right-t[data-v-34eb9bb2] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .red-c .idx[data-v-a8a775ba], .red-c .school-name[data-v-a8a775ba], .red-c .rank-num[data-v-a8a775ba] { color: #FF9191 !important; } .c-btm-bg[data-v-a8a775ba] { position: relative; padding: 0px 0px 0px 14px; height: calc(100% - 10px); margin-top: 10px; } .c-btm-bg .swiper-container[data-v-a8a775ba] { height: 100%; width: 100%; } .c-btm-bg .swiper-container .swiper-slide[data-v-a8a775ba] { width: 100%; } .c-btm-bg .left-ctn[data-v-a8a775ba], .c-btm-bg .right-ctn[data-v-a8a775ba] { height: 100%; width: calc(100% / 2); } .c-btm-bg .left-ctn .front[data-v-a8a775ba], .c-btm-bg .right-ctn .front[data-v-a8a775ba] { background: linear-gradient(154deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; border-bottom: none !important; } .c-btm-bg .left-ctn .rank[data-v-a8a775ba], .c-btm-bg .right-ctn .rank[data-v-a8a775ba] { margin-top: 4px; height: 40px; width: calc(100% - 40px); padding: 0px 22px 0px 18px; justify-content: space-between; border-bottom: 1px solid #253290; } .c-btm-bg .left-ctn .rank .idx[data-v-a8a775ba], .c-btm-bg .right-ctn .rank .idx[data-v-a8a775ba] { height: 32px; width: 26px; flex: none; margin-right: 7px; justify-content: center; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .c-btm-bg .left-ctn .rank .school-name[data-v-a8a775ba], .c-btm-bg .right-ctn .rank .school-name[data-v-a8a775ba] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .c-btm-bg .left-ctn .rank .rank-num[data-v-a8a775ba], .c-btm-bg .right-ctn .rank .rank-num[data-v-a8a775ba] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg[data-v-f993ce14] { margin: 50px 21px 0px 21px; width: calc(100% - 42px); } .com-bg .more-r[data-v-f993ce14] { right: -20px !important; } .com-bg .num-t[data-v-f993ce14] { margin-top: 16px; font-size: 24px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg .num-t span[data-v-f993ce14] { font-size: 14px !important; } .com-bg .line[data-v-f993ce14] { position: absolute; top: 16px; right: 8px; height: 30px; width: 1px; background: #5A73BB; } .com-bg .card[data-v-f993ce14] { position: relative; flex: 1; text-align: center; height: 78px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-bg .scroll-bg[data-v-f993ce14] { display: flex; margin-top: 10px; height: 120px; width: 100%; background: linear-gradient(153deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; } .com-bg .scroll-bg .sport[data-v-f993ce14] { margin-top: 27px; flex: 1; } .com-bg .scroll-bg .sport .top-t[data-v-f993ce14] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; justify-content: center; } .com-bg .scroll-bg .sport img[data-v-f993ce14] { height: 22px; width: 22px; margin-right: 8px; } .com-bg .scroll-bg .btm-n[data-v-f993ce14] { width: 100%; margin-top: 15px; text-align: center; } .com[data-v-177a87f7] { display: flex; margin: 20px 19px 0px 23px; } .com .bmi-data-item[data-v-177a87f7] { position: relative; flex: 1; text-align: center; } .com .bmi-data-item .bmi-rate[data-v-177a87f7] { font-size: 12px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; } .com .bmi-data-item .bmi-chart[data-v-177a87f7] { position: relative; width: 18px; height: 155px; margin: 4px auto; border-radius: 9px; background-color: #20388d; } .com .bmi-data-item .bmi-chart .bmi-chart-use[data-v-177a87f7] { position: absolute; left: 0; bottom: 0; width: 18px; border-radius: 9px; -webkit-animation: bmi-chart-use-data-v-177a87f7 2s ease-in-out; background-color: #5997ff; background-image: linear-gradient(top, #5997ff, #5997ff); } @-webkit-keyframes bmi-chart-use-data-v-177a87f7 { 0% { height: 0; } 0% { height: 0; } } .com .bmi-data-item .bmi-grade[data-v-177a87f7] { position: absolute; bottom: -22px; left: 9px; font-family: "Microsoft YaHei"; font-size: 12px; color: #91c8ff; transform: rotate(-60deg); -ms-transform: rotate(-60deg); /* IE 9 */ -moz-transform: rotate(-60deg); /* Firefox */ -webkit-transform: rotate(-60deg); /* Safari 和 Chrome */ -o-transform: rotate(-60deg); /* Opera */ } .red-c .t1[data-v-a8821210], .red-c .t2[data-v-a8821210], .red-c .right-t[data-v-a8821210] { color: #FF9191 !important; } .com-line[data-v-a8821210] { height: 100%; margin-top: 14px; position: relative; } .com-line .item[data-v-a8821210]:last-child { border-bottom: none !important; } .com-line .item[data-v-a8821210] { padding: 14px 12px 12px 11px; margin: 0px 10px 0px 15px; width: calc(100% - 58px); justify-content: space-between; border-bottom: 1px solid #253290; } .com-line .item .t1[data-v-a8821210] { width: 25px; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-line .item .t2[data-v-a8821210] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-line .item .right-t[data-v-a8821210] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } ::-webkit-scrollbar { width: 0px; } div { -moz-user-select: none; /* Firefox私有属性 */ -webkit-user-select: none; /* WebKit内核私有属性 */ -ms-user-select: none; /* IE私有属性(IE10及以后) */ /* KHTML内核私有属性 */ -o-user-select: none; /* Opera私有属性 */ user-select: none; /* CSS3属性 */ } .mobile-logo[data-v-d3727c1a] { position: absolute; top: 0; left: 0; width: 311px; height: 90px; z-index: 999; } .screen-c[data-v-d3727c1a] { top: 0px; left: 0px; position: fixed !important; height: 1080px !important; width: 1920px !important; z-index: 9999; overflow: hidden; } .index-page[data-v-d3727c1a] { position: relative; height: 1080px; width: 1920px; background-image: url(../img/monitor-bg.358c2192.png); background-size: 100%; } .index-page[data-v-d3727c1a]::-webkit-scrollbar { width: 0px; } .index-page-head[data-v-d3727c1a] { height: 128px; width: 100%; background-size: 100%; background-image: url(../img/bg-head.2bc2e569.png); font-size: 48px; font-family: PingFang SC; font-weight: bold; color: #ffffff; letter-spacing: 10px; opacity: 1; line-height: 110px; text-align: center; } .index-page .flex-s[data-v-d3727c1a] { display: flex; justify-content: space-between; } .index-page .flex-s .left[data-v-d3727c1a] { margin-left: 30px; height: 600px; width: 452px; } .index-page .flex-s .center[data-v-d3727c1a] { width: 906px; } .index-page .flex-s .right[data-v-d3727c1a] { height: 600px; width: 452px; margin-right: 30px; } .foot-bottom[data-v-6266851d] { margin-top: 60px; } .max-c[data-v-6266851d] { height: 100%; width: 100%; } [data-v-6266851d] .swiper-pagination { bottom: 35px !important; } [data-v-6266851d] .swiper-pagination-bullet { height: 10px !important; width: 10px !important; background: #FFFFFF; opacity: 0.34; } [data-v-6266851d] .swiper-pagination-bullet-active { opacity: 1 !important; } .b0[data-v-6266851d] { bottom: 0px !important; } video[data-v-6266851d] { width: 100%; height: 100%; } .flex-s[data-v-6266851d] { display: flex; justify-content: space-between; } .flex-s .btm-d[data-v-6266851d] { margin-top: 10px !important; } .flex-s .decorate[data-v-6266851d] { height: 14px; width: 220px; margin-top: 33px; } .flex-s .max-swiper-container[data-v-6266851d] { height: 100%; width: 100%; } .flex-s .max-swiper-container .swiper-slide[data-v-6266851d] { width: 100%; } .flex-s .max-swiper-container .swiper-slide img[data-v-6266851d] { width: 100%; height: 100%; } .flex-s .swiper-container[data-v-6266851d] { margin-top: 10px; height: 540px; width: 906px; } .flex-s .swiper-container .swiper-slide[data-v-6266851d] { width: 100%; } .flex-s .swiper-container .swiper-slide img[data-v-6266851d] { width: 100%; height: 100%; } .flex-s .time[data-v-6266851d] { text-align: center; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #BFCAFF; opacity: 0.49; } .swiper-container[data-v-0621874e] { height: 100%; width: 100%; } .swiper-container .swiper-slide[data-v-0621874e] { width: 100%; } .com-bg[data-v-a0fb0bf6] { margin: 50px 21px 0px 21px; width: calc(100% - 42px); } .com-bg .line[data-v-a0fb0bf6] { position: absolute; top: 16px; right: 5px; height: 30px; width: 1px; background: #5A73BB; } .com-bg .card[data-v-a0fb0bf6] { position: relative; flex: 1; text-align: center; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-bg .card .num[data-v-a0fb0bf6] { margin-top: 16px; font-size: 24px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg .card .num span[data-v-a0fb0bf6] { font-size: 14px !important; } .com-bg .scroll-bg[data-v-a0fb0bf6] { margin-top: 30px; height: 120px; width: 100%; background: linear-gradient(153deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; } .com-bg .scroll-bg .left-sssy-title[data-v-a0fb0bf6] { background-size: 100% 100%; background-repeat: no-repeat; overflow: auto; height: 120px; width: 32px; background-image: url(../img/sssy-title.10155651.png); } .com-bg .scroll-bg .right[data-v-a0fb0bf6] { position: relative; width: calc(100% - 56px); height: 120px; margin: 0px 12px 0px 12px; } .com-bg .scroll-bg .right .item[data-v-a0fb0bf6] { width: 100%; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; } .com-bg .scroll-bg .right .item .t1[data-v-a0fb0bf6], .com-bg .scroll-bg .right .item .t3[data-v-a0fb0bf6] { font-size: 14px; font-family: PingFang SC; font-weight: 400; line-height: 14px; color: #91C8FF; } .com-bg .scroll-bg .right .item .t2[data-v-a0fb0bf6] { font-size: 14px; font-family: PingFang SC; font-weight: 400; line-height: 14px; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 12px; } .com-bg .scroll-bg .right .item .t3[data-v-a0fb0bf6] { margin-left: 12px; } .com[data-v-43c6e906] { height: calc(100% - 14px); margin: 14px 10px 0px 15px; width: calc(100% - 25px); } .com .line-item[data-v-43c6e906]:last-child { border-bottom: none !important; } .com .line-item[data-v-43c6e906] { padding: 5px 0px 8px 5px; border-bottom: 1px solid #253290; } .com .line-item .col-3[data-v-43c6e906], .com .line-item .col-4[data-v-43c6e906], .com .line-item .col-5[data-v-43c6e906], .com .line-item .col-6[data-v-43c6e906] { font-size: 12px; font-family: PingFang SC; font-weight: 400; line-height: 17px; color: #91C8FF; } .com .line-item .col-1[data-v-43c6e906] { flex: 1; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com .line-item .col-2[data-v-43c6e906] { flex: 2; } .com .line-item .col-2 .logo[data-v-43c6e906] { border-radius: 50%; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; margin: 0px auto; height: 28px; width: 28px; flex: none; display: block; } .com .line-item .col-3[data-v-43c6e906] { flex: 2; } .com .line-item .col-4[data-v-43c6e906] { flex: 1; } .com .line-item .col-5[data-v-43c6e906] { flex: 4; } .com .line-item .col-6[data-v-43c6e906] { flex: 2; } .com .line-item .col-7[data-v-43c6e906] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; flex: 4; } .com-line[data-v-4fe94ff2] { height: 100%; margin-top: 14px; position: relative; } .com-line .item[data-v-4fe94ff2]:last-child { border-bottom: none !important; } .com-line .item[data-v-4fe94ff2] { padding: 14px 12px 12px 11px; margin: 0px 10px 0px 15px; width: calc(100% - 58px); justify-content: space-between; border-bottom: 1px solid #253290; } .com-line .item .t1[data-v-4fe94ff2] { width: 25px; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-line .item .t2[data-v-4fe94ff2] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-line .item .right-t[data-v-4fe94ff2] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-box[data-v-7fa3268d] { position: relative; overflow: hidden; } .com-box .com-head[data-v-7fa3268d] { display: flex; align-items: center; font-size: 20px; font-family: PingFang SC; font-weight: bold; line-height: 0px; color: #FFFFFF; opacity: 1; } .com-box .com-head .head-l[data-v-7fa3268d] { height: 20px; width: 14px; margin-right: 6px; } .com-box .com-head .com-head-title[data-v-7fa3268d] { flex: none; } .com-box .com-head .head-r[data-v-7fa3268d] { max-width: 170px; height: 15px; margin-left: 15px; } .com-box .com-head .end-title[data-v-7fa3268d] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #BFCAFF; opacity: 0.49; flex: none; } .com-box .com-ctn[data-v-7fa3268d] { margin-top: 10px; height: 284px; width: 100%; background-size: 100% 100%; background-repeat: no-repeat; overflow: auto; } .red-c .idx[data-v-240539fa], .red-c .school-name[data-v-240539fa], .red-c .rank-num[data-v-240539fa] { color: #FF9191 !important; } .c-btm-bg[data-v-240539fa] { position: relative; padding: 0px 0px 0px 14px; height: calc(100% - 10px); margin-top: 10px; } .c-btm-bg .swiper-container[data-v-240539fa] { height: 100%; width: 100%; } .c-btm-bg .swiper-container .swiper-slide[data-v-240539fa] { width: 100%; } .c-btm-bg .left-ctn[data-v-240539fa], .c-btm-bg .right-ctn[data-v-240539fa] { height: 100%; width: calc(100% / 2); } .c-btm-bg .left-ctn .front[data-v-240539fa], .c-btm-bg .right-ctn .front[data-v-240539fa] { background: linear-gradient(154deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; border-bottom: none !important; } .c-btm-bg .left-ctn .rank[data-v-240539fa], .c-btm-bg .right-ctn .rank[data-v-240539fa] { margin-top: 4px; height: 40px; width: calc(100% - 40px); padding: 0px 22px 0px 18px; justify-content: space-between; border-bottom: 1px solid #253290; } .c-btm-bg .left-ctn .rank .idx[data-v-240539fa], .c-btm-bg .right-ctn .rank .idx[data-v-240539fa] { height: 32px; width: 26px; flex: none; margin-right: 7px; justify-content: center; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .c-btm-bg .left-ctn .rank .school-name[data-v-240539fa], .c-btm-bg .right-ctn .rank .school-name[data-v-240539fa] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .c-btm-bg .left-ctn .rank .rank-num[data-v-240539fa], .c-btm-bg .right-ctn .rank .rank-num[data-v-240539fa] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg[data-v-3e4ca1d4] { margin: 50px 21px 0px 21px; width: calc(100% - 42px); } .com-bg .more-r[data-v-3e4ca1d4] { right: -20px !important; } .com-bg .num-t[data-v-3e4ca1d4] { margin-top: 16px; font-size: 24px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-bg .num-t span[data-v-3e4ca1d4] { font-size: 14px !important; } .com-bg .line[data-v-3e4ca1d4] { position: absolute; top: 16px; right: 8px; height: 30px; width: 1px; background: #5A73BB; } .com-bg .card[data-v-3e4ca1d4] { position: relative; flex: 1; text-align: center; height: 78px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-bg .scroll-bg[data-v-3e4ca1d4] { display: flex; margin-top: 10px; height: 120px; width: 100%; background: linear-gradient(153deg, rgba(115, 190, 255, 0.3) 0%, rgba(115, 190, 255, 0.12) 100%); opacity: 1; } .com-bg .scroll-bg .sport[data-v-3e4ca1d4] { margin-top: 27px; flex: 1; } .com-bg .scroll-bg .sport .top-t[data-v-3e4ca1d4] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; justify-content: center; } .com-bg .scroll-bg .sport .sport-icon[data-v-3e4ca1d4] { height: 22px; width: 22px; border-radius: 50%; background-color: #405db6; border: 1px solid #46515d; color: #91c8ff; } .com-bg .scroll-bg .sport img[data-v-3e4ca1d4] { height: 22px; width: 22px; margin-right: 8px; } .com-bg .scroll-bg .btm-n[data-v-3e4ca1d4] { width: 100%; margin-top: 15px; text-align: center; } .com[data-v-751e1e17] { display: flex; margin: 20px 19px 0px 23px; } .com .bmi-data-item[data-v-751e1e17] { position: relative; flex: 1; text-align: center; } .com .bmi-data-item .bmi-rate[data-v-751e1e17] { font-size: 12px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; } .com .bmi-data-item .bmi-chart[data-v-751e1e17] { position: relative; width: 18px; height: 155px; margin: 4px auto; border-radius: 9px; background-color: #20388d; } .com .bmi-data-item .bmi-chart .bmi-chart-use[data-v-751e1e17] { position: absolute; left: 0; bottom: 0; width: 18px; border-radius: 9px; -webkit-animation: bmi-chart-use-data-v-751e1e17 2s ease-in-out; background-color: #5997ff; background-image: linear-gradient(top, #5997ff, #5997ff); } @-webkit-keyframes bmi-chart-use-data-v-751e1e17 { 0% { height: 0; } 0% { height: 0; } } .com .bmi-data-item .bmi-grade[data-v-751e1e17] { position: absolute; bottom: -22px; left: 9px; font-family: "Microsoft YaHei"; font-size: 12px; color: #91c8ff; transform: rotate(-60deg); -ms-transform: rotate(-60deg); /* IE 9 */ -moz-transform: rotate(-60deg); /* Firefox */ -webkit-transform: rotate(-60deg); /* Safari 和 Chrome */ -o-transform: rotate(-60deg); /* Opera */ } .red-c .t1[data-v-09628d18], .red-c .t2[data-v-09628d18], .red-c .right-t[data-v-09628d18] { color: #FF9191 !important; } .com-line[data-v-09628d18] { height: 100%; margin-top: 14px; position: relative; } .com-line .item[data-v-09628d18]:last-child { border-bottom: none !important; } .com-line .item[data-v-09628d18] { padding: 9px 12px 10px 11px; margin: 0px 10px 0px 15px; width: calc(100% - 58px); justify-content: space-between; border-bottom: 1px solid #253290; } .com-line .item .t1[data-v-09628d18] { width: 25px; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .com-line .item .t2[data-v-09628d18] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #91C8FF; } .com-line .item .right-t[data-v-09628d18] { font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .mobile-logo { position: absolute; top: 0; left: 0; width: 311px; height: 90px; z-index: 999; } ::-webkit-scrollbar { width: 0px; } div { -moz-user-select: none; /* Firefox私有属性 */ -webkit-user-select: none; /* WebKit内核私有属性 */ -ms-user-select: none; /* IE私有属性(IE10及以后) */ /* KHTML内核私有属性 */ -o-user-select: none; /* Opera私有属性 */ user-select: none; /* CSS3属性 */ } .index-page[data-v-dee0b05a] { height: 1080px; width: 1920px; background: #05105D; background-size: 100%; } .index-page[data-v-dee0b05a]::-webkit-scrollbar { width: 0px; } .index-page .fz38[data-v-dee0b05a] { font-size: 38px; } .index-page .fs29[data-v-dee0b05a] { font-size: 28px; } .index-page-head[data-v-dee0b05a] { height: 128px; width: 100%; background-size: 100%; background-image: url(../img/bg-head.2bc2e569.png); font-family: PingFang SC; font-weight: bold; color: #FFFFFF; letter-spacing: 10px; opacity: 1; line-height: 110px; text-align: center; position: relative; } .index-page-head-t[data-v-dee0b05a] { margin: 0px auto; width: 900px; height: 100%; } .index-page .flex-s[data-v-dee0b05a] { display: flex; justify-content: space-between; } .index-page .flex-s .left[data-v-dee0b05a] { margin-left: 30px; height: 600px; width: 452px; } .index-page .flex-s .center[data-v-dee0b05a] { width: 906px; } .index-page .flex-s .right[data-v-dee0b05a] { height: 600px; width: 452px; margin-right: 30px; } .foot-bottom[data-v-01ef6190] { margin-top: 60px; } .max-c[data-v-01ef6190] { height: 100%; width: 100%; } [data-v-01ef6190] .swiper-pagination { bottom: 35px !important; } [data-v-01ef6190] .swiper-pagination-bullet { height: 10px !important; width: 10px !important; background: #FFFFFF; opacity: 0.34; } [data-v-01ef6190] .swiper-pagination-bullet-active { opacity: 1 !important; } .b0[data-v-01ef6190] { bottom: 0px !important; } video[data-v-01ef6190] { width: 100%; height: 100%; } .flex-s[data-v-01ef6190] { display: flex; justify-content: space-between; } .flex-s .max-swiper-container[data-v-01ef6190] { height: 100%; width: 100%; } .flex-s .max-swiper-container .swiper-slide[data-v-01ef6190] { width: 100%; } .flex-s .max-swiper-container .swiper-slide img[data-v-01ef6190] { width: 100%; height: 100%; } .flex-s .swiper-container[data-v-01ef6190] { height: 100vh; width: 100%; } .flex-s .swiper-container .swiper-slide[data-v-01ef6190] { width: 100%; } .flex-s .swiper-container .swiper-slide img[data-v-01ef6190] { width: 100%; height: 100%; } .flex-s .time[data-v-01ef6190] { text-align: center; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #BFCAFF; opacity: 0.49; } ::-webkit-scrollbar { width: 0px; } div { -moz-user-select: none; /* Firefox私有属性 */ -webkit-user-select: none; /* WebKit内核私有属性 */ -ms-user-select: none; /* IE私有属性(IE10及以后) */ /* KHTML内核私有属性 */ -o-user-select: none; /* Opera私有属性 */ user-select: none; /* CSS3属性 */ } .screen-c[data-v-0c4f35c7] { top: 0px; left: 0px; position: fixed !important; height: 1080px !important; width: 1920px !important; z-index: 9999; overflow: hidden; } .index-page[data-v-0c4f35c7] { height: 1080px; width: 1920px; background-image: url(../img/monitor-bg.358c2192.png); background-size: 100%; } .index-page[data-v-0c4f35c7]::-webkit-scrollbar { width: 0px; } .index-page-head[data-v-0c4f35c7] { height: 128px; width: 100%; background-size: 100%; background-image: url(../img/bg-head.2bc2e569.png); font-size: 48px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; letter-spacing: 10px; opacity: 1; line-height: 110px; text-align: center; } .index-page .flex-s[data-v-0c4f35c7] { width: 100%; height: 100%; } .index-page .flex-s .center[data-v-0c4f35c7] { width: 100%; height: 100%; } .custom-content-marker[data-v-33303967] { position: relative; width: 158px; height: 158px; border-radius: 50%; } .marker-dot[data-v-33303967] { display: flex; align-items: center; justify-content: center; width: 158px; height: 158px; background: #0093ff; border: 6px solid #ffffff; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; font-size: 28px; color: #ffffff; } .map-bg[data-v-33303967] { position: relative; width: 1920px; height: 1080px; } .activity-map[data-v-33303967] { width: 1920px; height: 1080px; } .top-title[data-v-33303967] { position: absolute; left: 50%; top: 10px; width: 50%; margin-left: -25%; text-align: center; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; font-size: 34px; color: #ffffff; line-height: 45px; z-index: 99; } .total-data-card[data-v-33303967] { position: absolute; top: 149px; right: 66px; width: 380px; max-height: 474px; background: linear-gradient(180deg, #eef6ff 0%, #f5faff 100%); box-shadow: 0px 4px 8px 1px rgba(53, 151, 255, 0.16); border-radius: 8px; } .total-data-card .total-stu-data[data-v-33303967] { width: 300px; margin: 6px auto; } .total-data-card .total-stu-data .total-stu-item[data-v-33303967] { width: 300px; height: 65px; margin-top: 35px; } .total-data-card .total-stu-data .total-stu-item .avatar[data-v-33303967] { width: 48px; height: 48px; background: rgba(223, 216, 77, 0.24); border-radius: 50%; } .total-data-card .total-stu-data .total-stu-item .stu-info[data-v-33303967] { margin-left: 10px; } .total-data-card .total-stu-data .total-stu-item .stu-info .stu-name[data-v-33303967] { width: 90px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 18px; color: rgba(0, 0, 0, 0.9); line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .total-data-card .total-stu-data .total-stu-item .stu-info .stu-sch[data-v-33303967] { margin-top: 4px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 14px; color: rgba(98, 98, 98, 0.9); line-height: 19px; } .total-data-card .total-stu-data .total-stu-item .stu-data[data-v-33303967] { width: 132px; margin-left: 40px; } .total-data-card .total-stu-data .total-stu-item .stu-data .stu-data-label[data-v-33303967] { font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 18px; color: #626262; line-height: 24px; } .total-data-card .total-stu-data .total-stu-item .stu-data .stu-data-value[data-v-33303967] { font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; font-size: 31px; color: #313131; line-height: 41px; } .total-data-card .total-stu-data .total-stu-item .stu-data .stu-data-value span[data-v-33303967] { font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 18px; color: #313131; } .total-data-card .total-stu-data .total-stu-item[data-v-33303967]:first-child { margin: 0; } .rank-data-card[data-v-33303967] { position: absolute; top: 150px; right: 66px; width: 380px; height: 865px; opacity: 0.9; } .rank-data-card .rank-total-data[data-v-33303967] { width: 380px; height: 161px; background: linear-gradient(180deg, #eef6ff 0%, #f5faff 100%); box-shadow: 0px 4px 8px 1px rgba(53, 151, 255, 0.16); border-radius: 8px 8px 8px 8px; border: 1px solid #ffffff; opacity: 0.9; } .rank-data-card .rank-list-data[data-v-33303967] { width: 380px; height: 694px; margin-top: 10px; background: linear-gradient(180deg, #eef6ff 0%, #f5faff 100%); box-shadow: 0px 4px 8px 1px rgba(53, 151, 255, 0.16); border-radius: 8px 8px 8px 8px; border: 1px solid #ffffff; } .rank-data-card .rank-scroll[data-v-33303967] { width: 380px; height: 669px; background: rgba(255, 255, 255, 0.6); overflow: hidden; } .rank-data-card .rank-scroll .stu-rank-item[data-v-33303967] { width: 100%; height: 50px; } .rank-data-card .rank-scroll .stu-rank-item[data-v-33303967]:nth-child(2n) { background: #eff5fe; } .rank-data-card .th[data-v-33303967] { width: 100%; height: 25px; background: #e9f5fa; font-family: PingFang SC, PingFang SC; font-weight: 400; font-size: 13px; color: #626262; } .rank-data-card .rank[data-v-33303967] { flex: 1; } .rank-data-card .name[data-v-33303967] { flex: 2; } .rank-data-card .record[data-v-33303967] { flex: 1; } .rank-data-card .time[data-v-33303967] { flex: 2; } .rank-data-card .status[data-v-33303967] { flex: 2; } .card-title[data-v-33303967] { width: 376px; height: 47px; line-height: 47px; margin: 2px; background: linear-gradient(270deg, rgba(53, 151, 255, 0.1) 0%, rgba(53, 151, 255, 0.2) 100%); border-radius: 5px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; font-size: 22px; color: #0e437c; } .card-title span[data-v-33303967] { margin-left: 19px; } .total-data[data-v-33303967] { display: flex; flex-wrap: wrap; width: 339px; margin: 16px auto; } .total-data .total-data-item[data-v-33303967] { width: 169px; height: 75px; margin: 10px 0 12px 0; } .total-data .total-data-item .data-label[data-v-33303967] { font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 18px; color: #626262; line-height: 24px; } .total-data .total-data-item .data-value[data-v-33303967] { margin-top: 9px; font-family: Microsoft YaHei-Bold; font-weight: Bold; font-size: 31px; color: #313131; line-height: 41px; } .total-data .total-data-item .data-value span[data-v-33303967] { font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 18px; color: #313131; } .total-data .total-data-item[data-v-33303967]:nth-child(2n) { border-left: 1px solid rgba(0, 0, 0, 0.08); } .line[data-v-33303967] { width: 1px; height: 40px; background: rgba(0, 0, 0, 0.1); } .flex-l[data-v-33303967] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .flex-r[data-v-33303967] { display: flex; flex-direction: row; align-items: center; } .flex-c[data-v-33303967] { display: flex; justify-content: center; align-items: center; } .bg-top[data-v-33303967] { position: absolute; top: 0; left: 0; width: 1920px; height: 120px; } .bg-left[data-v-33303967] { position: absolute; left: 0; top: 94px; width: 37px; height: 892px; } .bg-right[data-v-33303967] { position: absolute; right: 0; top: 94px; width: 37px; height: 892px; } .bg-bottom[data-v-33303967] { position: absolute; bottom: 0; left: 0; width: 1920px; height: 48px; } .cartoon[data-v-2e53a8ea] { position: fixed; width: 100%; height: 100%; left: 0rpx; top: 0rpx; z-index: 99999; } .cartoon .content[data-v-2e53a8ea] { position: absolute; z-index: 99999; top: 50%; left: 50%; font-size: 100px; color: #ffffff; transform: translate(-50%, -50%); } .bg1[data-v-2e53a8ea] { background: #188BF0 !important; color: #FFFFFF !important; } .bg2[data-v-2e53a8ea] { background: #13BD8E !important; color: #FFFFFF !important; } .bg3[data-v-2e53a8ea] { background: #E4B600 !important; color: #FFFFFF !important; } .bg4[data-v-2e53a8ea] { background: #E49800 !important; color: #FFFFFF !important; } .screen-top[data-v-2e53a8ea] { position: relative; top: 20px; } .screen-top .top-left[data-v-2e53a8ea] { flex: 1; height: 142px; margin: 0 8px; background: #222648; box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16); border-radius: 12px; } .screen-top .top-left .cut-down[data-v-2e53a8ea] { margin-left: 32px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; font-size: 80px; color: #01C1FC; } .screen-top .top-center[data-v-2e53a8ea] { flex: 2; height: 142px; margin: 0 8px; background: #222648; box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16); border-radius: 12px; } .screen-top .top-center .match-name[data-v-2e53a8ea] { width: calc(100% - 60px); margin: 24px auto; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; font-size: 29px; color: #01C1FC; line-height: 42px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .screen-top .top-center .other-info[data-v-2e53a8ea] { width: calc(100% - 60px); margin: 23px auto; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 24px; color: #01C1FC; line-height: 31px; } .screen-top .top-center .other-info .info-left span[data-v-2e53a8ea] { margin-left: 16px; } .screen-top .top-center .other-info .info-right span[data-v-2e53a8ea] { margin-left: 31px; color: #FF6F8C; } .screen-top .top-right[data-v-2e53a8ea] { flex: 1; height: 142px; margin: 0 8px; background: #222648; box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16); border-radius: 12px; } .screen-top .top-right .max-value[data-v-2e53a8ea] { margin-right: 48px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; font-size: 80px; color: #01C1FC; } .screen-top .top-label[data-v-2e53a8ea] { margin-left: 40px; font-weight: 400; font-size: 28px; color: #01C1FC; } .gif-icon[data-v-2e53a8ea] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; z-index: 998; background: #222648; } .gif-icon .gif-icon-box[data-v-2e53a8ea] { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 580px; height: 400px; background: #222648; box-shadow: 0px 0px 99px rgba(0, 0, 0, 0.3); border-radius: 46px; z-index: 999; } .gif-icon .gif-icon-box .gif-tips[data-v-2e53a8ea] { margin-top: 10px; font-size: 36px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; } .gif-icon .gif-icon-box img[data-v-2e53a8ea] { width: 216px; height: 280px; z-index: 9999; } .unitName[data-v-2e53a8ea] { font-size: 24px !important; white-space: nowrap; /* 确保文本在一行内显示 */ overflow: hidden; /* 隐藏溢出的内容 */ text-overflow: ellipsis; /* 使用省略号表示溢出的文本 */ } .xuey[data-v-2e53a8ea] { text-align: center; } .stuName[data-v-2e53a8ea] { font-size: 20px; font-weight: 400 !important; margin-top: 4px; text-align: center; white-space: nowrap; /* 确保文本在一行内显示 */ overflow: hidden; /* 隐藏溢出的内容 */ text-overflow: ellipsis; /* 使用省略号表示溢出的文本 */ } .match-num[data-v-2e53a8ea] { position: absolute; z-index: 999; display: flex; flex-direction: column; align-items: center; background: #222648; width: 100%; height: 100vh; top: 0px; left: 0px; } .match-num img[data-v-2e53a8ea] { margin-top: 250px; width: 140px; height: 102px; } .match-num .match-num-text[data-v-2e53a8ea] { margin-top: 10px; font-size: 42px; font-family: Microsoft YaHei; font-weight: 400; line-height: 55px; color: #ffffff; } .match-num .match-num-number[data-v-2e53a8ea] { display: flex; flex-direction: row; align-items: center; } .match-num .match-num-number .match-num-number-item[data-v-2e53a8ea] { width: 140px; height: 180px; line-height: 180px; text-align: center; margin: 40px 10px; background: #222648; border-radius: 12px; font-size: 100px; font-family: "Number"; font-weight: bold; color: #ffffff; } .match-content[data-v-2e53a8ea] { position: relative; margin-top: 26px; } .match-content .match-item[data-v-2e53a8ea] { flex: 1; height: 882px; margin: 8px; background: rgba(34, 38, 72, 0.5); border-radius: 12px; } .match-content .match-item .match-no[data-v-2e53a8ea] { width: 60px; height: 60px; margin-top: 40px; margin-left: 48px; border-radius: 8px 8px 8px 8px; border: 2px solid #36D0FF; font-weight: bold; font-size: 32px; color: #01C1FC; } .match-content .match-item .skip-num[data-v-2e53a8ea] { font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; font-size: 120px; color: #01C1FC; line-height: 158px; text-align: center; } .match-content .match-item .group-name[data-v-2e53a8ea] { margin-top: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; font-size: 32px; color: #36D0FF; line-height: 42px; text-align: center; } .match-content .match-item .match-group[data-v-2e53a8ea] { width: calc(100% - 48px); margin: 50px auto; } .match-content .match-item .match-group .group-item[data-v-2e53a8ea] { width: 100%; height: 108px; margin-top: 15px; border-radius: 12px; color: #36D0FF; } .match-content .match-item .match-group .group-item .stu-no[data-v-2e53a8ea] { width: 60px; height: 60px; margin-left: 24px; border: 2px solid #36D0FF; border-radius: 12px; font-weight: bold; font-size: 24px; } .match-content .match-item .match-group .group-item .stu-name[data-v-2e53a8ea] { width: 117px; margin-left: 10px; font-weight: bold; font-size: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .match-content .match-item .match-group .group-item .stu-skip-num[data-v-2e53a8ea] { margin-left: 40px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; font-size: 58px; } .match-content .match-item .match-group .group-item .stu-skip-num span[data-v-2e53a8ea] { margin-left: 8px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 20px; } .match-content .match-item .match-group .group-item .stu-skip-no[data-v-2e53a8ea] { margin-left: 92px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; font-size: 24px; color: #36D0FF; line-height: 31px; } .match-content .match-item .match-group .group-item .stu-skip-no img[data-v-2e53a8ea] { width: 31px; height: 31px; margin-right: 4px; } .match-content .match-item .match-group .group-item-no[data-v-2e53a8ea] { background: rgba(255, 111, 140, 0.2); border: 2px solid #FF6F8C; color: #FF6F8C; } .match-content .match-item .match-group .group-item-no .stu-skip-no[data-v-2e53a8ea] { color: #FF6F8C; } .match-content .match-item .match-group .group-item-no .stu-no[data-v-2e53a8ea] { border: 2px solid #FF6F8C; } .rank-bg[data-v-2e53a8ea] { position: absolute; width: 100%; height: 100vh; background: #141833; z-index: 999; } .rank-bg .rank-pop[data-v-2e53a8ea] { position: relative; top: 50px; width: 1300px; height: 980px; margin: 0 auto; background: #222648; border-radius: 16px; } .rank-bg .rank-pop .rank-top[data-v-2e53a8ea] { width: 100%; height: 109px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; font-size: 30px; color: #01C1FC; } .rank-bg .rank-pop .rank-table[data-v-2e53a8ea] { width: 1200px; margin: 0 auto; } .rank-bg .rank-pop .rank-table .rank-th[data-v-2e53a8ea] { height: 63px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 24px; color: #01C1FC; } .rank-bg .rank-pop .rank-table .scroll-content[data-v-2e53a8ea] { position: relative; width: 1200px; height: 784px; overflow: hidden; } .rank-bg .rank-pop .rank-table .scroll-content .rank-tr[data-v-2e53a8ea] { width: 1200px; height: 90px; margin-bottom: 8px; background: #2C365F; border-radius: 12px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; font-size: 32px; color: #01C1FC; } .rank-bg .rank-pop .rank-table .scroll-content .rank-no[data-v-2e53a8ea], .rank-bg .rank-pop .rank-table .scroll-content .rank-total[data-v-2e53a8ea] { font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; font-size: 48px; color: #01C1FC; } .rank-bg .rank-pop .rank-table .scroll-content .rank-normal[data-v-2e53a8ea] { font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; font-size: 32px; color: #01C1FC; } .rank-bg .rank-pop .rank-table .scroll-content .tag[data-v-2e53a8ea] { margin-left: 8px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 20px; color: #01C1FC; } .rank-bg .rank-pop .rank-table .scroll-content .rank-block[data-v-2e53a8ea] { width: 997px; height: 90px; margin-bottom: 8px; } .rank-bg .rank-pop .rank-table .rank-td2[data-v-2e53a8ea] { flex: 2; } .rank-bg .rank-pop .rank-table .rank-td3[data-v-2e53a8ea] { flex: 3; } .rank-bg .rank-pop .rank-table .rank-icon[data-v-2e53a8ea] { width: 54px; height: 54px; } .screen[data-v-2e53a8ea] { width: 100%; height: 100%; background: #141833; } .screen-content[data-v-2e53a8ea] { width: calc(100% - 24px); height: 100%; margin: 0 auto; } body[data-v-2e53a8ea] { background: #141833; overflow: hidden; } .flex-r[data-v-2e53a8ea] { display: flex; flex-direction: row; align-items: center; } .flex-b[data-v-2e53a8ea] { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .flex-c[data-v-2e53a8ea] { display: flex; align-items: center; justify-content: center; } .flex-l[data-v-2e53a8ea] { display: flex; flex-direction: column; justify-content: center; } .t-login[data-v-27f33c62] { position: fixed; left: 0px; top: 0px; width: 100vw; height: 100vh; background-image: url(../img/login-bg.d51c9bba.png); z-index: 1666; overflow: hidden; } .t-login-info[data-v-27f33c62] { width: 628px; height: 524px; background-image: url(../img/login_shu.ccdfb5ac.png); position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .t-login-text[data-v-27f33c62] { position: absolute; top: 20px; width: 100%; text-align: center; font-size: 42px; color: #FFFFFF; font-weight: bold; letter-spacing: 10px; } .login-text[data-v-27f33c62] { font-size: 24px; font-weight: bold; color: #FFFFFF; margin-top: 50px; margin-left: 72px; } .login-lebal[data-v-27f33c62] { position: relative; width: 480px; height: 60px; margin: 0 auto; margin-top: 24px; } .login-lebal img[data-v-27f33c62] { position: absolute; width: 34px; height: 34px; top: 14px; left: 10px; z-index: 9; } .login-input[data-v-27f33c62] { width: 430px; height: 60px; line-height: 60px; padding-left: 50px; background-color: #264CA2; border: 0px; color: #FFFFFF; font-size: 18px; border-radius: 8px; } .login-input[data-v-27f33c62]:focus { outline: none; border: 1px solid #FFFFFF; } .el-input__inner[data-v-27f33c62] { height: 60px; padding: 0 50px; color: #FFFFFF; background-color: #264CA2; } .el-input__inner[data-v-27f33c62]:hover { background-color: #264CA2 !important; } .yzm[data-v-27f33c62] { width: 250px; } .login-btn[data-v-27f33c62] { width: 480px; height: 60px; line-height: 60px; background: linear-gradient(179deg, #3F66F5 0%, #7B96FF 100%); border-radius: 4px 4px 4px 4px; margin: 0 auto; margin-top: 42px; text-align: center; font-weight: bold; color: #FFFFFF; } .subscript[data-v-27f33c62] { position: fixed; width: 100%; font-size: 18px; z-index: 9; bottom: 30px; color: #FFFFFF; } .subscript-text[data-v-27f33c62] { text-align: center; } .login-lebal .captchaPath[data-v-27f33c62] { width: 170px !important; height: 60px !important; margin-left: 250px !important; margin-top: -12px !important; }