@charset "utf-8";
/*Npcink

	版本：1.0
	整理：Muze
	帮助：https://www.npc.ink/20666.html
*/

.fixedRight {
  position: fixed;
  right: 0;
  top: 0;
  width: 42px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border: #e6e9ec 1px solid;
  height: 100%;
  background: #fff;
  vertical-align: middle;
  z-index: 9;
}
.fixedRightCon {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  width: 100%;
  height: 500px;
}
.fixedRight a {
  position: relative;
  display: block;
  font-size: 12px;
  text-align: center;
}
.fixedRight i {
  display: block;
  margin: auto;
  background: url("83149bbf8c693ede.png");
}
.fixedRight i.iconShoppingCar {
  width: 22px;
  height: 19px;
  background-position: -10px -10px;
}
.fixedRight i.iconCollect {
  width: 19px;
  height: 19px;
  background-position: -94px -50px;
}
.fixedRight i.iconKefu {
  width: 20px;
  height: 18px;
  background-position: -134px -48px;
}
.fixedRight i.iconCooperation {
  width: 20px;
  height: 18px;
  background-position: -134px -10px;
}
.fixedRight i.iconBack {
  width: 14px;
  height: 14px;
  background-position: -10px -167px;
}
.fixedRight a:hover i.iconShoppingCar {
  background-position: -52px -10px;
}
.fixedRight a:hover i.iconCollect {
  background-position: -90px -89px;
}
.fixedRight a:hover i.iconKefu {
  background-position: -134px -86px;
}
.fixedRight a:hover i.iconCooperation {
  background-position: -90px -129px;
}
.fixedRight a:hover i.iconBack {
  background-position: -174px -118px;
}
.fixedRight a:hover {
  color: #11aa99;
}
/* .fixedRight span.back-top:hover i.iconBack{ background-position:  -174px -118px }
.fixedRight span.back-top{  position:absolute;display:block;text-align:center;bottom:14px;width:40px}
.fixedRight .codeIcon{width:16px;height:15px;background-position:-174px -48px}
.fixedRight .wx-box:hover .codeIcon{background-position:-174px -83px}
 */
.fixedRight .wx-box {
  height: 38px;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
}
.fixedRight .wx-box .hoverShow {
  display: none;
  position: absolute;
  width: 125px;
  height: 170px;
  bottom: -42px;
  left: -126px;
  background: url("6e905372751c9272.png") no-repeat;
}
.fixedRight .wx-box:hover .hoverShow {
  display: block;
}
.fixedRight .wx-box .iconGife {
  display: inline-block;
  cursor: pointer;
  background: url("9fd5b582e901d079.png") no-repeat;
  width: 29px;
  height: 29px;
  vertical-align: middle;
}
.fixedRight span.back-top {
  position: absolute;
  display: block;
  text-align: center;
  bottom: 14px;
  left: 0;
  right: 0;
  height: 38px;
  line-height: 38px;
}
.fixedRight .wxBox-icon {
  display: inline-block;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background: url("654b33c67fb9fe80.png");
  vertical-align: middle;
}
.fixedRight .icon-code {
  background-position: -10px -10px;
}
.fixedRight .icon-top {
  background-position: -10px -50px;
}
.fixedRight .wx-box:hover,
.fixedRight .back-top:hover {
  background-color: #0f998a;
}
.fixedRight .wx-box:hover .icon-code {
  background-position: -50px -10px;
}
.fixedRight .back-top:hover .icon-top {
  background-position: -50px -50px;
}
.fixedRight .gift {
  padding-bottom: 20px;
}
.fixedRight .gift:after {
  content: "";
  display: block;
  width: 21px;
  height: 1px;
  background: #ddd;
  position: absolute;
  bottom: 0;
  left: 11px;
}
.fixedRight .link {
  position: relative;
  height: 86px;
  margin-bottom: 0;
  padding-top: 22px;
}
.fixedRight .link:after {
  content: "";
  display: block;
  width: 21px;
  height: 1px;
  background: #ddd;
  position: absolute;
  bottom: 0;
  left: 11px;
}
.fixedRight .link i {
  margin-bottom: 6px;
}

