.h-j{
    line-height: 1.6rem;
}
.h-sub{
    top: 1.6rem;
}



.r-a{width: 12.6rem;padding-top: .6rem; padding-bottom: .2rem;}
.r-cont{width: 100%;}
.r-titles{text-align: center;font-weight: bold;color: #333333;padding-bottom: .55rem;}
.r-list{width: 100%;font-size: 0;padding-bottom: .5rem;}
.r-item{display: inline-block;vertical-align: top;text-align: center;width: 2.8rem;border: solid 1px #eeeeee;margin-right: .45rem;margin-bottom: .4rem;}
.r-item:nth-child(4n){margin-right: 0;}
.r-img{cursor: pointer; width: 100%;overflow: hidden;height: 2.8rem;line-height: 2.8rem;}
.r-img img{max-width: 80%;max-height: 80%; transform: scale(1.00);transition: all .5s;}
.r-text{display: block;cursor: pointer;	background-color: #f8f8f8;	border: solid 1px #eeeeee;}
.r-name{display: block;	color: #666666;padding: 0 .1rem;line-height: .6rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.r-item:hover .r-img img{transform: scale(1.05);}
.r-item:hover .r-text{	background-color: #e62129;}
.r-item:hover .r-name{	 color: #fff;}


@media(max-width: 750px){ 
    .r-a{width: 100%;}
    .r-item{width: calc(50% - .15rem);margin-right: .3rem;}
    .r-item:nth-child(2n){margin-right: 0;}
}

.rightnav {
  position: fixed;
  right: .4rem;
  bottom: 20%;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: .7rem;
  z-index: 188;
}

.rightnav .ritm {
flex: 1;
display: block;
margin: .1rem 0;
font-size: 0;
position: relative; 
width: .7rem;
height: .7rem; 
border-radius: .35rem;
background-color: #f2f6f9;
border: solid 1px #dddddd;
}

.rightnav .ritm a {
display: block;
white-space: nowrap;
right: 0;
font-size: 0;
width: .7rem;
}

.rightnav .ritm .atom {
display: inline-block;
vertical-align: middle;
width: .7rem;
height: .7rem;
}

.rightnav .ritm .atom .img1 {
width: 100%;
display: block;
}
.rightnav .ritm .atom .img1 img{
width: 100%; 
}
.rightnav .ritm .atom .img2 {
width: 100%;
display: none;
}
.rightnav .ritm .atom .img2 img{
width: 100%; 
}

.rightnav .ritm .vm {
display: inline-block;
vertical-align: middle;
color: #fff;
width: auto;
transition: all ease 0.5s;
width: 0;
overflow: hidden;
}

.rightnav .ritm.long {
width: auto;
background-color: #e62129;
border: solid 1px #e62129;
}
.rightnav .ritm.long .img1{display: none;}
.rightnav .ritm.long .img2{display: block;}

.rightnav .ritm.long a {
  width: auto;
  overflow: auto;
}

.rightnav .ritm.long .vm {
width: auto;
display: inline-block;
vertical-align: middle;
padding-left: 0.05rem;
padding-right: 0.3rem;
}

.rightnav .ritm + .ritm {
margin-top: 1px;
}

@media (max-width: 900px) {
.rightnav{right: 10px;}
}

.paging{width: 100%;text-align: center;font-size: 0;}
.paging-a{display: inline-block;vertical-align: middle;cursor: pointer;padding: .15rem .23rem;margin: 0 .05rem .1rem;color: #666666;background-color: #ffffff;border: solid 1px #dbdbdb;}
.paging-b{display: inline-block;vertical-align: middle;cursor: pointer;padding: .15rem .2rem;margin: 0 .05rem .1rem;color: #666666;background-color: #ffffff;border: solid 1px #dbdbdb;}
.paging-c{display: inline-block;vertical-align: middle;cursor: pointer;padding: .15rem .2rem;margin: 0 .05rem .1rem;color: #666666;background-color: #ffffff;border: solid 1px #dbdbdb;}
.paging-a:hover,.paging-b:hover,.paging-c:hover{background-color: #1a63dc;color: #fff;border: 1px solid #1a63dc;}
.paging-c.active{background-color: #1a63dc;color: #fff;border: .01rem solid #1a63dc;}
.paging-a,.paging-b,.paging-c{font-size: calc(16 * 100vw / 1920);}
@media(max-width: 1584px){
    .paging-a,.paging-b,.paging-c{font-size: 13.2px;}
}
@media(max-width: 750px){
    .paging-a,.paging-b,.paging-c{font-size: 12px;}
}