body { background-color: #3d92fb; -ms-overflow-style: none; } body::-webkit-scrollbar { display: none; } .splash { display: block; position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; z-index: 2; } .splash_cn { background-image: url(../img/splash_zh.jpg); } .splash_ru { background-image: url(../img/splash_ru.jpg); } .splash_en { background-image: url(../img/splash_en.jpg); } .fis_anim { -webkit-animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-duration: 0.3s; animation-fill-mode: both; } @-webkit-keyframes fis-fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fis-fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } .fis_anim-fadeout { -webkit-animation-name: fis-fadeout; animation-name: fis-fadeout; } #loader { border: 5px solid #f3f3f3; border-top: 5px solid #3d92fb; border-radius: 50%; width: 50px; height: 50px; display: inline-block; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .full-screen-center { width: 100vw; height: 100vh; background: white; display: flex; align-items: center; justify-content: center; z-index: 1002; } /*当屏幕尺寸小于600px时,应用下面的CSS样式*/ /* @media screen and (max-width: 600px) { .splash { background: url(../img/splash_m.jpg) no-repeat 50%; } } */