index.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. body {
  2. background-color: #3d92fb;
  3. -ms-overflow-style: none;
  4. }
  5. body::-webkit-scrollbar {
  6. display: none;
  7. }
  8. .splash {
  9. display: block;
  10. position: absolute;
  11. left: 0;
  12. top: 0;
  13. width: 100vw;
  14. height: 100vh;
  15. background-size: cover;
  16. background-repeat: no-repeat;
  17. background-position: center;
  18. overflow: hidden;
  19. z-index: 2;
  20. }
  21. .splash_cn {
  22. background-image: url(../img/splash_zh.jpg);
  23. }
  24. .splash_ru {
  25. background-image: url(../img/splash_ru.jpg);
  26. }
  27. .splash_en {
  28. background-image: url(../img/splash_en.jpg);
  29. }
  30. .fis_anim {
  31. -webkit-animation-duration: 0.3s;
  32. -webkit-animation-fill-mode: both;
  33. animation-duration: 0.3s;
  34. animation-fill-mode: both;
  35. }
  36. @-webkit-keyframes fis-fadeout {
  37. 0% {
  38. opacity: 1;
  39. }
  40. 100% {
  41. opacity: 0;
  42. }
  43. }
  44. @keyframes fis-fadeout {
  45. 0% {
  46. opacity: 1;
  47. }
  48. 100% {
  49. opacity: 0;
  50. }
  51. }
  52. .fis_anim-fadeout {
  53. -webkit-animation-name: fis-fadeout;
  54. animation-name: fis-fadeout;
  55. }
  56. #loader {
  57. border: 5px solid #f3f3f3;
  58. border-top: 5px solid #3d92fb;
  59. border-radius: 50%;
  60. width: 50px;
  61. height: 50px;
  62. display: inline-block;
  63. animation: spin 2s linear infinite;
  64. }
  65. @keyframes spin {
  66. 0% {
  67. transform: rotate(0deg);
  68. }
  69. 100% {
  70. transform: rotate(360deg);
  71. }
  72. }
  73. .full-screen-center {
  74. width: 100vw;
  75. height: 100vh;
  76. background: white;
  77. display: flex;
  78. align-items: center;
  79. justify-content: center;
  80. z-index: 1002;
  81. }
  82. /*当屏幕尺寸小于600px时,应用下面的CSS样式*/
  83. /*
  84. @media screen and (max-width: 600px) {
  85. .splash {
  86. background: url(../img/splash_m.jpg) no-repeat 50%;
  87. }
  88. } */