.rb-main{width: 100%;padding: .25rem .3rem .7rem;}
.rb-inner{width: 100%;max-width: 16.4rem;margin: 0 auto;}
.rb-cont{width: 100%;padding-bottom: .3rem; display: flex;flex-wrap: wrap;}
.rb-item{display: block;cursor: pointer;width: 32.12%;margin-right: 1.82%;margin-bottom: .3rem;}
.rb-item:nth-child(3n){margin-right: 0;}
.rb-imgbox{position: relative;width: 100%;}
.rb-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(320/500*100%);border-radius: .2rem;}
.rb-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.rb-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: .86rem;}
.rb-play img{width: 100%;}
.rb-text{width: 100%;padding-top: .2rem;}
.rb-name{width: 100%;color: #222222;line-height: 1.4;}
.rb-item:hover .rb-img img{transform: scale(1.05);}
.rb-item:hover .rb-name{color: #0067ac;}
@media(max-width: 750px){
   .rb-item{width: calc(50% - .15rem);margin-right: .3rem;}
   .rb-item:nth-child(3n){margin-right: .3rem;}
   .rb-item:nth-child(2n){margin-right: 0;}
}

.paging{width: 100%;text-align: center;font-size: 0;}
.paging-item{display: inline-block;vertical-align: middle;cursor: pointer;margin:  .1rem .04rem;min-width: 3em;height: 3em;line-height: 3em;border-radius: 1.5em;color: #666666;}
.paging-item:hover{color: #fff;background-color: #0067ac;background-image: linear-gradient(90deg, #0067ac 0%, #68b92e 100%);}
.paging-item.active{color: #fff;background-color: #0067ac;background-image: linear-gradient(90deg, #0067ac 0%, #68b92e 100%);}
.paging-up{display: inline-block;vertical-align: middle;cursor: pointer;margin:  .1rem .04rem;min-width: 3em;height: 3em;line-height: 3em;border-radius: 1.5em;color: transparent;background-image: url('/static/home/images/a18.png');background-size: .5em auto;background-position: center center;background-repeat: no-repeat;}
.paging-up:hover{background-image: url('/static/home/images/a18-b.png');}
.paging-next{transform: rotate(-180deg);display: inline-block;vertical-align: middle;cursor: pointer;margin:  .1rem .04rem;min-width: 3em;height: 3em;line-height: 3em;border-radius: 1.5em;color: transparent;background-image: url('/static/home/images/a18.png');background-size: .5em auto;background-position: center center;background-repeat: no-repeat;}
.paging-next:hover{background-image: url('/static/home/images/a18-b.png');}