.focus #divout {
    max-width: 1530px;
    position: relative;
    margin: 4px auto;
}

.focus .imgdiv img {
    width: 100%;
}

.focus .imgdiv {
    display: none;
}

.focus .dotdiv {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 20px;
}

.focus .dot {
    width: 80px;
    height: 3px;
    display: inline-block;
    background: #0c0c0c;
    border-radius: 10px;
    margin: 0 12px;
}

.focus .dotdiv span {
    font-size: 99px;
    padding: 2px;
}

.focus .active {
    background-color: #ffffff;
}

.focus #arrow {
    position: absolute;
    top: 42%;
    margin-top: -30px;
    width: 100%;
    opacity: .25;
    /* transition: opacity 6s; */
}

.focus #divout:hover #arrow {
    opacity: .9;
}

.focus #arrow img {
    cursor: pointer;
}

.imgdiv img {
    width: 300px;
    height: 425px
}

.focus .imgdiv {
    animation: fade 0.5s;
}

@keyframes fade {
    from {
        opacity: .3;
    }
    to {
        opacity: 1;
    }
}