#menuList li  > ul {
    display: none;
}
#menuList li:hover > ul {
    position: absolute;
    display: flex;
    justify-content: center;
    transform: translateX(-50%);
}
#menuList ul li{
   margin: 0 10px;
   padding: 3px;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
}
.loading {
    background: #575757;
    color: white;
    padding: 5px 10px;
    border-radius: 8px;
}

.loading.error{
   background: #ffffff;
   color: inherit;
   border: solid 2px #d74040;
}
.loading.error p{
   background: #ffffff;
   color: #d74040;
}
.loading.error p::after {
    content: '';
    animation: none;
}

.dot-loading {
	color:#999;
	text-align: center
 }

.dot-loading::after {
    content: 'Loading';
    display: inline-block;
    width: 1em;
    text-align: left;
    animation: dots 2s steps(4, end) infinite;
}

@keyframes dots {
    0%   { content: ''; }
    25%  { content: '.'; }
    50%  { content: '..'; }
    75%  { content: '...'; }
    100% { content: '....'; }
}