>
@media screen and (max-width: 768px){
.banner {
height: 5rem;
}
}
>
<>
.iScrollHorizontalScrollbar {
position: absolute;
z-index: 9999;
height: 16px;
left: 2px;
right: 2px;
bottom: 2px;
overflow: hidden;
}
.iScrollHorizontalScrollbar.iScrollBothScrollbars {
right: 18px;
}
.iScrollVerticalScrollbar {
position: absolute;
z-index: 990;
width: 4px;
bottom: 2px;
top: 2px;
right: 2px;
overflow: hidden;
}
.iScrollVerticalScrollbar.iScrollBothScrollbars {
bottom: 18px;
}
.loadingContainer{
display: flex;
align-items: center;
position: fixed;
z-index: 99999;
width: 100%;
height: 100%;
background: #fff;
left: 0;
top: 0;
}
.loading4 {
width: 150px;
margin: 50px auto;
text-align: center;
}
.loading4>div {
width: 18px;
height: 18px;
border-radius: 100%;
display: inline-block;
background-color: #e60012;
-webkit-animation: three 1.4s infinite ease-in-out;
animation: three 1.4s infinite ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.loading4 .three1 {
-webkit-animation-delay: -0.30s;
animation-delay: -0.30s;
}
.loading4 .three2 {
-webkit-animation-delay: -0.15s;
animation-delay: -0.15s;
}
@-webkit-keyframes three {
0%,
100%,
80% {
-webkit-transform: scale(0.0);
transform: scale(0.0);
}
40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
@keyframes three {
0%,
100%,
80% {
-webkit-transform: scale(0.0);
transform: scale(0.0);
}
40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
>