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



.o-a{width: 12.6rem;padding-top: .6rem;padding-bottom: .4rem;}
.o-cont{width: 100%;padding: .4rem .5rem .2rem; background-color: #ffffff;box-shadow: 0px 0px .13rem 0px rgba(166, 166, 166, 0.1);}
.o-top{width: 100%;text-align: center;border-bottom: 1px solid #f3f3f3;padding-bottom: .15rem;margin-bottom: .3rem;}
.o-titles{width: 100%;color: #333333;margin-bottom: .3rem;line-height: 1.3;}
.o-b{width: 100%;font-size: 0;}
.o-time{display: inline-block;vertical-align: middle; padding: 0 .25rem;color: #666666;line-height: 17px;margin-bottom: .25rem;}
.o-time:before{content: ''; display: inline-block;vertical-align: top;margin-right: .1rem; width: .17rem;height: 17px;background-image: url('/static/home/images/a24.png');background-size: .17rem auto;background-position: center center;background-repeat: no-repeat;}
.o-source{display: inline-block;vertical-align: middle; padding: 0 .25rem;color: #666666;line-height: 17px;margin-bottom: .25rem;}
.o-textbox{width: 100%;color: #666666;line-height: 1.87;padding-bottom: .2rem;}
.o-textbox *{line-height: inherit;}

.o-buttom{width: 100%;padding:.3rem 160px .3rem  0; border-top: 1px solid #f3f3f3;position: relative;}
.o-c{display: inline-block;  }
.o-d{display: block; color: #555555;margin: .1rem 0;line-height: 1.6;cursor: pointer;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.o-d:hover{color: #e62129;}
.o-back{ position: absolute;top: 50%;right: 0;transform: translate(0,-50%); cursor: pointer; background-color: #e62129;overflow: hidden;}
.o-back:after{content: '';position: absolute;top: 0;left: calc(100% - .03rem);transition: all .5s; width: 100%;height: 100%;background-color:#e62129;}
.o-back span{display: block; color: #ffffff;position: relative;z-index: 18;padding: .15rem .45rem;}
.o-back:hover:after{left: 0 !important;}


@media(max-width: 750px){ 
    .o-a{width: 100%;}
    .o-cont{padding: .3rem .15rem;}
    .o-buttom{padding: .3rem 0 35px;}
    .o-back{bottom: 0;left: 50%;top: auto;right: auto; transform: translate(-50%,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;}
}