﻿.rg-swiper-container{
    width:100%;
    height:200px;
    overflow:hidden;
    position:relative;
    z-index:100;
}
.rg-swiper-wrapper{
    width:100%;
    height:100%;
    display:flex;
    position:absolute;
    z-index:10;
    transition:all ease 1s;
}
.rg-swiper-wrapper .rg-swiper-slide{
    width:100%;
    height:100%;
    flex-grow: 1;
    flex-shrink:0;
    overflow:hidden;
    cursor:grab;
}
.rg-swiper-wrapper .rg-swiper-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.rg-swiper-container .rg-swiper-rightbar{
    right:-100px;
    top:0px;
    width:100px;
    height:100%;
    position:absolute;
    z-index:20;
    background:rgba(0,0,0,0.3);
    transition:all 0.5s;
}
.rg-swiper-container:hover .rg-swiper-rightbar {
    right:-0px;
}
.rg-swiper-container .rg-swiper-rightbar .rg-swiper-btns{
    position:absolute;
    bottom:20px;
    left:0px;
    width:100%;
    height:120px;
    display:flex;
    justify-content:center;
    align-content:space-between;
    flex-wrap:wrap;
}
.rg-swiper-container .rg-swiper-rightbar .rg-swiper-btns a{
    display:block;
    width:50px;
    height:50px;
    border-radius:50%;
    border:1px solid #fff;
    background:rgba(0,0,0,0.5);
    color:#fff;
    text-align:center;
}
.rg-swiper-container .rg-swiper-rightbar .rg-swiper-btns a:hover{
    background:#fff;
    color:#000;
}
.rg-swiper-container .rg-swiper-rightbar .rg-swiper-btns .rg-swiper-next::after{
    content:">";
    line-height:50px;
    font-size:28px;
    font-family:"宋体";
}
.rg-swiper-container .rg-swiper-rightbar .rg-swiper-btns .rg-swiper-prev::after{
    content:"<";
    line-height:50px;
    font-size:28px;
    font-family:"宋体";
}


@keyframes swiper-scale {
  0% {transform: scale(1.1);}
  100% {transform: scale(1);}
}

.rg-swiper-scale{
    animation: swiper-scale 8s ease-out;
}

.rg-swiper-docker {
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top:12px;
    margin-right:10px;
}
.rg-swiper-docker a{
    display:block;
    width:5px;
    height:5px;
    border-radius:5px;
    background:#fff;
    color:#fff;
    text-align:center;
    margin:0px 2px;
    transition:all 0.5s;
    
}
.rg-swiper-docker a:first-child{
    width:20px;
}


.rg-swiper-container {
    height: 200px;
}

.rg-swiper-rightbar {
    display: none;
}