.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-btn {
    display: flex !important;
    justify-content: space-between;
}
/* .g-btn_text {
	line-height: 1;
	font-size: .16rem;
	text-transform: capitalize;
	transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0deg, 0deg);
	transform-style: preserve-3d;
	will-change: trsform;
	color: #000;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear
} */




@media screen and (max-width: 800px) {
    .swiper-btn {
        position: relative;
        bottom: 50%;
    }
    .g-btn_text.top {
        margin-bottom: .16rem;
        color: #fff
    }
    
    .g-btn:hover .g-btn_text {
        transform: translate3d(0, -.31rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0deg, 0deg);
        transform-style: preserve-3d
    }
    
    .g-btn_bg1 {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        width: 0%;
        height: 100%;
        border-radius: 100vw;
        background-color: #f8f8f8;
        will-change: width, height;
        -webkit-transition: all .4s linear;
        -moz-transition: all .4s linear;
        -ms-transition: all .4s linear;
        -o-transition: all .4s linear;
        transition: all .4s linear
    }
    .g-btn_bg2 {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        width: 0%;
        height: 100%;
        border-radius: 100vw;
        background-color: #f8f8f8;
        will-change: width, height;
        -webkit-transition: all .4s linear;
        -moz-transition: all .4s linear;
        -ms-transition: all .4s linear;
        -o-transition: all .4s linear;
        transition: all .4s linear
    }
    
    .g-btn:hover .g-btn_bg1 {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .g-btn:hover .g-btn_bg2 {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .g-btn:hover .g-btn_bg1 i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    
    .g-btn:hover .g-btn_bg1 i{
        display: block;
        background: url(https://event.c.mi.com/global/xiaomiImagery/wp-content/themes/xiaomi-imagery/assets/pc/images/vc-r-b.svg) no-repeat center center/contain;
        width: 0.32rem;
        height: 0.21rem;
        z-index: 2;
    
    }
    .swiper-btn .g-btn .g-btn_text i {
        display: block;
        background: url(https://event.c.mi.com/global/xiaomiImagery/wp-content/themes/xiaomi-imagery/assets/pc/images/vc-r-b.svg) no-repeat center center/contain;
        width: .32rem;
        height: .21rem;
        
        
    }
    /* .g-btn:hover .g-btn_bg2 i {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    } */
    .g-btn:hover .g-btn_bg2 i{
        display: block;
        background: url(https://event.c.mi.com/global/xiaomiImagery/wp-content/themes/xiaomi-imagery/assets/pc/images/vc-r-b.svg) no-repeat center center/contain;
        width: 0.32rem;
        height: 0.21rem;
        z-index: 2;
    
    }

    .g-btn-content1 {
        position: relative;
        border: 1px solid #f0f0f0;
        border-radius: 100vw;
        padding: 14px 10% 17px;
        position: relative;
        z-index: 2;
        height: 95%;
        width: 97%;
    }

    .swiper-btn .g-btn .g-btn_text i {
        display: block;
        background: url(https://event.c.mi.com/global/xiaomiImagery/wp-content/themes/xiaomi-imagery/assets/pc/images/vc-r-b.svg) no-repeat center center/contain;
        width: .32rem;
        height: .21rem;
        z-index: 2;
    }

    .swiper-btn .g-btn .g-btn_text.top i {
        background-image: url(https://event.c.mi.com/global/xiaomiImagery/wp-content/themes/xiaomi-imagery/assets/pc/images/vc-r-w.svg);
    }

    .swiper-btn .g-btn .g-btn_text_wrapper {
        height: .25rem;
        width: .33rem;
        display: flex;
        align-items: center;
        flex-direction: row;
    }

    .swiper-btn .g-btn .g-btn_text.top {
        margin-bottom: 0;
        margin-left: 10%;
    }

    .swiper-btn .g-btn:hover .g-btn_text {
        transform: translate3d(-.66rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0deg, 0deg);
        transform-style: preserve-3d;
    }

    .swiper-btn .swiper-button-prev.g-btn .g-btn_text i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .swiper-btn .swiper-button-next.g-btn .g-btn_bg {
        left: auto;
        right: 0;
    }

    .swiper-btn .swiper-button-next.g-btn .g-btn_text.top {
        margin-right: 0;
        margin-left: 110%;
    }

    .swiper-btn .swiper-button-next.g-btn .g-btn_text {
        transform: translate3d(-.66rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0deg, 0deg);
        transform-style: preserve-3d;
    }

    .swiper-btn .swiper-button-next.g-btn:hover .g-btn_text {
        transform: translate3d(0rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0deg, 0deg);
        transform-style: preserve-3d;
    }

    .swiper-btn .g-btn.swiper-button-disabled {
        opacity: .43;
        pointer-events: none;
    }

    .g-btn_bg1 {
        position: absolute;
        left: 0;
        z-index: 1;
        width: 0%;
        height: 36.28px;
        border-radius: 26rem;
        background-color: #f8f8f8;
        will-change: width, height;
        transition: all .4s linear;
    }

    .swiper-btn .g-btn+.g-btn {
        margin-left: 0.43rem;
        margin-right: 10px;
        z-index: 99999;
        position: absolute;
        
    }

    .swiper-btn .g-btn.swiper-button-disabled {
        opacity: .43;
        pointer-events: none;
        margin-left: 10px;
        z-index: 99999;
        position: absolute;
    }

    a.g-btn.swiper-button-prev {
        position: absolute;
        margin-left: 10px;
        z-index: 99999;
    }

    .swiper-btn .g-btn .g-btn-content {
        z-index: 99999;
    }
}