* {

  margin: 0;

  padding: 0;

  font-family: "Mirosoft YaHei";

}



ul, li {

  list-style: none;

}



a, a:link, a:hover, a:active {

  text-decoration: none;

  color: #333;

  cursor: pointer;

}



#rightNav {

  width: 50px;

  height: 100%;

  position: fixed;

  top: 0;

  right: 0;

  background: #000;

  z-index: 9;

}

#rightNav .cartRight {

  width: 100%;

  margin-top: 160px;

  border-bottom: 1px solid #868686;

  padding-bottom: 20px;

  cursor: pointer;

}

#rightNav .cartRight i {

  display: block;

  font-size: 28px;

  color: red;

  text-align: center;

}

#rightNav .cartRight .textCar {

  display: block;

  text-align: center;

  color: #fff;

  font-size: 14px;

  width: 18px;

  margin: 0 auto;

  line-height: 22px;

}

#rightNav .cartRight .number {

  width: 24px;

  height: 24px;

  border-radius: 50%;

  font-size: 12px;

  text-align: center;

  display: block;

  margin: 0 auto;

  background: #ce0505;

  color: #fff;

  line-height: 24px;

}

#rightNav .qqNumber {

  width: 100%;

  margin: 20px 0;

  position: relative;

  cursor: pointer;

}

#rightNav .qqNumber:hover .contact {

  transform: translateX(-100%);

}

#rightNav .qqNumber:hover i {

  background: #e40d0d;

}

#rightNav .qqNumber i {

  font-size: 28px;

  color: #fff;

  text-align: center;

  width: 100%;

  display: block;

  height: 50px;

  line-height: 50px;

  background: #000;

  transition: all 1s ease;

}

#rightNav .qqNumber .contact {

  position: absolute;

  left: 0;

  top: 0;

  width: 150px;

  background: #e40d0d;

  line-height: 50px;

  height: 50px;

  transform: translateX(100%);

  font-size: 16px;

  color: #fff;

  text-align: center;

  transition: all 1s ease;

  z-index: -1;

}

#rightNav .carService {

  width: 100%;

  cursor: pointer;

}

#rightNav .returnTop {

  position: absolute;

  bottom: 100px;

  width: 100%;

  cursor: pointer;

}

#rightNav .returnTop .el-backtop {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 50px;

  background: rgba(0, 0, 0, 0);

}

#rightNav .returnTop .el-backtop i {

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  font-size: 28px;

  display: block;

  color: #fff;

}

#rightNav .returnTop .el-backtop i:hover {

  background: #ce0505;

}



@media screen and (max-width: 640px) {

  #rightNav {

    display: none;

  }

}