.slideNav-service {
  position: fixed;
  display: none;
  top: 50.1%;
  right: 0.7rem;
  height: 0.9rem;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 99;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%); }
  .slideNav-service .online-service {
    width: 100%;
    padding: 0.04rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
  .slideNav-service .wechat-service {
    width: 100%;
    padding: 0.04rem; }
  .slideNav-service .imgclass {
    width: 0.4rem;
    display: inline;
    margin: 0 auto; }
  .slideNav-service .spanclass {
    display: inline;
    font-size: 0.16rem; }
  .slideNav-service .online-service:hover, .slideNav-service .wechat-service:hover {
    background-color: #e60021; }
    .slideNav-service .online-service:hover a, .slideNav-service .wechat-service:hover a {
      display: inline-block;
      width: 100%;
      text-decoration: none;
      cursor: pointer; }
    .slideNav-service .online-service:hover .spanclass, .slideNav-service .wechat-service:hover .spanclass {
      color: white; }

.slideNav-wrap {
  position: fixed;
  top: 50%;
  right: 0;
  display: block;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: 99; }
  .slideNav-wrap .slideNav-content {
    width: 0.7rem; }
    .slideNav-wrap .slideNav-content ul li {
      display: block;
      width: .7rem;
      background-color: rgba(0, 0, 0, 0.5);
      text-align: center;
      border-bottom: 1px #fff solid;
      color: #fff; }
      .slideNav-wrap .slideNav-content ul li a {
        display: inline-block;
        position: relative; }
      .slideNav-wrap .slideNav-content ul li img {
        display: block;
        width: auto;
        height: .4rem;
        margin: 0 auto;
        padding-top: .15rem;
        box-sizing: content-box; }
      .slideNav-wrap .slideNav-content ul li span {
        display: block;
        font-size: .16rem;
        color: #fff;
        padding: 0 0 .1rem; }
      .slideNav-wrap .slideNav-content ul li em {
        display: block;
        width: .16rem;
        height: .16rem;
        line-height: .16rem;
        border-radius: 50%;
        position: absolute;
        top: .05rem;
        right: -.1rem;
        font-style: normal;
        font-size: .12rem;
        color: #7f7f7f;
        background-color: #fff; }
    .slideNav-wrap .slideNav-content ul li:hover {
      background-color: #e60021; }
      .slideNav-wrap .slideNav-content ul li:hover a {
        text-decoration: none; }

@media (max-width: 767px) {
  #rightnav_0_rptRight_liclass_0, #rightnav_0_rptRight_liclass_1, #rightnav_0_rptRight_liclass_2, #rightnav_0_rptRight_liclass_4, #rightnav_0_rptRight_liclass_5 {
    display: none; }
  .slideNav-service {
    position: fixed;
    display: none;
    top: auto;
    right: 0.84rem;
    bottom: 3.36rem;
    height: 0.82rem;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.8);
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    z-index: 99; }
    .slideNav-service .online-service {
      width: 100%;
      height: 0.41rem;
      line-height: 0.41rem;
      padding: 0 0.05rem;
      border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
    .slideNav-service .wechat-service {
      width: 100%;
      height: 0.41rem;
      line-height: 0.41rem;
      padding: 0 0.05rem; }
    .slideNav-service .imgclass {
      width: 0.3rem;
      display: inline;
      margin: 0 auto; }
  .slideNav-wrap {
    position: fixed;
    top: auto;
    right: 0;
    bottom: 2.5rem;
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    z-index: 99; }
    .slideNav-wrap .slideNav-content {
      width: 0.84rem; }
      .slideNav-wrap .slideNav-content ul li {
        display: inline-block;
        width: .84rem;
        height: .84rem;
        background-color: rgba(0, 0, 0, 0.5);
        text-align: center;
        border-bottom: 1px #fff solid;
        color: #fff; }
        .slideNav-wrap .slideNav-content ul li a {
          display: inline-block;
          position: relative; }
        .slideNav-wrap .slideNav-content ul li img {
          display: block;
          width: auto;
          height: .4rem;
          margin: 0 auto;
          padding-top: .1rem;
          box-sizing: content-box; }
        .slideNav-wrap .slideNav-content ul li span {
          display: block;
          font-size: .16rem;
          color: #fff; }
        .slideNav-wrap .slideNav-content ul li em {
          display: block;
          width: .15rem;
          height: .15rem;
          line-height: .16rem;
          border-radius: 50%;
          position: absolute;
          top: .1rem;
          right: -.1rem;
          font-style: normal;
          font-size: .12rem;
          color: #7f7f7f;
          background-color: #fff; }
      .slideNav-wrap .slideNav-content ul li:hover {
        background-color: #7f7f7f; }
        .slideNav-wrap .slideNav-content ul li:hover a {
          text-decoration: none; } }