-
Notifications
You must be signed in to change notification settings - Fork 0
/
new.css
1199 lines (1047 loc) · 70 KB
/
new.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
/*
Author: Sam
E-mail: [email protected]
不支持IE9以下
*/
html{font-size:16px;}
*{padding:0;margin:0;font-family:arial,sans-serif,'Microsoft Yahei'; list-style: none;box-sizing:border-box;}
body{color:#333;font-size:1rem;line-height: 1.5;}
table{border-collapse:collapse; border-spacing:0;}
hr{border:0;height:1rem;background:#F1F1F1;margin:1rem 0;}
img{border:0;}
a{color:#333;}
a:hover{text-decoration:underline;}
.in{margin:0 1rem;}
.table-border td,.table-border th{border:solid 1px #E1E1E1;padding:0.5rem;}
.table-border-bottom td,.table-border-bottom th{border-bottom:solid 1px #E1E1E1;padding:0.5rem;}
.table-border-bottom th{border-bottom-width: 2px;}
.contain-box{position:relative;display:block;overflow:hidden;}
.contain-box>*{left:0;right:0;margin:auto;top:0;bottom:0;min-width:100%;min-height:100%;width:100%;position:absolute;}
.for-td-pd-s td{padding:0.5rem;}
.for-td-pd-1 td{padding:1rem;}
.for-td-pd-2 td{padding:2rem;}
.for-td-pd-3 td{padding:3rem;}
.for-td-pd-4 td{padding:4rem;}
.for-th-pd-1 th{padding:1rem;}
.for-th-pd-2 th{padding:2rem;}
.for-th-pd-3 th{padding:3rem;}
.for-th-pd-4 th{padding:4rem;}
/* 文字大小 */
h1{font-size:2.5rem;}
h2{font-size:2rem;}
h3{font-size:1.75rem;}
h4{font-size:1.5rem;}
h5{font-size:1.25rem;}
h6{font-size:1rem;}
.color-primary{color:#007bff!important;}
.color-secondary{color:#6c757d!important;}
.color-success{color:#28a745!important;}
.color-danger{color:#dc3545!important;}
.color-warning{color:#ffc107!important;}
.color-info{color:#17a2b8!important;}
.bg-blank{background-color:transparent!important;}
.bg-color-white{background-color:#FFF!important;}
.bg-color-primary{background-color:#007bff!important;}
.bg-color-secondary{background-color:#6c757d!important;}
.bg-color-success{background-color:#28a745!important;}
.bg-color-danger{background-color:#dc3545!important;}
.bg-color-warning{background-color:#ffc107!important;}
.bg-color-info{background-color:#17a2b8!important;}
.bg-color-mask{background-color:rgba(0,0,0,0.95);}
.image-cover{background-size: cover;background-position: center center;background-repeat: no-repeat;}
.image-contain{background-size: contain;background-position: center center;background-repeat: no-repeat;}
.border-color-primary{border-color:#007bff!important;}
.border-color-secondary{border-color:#6c757d!important;}
.border-color-success{border-color:#28a745!important;}
.border-color-danger{border-color:#dc3545!important;}
.border-color-warning{border-color:#ffc107!important;}
.border-color-info{border-color:#17a2b8!important;}
.border{border:1px solid #E1E1E1;}
.border-left{border-left:1px solid #E1E1E1;}
.border-right{border-right:1px solid #E1E1E1;}
.border-top{border-top:1px solid #E1E1E1;}
.border-bottom{border-bottom:1px solid #E1E1E1;}
.fs-large{font-size:3rem;}
.fs-9{font-size:2.25rem;}
.fs-8{font-size:2rem;}
.fs-7{font-size:1.75rem;}
.fs-6{font-size:1.5rem;}
.fs-5{font-size:1.25rem;}
.fs-4{font-size:1rem;}
.fs-14{font-size:0.875rem;}
.fs-18{font-size:1.125rem;}
.fs-3{font-size:0.75rem;}
.s0x0:after,.s4x3:after,.s1x1:after,.s3x4:after,.s16x9:after,.s9x16:after{content:'';display:block;}
.s4x3:after{padding-top: 75%!important;}
.s1x1:after{padding-top: 100%!important;}
.s3x4:after{padding-top: 133.33%!important;}
.s16x9:after{padding-top: 56.25%!important;}
.s9x16:after{padding-top: 177.77%!important;}
.s0x0:after{padding-top: 100%!important;}
.s0x0{border-radius:50%!important;overflow: hidden;}
/* 颜色 */
.color-white{color:#FFF;}
.color-black{color:#000;}
.color-light{color:#F1F1F1;}
.color-dark{color:#333;}
.color-medium{color:#666;}
.bg-color-light{background-color:#F1F1F1;}
.bg-color-dark{background-color:#333;}
.bg-color-medium{background-color:#666;}
.bg-size-cover{background-size:cover;}
.bg-size-contain{background-size:contain;}
.bg-position-center{background-position:center center;}
.bg-position-left-top{background-position:left top;}
.bg-position-right-top{background-position:right top;}
.bg-position-left-bottom{background-position:left bottom;}
.bg-position-right-bottom{background-position:right bottom;}
.bg-position-center-top{background-position:center top;}
.bg-position-center-bottom{background-position:center bottom;}
.bg-position-left-center{background-position:left center;}
.bg-position-right-center{background-position:right center;}
/* 简类 */
.overflow-hidden{overflow: hidden;}
.overflow-x-hidden{overflow-x: hidden;}
.overflow-y-hidden{overflow-y: hidden;}
.overflow-x-auto{overflow-x: auto;}
.overflow-y-auto{overflow-y: auto;}
.overflow-visible{overflow: visible;}
.bold{font-weight: bold;}
.weight-1{font-weight:100;}
.weight-2{font-weight:200;}
.weight-3{font-weight:300;}
.weight-4{font-weight:400;}
.weight-5{font-weight:500;}
.weight-6{font-weight:600;}
.weight-7{font-weight:700;}
.weight-8{font-weight:800;}
.weight-9{font-weight:900;}
.lighter{font-weight:lighter;font-family: 'Microsoft Yahei'!important;}
.show{display:block;}
.show-table{display:table;}
.show-inlineblock{display:inline-block;}
.display-inline-block{display:inline-block;}
.display-inline{display:inline;}
.display-block{display:block;}
.display-flex{display:flex;}
.hide{display:none;}
.hidden{visibility: hidden;}
.float-left{float:left;}
.float-right{float:right;}
.left{left:0;}
.right{right:0;}
.top{top:0;}
.bottom{bottom:0;}
.h-auto{height:auto;}
.w-auto{width:auto;}
.mg-left-auto{margin-left:auto;display: block;}
.mg-auto{margin:auto;}
.mg-0{margin:0;}.mg-s{margin:0.5rem;}.mg-1{margin:1rem;}.mg-2{margin:2rem;}.mg-3{margin:3rem;}.mg-4{margin:4rem;}.mg-5{margin:5rem;}.mg-6{margin:6rem;}.mg-7{margin:7rem;}.mg-8{margin:8rem;}.mg-9{margin:9rem;}
.mg-x-0{margin-left:0;margin-right:0;}.mg-x-s{margin-left:0.5rem;margin-right:0.5rem;}.mg-x-1{margin-left:1rem;margin-right:1rem;}.mg-x-2{margin-left:2rem;margin-right:2rem;}.mg-x-3{margin-left:3rem;margin-right:3rem;}.mg-x-4{margin-left:4rem;margin-right:4rem;}.mg-x-5{margin-left:5rem;margin-right:5rem;}.mg-x-6{margin-left:6rem;margin-right:6rem;}.mg-x-7{margin-left:7rem;margin-right:7rem;}.mg-x-8{margin-left:8rem;margin-right:8rem;}.mg-x-9{margin-left:9rem;margin-right:9rem;}
.mg-y-0{margin-top:0;margin-bottom:0;}.mg-y-s{margin-top:0.5rem;margin-bottom:0.5rem;}.mg-y-1{margin-top:1rem;margin-bottom:1rem;}.mg-y-2{margin-top:2rem;margin-bottom:2rem;}.mg-y-3{margin-top:3rem;margin-bottom:3rem;}.mg-y-4{margin-top:4rem;margin-bottom:4rem;}.mg-y-5{margin-top:5rem;margin-bottom:5rem;}.mg-y-6{margin-top:6rem;margin-bottom:6rem;}.mg-y-7{margin-top:7rem;margin-bottom:7rem;}.mg-y-8{margin-top:8rem;margin-bottom:8rem;}.mg-y-9{margin-top:9rem;margin-bottom:9rem;}
.mg-left-0{margin-left:0;}.mg-left-s{margin-left:0.5rem;}.mg-left-1{margin-left:1rem;}.mg-left-2{margin-left:2rem;}.mg-left-3{margin-left:3rem;}.mg-left-4{margin-left:4rem;}.mg-left-5{margin-left:5rem;}.mg-left-6{margin-left:6rem;}.mg-left-7{margin-left:7rem;}.mg-left-8{margin-left:8rem;}.mg-left-9{margin-left:9rem;}
.mg-right-0{margin-right:0;}.mg-right-s{margin-right:0.5rem;}.mg-right-1{margin-right:1rem;} .mg-right-2{margin-right:2rem;} .mg-right-3{margin-right:3rem;} .mg-right-4{margin-right:4rem;} .mg-right-5{margin-right:5rem;} .mg-right-6{margin-right:6rem;} .mg-right-7{margin-right:7rem;} .mg-right-8{margin-right:8rem;} .mg-right-9{margin-right:9rem;}
.mg-top-0{margin-top:0;}.mg-top-s{margin-top:0.5rem;}.mg-top-1{margin-top:1rem;} .mg-top-2{margin-top:2rem;} .mg-top-3{margin-top:3rem;} .mg-top-4{margin-top:4rem;} .mg-top-5{margin-top:5rem;} .mg-top-6{margin-top:6rem;} .mg-top-7{margin-top:7rem;} .mg-top-8{margin-top:8rem;} .mg-top-9{margin-top:9rem;}
.mg-bottom-0{margin-bottom:0;}.mg-bottom-s{margin-bottom:0.5rem;}.mg-bottom-1{margin-bottom:1rem;} .mg-bottom-2{margin-bottom:2rem;} .mg-bottom-3{margin-bottom:3rem;} .mg-bottom-4{margin-bottom:4rem;} .mg-bottom-5{margin-bottom:5rem;} .mg-bottom-6{margin-bottom:6rem;} .mg-bottom-7{margin-bottom:7rem;} .mg-bottom-8{margin-bottom:8rem;} .mg-bottom-9{margin-bottom:9rem;}
.pd-0{padding:0;}.pd-s{padding:0.5rem;}.pd-1{padding:1rem;}.pd-2{padding:2rem;}.pd-3{padding:3rem;}.pd-4{padding:4rem;}.pd-5{padding:5rem;}.pd-6{padding:6rem;}.pd-7{padding:7rem;}.pd-8{padding:8rem;}.pd-9{padding:9rem;}
.pd-x-0{padding-left:0;padding-right:0;}.pd-x-s{padding-left:0.5rem;padding-right:0.5rem;}.pd-x-1{padding-left:1rem;padding-right:1rem;}.pd-x-2{padding-left:2rem;padding-right:2rem;}.pd-x-3{padding-left:3rem;padding-right:3rem;}.pd-x-4{padding-left:4rem;padding-right:4rem;}.pd-x-5{padding-left:5rem;padding-right:5rem;}.pd-x-6{padding-left:6rem;padding-right:6rem;}.pd-x-7{padding-left:7rem;padding-right:7rem;}.pd-x-8{padding-left:8rem;padding-right:8rem;}.pd-x-9{padding-left:9rem;padding-right:9rem;}
.pd-y-0{padding-top:0;padding-bottom:0;}.pd-y-s{padding-top:0.5rem;padding-bottom:0.5rem;}.pd-y-1{padding-top:1rem;padding-bottom:1rem;}.pd-y-2{padding-top:2rem;padding-bottom:2rem;}.pd-y-3{padding-top:3rem;padding-bottom:3rem;}.pd-y-4{padding-top:4rem;padding-bottom:4rem;}.pd-y-5{padding-top:5rem;padding-bottom:5rem;}.pd-y-6{padding-top:6rem;padding-bottom:6rem;}.pd-y-7{padding-top:7rem;padding-bottom:7rem;}.pd-y-8{padding-top:8rem;padding-bottom:8rem;}.pd-y-9{padding-top:9rem;padding-bottom:9rem;}
.pd-left-0{padding-left:0;}.pd-left-s{padding-left:0.5rem;}.pd-left-1{padding-left:1rem;}.pd-left-2{padding-left:2rem;}.pd-left-3{padding-left:3rem;}.pd-left-4{padding-left:4rem;}.pd-left-5{padding-left:5rem;}.pd-left-6{padding-left:6rem;}.pd-left-7{padding-left:7rem;}.pd-left-8{padding-left:8rem;}.pd-left-9{padding-left:9rem;}
.pd-right-0{padding-right:0;}.pd-right-s{padding-right:0.5rem;}.pd-right-1{padding-right:1rem;} .pd-right-2{padding-right:2rem;} .pd-right-3{padding-right:3rem;} .pd-right-4{padding-right:4rem;} .pd-right-5{padding-right:5rem;} .pd-right-6{padding-right:6rem;} .pd-right-7{padding-right:7rem;} .pd-right-8{padding-right:8rem;} .pd-right-9{padding-right:9rem;}
.pd-top-0{padding-top:0;}.pd-top-s{padding-top:0.5rem;} .pd-top-1{padding-top:1rem;} .pd-top-2{padding-top:2rem;} .pd-top-3{padding-top:3rem;} .pd-top-4{padding-top:4rem;} .pd-top-5{padding-top:5rem;} .pd-top-6{padding-top:6rem;} .pd-top-7{padding-top:7rem;} .pd-top-8{padding-top:8rem;} .pd-top-9{padding-top:9rem;}
.pd-bottom-0{padding-bottom:0;}.pd-bottom-s{padding-bottom:0.5rem;}.pd-bottom-1{padding-bottom:1rem;} .pd-bottom-2{padding-bottom:2rem;} .pd-bottom-3{padding-bottom:3rem;} .pd-bottom-4{padding-bottom:4rem;} .pd-bottom-5{padding-bottom:5rem;} .pd-bottom-6{padding-bottom:6rem;} .pd-bottom-7{padding-bottom:7rem;} .pd-bottom-8{padding-bottom:8rem;} .pd-bottom-9{padding-bottom:9rem;}
.no-events{pointer-events: none;}
.no-drag{-webkit-user-drag:none;}
.no-select{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
.no-bold{font-weight: normal;}
.no-border{border:none;}
.no-float{float:none;}
.no-first-border>*:first-child{border:0;}
.no-last-border>*:last-child{border:0;}
.no-bg{background-color:transparent!important;background-image:none!important;}
.no-wrap{white-space: nowrap;}
.absolute{position: absolute;}
.fixed{position: fixed;}
.relative{position: relative;}
/* 行高 */
.lh-1{line-height: 1;}
.lh-15{line-height: 1.5;}
.lh-2{line-height: 2;}
.lh-25{line-height: 2.5;}
.lh-3{line-height: 3;}
.lh-35{line-height: 3.5;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.vmiddle{vertical-align:middle;}
.vtop{vertical-align: top;}
.vbottom{vertical-align: bottom;}
.line-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.line-2,.line-3,.line-4,.line-5,.line-6,.line-7,.line-8{overflow:hidden;display:block;display: -webkit-box;-webkit-box-orient: vertical;}
.line-2{-webkit-line-clamp:2;}
.line-3{-webkit-line-clamp:3;}
.line-4{-webkit-line-clamp:4;}
.line-5{-webkit-line-clamp:5;}
.line-6{-webkit-line-clamp:6;}
.line-7{-webkit-line-clamp:7;}
.line-8{-webkit-line-clamp:8;}
/* list */
.list-style-disc{list-style-type: disc;padding-left:1rem;}
.list-style-circle{list-style-type: circle;padding-left:1rem;}
.list-style-decimal{list-style-type: decimal;padding-left:1rem;}
.list-style-disc li,.list-style-circle li,.list-style-decimal li{display:list-item;list-style-type: inherit;}
.clearfloat:after{content:'';display: block;clear: both;}
.arrow-top,.arrow-right,.arrow-bottom,.arrow-left{position:relative;overflow:visible!important;}
.arrow-top:before{content:'';display:block;border:0.5rem solid transparent;border-top:0;position:absolute;left:0.5rem;bottom:100%;border-bottom-color:rgba(0,0,0,0.1);filter:blur(2px); -ms-filter: blur(2px); margin-bottom:2px;}
.arrow-top:after{content:'';display:block;border:0.5rem solid transparent;border-top:0;position:absolute;left:0.5rem;bottom:100%;border-bottom-color:#FFF;}
.arrow-bottom:before{content:'';display:block;border:0.5rem solid transparent;border-bottom:0;position:absolute;left:0.5rem;top:100%;border-top-color:rgba(0,0,0,0.1);filter:blur(2px);-ms-filter: blur(2px); margin-top:2px;}
.arrow-bottom:after{content:'';display:block;border:0.5rem solid transparent;border-bottom:0;position:absolute;left:0.5rem;top:100%;border-top-color:#FFF;}
.arrow-left:before{content:'';display:block;border:0.5rem solid transparent;border-left:0;position:absolute;top:0.5rem;right:100%;border-right-color:rgba(0,0,0,0.1);filter:blur(2px);-ms-filter: blur(2px); margin-right:2px;}
.arrow-left:after{content:'';display:block;border:0.5rem solid transparent;border-left:0;position:absolute;top:0.5rem;right:100%;border-right-color:#FFF;}
.arrow-right:before{content:'';display:block;border:0.5rem solid transparent;border-right:0;position:absolute;top:0.5rem;left:100%;border-left-color:rgba(0,0,0,0.1);filter:blur(2px);-ms-filter: blur(2px); margin-left:2px;}
.arrow-right:after{content:'';display:block;border:0.5rem solid transparent;border-right:0;position:absolute;top:0.5rem;left:100%;border-left-color:#FFF;}
.arrow-border-top,.arrow-border-bottom,.arrow-border-left,.arrow-border-right{position:relative;background-color:#FFF;}
.arrow-border-top:before,.arrow-border-bottom:before,.arrow-border-left:before,.arrow-border-right:before{content:'';display:block;width:0.8rem;height:0.8rem;transform:rotate(45deg);background-color:inherit;box-shadow:inherit;border:inherit;position:absolute;}
.arrow-border-top:before{bottom:100%;left:50%;margin-left:-0.4rem;margin-bottom:-0.4rem;border:inherit;border-right:none;border-bottom:none;}
.arrow-border-bottom:before{top:100%;left:50%;margin-left:-0.4rem;bottom:auto;margin-bottom:auto;margin-top:-0.4rem;border:inherit;border-left:none;border-top:none;}
.arrow-border-left:before{top:50%;margin-top:-0.4rem;right:100%;margin-right:-0.4rem;border:inherit;border-right:none;border-top:none;}
.arrow-border-right:before{top:50%;margin-top:-0.4rem;left:100%;margin-left:-0.4rem;border:inherit;border-left:none;border-bottom:none;}
/* List */
.l-1:after,.l-2:after,.l-3:after,.l-4:after,.l-5:after,.l-6:after,.l-7:after,.l-8:after,.l-9:after,.l-10:after{content:'';width:100%;display:block;clear: both;}
.l-1>*,.l-2>*,.l-3>*,.l-4>*,.l-5>*,.l-6>*,.l-7>*,.l-8>*,.l-9>*,.l-10>*{float:left}
.l-1>*{width:100%;}
.l-2>*{width:50%;}
.l-3>*{width:33.33%;}
.l-4>*{width:25%;}
.l-5>*{width:20%;}
.l-6>*{width:16.66%;}
.l-7>*{width:14.28%;}
.l-8>*{width:12.5%;}
.l-9>*{width:11.11%;}
.l-10>*{width:10%;}
[class*="flex-"],.flex{display:flex;display:-webkit-flex;}
.flex-1{flex:1;}
.self-full{flex:1;-ms-flex:1;}
.flex{ flex-wrap:wrap;align-items:stretch;-webkit-align-items: stretch;}
.flex-i{display:flex!important;}
.flex-inline{display:inline-flex;display:-webkit-inline-flex;}
/* flex 方向 */
.flex-direction-row{flex-direction:row;} /* 水平，左起 */
.flex-direction-row-reverse{flex-direction:row-reverse;} /* 水平，左起 */
.flex-direction-column{flex-direction:column;} /* 垂直，上起 */
.flex-direction-column-reverse{flex-direction:column-reverse;} /* 垂直，下起 */
/* flex 换行 */
.flex-wrap{flex-wrap:wrap;}
.flex-nowrap{flex-wrap:nowrap;}
.flex-wrap-reverse{flex-wrap:wrap-reverse;}
/* flex */
.for-no-flex-shrink>*{flex-shrink:0;} /*flex子元素不自动收缩*/
.no-flex-shrink{flex-shrink:0;}
/* flex 水平对齐方式 */
.flex-left{justify-content:flex-start;}
.flex-right{justify-content:flex-end;}
.flex-center{justify-content:center;}
.flex-x-between{justify-content:space-between;}
.flex-x-around{justify-content:space-around;}/*分布对齐，如有空隙，包括始端与末端*/
/* flex 垂直对齐方式 */
.flex-top{align-items:flex-start;}
.flex-bottom{align-items:flex-end;}
.flex-middle{align-items:center;}
.flex-baseline{align-items:baseline;}/*第一行文字的基线对齐。*/
.flex-stretch{align-items:stretch;}/*（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度。*/
/* flex align-content */
.flex-align-start{align-content:flex-start;}
.flex-align-end{align-content:flex-end;}
.flex-align-center{align-content:flex-center;}
.flex-align-between{align-content:space-between;}
.flex-align-around{align-content:space-around;}
.flex-align-stretch{align-content:stretch;}
/* 单项对齐 */
/* 单项 对齐方式 */
[class*="flex"]>.item-top{align-self:flex-start;}
[class*="flex"]>.item-middle{align-self:center;}
[class*="flex"]>.item-bottom{align-self:flex-end;}
[class*="flex"]>.item-baseline{align-self:baseline;}
[class*="flex"]>.item-stretch{align-self:stretch;}
[class*="flex"]>.item-auto{align-self:auto;}
.for-full>*{display:flex;display:-webkit-flex;align-items:stretch;;-webkit-align-items: stretch;}
.for-full>*>.box{width:100%;}
/*.for-full>*>.box{flex:1;-webkit-flex: 1;}*/
.box:after{content:'';display:block;clear:both;}
.box-left{float:left;}
.width-1{width:1rem!important;}
.width-2{width:2rem!important;}
.width-3{width:3rem!important;}
.width-4{width:4rem!important;}
.width-5{width:5rem!important;}
.width-6{width:6rem!important;}
.width-7{width:7rem!important;}
.width-8{width:8rem!important;}
.width-9{width:9rem!important;}
/*focus*/
.focus-inline-block,.focus-block,.focus-inline,.focus-flex,.focus-inline-flex{display:none;}
.focus-backer:focus .focus-inline-block{display:inline-block;}
.focus-backer:focus .focus-block{display:block;}
.focus-backer:focus .focus-inline{display:inline;}
.focus-backer:focus .focus-flex{display:flex;display:-webkit-flex;}
.focus-backer:focus .focus-inline-flex{display:inline-flex;display:flex;display:-webkit-inline-flex;}
/* hover */
.hv-shadow,.hv-shadow-bottom,.hv-shadow-top,.hv-shadow-left,.hv-shadow-right{transition:box-shadow 0.3s;}
.hv-shadow:hover{box-shadow:0 0 1rem rgba(0,0,0,0.1);}
.hv-shadow-bottom:hover{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.1);}
.hv-shadow-top:hover{box-shadow:0 -0.5rem 1rem rgba(0,0,0,0.1);}
.hv-shadow-left:hover{box-shadow:-0.5rem 0 1rem rgba(0,0,0,0.1);}
.hv-shadow-right:hover{box-shadow:0.5rem 0 1rem rgba(0,0,0,0.1);}
.hv-shadow-left-top:hover{box-shadow:-0.5rem -0.5rem 1rem rgba(0,0,0,0.1);}
.hv-shadow-right-top:hover{box-shadow:0.5rem -0.5rem 1rem rgba(0,0,0,0.1);}
.hv-shadow-left-bottom:hover{box-shadow:-0.5rem 0.5rem 1rem rgba(0,0,0,0.1);}
.hv-shadow-right-bottom:hover{box-shadow:0.5rem 0.5rem 1rem rgba(0,0,0,0.1);}
.hv-table-light tr td {transition:all 0.5s;}
.hv-table-light tr:hover td{background-color:#f2f8ff;}
.hv-show{display:none;}
.hv-backer:hover .hv-show{display:block;}
.hv-visible{visibility: hidden;}
.hv-backer:hover .hv-visible{visibility:visible;}
.for-hv-shadow>*,.for-hv-shadow-bottom>*,.for-hv-shadow-top>*,.for-hv-shadow-left>*,.for-hv-shadow-right>*{transition:box-shadow 0.3s;}
.for-hv-shadow>*:hover{box-shadow:0 0 1rem rgba(0,0,0,0.1);}
.for-hv-shadow-bottom>*:hover{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.1);}
.for-hv-shadow-top>*:hover{box-shadow:0 -0.5rem 1rem rgba(0,0,0,0.1);}
.for-hv-shadow-left>*:hover{box-shadow:-0.5rem 0 1rem rgba(0,0,0,0.1);}
.for-hv-shadow-right>*:hover{box-shadow:0.5rem 0 1rem rgba(0,0,0,0.1);}
.for-hv-shadow-left-top>*:hover{box-shadow:-0.5rem -0.5rem 1rem rgba(0,0,0,0.1);}
.for-hv-shadow-right-top>*:hover{box-shadow:0.5rem -0.5rem 1rem rgba(0,0,0,0.1);}
.for-hv-shadow-left-bottom>*:hover{box-shadow:-0.5rem 0.5rem 1rem rgba(0,0,0,0.1);}
.for-hv-shadow-right-bottom>*:hover{box-shadow:0.5rem 0.5rem 1rem rgba(0,0,0,0.1);}
.for-hv-box-shadow>*>.box,.for-hv-box-shadow-bottom>*>.box,.for-hv-box-shadow-top>*>.box,.for-hv-box-shadow-left>*>.box,.for-hv-box-shadow-right>*>.box{transition:box-shadow 0.3s;}
.for-hv-box-shadow>*>.box:hover{box-shadow:0 0 1rem rgba(0,0,0,0.1);}
.for-hv-box-shadow-bottom>*>.box:hover{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.1);}
.for-hv-box-shadow-top>*>.box:hover{box-shadow:0 -0.5rem 1rem rgba(0,0,0,0.1);}
.for-hv-box-shadow-left>*>.box:hover{box-shadow:-0.5rem 0 1rem rgba(0,0,0,0.1);}
.for-hv-box-shadow-right>*>.box:hover{box-shadow:0.5rem 0 1rem rgba(0,0,0,0.1);}
.for-hv-box-shadow-left-top>*>.box:hover{box-shadow:-0.5rem -0.5rem 1rem rgba(0,0,0,0.1);}
.for-hv-box-shadow-right-top>*>.box:hover{box-shadow:0.5rem -0.5rem 1rem rgba(0,0,0,0.1);}
.for-hv-box-shadow-left-bottom>*>.box:hover{box-shadow:-0.5rem 0.5rem 1rem rgba(0,0,0,0.1);}
.for-hv-box-shadow-right-bottom>*>.box:hover{box-shadow:0.5rem 0.5rem 1rem rgba(0,0,0,0.1);}
/* for */
.for-pd-s>*{padding:0.5rem;}
.for-pd-1>*{padding:1rem;}
.for-pd-2>*{padding:2rem;}
.for-pd-3>*{padding:3rem;}
.for-pd-4>*{padding:4rem;}
.for-pd-5>*{padding:5rem;}
.for-pd-6>*{padding:6rem;}
.for-pd-7>*{padding:7rem;}
.for-pd-8>*{padding:8rem;}
.for-pd-9>*{padding:9rem;}
.for-pd-y-s>*{padding-top:0.5rem;padding-bottom:0.5rem;}
.for-pd-y-1>*{padding-top:1rem;padding-bottom:1rem;}
.for-pd-y-2>*{padding-top:2rem;padding-bottom:2rem;}
.for-pd-y-3>*{padding-top:3rem;padding-bottom:3rem;}
.for-pd-y-4>*{padding-top:4rem;padding-bottom:4rem;}
.for-pd-y-5>*{padding-top:5rem;padding-bottom:5rem;}
.for-pd-y-6>*{padding-top:6rem;padding-bottom:6rem;}
.for-pd-y-7>*{padding-top:7rem;padding-bottom:7rem;}
.for-pd-y-8>*{padding-top:8rem;padding-bottom:8rem;}
.for-pd-y-9>*{padding-top:9rem;padding-bottom:9rem;}
.for-pd-x-s>*{padding-left:0.5rem;paddinb-right:0.5rem;}
.for-pd-x-1>*{padding-left:1rem;paddinb-right:1rem;}
.for-pd-x-2>*{padding-left:2rem;padding-right:2rem;}
.for-pd-x-3>*{padding-left:3rem;padding-right:3rem;}
.for-pd-x-4>*{padding-left:4rem;padding-right:4rem;}
.for-pd-x-5>*{padding-left:5rem;padding-right:5rem;}
.for-pd-x-6>*{padding-left:6rem;padding-right:6rem;}
.for-pd-x-7>*{padding-left:7rem;padding-right:7rem;}
.for-pd-x-8>*{padding-left:8rem;padding-right:8rem;}
.for-pd-x-9>*{padding-left:9rem;padding-right:9rem;}
.for-mg-y-s>*{margin-top:0.5rem;margin-bottom:0.5rem;}
.for-mg-y-1>*{margin-top:1rem;margin-bottom:1rem;}
.for-mg-y-2>*{margin-top:2rem;margin-bottom:2rem;}
.for-mg-y-3>*{margin-top:3rem;margin-bottom:3rem;}
.for-mg-y-4>*{margin-top:3rem;margin-bottom:4rem;}
.for-mg-y-5>*{margin-top:3rem;margin-bottom:5rem;}
.for-mg-y-6>*{margin-top:6rem;margin-bottom:6rem;}
.for-mg-y-7>*{margin-top:7rem;margin-bottom:7rem;}
.for-mg-y-8>*{margin-top:7rem;margin-bottom:8rem;}
.for-mg-y-9>*{margin-top:7rem;margin-bottom:9rem;}
.for-mg-x-s>*{margin-left:0.5rem;margin-right:0.5rem;}
.for-mg-x-1>*{margin-left:1rem;margin-right:1rem;}
.for-mg-x-2>*{margin-left:2rem;margin-right:2rem;}
.for-mg-x-3>*{margin-left:3rem;margin-right:3rem;}
.for-mg-x-4>*{margin-left:3rem;margin-right:4rem;}
.for-mg-x-5>*{margin-left:3rem;margin-right:5rem;}
.for-mg-x-6>*{margin-left:6rem;margin-right:6rem;}
.for-mg-x-7>*{margin-left:7rem;margin-right:7rem;}
.for-mg-x-8>*{margin-left:7rem;margin-right:8rem;}
.for-mg-x-9>*{margin-left:7rem;margin-right:9rem;}
.for-radius>*{border-radius:0.25rem;}
.for-cursor-pointer>*{cursor:pointer;}
.list-border>*{border-bottom:1px solid #E1E1E1;}
.for-spacing-s{margin-left:-0.5rem;margin-bottom:-0.5rem;}.for-spacing-s>*{padding-left:0.5rem;padding-bottom:0.5rem;}
.for-spacing-1{margin-left:-1rem;margin-bottom:-1rem;}.for-spacing-1>*{padding-left:1rem;padding-bottom:1rem;}
.for-spacing-2{margin-left:-2rem;margin-bottom:-2rem;}.for-spacing-2>*{padding-left:2rem;padding-bottom:2rem;}
.for-spacing-3{margin-left:-3rem;margin-bottom:-3rem;}.for-spacing-3>*{padding-left:3rem;padding-bottom:3rem;}
.for-spacing-4{margin-left:-4rem;margin-bottom:-4rem;}.for-spacing-4>*{padding-left:4rem;padding-bottom:4rem;}
.for-spacing-5{margin-left:-5rem;margin-bottom:-5rem;}.for-spacing-5>*{padding-left:5rem;padding-bottom:5rem;}
.for-spacing-6{margin-left:-6rem;margin-bottom:-6rem;}.for-spacing-6>*{padding-left:6rem;padding-bottom:6rem;}
.for-spacing-7{margin-left:-7rem;margin-bottom:-7rem;}.for-spacing-7>*{padding-left:7rem;padding-bottom:7rem;}
.for-spacing-8{margin-left:-8rem;margin-bottom:-8rem;}.for-spacing-8>*{padding-left:8rem;padding-bottom:8rem;}
.for-spacing-9{margin-left:-9rem;margin-bottom:-9rem;}.for-spacing-9>*{padding-left:9rem;padding-bottom:9rem;}
.border-radius{border-radius:0.25rem;}
.for-box-radius>*>.box{border-radius:0.25rem;overflow: hidden;}
.for-bgpic-radius>*>.bgpic{border-radius:0.25rem;overflow: hidden;}
.for-box-shadow>*>.box{box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
.for-border>*{border:1px solid #E1E1E1;}
.for-box-border>*>.box{border:1px solid #E1E1E1;}
.for-bgpic-border>*>.bgpic{border:1px solid #E1E1E1;}
.border-color-lightblue{border-color:lightblue!important;}
.shadow{box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
.for-shadow>*{box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
.bgpic{width:100%;background-color:#CCC;line-height:1;}
.bgpic:after{padding-top:56.25%;content:'';display:block;}
.flex-items-center{justify-content:center;-webkit-justify-content: center;display:flex;}
.flex-items-middle{align-items: center;-webkit-align-items: center;display:flex;}
.full-w{width:100%;}
.full-h{height:100%;}
.full{width:100%;height:100%;}
.for-box-pd-s>*>.box{padding:0.5rem;}
.for-box-pd-1>*>.box{padding:1rem;}
.for-box-pd-2>*>.box{padding:2rem;}
.for-box-pd-3>*>.box{padding:3rem;}
.for-box-pd-4>*>.box{padding:4rem;}
.for-box-pd-5>*>.box{padding:5rem;}
.row{display:flex;}
.row-inline{display:inline-flex;}
.col-12{flex:0 0 100%;} .for-col-12>*{flex:0 0 100%;}
.col-11{flex:0 0 91.66%;} .for-col-11>*{flex:0 0 91.66%;}
.col-10{flex:0 0 83.33%;} .for-col-10>*{flex:0 0 83.33%;}
.col-9{flex:0 0 75%;} .for-col-9>*{flex:0 0 75%;}
.col-8{flex:0 0 66.66%;} .for-col-8>*{flex:0 0 66.66%;}
.col-7{flex:0 0 58.33%;} .for-col-7>*{flex:0 0 58.33%;}
.col-6{flex:0 0 50%;} .for-col-6>*{flex:0 0 50%;}
.col-5{flex:0 0 41.66%;} .for-col-5>*{flex:0 0 41.66%;}
.col-4{flex:0 0 33.33%;} .for-col-4>*{flex:0 0 33.33%;}
.col-3{flex:0 0 25%;} .for-col-3>*{flex:0 0 25%;}
.col-2{flex:0 0 16.66%;} .for-col-2>*{flex:0 0 16.66%;}
.col-1{flex:0 0 8.33%;} .for-col-1>*{flex:0 0 8.33%;}
.col-auto{flex:1;min-width: 1px;} .for-col-auto>*{flex:1;min-width: 1px;}/*设置最小宽度以免被撑开*/
.flex-auto{flex:1;}.flex-auto>*{flex:1;} /*IE好多诡异现象*/
.w-12{width:100%;}
.w-11{width:91.66%;}
.w-10{width:83.33%;}
.w-9{width:75%;}
.w-8{width:66.66%;}
.w-7{width: 58.33%;}
.w-6{width:50%;}
.w-5{width:41.66%;}
.w-4{width:33.33%;}
.w-3{width:25%;}
.w-2{width:16.66%;}
.w-1{width:8.33%;}
.flex-full{flex:1;}
.flex-full>*{flex:1;}
.for-flex-full>*{flex:1;}
.cursor-pointer{cursor:pointer;}
.cursor-default{cursor:default;}
/*###########################################################################
components 组件
############################################################################*/
input::-ms-clear,::-ms-reveal{display:none;} /*去IE的交叉*/
.custom-text{font-size:1rem;}
.custom-text label{background-color: #e9ecef;border:1px solid #ced4da;line-height: 1;padding:0.4rem;color:#495057;border-radius:0.25rem; display:flex; align-items:center;}
.custom-text input[type=text]{appearance: none;border:1px solid #ced4da;border-radius:0.25rem;line-height: 1;padding:0.4rem;outline-color:transparent;transition: all 0.3s;}
.custom-text input:focus{box-shadow: 0 0 0px 3px #bfdeff;border-color:#007bff;}
.custom-text input:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;}
.custom-text label:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;}
.custom-text input:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;}
.custom-text label:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:0;}
.custom-radio,.custom-check{position: relative; display:inline-block;margin-right:0.5rem;}
*>.custom-radio:last-child{margin-right:0;}
.custom-radio input[type=radio]{appearance: none;outline:none;position: absolute;opacity: 0;}
.custom-radio label{line-height: 1;}
.custom-radio label:before{content:'';display:inline-block;margin-right:0.5rem;width:1rem;height:1rem;vertical-align:middle;border-radius:50%;background-color:#ced4da;pointer-events: none;box-sizing: border-box;transition: all 0.3s;}
.custom-radio input[type=radio]:checked ~ label:before{border:0.25rem solid #007bff;background-color: #FFF;}
.custom-check input[type=checkbox]{appearance: none;outline:none;position: absolute;opacity: 0;}
.custom-check label{line-height: 1;}
.custom-check label:before{content:'';display:inline-block;margin-right:0.5rem;width:1rem;height:1rem;vertical-align:middle;border-radius:0.25rem;background-color:#ced4da;pointer-events: none;box-sizing: border-box;transition: background-color 0.3s;background-size:50% 50%;background-repeat:no-repeat;background-position:center center;}
.custom-check input[type=checkbox]:checked ~ label:before{background-color: #007bff;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");}
.custom-select select::-ms-expand { display: none; }
.custom-select select{-webkit-appearance: none;-moz-appearance: none; appearance: none;padding:0.4rem 2rem 0.4rem 1rem;line-height:1;border:1px solid #ced4da;color:#333;border-radius:0.25rem;vertical-align:middle;background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size: 8px 10px;outline-color:transparent;width:100%;}
.custom-select select:focus{box-shadow: 0 0 0px 3px #bfdeff;border-color:#007bff;}
.custom-select select[multiple]{background-size:0;padding-right:1rem;}
.custom-textarea textarea{border:1px solid #ced4da;border-radius:0.25rem;padding:0.4rem;outline:none;}
.custom-textarea textarea:focus{box-shadow: 0 0 0px 3px #bfdeff;border-color:#007bff;}
.custom-button{-webkit-appearance: none;padding:0.4rem 0.8rem;background-color:#F1F1F1;line-height:1;border-radius:0.25rem;border:0;display:inline-block;cursor:pointer;}
.custom-button:disabled{opacity:0.65;cursor: not-allowed;}
.loading-zoom{animation:loading 2s infinite;width:3rem;height:3rem;border-radius:50%;background-color:rgba(0,123,255,0.34); display:inline-block;position:relative;transform:scale(0.25);vertical-align:middle;pointer-events:none;}
.loading-zoom:before{position:absolute;display:block;content:'';width:100%;height:100%;background-color:inherit;border-radius:inherit;animation:loading-zoom-a 1.5s infinite;}
.loading-zoom:after{position:absolute;display:block;content:'';width:100%;height:100%;background-color:inherit;border-radius:inherit;animation:loading-zoom-b 1.5s infinite;}
@keyframes loading-zoom-a{50%{transform:scale(4);}}
@keyframes loading-zoom-b{50%{transform:scale(2.5);}}
.loading-rotating{border:0.1rem solid #007bff;border-radius:50%;width:1rem;height:1rem;display:inline-block;border-bottom-color:transparent; animation:loading-rotating 1s infinite linear; vertical-align:middle;pointer-events:none;}
@keyframes loading-rotating{100%{transform:rotate(360deg);}}
/* =========================================================================
hover 动画
============================================================================
*/
/* hv-visible */
[class*="hv-visible-"]{animation-duration: 0.5s;visibility: hidden; transition: all 0.5s; }
.hv-backer:hover [class*="hv-visible-"]{animation-duration: 0.5s;visibility: visible; }
.hv-visible-fade-zoom{animation-name: fade-zoom-out;}
.hv-backer:hover .hv-visible-fade-zoom{animation-name: fade-zoom-in;}
.hv-visible-fade{animation-name: fadeout;}
.hv-backer:hover .hv-visible-fade{animation-name: fadein;}
.hv-visible-zoom{animation-name: zoomOut;}
.hv-backer:hover .hv-visible-zoom{animation-name: zoomIn;}
.hv-visible-slide{animation-name: slideOutDown;}
.hv-backer:hover .hv-visible-slide{animation-name: slideInUp;}
.hv-visible-slide-down{animation-name: slideOutUp;}
.hv-backer:hover .hv-visible-slide-down{animation-name: slideInDown;}
.hv-visible-rotate{animation-name: rotateOut;}
.hv-backer:hover .hv-visible-rotate{animation-name: rotateIn;}
/* hv-ani */
[class*="hv-ani-"]{animation-duration: 0.5s;transition: all 0.5s; }
[class*="for-hv-ani-"]>*{animation-duration: 0.5s;transition: all 0.5s; }
.hv-ani-pop:hover{animation-name: pop;}
.hv-ani-push:hover{animation-name: push;}
.hv-ani-pulse:hover{animation-name: pulse;animation-iteration-count:infinite;}
.hv-ani-float:hover{transform: translateY(-0.5rem)}
.hv-ani-bob:hover{animation-name: bob;animation-iteration-count:infinite;animation-duration: 1s;}
.hv-ani-skew:hover{ -webkit-transform: skew(-10deg); transform: skew(-10deg);}
.hv-ani-wobble:hover{animation-name: wobble-top;animation-duration: 1s;}
.for-hv-ani-pop>*:hover{animation-name: pop;}
.for-hv-ani-push>*:hover{animation-name: push;}
.for-hv-ani-pulse>*:hover{animation-name: pulse;animation-iteration-count:infinite;}
.for-hv-ani-float>*:hover{transform: translateY(-0.5rem);}
.for-hv-ani-bob>*:hover{animation-name: bob;animation-iteration-count:infinite;animation-duration: 1s;}
.for-hv-ani-skew>*:hover{ -webkit-transform: skew(-10deg); transform: skew(-10deg);}
.for-hv-ani-wobble>*:hover{animation-name: wobble-top;animation-duration: 1s;}
.find-hv-ani-pop .find-ani:hover{animation-name: pop;}
.find-hv-ani-push .find-ani:hover{animation-name: push;}
.find-hv-ani-pulse .find-ani:hover{animation-name: pulse;animation-iteration-count:infinite;}
.find-hv-ani-float .find-ani:hover{transform: translateY(-0.5rem);}
.find-hv-ani-bob .find-ani:hover{animation-name: bob;animation-iteration-count:infinite;animation-duration: 1s;}
.find-hv-ani-skew .find-ani:hover{ -webkit-transform: skew(-10deg); transform: skew(-10deg);}
.find-hv-ani-wobble .find-ani:hover{animation-name: wobble-top;animation-duration: 1s;}
/* 移动端菜单图标 */
.nav-mobile-btn{display:none;overflow: hidden;position:relative;cursor:pointer;}
.nav-mobile-btn>*{width: 1.5rem;height: 0.125rem;border-radius: 1px;background-color: #FFF;display: block;margin: 0.32rem auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.nav-mobile-btn.active>*:nth-child(1){-webkit-transform: translateY(0.45rem) rotate(45deg);-ms-transform: translateY(0.45rem) rotate(45deg);-o-transform: translateY(0.45rem) rotate(45deg);transform: translateY(0.45rem) rotate(45deg);}
.nav-mobile-btn.active>*:nth-child(2){opacity: 0;}
.nav-mobile-btn.active>*:nth-child(3){-webkit-transform: translateY(-0.45rem) rotate(-45deg);-ms-transform: translateY(-0.45rem) rotate(-45deg);-o-transform: translateY(-0.45rem) rotate(-45deg);transform: translateY(-0.45rem) rotate(-45deg);}
.nav-mobile-show{display:block!important;}
/* =========================================================================
keyframes 动画
============================================================================
*/
@keyframes wobble-top {
16.65% {-webkit-transform: skew(-12deg);transform: skew(-12deg);}
33.3% {-webkit-transform: skew(10deg);transform: skew(10deg);}
49.95% {-webkit-transform: skew(-6deg);transform: skew(-6deg);}
66.6% {-webkit-transform: skew(4deg);transform: skew(4deg);}
83.25% {-webkit-transform: skew(-2deg);transform: skew(-2deg);}
100% {-webkit-transform: skew(0);transform: skew(0);}
}
@keyframes bob {
0% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
50% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
100% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
}
@keyframes pulse{
0% {-webkit-transform: scale(1);transform: scale(1);}
50% {-webkit-transform: scale(0.9);transform: scale(0.9);}
100%{-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes pop {
50% {-webkit-transform: scale(1.2);transform: scale(1.2);}
}
@keyframes push {
50% {-webkit-transform: scale(0.8);transform: scale(0.8);}
100% {-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes fade-zoom-in {
0%{opacity: 0;transform: scale3d(3,3,1);}
100%{opacity: 1; }
}
@keyframes fade-zoom-out {
0%{opacity: 1;}
100%{opacity: 0;transform: scale3d(3,3,1); }
}
@keyframes fadein {
0%{opacity: 0;}
100%{opacity: 1; }
}
@keyframes fadeout {
0%{opacity: 1;}
100%{opacity: 0;}
}
@keyframes zoomIn {
from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}
50% {opacity: 1;}
}
@keyframes zoomOut {
from {opacity: 1;}
50% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}
to {opacity: 0;}
}
@keyframes slideInUp {
from {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);visibility: visible;}
to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes slideInDown {
from {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);visibility: visible;}
to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes slideOutUp {
from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
to {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
}
@keyframes slideOutDown {
from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
to {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
}
@keyframes bounceIn {
from,20%,40%,60%,80%,
to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
0% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}
20% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
40% {-webkit-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.9);}
60% {opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03);}
80% {-webkit-transform: scale3d(0.97, 0.97, 0.97);transform: scale3d(0.97, 0.97, 0.97);}
to {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes rotateIn {
from {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, -200deg);transform: rotate3d(0, 0, 1, -200deg);opacity: 0;}
to {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}
}
@keyframes rotateOut {
from {-webkit-transform-origin: center;transform-origin: center;opacity: 1;}
to {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, 200deg);transform: rotate3d(0, 0, 1, 200deg);opacity: 0;}
}
@media (max-width:1024px){
.f-for-spacing-0{margin-left:0;margin-bottom:0;}
.f-for-spacing-0>*{padding-left:0;padding-bottom:0;}
.f-for-spacing-s{margin-left:-0.5rem;margin-bottom:-0.5rem;}
.f-for-spacing-s>*{padding-left:0.5rem;padding-bottom:0.5rem;}
.f-for-spacing-1{margin-left:-1rem;margin-bottom:-1rem;}
.f-for-spacing-1>*{padding-left:1rem;padding-bottom:1rem;}
.f-no-border{border:0;}
.f-mg-left-auto{margin-left:auto;}
.f-mg-auto{margin:auto;}
.f-mg-0{margin:0;}.f-mg-s{margin:0.5rem;}.f-mg-1{margin:1rem;}.f-mg-2{margin:2rem;}.f-mg-3{margin:3rem;}.f-mg-4{margin:4rem;}.f-mg-5{margin:5rem;}.f-mg-6{margin:6rem;}.f-mg-7{margin:7rem;}.f-mg-8{margin:8rem;}.f-mg-9{margin:9rem;}
.f-mg-x-0{margin-left:0;margin-right:0;}.f-mg-x-s{margin-left:0.5rem;margin-right:0.5rem;}.f-mg-x-1{margin-left:1rem;margin-right:1rem;}.f-mg-x-2{margin-left:2rem;margin-right:2rem;}.f-mg-x-3{margin-left:3rem;margin-right:3rem;}.f-mg-x-4{margin-left:4rem;margin-right:4rem;}.f-mg-x-5{margin-left:5rem;margin-right:5rem;}.f-mg-x-6{margin-left:6rem;margin-right:6rem;}.f-mg-x-7{margin-left:7rem;margin-right:7rem;}.f-mg-x-8{margin-left:8rem;margin-right:8rem;}.f-mg-x-9{margin-left:9rem;margin-right:9rem;}
.f-mg-y-0{margin-top:0;margin-bottom:0;}.f-mg-y-s{margin-top:0.5rem;margin-bottom:0.5rem;}.f-mg-y-1{margin-top:1rem;margin-bottom:1rem;}.f-mg-y-2{margin-top:2rem;margin-bottom:2rem;}.f-mg-y-3{margin-top:3rem;margin-bottom:3rem;}.f-mg-y-4{margin-top:4rem;margin-bottom:4rem;}.f-mg-y-5{margin-top:5rem;margin-bottom:5rem;}.f-mg-y-6{margin-top:6rem;margin-bottom:6rem;}.f-mg-y-7{margin-top:7rem;margin-bottom:7rem;}.f-mg-y-8{margin-top:8rem;margin-bottom:8rem;}.f-mg-y-9{margin-top:9rem;margin-bottom:9rem;}
.f-mg-left-0{margin-left:0;}.f-mg-left-s{margin-left:0.5rem;}.f-mg-left-1{margin-left:1rem;}.f-mg-left-2{margin-left:2rem;}.f-mg-left-3{margin-left:3rem;}.f-mg-left-4{margin-left:4rem;}.f-mg-left-5{margin-left:5rem;}.f-mg-left-6{margin-left:6rem;}.f-mg-left-7{margin-left:7rem;}.f-mg-left-8{margin-left:8rem;}.f-mg-left-9{margin-left:9rem;}
.f-mg-right-0{margin-right:0;}.f-mg-right-s{margin-right:0.5rem;}.f-mg-right-1{margin-right:1rem;} .f-mg-right-2{margin-right:2rem;} .f-mg-right-3{margin-right:3rem;} .f-mg-right-4{margin-right:4rem;} .f-mg-right-5{margin-right:5rem;} .f-mg-right-6{margin-right:6rem;} .f-mg-right-7{margin-right:7rem;} .f-mg-right-8{margin-right:8rem;} .f-mg-right-9{margin-right:9rem;}
.f-mg-top-0{margin-top:0;}.f-mg-top-s{margin-top:0.5rem;}.f-mg-top-1{margin-top:1rem;} .f-mg-top-2{margin-top:2rem;} .f-mg-top-3{margin-top:3rem;} .f-mg-top-4{margin-top:4rem;} .f-mg-top-5{margin-top:5rem;} .f-mg-top-6{margin-top:6rem;} .f-mg-top-7{margin-top:7rem;} .f-mg-top-8{margin-top:8rem;} .f-mg-top-9{margin-top:9rem;}
.f-mg-bottom-0{margin-bottom:0;}.f-mg-bottom-s{margin-bottom:0.5rem;}.f-mg-bottom-1{margin-bottom:1rem;} .f-mg-bottom-2{margin-bottom:2rem;} .f-mg-bottom-3{margin-bottom:3rem;} .f-mg-bottom-4{margin-bottom:4rem;} .f-mg-bottom-5{margin-bottom:5rem;} .f-mg-bottom-6{margin-bottom:6rem;} .f-mg-bottom-7{margin-bottom:7rem;} .f-mg-bottom-8{margin-bottom:8rem;} .f-mg-bottom-9{margin-bottom:9rem;}
.f-pd-0{padding:0;}.f-pd-s{padding:0.5rem;}.f-pd-1{padding:1rem;}.f-pd-2{padding:2rem;}.f-pd-3{padding:3rem;}.f-pd-4{padding:4rem;}.f-pd-5{padding:5rem;}.f-pd-6{padding:6rem;}.f-pd-7{padding:7rem;}.f-pd-8{padding:8rem;}.f-pd-9{padding:9rem;}
.f-pd-x-0{padding-left:0;padding-right:0;}.f-pd-x-s{padding-left:0.5rem;padding-right:0.5rem;}.f-pd-x-1{padding-left:1rem;padding-right:1rem;}.f-pd-x-2{padding-left:2rem;padding-right:2rem;}.f-pd-x-3{padding-left:3rem;padding-right:3rem;}.f-pd-x-4{padding-left:4rem;padding-right:4rem;}.f-pd-x-5{padding-left:5rem;padding-right:5rem;}.f-pd-x-6{padding-left:6rem;padding-right:6rem;}.f-pd-x-7{padding-left:7rem;padding-right:7rem;}.f-pd-x-8{padding-left:8rem;padding-right:8rem;}.f-pd-x-9{padding-left:9rem;padding-right:9rem;}
.f-pd-y-0{padding-top:0;padding-bottom:0;}.f-pd-y-s{padding-top:0.5rem;padding-bottom:0.5rem;}.f-pd-y-1{padding-top:1rem;padding-bottom:1rem;}.f-pd-y-2{padding-top:2rem;padding-bottom:2rem;}.f-pd-y-3{padding-top:3rem;padding-bottom:3rem;}.f-pd-y-4{padding-top:4rem;padding-bottom:4rem;}.f-pd-y-5{padding-top:5rem;padding-bottom:5rem;}.f-pd-y-6{padding-top:6rem;padding-bottom:6rem;}.f-pd-y-7{padding-top:7rem;padding-bottom:7rem;}.f-pd-y-8{padding-top:8rem;padding-bottom:8rem;}.f-pd-y-9{padding-top:9rem;padding-bottom:9rem;}
.f-pd-left-0{padding-left:0;}.f-pd-left-s{padding-left:0.5rem;}.f-pd-left-1{padding-left:1rem;}.f-pd-left-2{padding-left:2rem;}.f-pd-left-3{padding-left:3rem;}.f-pd-left-4{padding-left:4rem;}.f-pd-left-5{padding-left:5rem;}.f-pd-left-6{padding-left:6rem;}.f-pd-left-7{padding-left:7rem;}.f-pd-left-8{padding-left:8rem;}.f-pd-left-9{padding-left:9rem;}
.f-pd-right-0{padding-right:0;}.f-pd-right-s{padding-right:0.5rem;}.f-pd-right-1{padding-right:1rem;} .f-pd-right-2{padding-right:2rem;} .f-pd-right-3{padding-right:3rem;} .f-pd-right-4{padding-right:4rem;} .f-pd-right-5{padding-right:5rem;} .f-pd-right-6{padding-right:6rem;} .f-pd-right-7{padding-right:7rem;} .f-pd-right-8{padding-right:8rem;} .f-pd-right-9{padding-right:9rem;}
.f-pd-top-0{padding-top:0;}.f-pd-top-s{padding-top:0.5rem;} .f-pd-top-1{padding-top:1rem;} .f-pd-top-2{padding-top:2rem;} .f-pd-top-3{padding-top:3rem;} .f-pd-top-4{padding-top:4rem;} .f-pd-top-5{padding-top:5rem;} .f-pd-top-6{padding-top:6rem;} .f-pd-top-7{padding-top:7rem;} .f-pd-top-8{padding-top:8rem;} .f-pd-top-9{padding-top:9rem;}
.f-pd-bottom-0{padding-bottom:0;}.f-pd-bottom-s{padding-bottom:0.5rem;}.f-pd-bottom-1{padding-bottom:1rem;} .f-pd-bottom-2{padding-bottom:2rem;} .f-pd-bottom-3{padding-bottom:3rem;} .f-pd-bottom-4{padding-bottom:4rem;} .f-pd-bottom-5{padding-bottom:5rem;} .f-pd-bottom-6{padding-bottom:6rem;} .f-pd-bottom-7{padding-bottom:7rem;} .f-pd-bottom-8{padding-bottom:8rem;} .f-pd-bottom-9{padding-bottom:9rem;}
.f-width-auto{width:auto!important;}
.f-fs-large{font-size:3rem;}
.f-fs-9{font-size:2.25rem;}
.f-fs-8{font-size:2rem;}
.f-fs-7{font-size:1.75rem;}
.f-fs-6{font-size:1.5rem;}
.f-fs-5{font-size:1.25rem;}
.f-fs-4{font-size:1rem;}
.f-fs-14{font-size:0.875rem;}
.f-fs-18{font-size:1.125rem;}
.f-fs-3{font-size:0.75rem;}
.f-s4x3:after{padding-top: 75%!important;}
.f-s1x1:after{padding-top: 100%!important;}
.f-s3x4:after{padding-top: 133.33%!important;}
.f-s16x9:after{padding-top: 56.25%!important;}
.f-s9x16:after{padding-top: 177.77%!important;}
.f-s0x0:after{padding-top: 100%!important;}
.f-s0x0{border-radius:50%!important;}
.f-bold{font-weight: bold;}
.f-lighter{font-weight:lighter;}
.f-display-inline-block{display:inline-block!important;}
.f-display-inline{display:inline;}
.f-display-block{display:block;}
.f-display-flex{display:flex;}
.f-show{display:block;}
.f-show-table{display:table;}
.f-show-inlineblock{display:inline-block;}
.f-hide{display:none;}
.f-hidden{visibility: hidden;}
.f-float-left{float:left;}
.f-float-right{float:right;}
.f-left{left:0;}
.f-right{right:0;}
.f-top{top:0;}
.f-bottom{bottom:0;}
.f-fixed{position:fixed!important;}
.f-absolute{position:absolute!important;}
.f-relative{position:relative!important;}
.f-static{position:static!important;}
.f-text-center{text-align: center;}
.f-text-left{text-align: left;}
.f-text-right{text-align: right;}
.f-vmiddle{vertical-align:middle;}
.f-vtop{vertical-align: top;}
.f-vbottom{vertical-align: bottom;}
.f-0>*{width:auto;}
.f-1>*{width:100%;}
.f-2>*{width:50%;}
.f-3>*{width:33.33%;}
.f-4>*{width:25%;}
.f-5>*{width:20%;}
.f-6>*{width:16.66%;}
.f-7>*{width:14.28%;}
.f-8>*{width:12.5%;}
.f-9>*{width:11.11%;}
.f-10>*{width:10%;}
.f-col-12{flex:0 0 100%;}
.f-col-11{flex:0 0 91.66%;}
.f-col-10{flex:0 0 83.33%;}
.f-col-9{flex:0 0 75%;}
.f-col-8{flex:0 0 66.66%;}
.f-col-7{flex:0 0 58.33%;}
.f-col-6{flex:0 0 50%;}
.f-col-5{flex:0 0 41.66%;}
.f-col-4{flex:0 0 33.33%;}
.f-col-3{flex:0 0 25%;}
.f-col-2{flex:0 0 16.66%;}
.f-col-1{flex:0 0 8.33%;}
.f-col-auto{flex:1;min-width: 1px;}
.f-w-12{width:100%;}
.f-w-11{width:91.66%;}
.f-w-10{width:83.33%;}
.f-w-9{width:75%;}
.f-w-8{width:66.66%;}
.f-w-7{width: 58.33%;}
.f-w-6{width:50%;}
.f-w-5{width:41.66%;}
.f-w-4{width:33.33%;}
.f-w-3{width:25%;}
.f-w-2{width:16.66%;}
.f-w-1{width:8.33%;}
.f-width-1{width:1rem!important;}
.f-width-2{width:2rem!important;}
.f-width-3{width:3rem!important;}
.f-width-4{width:4rem!important;}
.f-width-5{width:5rem!important;}
.f-width-6{width:6rem!important;}
.f-width-7{width:7rem!important;}
.f-width-8{width:8rem!important;}
.f-width-9{width:9rem!important;}
.f-line-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.f-line-2,.f-line-3,.f-line-4,.f-line-5,.f-line-6,.f-line-7,.f-line-8{overflow:hidden;display:block;display: -webkit-box;-webkit-box-orient: vertical;white-space:pre-wrap;}
.f-line-2{-webkit-line-clamp:2;}
.f-line-3{-webkit-line-clamp:3;}
.f-line-4{-webkit-line-clamp:4;}
.f-line-5{-webkit-line-clamp:5;}
.f-line-6{-webkit-line-clamp:6;}
.f-line-7{-webkit-line-clamp:7;}
.f-line-8{-webkit-line-clamp:8;}
.f-lh-1{line-height: 1;}
.f-lh-15{line-height: 1.5;}
.f-lh-2{line-height: 2;}
.f-lh-25{line-height: 2.5;}
.f-lh-3{line-height: 3;}
.f-lh-35{line-height: 3.5;}
[class*="f-flex"]{display:flex;display:-webkit-flex;}
.f-flex-wrap{flex-wrap:wrap;}
.f-flex-center{justify-content:center;}
.f-flex-middle{align-items: center;}
.f-flex-direction-row{flex-direction:row;} /* 水平，左起 */
.f-flex-direction-row-reverse{flex-direction:row-reverse;} /* 水平，左起 */
.f-flex-direction-column{flex-direction:column;} /* 垂直，上起 */
.f-flex-direction-column-reverse{flex-direction:column-reverse;} /* 垂直，下起 */
.f-visible{visibility: visible;}
}
@media (max-width:880px){
.m-for-spacing-0{margin-left:0;margin-bottom:0;}
.m-for-spacing-0>*{padding-left:0;padding-bottom:0;}
.m-for-spacing-s{margin-left:-0.5rem;margin-bottom:-0.5rem;}
.m-for-spacing-s>*{padding-left:0.5rem;padding-bottom:0.5rem;}
.m-for-spacing-1{margin-left:-1rem;margin-bottom:-1rem;}
.m-for-spacing-1>*{padding-left:1rem;padding-bottom:1rem;}
.m-no-border{border:0;}
.m-for-box-pd-1>*>.box{padding:1rem;}
.m-for-box-pd-s>*>.box{padding:0.5rem;}
.m-mg-left-auto{margin-left:auto;}
.m-mg-auto{margin:auto;}
.m-mg-0{margin:0;}.m-mg-s{margin:0.5rem;}.m-mg-1{margin:1rem;}.m-mg-2{margin:2rem;}.m-mg-3{margin:3rem;}.m-mg-4{margin:4rem;}.m-mg-5{margin:5rem;}.m-mg-6{margin:6rem;}.m-mg-7{margin:7rem;}.m-mg-8{margin:8rem;}.m-mg-9{margin:9rem;}
.m-mg-x-0{margin-left:0;margin-right:0;}.m-mg-x-s{margin-left:0.5rem;margin-right:0.5rem;}.m-mg-x-1{margin-left:1rem;margin-right:1rem;}.m-mg-x-2{margin-left:2rem;margin-right:2rem;}.m-mg-x-3{margin-left:3rem;margin-right:3rem;}.m-mg-x-4{margin-left:4rem;margin-right:4rem;}.m-mg-x-5{margin-left:5rem;margin-right:5rem;}.m-mg-x-6{margin-left:6rem;margin-right:6rem;}.m-mg-x-7{margin-left:7rem;margin-right:7rem;}.m-mg-x-8{margin-left:8rem;margin-right:8rem;}.m-mg-x-9{margin-left:9rem;margin-right:9rem;}
.m-mg-y-0{margin-top:0;margin-bottom:0;}.m-mg-y-s{margin-top:0.5rem;margin-bottom:0.5rem;}.m-mg-y-1{margin-top:1rem;margin-bottom:1rem;}.m-mg-y-2{margin-top:2rem;margin-bottom:2rem;}.m-mg-y-3{margin-top:3rem;margin-bottom:3rem;}.m-mg-y-4{margin-top:4rem;margin-bottom:4rem;}.m-mg-y-5{margin-top:5rem;margin-bottom:5rem;}.m-mg-y-6{margin-top:6rem;margin-bottom:6rem;}.m-mg-y-7{margin-top:7rem;margin-bottom:7rem;}.m-mg-y-8{margin-top:8rem;margin-bottom:8rem;}.m-mg-y-9{margin-top:9rem;margin-bottom:9rem;}
.m-mg-left-0{margin-left:0;}.m-mg-left-s{margin-left:0.5rem;}.m-mg-left-1{margin-left:1rem;}.m-mg-left-2{margin-left:2rem;}.m-mg-left-3{margin-left:3rem;}.m-mg-left-4{margin-left:4rem;}.m-mg-left-5{margin-left:5rem;}.m-mg-left-6{margin-left:6rem;}.m-mg-left-7{margin-left:7rem;}.m-mg-left-8{margin-left:8rem;}.m-mg-left-9{margin-left:9rem;}
.m-mg-right-0{margin-right:0;}.m-mg-right-s{margin-right:0.5rem;}.m-mg-right-1{margin-right:1rem;} .m-mg-right-2{margin-right:2rem;} .m-mg-right-3{margin-right:3rem;} .m-mg-right-4{margin-right:4rem;} .m-mg-right-5{margin-right:5rem;} .m-mg-right-6{margin-right:6rem;} .m-mg-right-7{margin-right:7rem;} .m-mg-right-8{margin-right:8rem;} .m-mg-right-9{margin-right:9rem;}
.m-mg-top-0{margin-top:0;}.m-mg-top-s{margin-top:0.5rem;}.m-mg-top-1{margin-top:1rem;} .m-mg-top-2{margin-top:2rem;} .m-mg-top-3{margin-top:3rem;} .m-mg-top-4{margin-top:4rem;} .m-mg-top-5{margin-top:5rem;} .m-mg-top-6{margin-top:6rem;} .m-mg-top-7{margin-top:7rem;} .m-mg-top-8{margin-top:8rem;} .m-mg-top-9{margin-top:9rem;}
.m-mg-bottom-0{margin-bottom:0;}.m-mg-bottom-s{margin-bottom:0.5rem;}.m-mg-bottom-1{margin-bottom:1rem;} .m-mg-bottom-2{margin-bottom:2rem;} .m-mg-bottom-3{margin-bottom:3rem;} .m-mg-bottom-4{margin-bottom:4rem;} .m-mg-bottom-5{margin-bottom:5rem;} .m-mg-bottom-6{margin-bottom:6rem;} .m-mg-bottom-7{margin-bottom:7rem;} .m-mg-bottom-8{margin-bottom:8rem;} .m-mg-bottom-9{margin-bottom:9rem;}
.m-pd-0{padding:0;}.m-pd-s{padding:0.5rem;}.m-pd-1{padding:1rem;}.m-pd-2{padding:2rem;}.m-pd-3{padding:3rem;}.m-pd-4{padding:4rem;}.m-pd-5{padding:5rem;}.m-pd-6{padding:6rem;}.m-pd-7{padding:7rem;}.m-pd-8{padding:8rem;}.m-pd-9{padding:9rem;}
.m-pd-x-0{padding-left:0;padding-right:0;}.m-pd-x-s{padding-left:0.5rem;padding-right:0.5rem;}.m-pd-x-1{padding-left:1rem;padding-right:1rem;}.m-pd-x-2{padding-left:2rem;padding-right:2rem;}.m-pd-x-3{padding-left:3rem;padding-right:3rem;}.m-pd-x-4{padding-left:4rem;padding-right:4rem;}.m-pd-x-5{padding-left:5rem;padding-right:5rem;}.m-pd-x-6{padding-left:6rem;padding-right:6rem;}.m-pd-x-7{padding-left:7rem;padding-right:7rem;}.m-pd-x-8{padding-left:8rem;padding-right:8rem;}.m-pd-x-9{padding-left:9rem;padding-right:9rem;}
.m-pd-y-0{padding-top:0;padding-bottom:0;}.m-pd-y-s{padding-top:0.5rem;padding-bottom:0.5rem;}.m-pd-y-1{padding-top:1rem;padding-bottom:1rem;}.m-pd-y-2{padding-top:2rem;padding-bottom:2rem;}.m-pd-y-3{padding-top:3rem;padding-bottom:3rem;}.m-pd-y-4{padding-top:4rem;padding-bottom:4rem;}.m-pd-y-5{padding-top:5rem;padding-bottom:5rem;}.m-pd-y-6{padding-top:6rem;padding-bottom:6rem;}.m-pd-y-7{padding-top:7rem;padding-bottom:7rem;}.m-pd-y-8{padding-top:8rem;padding-bottom:8rem;}.m-pd-y-9{padding-top:9rem;padding-bottom:9rem;}
.m-pd-left-0{padding-left:0;}.m-pd-left-s{padding-left:0.5rem;}.m-pd-left-1{padding-left:1rem;}.m-pd-left-2{padding-left:2rem;}.m-pd-left-3{padding-left:3rem;}.m-pd-left-4{padding-left:4rem;}.m-pd-left-5{padding-left:5rem;}.m-pd-left-6{padding-left:6rem;}.m-pd-left-7{padding-left:7rem;}.m-pd-left-8{padding-left:8rem;}.m-pd-left-9{padding-left:9rem;}
.m-pd-right-0{padding-right:0;}.m-pd-right-s{padding-right:0.5rem;}.m-pd-right-1{padding-right:1rem;} .m-pd-right-2{padding-right:2rem;} .m-pd-right-3{padding-right:3rem;} .m-pd-right-4{padding-right:4rem;} .m-pd-right-5{padding-right:5rem;} .m-pd-right-6{padding-right:6rem;} .m-pd-right-7{padding-right:7rem;} .m-pd-right-8{padding-right:8rem;} .m-pd-right-9{padding-right:9rem;}
.m-pd-top-0{padding-top:0;}.m-pd-top-s{padding-top:0.5rem;} .m-pd-top-1{padding-top:1rem;} .m-pd-top-2{padding-top:2rem;} .m-pd-top-3{padding-top:3rem;} .m-pd-top-4{padding-top:4rem;} .m-pd-top-5{padding-top:5rem;} .m-pd-top-6{padding-top:6rem;} .m-pd-top-7{padding-top:7rem;} .m-pd-top-8{padding-top:8rem;} .m-pd-top-9{padding-top:9rem;}
.m-pd-bottom-0{padding-bottom:0;}.m-pd-bottom-s{padding-bottom:0.5rem;}.m-pd-bottom-1{padding-bottom:1rem;} .m-pd-bottom-2{padding-bottom:2rem;} .m-pd-bottom-3{padding-bottom:3rem;} .m-pd-bottom-4{padding-bottom:4rem;} .m-pd-bottom-5{padding-bottom:5rem;} .m-pd-bottom-6{padding-bottom:6rem;} .m-pd-bottom-7{padding-bottom:7rem;} .m-pd-bottom-8{padding-bottom:8rem;} .m-pd-bottom-9{padding-bottom:9rem;}
.m-width-auto{width:auto!important;}
.m-fs-large{font-size:3rem;}
.m-fs-9{font-size:2.25rem;}
.m-fs-8{font-size:2rem;}
.m-fs-7{font-size:1.75rem;}
.m-fs-6{font-size:1.5rem;}
.m-fs-5{font-size:1.25rem;}
.m-fs-4{font-size:1rem;}
.m-fs-14{font-size:0.875rem;}
.m-fs-18{font-size:1.125rem;}
.m-fs-3{font-size:0.75rem;}
.m-s4x3:after{padding-top: 75%!important;}
.m-s1x1:after{padding-top: 100%!important;}
.m-s3x4:after{padding-top: 133.33%!important;}
.m-s16x9:after{padding-top: 56.25%!important;}
.m-s9x16:after{padding-top: 177.77%!important;}
.m-s0x0:after{padding-top: 100%!important;}
.m-s0x0{border-radius:50%!important;}
.m-bold{font-weight: bold;}
.m-lighter{font-weight:lighter;}
.m-display-inline-block{display:inline-block!important;}
.m-display-inline{display:inline;}
.m-display-block{display:block;}
.m-display-flex{display:flex;}
.m-show{display:block;}
.m-show-table{display:table;}
.m-show-inlineblock{display:inline-block;}
.m-hide{display:none;}
.m-hidden{visibility: hidden;}
.m-float-left{float:left;}
.m-float-right{float:right;}
.m-left{left:0;}
.m-right{right:0;}
.m-top{top:0;}
.m-bottom{bottom:0;}
.m-fixed{position:fixed!important;}
.m-absolute{position:absolute!important;}
.m-relative{position:relative!important;}
.m-static{position:static!important;}
.m-text-center{text-align: center;}
.m-text-left{text-align: left;}
.m-text-right{text-align: right;}
.m-vmiddle{vertical-align:middle;}
.m-vtop{vertical-align: top;}
.m-vbottom{vertical-align: bottom;}
.m-0>*{width:auto;}
.m-1>*{width:100%;}
.m-2>*{width:50%;}
.m-3>*{width:33.33%;}
.m-4>*{width:25%;}
.m-5>*{width:20%;}
.m-6>*{width:16.66%;}
.m-7>*{width:14.28%;}
.m-8>*{width:12.5%;}
.m-9>*{width:11.11%;}
.m-10>*{width:10%;}
.m-col-12{flex:0 0 100%;}
.m-col-11{flex:0 0 91.66%;}
.m-col-10{flex:0 0 83.33%;}
.m-col-9{flex:0 0 75%;}
.m-col-8{flex:0 0 66.66%;}
.m-col-7{flex:0 0 58.33%;}
.m-col-6{flex:0 0 50%;}
.m-col-5{flex:0 0 41.66%;}
.m-col-4{flex:0 0 33.33%;}
.m-col-3{flex:0 0 25%;}
.m-col-2{flex:0 0 16.66%;}
.m-col-1{flex:0 0 8.33%;}
.m-col-auto{flex:1;min-width: 1px;}
.m-w-12{width:100%;}
.m-w-11{width:91.66%;}
.m-w-10{width:83.33%;}
.m-w-9{width:75%;}
.m-w-8{width:66.66%;}
.m-w-7{width: 58.33%;}
.m-w-6{width:50%;}
.m-w-5{width:41.66%;}
.m-w-4{width:33.33%;}
.m-w-3{width:25%;}
.m-w-2{width:16.66%;}
.m-w-1{width:8.33%;}
.m-width-1{width:1rem!important;}
.m-width-2{width:2rem!important;}
.m-width-3{width:3rem!important;}