*{margin:0;padding:0;}
.container{ width:1000px;margin:0 auto;position:relative;}
.swiper{ height:2000px !important; }
.my-pagination{ 
    --font-size: 1.25rem;
    --item-width: calc(var(--font-size) * 1.2 );
    --item-padding-y:4px;
    --item-padding-x:6px;
    position: absolute;top:0;z-index: 999; 
    left: 0;
}
.my-pagination .item{ 
    width:var(--item-width); 
    padding:var(--item-padding-y) var(--item-padding-x); 
    line-height: 1.5;
    font-size:var(--font-size);
    background-color:#FFC0C8;color:white;cursor: pointer;margin:6px 0;border-radius: 6px 0 0 6px;text-align: center; 
}
.my-pagination .item.on{
    background-color:#FF9B9B;
}

.guide{
    position: fixed;
    bottom:100px;
    z-index:998;
    width:100%;
    max-width:1000px;
    margin:0 auto;
    text-align: center;
}
.guide .icon{
    background-image: linear-gradient(0deg,#FF9B9B,transparent);
    border-radius:6px;
    animation: bounce 1s ease-in-out infinite;
}
.guide .icon:hover{ opacity: 0.2; }
.hide{ display: none; }

@keyframes bounce {
  0% {
    /* 初始位置：不偏移 */
    transform: translateY(0);
  }
  50% {
    /* 跳到最高处：向下偏移（负数是向上，正数是向下，可调整数值） */
    transform: translateY(-10px);
  }
  100% {
    /* 回到初始位置 */
    transform: translateY(0);
  }
}

@media (width>=1048px){
    .my-pagination{ 
        left:calc( 0px - var(--item-width) - ( var(--item-padding-x) * 1.8 ) );
    }
}