.v-swiper {
    width: 100%;
    height: 100%;
    text-align: center;
}

    .v-swiper .carousel {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

        /* 轮播图区域 */
        .v-swiper .carousel .container {
            height: 100%;
            display: -webkit-box;
            display: flex;
            position: absolute;
        }

        /* 轮播图图片 */
        .v-swiper .carousel img {
            /*    width: 100%;
    height: 100%;*/
            width: 840px;
            height: 410px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }


        /* 翻页器 */
        .v-swiper .carousel .left,
        .v-swiper .carousel .right {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            background-color: rgba(0, 0, 0, .3);
            border-radius: 50%;
            opacity: 0;
            cursor: pointer;
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            -webkit-transition: all .3s;
            transition: all .3s;
        }

            .v-swiper .carousel .left .iconfont-ut,
            .v-swiper .carousel .right .iconfont-ut {
                color: #fff;
                font-size: 14px;
            }

        .v-swiper .carousel .left {
            left: 0;
        }

        .v-swiper .carousel:hover .left {
            opacity: 1;
            left: 3%;
        }

        .v-swiper .carousel .right {
            right: 0;
        }

        .v-swiper .carousel:hover .right {
            opacity: 1;
            right: 3%;
        }