.arcade-slider{
    max-width:1100px;
    margin:auto;
    position:relative;
    overflow:hidden;
    background:#f5f5f5;
    border-radius:10px;
}

.slides{
    display:none;
    text-align:center;
}

.slides img{
    width:100%;
    display:block;
    border-radius:10px;
}

.caption{
    padding:12px;
    font-size:18px;
    color:#555;
    background:#fff;
}

/* 小圆点 */
.dots-box{
    text-align:center;
    padding:15px 0;
    background:#fff;
}

.dot{
    height:10px;
    width:10px;
    margin:0 5px;
    background:#ccc;
    border-radius:50%;
    display:inline-block;
    transition:0.3s;
    cursor:pointer;
}

.active{
    background:#000;
}

/* 淡入动画 */
.fade{
    animation:fade 1s;
}

@keyframes fade{
    from{opacity:0.4;}
    to{opacity:1;}
}

/* 手机端适配 */
@media(max-width:768px){

    .caption{
        font-size:14px;
        padding:10px;
    }

    .dot{
        width:8px;
        height:8px;
    }

}