< type="text/css">
#nprogress {
display: none;
}
.dayday {
padding: 60px 20px 58px 20px;
background-color: rgba(0000.3);
}
.dayday:hover {
background-color: rgba(0000.6);
}
.dayday svg {
fill: rgba(255,255,255,0.4);
}
.dayday:hover svg {
fill: rgba(255,255,255,0.8);
}
#toptb {
display: none;
}
.scroll-indicator {
animation: bounce 1.5s infinite;
}
.arrow-container {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 30px;
text-decoration: none;
}
.arrow {
width: 20px;
height: 20px;
border-bottom: 2px solid white;
border-right: 2px solid white;
transform: rotate(45deg);
margin: -10px;
animation: arrow-bounce 1.5s infinite;
filter: drop-shadow(0 0 5px rgba(0000.9)); /* 添加阴影效果 */
}
.arrow:nth-child(2) {
animation-delay: -0.3s;
}
.arrow:nth-child(3) {
animation-delay: -0.6s;
}
@keyframes arrow-bounce {
0% {
opacity: 0;
transform: rotate(45deg) translate(-20px-20px);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: rotate(45deg) translate(20px20px);
}
}
@keyframes bounce {
0%20%50%80%100% {
transform: translateY(0);
}
40% {
transform: translateY(-10px);
}
60% {
transform: translateY(-5px);
}
}
.loading-container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.loading-spinner {
position: relative;
width: 100px;
height: 100px;
margin-bottom: 100px;
}
.loading-spinner::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: calc(100% - 16px);
height: calc(100% - 16px);
border: 8px solid rgb(0 0 0 / 50%);
border-top: 8px solid #FF0066;
border-radius: 50%;
animation: spin 1s linear infinite;
background: rgba(0000.4);
}
.loading-spinner svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%-50%);
width: 50px;
height: 50px;
fill: #FF0066;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.post-content p {
text-indent: 2em;
font-size: 15px;
line-height: 1.5;
padding-bottom: 0px;
color: #3d3737;
margin: 0 0 1em;
}
今日 5 月 8 日は世界ロバの日。昔から人間とともに働いてきたロバに感謝し、その忍耐強さに敬意を払う日です。
日本ではロバの飼育はほとんど行われていませんが、フランスなどの地中海地域や中東、中央アジアなどでは、農耕や荷物運搬のためのパートナーとして大切にされてきました。
馬に比べるとスピードでは劣るものの、不整地に強く頑丈なため、山岳地帯での長距離の物資運搬などに現在も利用されています。
<> .zbyun_mmd_parant_2 { display: inline-block; vertical-align: top; } .zbyun_mmd_2 { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; height: auto; margin: 5px auto 5px auto; user-select: none; position: relative; } .zbyun_mmd_2 .zbyun_mmd_child_close { position: absolute; left: 3px; top: 3px; color: white; font-size: 12px; width: 20px; height: 20px; background: rgba(0,0,0,0.5); border-radius: 100px; text-align: center; line-height: 18px; cursor: pointer; z-index: 100; } .zbyun_mmd_2 .zbyun_mmd_child_adtag { position: absolute; right: 3px; top: 3px; width: 26px !important; height: 14px !important; z-index: 100; } .zbyun_mmd_2 .zbyun_mmd_child_shenhe { position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.5); width: 100%; height: 100%; color: #fff; } .zbyun_mmd_2 .zbyun_mmd_child_shenhe div { text-align: center; position: absolute; background: rgba(255,255,255,0.5); color: #717070; padding: 0 5px; font-size: 12px; } .zbyun_mmd_2 .zbyun_mmd_child_buyimg { width: 100%; height: 100%; position: relative; } .zbyun_mmd_2 .zbyun_mmd_child_buyimg_img { width: 100%; height: 100%; background: linear-gradient(to right ,#EF8425,#F07C27); } .zbyun_mmd_2 .zbyun_mmd_child_buyimg_img > div { width: 100%; height: 100%; position: absolute; left: 0; top: 0; text-align: center; display: flex; flex-direction: column; justify-content: center; font-size: 18px; line-height: 1; color: #FFF; font-family: cursive; } .zbyun_mmd_2 .zbyun_mmd_child_buyimg img{ object-fit: cover; width: 100%; height: 100%; } /*swiper*/ .swiper { width: 100% !important; height: 100%; } .zbyun-swiper-container { border-radius: 5px; } .swiper-slide { height: 100%; width: 100% !important; } .swiper-pagination { text-align: right; padding-right: 10px; background: rgba(0,0,0,0.7); bottom: 0px !important; height: 30px; } .swiper-pagination-bullet { width: 20px; height: 20px; line-height: 20px; text-align: center; color: white; border: 1px solid #666 !important; border-radius: 2px; opacity: 0.5 !important; background: #EEEEEE !important; margin: 10px 2px !important; } .swiper-pagination-bullet-active { opacity: 1 !important; } .zbyun_mmd_parant_2 .swiper-pagination { background: rgba(0000); }
