.glide__arrow{
    position:absolute;
    display:block;
    top:50%;
    z-index:2;
    width: 50px;
    height: 50px;
    color:rgb(233, 228, 228);
    text-transform:uppercase;
    padding:3px 5px;
    background-color:transparent;
    border:none;
    /* background-color: #666; */
    background-color: rgba(102, 102, 102, 0.7);
    border-radius:50%;
    box-shadow:0 0.25em 0.5em 0 rgba(0,0,0,0.1);
    text-shadow:0 0.25em 0.5em rgba(0,0,0,0.1);
    opacity:1;
    cursor:pointer;
    transition:opacity 150ms ease, border 300ms ease-in-out;
    transform:translateY(-50%);
    line-height:3
}
.glide__arrow:focus{
    outline:none
}
.glide__arrow:hover{
    border-color:white
}
.glide__arrow--left{
    left:5em
}
.glide__arrow--right{
    right:5em
}
.glide__arrow--disabled{
    opacity:0.33
}
.glide__bullets{
    position:absolute;
    z-index:2;
    bottom:2em;
    left:50%;
    display:inline-flex;
    list-style:none;
    transform:translateX(-50%)
}
.glide__bullet{
    background-color:white;
    /* background-color:rgba(255,255,255,0.5); */

    width:15px;
    height:15px;
    padding:0;
    border-radius:50%;
    border:2px solid transparent;
    /* transition:all 1ms ease-in-out; */
    /* transition: background-color 0.3s ease;  仅背景色有过渡 */
     /* 移除所有过渡或仅保留背景色过渡 */
    transition: background-color 0.3s linear; /* 更快的过渡 */
    cursor:pointer;
    line-height:0;
    box-shadow:0 0.25em 0.5em 0 rgba(0,0,0,0.1);
    margin:0 0.5em
}
.glide__bullet:focus{
    outline:none
}
.glide__bullet:hover,
.glide__bullet:focus{
    /* border:2px solid white; */
    background-color:white
}

.glide__bullet--active{
    background-color:#D11034;
     /* 可选：放大当前激活的指示器 */
    /* transform: scale(1.2); */
    transition: background-color 0.1s linear, transform 0.2s ease;
}
.glide--swipeable{
    cursor:grab;cursor:-moz-grab;cursor:-webkit-grab
}
.glide--dragging{
    cursor:grabbing;
    cursor:-moz-grabbing;
    cursor:-webkit-grabbing
}