.my-wrapper {
    height: 17.8rem;
    width: 100%;
}

.my-wrapper .center-wrapper {
    position: relative;
    width: 77rem;
    margin: 0 auto;
}

.my-wrapper .item-wrapper {
    /* width: 168.6rem; */
    overflow: hidden;
    margin-left: 31px;
}

.my-wrapper .arrow {
    position: absolute;
    z-index: 10;
    top: 50%;
    display: block;
    width: 1.9rem;
    height: 3.7rem;
    padding: .8rem;
    transform: translate3d(0, -50%, 0);
    cursor: pointer;
}

.my-wrapper .left {
    background: url("../../images/home/solve-left.png") no-repeat;
    background-position: center center;
    left: -4rem;
}

.my-wrapper .left:hover{
    background: url("../../images/home/hover-left.png") no-repeat;
    background-position: center center;
    left: -4rem;
}

.my-wrapper .right {
    background: url("../../images/home/solve-right.png") no-repeat;
    background-position: center center;
    right: -5.8rem;
}

.my-wrapper .right:hover{
    background: url("../../images/home/hover-right.png") no-repeat;
    background-position: center center;
    right: -5.8rem;
}