/* 2020/9/7 �°����� */
.fixedRight .people-gift {
  position: relative;
  padding: 8px;
  cursor: pointer;
  box-sizing: border-box;
  color: #fff;
  background: linear-gradient(0deg, #f53677 0%, #fe436a 100%);
  font-size: 12px;
}
.fixedRight .people-gift .icon-new {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url("1a0d14e708f29a6b.png") no-repeat;
  margin-bottom: 4px;
}
.fixedRight .people-gift a {
  color: #fff;
}
.fixedRight .people-gift:hover {
  background: linear-gradient(0deg, #d61758 0%, #f31a48 100%);
}
.fixedRight .new-yhj {
  position: absolute;
  top: 10px;
  left: -278px;
  padding: 12px;
  border-top-left-radius: 8px;
  width: 278px;
  height: 298px;
  border-bottom-left-radius: 8px;
  background: linear-gradient(0deg, #d61758 0%, #f31a48 100%);
  box-sizing: border-box;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
}
.fixedRight .people-gift .bg-yhj {
  width: 254px;
  height: 63px;
  line-height: 63px;
  margin-bottom: 14px;
  position: relative;
  background: url("770c6c860e91bda8.png") no-repeat;
}
.fixedRight .people-gift .bg-yhj .money {
  font-size: 24px;
  color: #ec1a4c;
  width: 66px;
  text-align: center;
}
.fixedRight .people-gift .bg-yhj .money em {
  font-size: 14px;
  color: #ec1a4c;
}
.fixedRight .people-gift .bg-yhj .validity {
  font-size: 14px;
  color: #ec1a4c;
  width: 188px;
  text-align: center;
}
.fixedRight .new-yhj .btn-yhj {
  display: block;
  width: 190px;
  height: 38px;
  line-height: 38px;
  background: linear-gradient(0deg, #fdcc23 0%, #fef05a 100%);
  border-radius: 19px;
  text-align: center;
  font-size: 16px;
  color: #ec1a4c;
  margin: 0 auto;
}
.fixedRight .people-gift:hover .new-yhj {
  top: 0;
  visibility: visible;
  opacity: 1;
  cursor: default;
}
.fixedRight .my-inform {
  position: relative;
  padding: 20px 8px;
  cursor: pointer;
  box-sizing: border-box;
  color: #fff;
  color: #333333;
  font-size: 12px;
  margin-top: 3px;
}
.fixedRight .my-inform:after {
  content: "";
  display: block;
  width: 21px;
  height: 1px;
  background: #ddd;
  position: absolute;
  bottom: 0;
  left: 11px;
}
.fixedRight .my-inform:hover {
  background-color: #0f998a;
  color: #fff;
}
.fixedRight .my-inform:hover a {
  color: #fff;
}
.fixedRight .my-inform:hover:after {
  visibility: hidden;
}
.fixedRight .my-inform .bg-infor {
  position: absolute;
  top: 10px;
  left: -241px;
  border-top-left-radius: 8px;
  width: 241px;
  height: 136px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
  background: url("2172375077607b30.png");
}
.fixedRight .my-inform:hover .bg-infor {
  top: 0;
  visibility: visible;
  opacity: 1;
}
.fixedRight .icon-public {
  display: inline-block;
  background: url("0d88ebb96bba78f9.png");
  vertical-align: middle;
}
.fixedRight .icon-infor {
  width: 22px;
  height: 23px;
  background-position: -144px -10px;
  margin-bottom: 6px;
}
.fixedRight .my-inform:hover .icon-infor {
  background-position: -144px -53px;
}
.fixedRight .icon-cart {
  width: 24px;
  height: 24px;
  background-position: -98px -51px;
}
.fixedRight .cart:hover .icon-cart {
  background-position: -10px -95px;
}
.fixedRight .icon-collection {
  width: 23px;
  height: 23px;
  background-position: -10px -10px;
}
.fixedRight .collect:hover .icon-collection {
  background-position: -54px -10px;
}
.fixedRight .icon-customer {
  width: 23px;
  height: 22px;
  background-position: -53px -95px;
}
.fixedRight .customer:hover .icon-customer {
  background-position: -96px -95px;
}
.fixedRight .my-public {
  padding: 6px 0 16px;
}
.fixedRight .my-public li {
  position: relative;
  cursor: pointer;
  height: 38px;
  line-height: 38px;
  text-align: center;
  transition: all 0.2s ease;
  margin-top: 10px;
}
.fixedRight .my-public li .public-text {
  display: none;
  font-size: 14px;
  color: #fff;
  text-align: right;
  padding-right: 10px;
  vertical-align: 0;
}
.fixedRight .my-public li .public-text .icon-public {
  vertical-align: -1px;
}
.fixedRight .my-public li:hover {
  background-color: #0f998a;
}
.fixedRight .my-public li .tx {
  color: #fff;
  font-size: 14px;
  vertical-align: 5px;
  padding-right: 10px;
}
.fixedRight .my-public li.cart:hover {
  width: 116px;
  margin-left: -80px;
  border-radius: 25px 0 0 25px;
}
.fixedRight .my-public li.collect:hover {
  width: 116px;
  margin-left: -80px;
  border-radius: 25px 0 0 25px;
}
.fixedRight .my-public li:hover .public-tubiao {
  display: none;
}
.fixedRight .my-public li:hover .public-text {
  display: block;
}
.fixedRight .my-public .customer-link {
  width: 174px;
  height: 205px;
  background-color: #0f998a;
  padding: 10px 14px;
  position: absolute;
  top: 10px;
  left: -217px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  transition: all 0.2s ease;
  opacity: 0;
  visibility: hidden;
}
.fixedRight .my-public .customer-link .img-box {
  text-align: center;
}
.fixedRight .my-public .customer-link .img-box .img-box-border {
  width: 68px;
  height: 68px;
  line-height: 68px;
  text-align: center;
  background: #fff;
}
.fixedRight .my-public .customer-link .img-box img {
  vertical-align: middle;
}
.fixedRight .my-public .customer-link .img-box p {
  font-size: 12px;
  color: #fff;
  text-align: center;
}
.fixedRight .my-public .customer-link .top {
  border-bottom: 1px solid #50aba1;
}
.fixedRight .my-public .customer-link .bottom p {
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  margin-top: 13px;
}
.fixedRight .my-public li:hover .customer-link {
  top: 0;
  opacity: 1;
  visibility: visible;
}
.fixedRight .my-city {
  position: relative;
  padding: 20px 8px;
  cursor: pointer;
  box-sizing: border-box;
  color: #fff;
  color: #333333;
  font-size: 12px;
  margin-top: 3px;
}
.fixedRight .my-city:after {
  content: "";
  display: block;
  width: 21px;
  height: 1px;
  background: #ddd;
  position: absolute;
  top: 0;
  left: 11px;
}
.fixedRight .icon-city {
  width: 26px;
  height: 21px;
  background-position: -10px -54px;
  margin-bottom: 6px;
}
.fixedRight .my-city:hover .icon-city {
  background-position: -98px -10px;
}
.fixedRight .my-city:hover {
  background-color: #0f998a;
  color: #fff;
}
.fixedRight .my-city:hover a {
  color: #fff;
}
.fixedRight .my-city:hover:after {
  visibility: hidden;
}

.fixedRight .giftIcon {
  display: block;
  width: 25px;
  height: 25px;
  background: url("f4138cd1828983a7.png");
  margin: 0 auto 2px;
}
.fixedRight .gift {
  display: block;
  color: #ef3737;
  text-align: center;
}
.fixedRight .gift:hover {
  color: #ef3737;
}