*,
*::after,
*::before {
  border: 0;
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
h2 {
  text-align: center;
  font-size: 46px;
  color: #fffefc;
}
.header {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 1920px;
  background: url(./src/first_01.jpg);
  background-size: 100% 100%;
  background-position: center;
  height: 668px;
}

.bg_gift {
  height: 951px;
  background: url("./src/first_02.jpg");
}
.bg_product {
  height: 986px;
  background: url("./src/first_03.jpg");
}
.bg_discount {
  height: 1023px;
  background: url("./src/first_04.jpg");
}
.bg_price {
  height: 1073px;
  background: url("./src/first_05.jpg");
}
.bg_repurchase {
  height: 1227px;
  background: url("./src/first_06.jpg");
}
.bg_rule {
  height: 469px;
  background: url("./src/first_07.jpg");
}
/* .bg_promotion{height: ;background: url();} */

.header .companylogo > img {
  position: absolute;
  top: 35px;
  left: 131px;
}
.header > img {
  width: 34%;
  margin-top: 5.875rem;
  object-fit: contain;
}

.active_gift {
  background: url(./src/gift.png);
  max-width: 1285px;
  height: 928px;
  background-position: center;
  margin: auto;
  position: relative;
}
.active_gift > h2 {
  padding-top: 24px;
  letter-spacing: 3px;
}
.active_gift_container {
  display: flex;
  justify-content: center;
  gap: 0.8rem;
  position: relative;
  top: 7.125rem;
  padding-left: 40px;
}
.active_gift > img {
  position: absolute;
  top: 21rem;
  left: 72px;
}

.active_gift_text {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 11.125rem;
  gap: 100px;
  text-align: center;
}
.active_gift_container .container_box {
  position: relative;
}
.active_gift_text .text_box:nth-child(2) .send{left: 200px;}
.active_gift_text .text_box > p {
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0px;
  color: #f63300;
}
.active_gift_text .text_box > p:nth-child(1) {
  line-height: 94px;
  text-align: left;
  font-weight: 600;
}
.active_gift_text .text_box > p:nth-child(3) {
  padding-bottom: 15px;
}
.active_gift_text .text_box > p:nth-child(5) {
  background-image: linear-gradient(
      0deg,
      #ff3711 0%,
      #ff502e 50%,
      #ff6447 94%,
      #fff0e2 100%
    ),
    linear-gradient(#ffffff, #ffffff);
  font-size: 16px;
  color: #fff;
  background-blend-mode: normal, normal;
  box-shadow: 1px 5px 4px 0px rgba(223, 167, 116, 0.26);
  border-radius: 17px;
}
.active_gift_container .container_box > p {
  background: url(./src/fw1400.png);
  width: 56px;
  height: 71px;
  top: -54px;
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  line-height: 93px;
  position: absolute;
}
.active_gift_text .text_box {
  position: relative;
}
.active_gift_text .text_box .send {
  background: url(./src/fw1400.png);
  width: 56px;
  height: 71px;
  color: #fff;
  position: absolute;
  left: 165px;
  top: 30px;
}
.active_gift_container .container_box:nth-child(1) > p {
  left: -16px;
}
.active_gift_container .container_box:nth-child(2) > p {
  left: 104px;
}
.active_gift_container .container_box:nth-child(3) > p {
  left: 100px;
}

.gift_rule {
  width: 1105px;
  height: 157px;
  background-color: #ff3711;
  margin: auto;
  box-shadow: inset 0px 4px 4px 0px rgba(113, 18, 0, 0.35);
  border-radius: 10px;
  border: solid 1px #ffc923;
  position: relative;
  top: 210px;
}

.active_present {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5rem;
  position: relative;
  top: 14.9375rem;
}
.active_present .present_box {
  display: grid;
  justify-items: center;
  position: relative;
}
.active_present .present_box::before {
  position: absolute;
  content: "赠";
  width: 44px;
  height: 44px;
  background-image: linear-gradient(0deg, #e7bc54 0%, #ffe8b0 100%);
  color: #f10000;
  font-size: 24px;
  line-height: 44px;
  text-align: center;
  border-radius: 50px;
  top: -5px;
  left: -18px;
}
.active_present .present_box > img:nth-child(1) {
  padding-bottom: 15px;
}
.active_gift .gift_rule .rule {
  color: #f1e1c9;
  width: 86px;
  height: 21px;
  text-align: center;
  position: relative;
  top: 27px;
  left: 150px;
}
.active_gift .gift_rule ul {
  width: 570px;
  height: 105px;
  padding: 3px 0 0 254px;
}
.active_gift .gift_rule ul li {
  font-size: 13px;
  line-height: 28px;
  letter-spacing: 1px;
  color: #f1e1c9;
}
.active_product {
  background-position: center;
  margin: auto;
  background: url(./src/product.png) no-repeat;
  max-width: 1285px;
  height: 986px;
  position: relative;
  top: 60px;
}
.active_product > h2 {
  padding-top: 25px;
}
.active_gift_container .container_box {
  display: flex;
}
.active_gift_container .container_box .gift_p {
  background: url(./src/880.png);
  width: 221px;
  height: 134px;
  background-size: 100% 100%;
  margin-top: 10px;
}
.active_gift_container .container_box .gift_p > p {
  transform: rotate(338deg);
  position: relative;
  top: 42px;
  left: -1px;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
}
.active_gift_container .container_box .gift_p > p:nth-child(2) {
  font-size: 14px;
  font-weight: 300;
}
.active_product .product_left .product_box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 26px;
}
.product_left .product_logo {
  padding: 40px 0 0px;
}
.active_product .product_left > p {
  text-align: center;
  color: #030303;
  font-size: 24px;
  margin-top: -22px;
  margin-bottom: 12px;
}
.active_product .product_left > p>img{position: relative;top: 4px;}
.active_product .product {
  padding-bottom: 10px;
}
.active_product .product_left {
  border-radius: 10px 10px;
  display: grid;
  justify-items: center;
  width: 609px;
  height: 589px;
  background-image: linear-gradient(#ffffff, #ffffff),
    linear-gradient(#fc6a46, #fc6a46);
}
.product_left .product_box {
  position: relative;
}
.product_left .product_box::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(204, 204, 204, 1);
  bottom: 93px;
}
.active_product > div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
  width: 1111px;
  height: 540px;
  border-radius: 8px;
  position: relative;
  top: 129px;
  left: calc((1285px - 1111px) / 2);
}
.active_product .product_right {
  position: relative;
  display: grid;
  align-content: space-between;
  gap: 34px;
}
.active_product .product_right::after {
  position: absolute;
  content: "";
  top: -43px;
  left: -142px;
  width: 128px;
  height: 124px;
  background: url(./src/fw1300.png);
  background-size: 100% 100%;
}
.active_product .product_right > p {
  position: absolute;
  font-size: 42px;
  z-index: 12;
  top: -37px;
  left: -123px;
  color: #fff;
  text-align: center;
  line-height: 37px;
}
.active_product .product_right .right_box {
  position: relative;
  background: url(./src/882.png);
  width: 454px;
  height: 174px;
}
.active_product .product_right .right_box > p {
  font-size: 20px;
  color: rgb(255, 255, 255);
  position: relative;
  padding-left: 44px;
  font-weight: 600;
  padding-top: 11px;
  padding-bottom: 4px;
}
.active_product .product_right .right_box:nth-child(2) > p::before {
  position: absolute;
  content: "";
  top: -21px;
  left: 6px;
  width: 35px;
  height: 58px;
}
.active_product .product_right .right_box:nth-child(3) > p::before {
  position: absolute;
  content: "";
  top: -16px;
  left: 6px;
  width: 35px;
  height: 46px;
}
.active_product .product_right .right_box:nth-child(4) > p::before {
  position: absolute;
  content: "";
  top: -16px;
  left: 6px;
  width: 35px;
  height: 48px;
}

.active_product .product_right .right_box > ul {
  padding: 5px 0 0 10px;
}
.active_product .product_right .right_box > ul > li {
  font-size: 19px;
  padding: 10px 0 0 0;
  line-height: 22px;
  margin-left: 63px;
  list-style: unset;
  color: #676666;
}
.active_product .product_link {
  position: absolute;
  bottom: 109px;
  left: calc((100% - 186px) / 2);
  width: 227px;
  height: 54px;
  line-height: 54px;
  border-radius: 20px 20px;
  text-align: center;
  font-size: 32px;
  box-shadow: 0px 3px 10px 0px #696767;
  border: solid 3px #ffc98f;
  color: #fff;
  background: linear-gradient(to bottom,#FF7141,#FC4426);
}
.active_discount {
  background-position: center;
  margin: auto;
  background: url(./src/discount.png);
  max-width: 1285px;
  height: 950px;
  position: relative;
  top: 70px;
}
.active_discount > h2 {
  padding-top: 24px;
}
.active_discount > div {
  display: grid;
  position: relative;
  top: 38px;
  padding-left: 8px;
}
.discount_container {
  display: flex;
  justify-content: center;
  position: relative;
  gap: 68px;
}
.discount_container .discount_box {
  cursor: pointer;
  display: flex;
  gap: 25px;
  background: url(./src/884.png);
  width: 525px;
  height: 340px;
  justify-content: center;
  align-items: flex-end;
  position: relative;
}
.discount_container .discount_box > p {
  background: url(./src/fw1301.png);
  width: 89px;
  height: 86px;
  position: absolute;
  right: -30px;
  top: 30px;
  z-index: 12;
  line-height: 87px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-size: 30px;
}
.discount_box .box_right {
  padding-bottom: 30px;
}
.discount_box .box_left {
  padding-bottom: 30px;
}
.discount_container:nth-child(1) .discount_box:nth-child(1) .box_left > img {
  width: 250px;
  height: 167px;
}
.discount_container:nth-child(1) .discount_box:nth-child(2) .box_left > img {
  width: 165px;
  height: 162px;
}
.discount_container:nth-child(2) .discount_box:nth-child(1) .box_left > img {
  width: 250px;
  height: 155px;
  padding-left: 5px;
}
.discount_container:nth-child(2) .discount_box:nth-child(2) .box_left > img {
  width: 165px;
  height: 162px;
}
.discount_box .box_right .title {
  font-size: 28px;
  color: #ff3711;
  padding-bottom: 10px;
  font-weight: 600;
}
.discount_box .box_right .text1 {
  font-size: 17px;
  color: #0a0a0a;
  padding-bottom: 6px;font-weight: 600;
}
.discount_box .box_right .text2 {
  font-size: 15px;
  color: #696969;
  padding-bottom: 10px;
}
.discount_box .box_right .text3 {
  display: block;
  line-height: 35px;
  font-size: 11px;
  color: #000;
  background: url(./src/883.png);
  width: 196px;
  height: 42px;
}
.discount_box .box_right .text3 > span:nth-child(1) {
  font-size: 19px;
  position: relative;
  top: 0px;
}
.discount_box .box_right .text3 > span:nth-child(2) {
  font-size: 11px;
  width: 68px;
  height: 23px;
  color: #fff;
  line-height: 23px;
  display: inline-block;
  text-align: center;
  position: relative;
  left: 10px;
  top: -4px;
}
.active_discount > a {
  width: 227px;
  display: block;
  border-radius: 20px;
  color: #ffffff;
  box-shadow: 0px 3px 10px 0px #696767;
  border: solid 3px #ffc98f;
  line-height: 50px;
  text-align: center;
  font-size: 32px;
  height: 54px;
  position: relative;
  top: 72px;
  left: calc((1273px - 227px) / 2);
  background: linear-gradient(to bottom,#FF7141,#FC4426);
}

.active_price {
  background-position: center;
  margin: auto;
  background: url(./src/price.png);
  max-width: 1285px;
  height: 1016px;
  position: relative;
  top: 65px;
}
.active_price > h2 {
  padding-top: 24px;
  padding-bottom: 80px;
}
.price_container {
  display: flex;
  justify-content: center;
  padding-top: 20px;
  gap: 20px;
}
.active_price .price_box {
  background: url(./src/8842.png);
  width: 263px;
  height: 328px;
  display: grid;
  justify-items: center;
}
.active_price > a {
  width: 227px;
  height: 54px;
  display: block;
  box-shadow: 0px 3px 10px 0px #696767;
  color: #fff;
  border: solid 3px #ffc98f;
  border-radius: 20px;
  font-size: 32px;
  text-align: center;
  line-height: 54px;
  margin: 40px auto 0;
  background: linear-gradient(to bottom,#FF7141,#FC4426);
}
.active_price .price_box .info {
  font-size: 14px;
  color: rgba(99, 99, 99, 1);
  padding: 10px 0 8px;
}
.active_price .price_box .price {
  background: url(./src/fw1500.png);
  width: 97px;
  height: 73px;
  position: relative;
  left: -52px;
  text-align: center;
}
.contanier1 > a:nth-child(1) .price_box .price {
  top: 3px;
}
.contanier1 > a:nth-child(2) .price_box .price {
  top: -3px;
}
.contanier1 > a:nth-child(3) .price_box .price {
  top: 3px;
}
.contanier1 > a:nth-child(4) .price_box .price {
  top: -15px;
}
.contanier2 > a:nth-child(1) .price_box .price {
  top: -1px;
}
.contanier2 > a:nth-child(2) .price_box .price {
  top: -7px;
}
.contanier2 > a:nth-child(3) .price_box .price {
  top: -19px;
}
.contanier2 > a:nth-child(4) .price_box .price {
  top: -3px;
}

.active_price .price_box .price > p:nth-child(1) {
  font-size: 12px;
  color: #ffffff;
  padding-top: 5px;
}
.active_price .price_box .price > p:nth-child(2) {
  font-size: 18px;
  padding-top: 10px;
  color: rgba(228, 9, 9, 0.61);
  font-weight: 600;
}
.active_price .price_box .buy {
  background: linear-gradient(270deg, #fe571a 0%, #e92005 100%);
  width: 84px;
  height: 25px;
  line-height: 25px;
  color: #fff;
  font-size: 14px;
  position: relative;
  bottom: 29px;
  right: -68px;
  border-radius: 50px;
  text-align: center;
}
.contanier1 > a:nth-child(1) .price_box .buy {
  bottom: 20px;
}
.contanier2 > a:nth-child(3) .price_box .buy {
  bottom: 42px;
}
.contanier1 > a:nth-child(4) .price_box .buy {
  bottom: 39px;
}
.contanier2 > a:nth-child(4) .price_box .buy {
  bottom: 27px;
}

.active_repurchase {
  background-position: center;
  margin: auto;
  background: url(./src/repurchase.png);
  max-width: 1279px;
  height: 1113px;
  position: relative;
  top: 100px;
}
.active_repurchase > h2 {
  padding-top: 25px;
}
.active_repurchase .send {
  color: rgba(255, 255, 255, 1);
  font-size: 22px;
  position: relative;
  top: 8rem;
  left: 48rem;
  width: 129px;
  height: 30px;
}
.active_repurchase .repurchase {
  background: url(./src/slice45.png);
  width: 1100px;
  height: 395px;
  margin: 70px auto 0;
  background-size: 100% 100%;
}
.repurchase_up {
  display: flex;
  gap: 49px;
  width: 42rem;
  position: relative;
  left: 25.5rem;
  top: 7rem;
}
.repurchase_up > div {
  display: flex;
  width: 317px;
  justify-content: center;
  align-items: center;
}
.repurchase_left > p:nth-child(1) {
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 1px;
  color: #e4822e;
  margin: 0px 0 17px 25px;
  font-weight: 600;
}
.repurchase_left > p:nth-child(2) {
  font-size: 23px;
  letter-spacing: 0px;
  color: #a04c03;
  margin-right: 25px;
  font-weight: 600;
  padding-left: 10px;
}
.repurchase_down > p {
  position: relative;
  top: 11.9375rem;
  left: 26.875rem;
  width: 92px;
  height: 30px;
  background-color: #fce0be;
  border-radius: 14px;
  font-size: 15px;
  line-height: 30px;
  letter-spacing: 0px;
  color: #a04c03;
  text-align: center;
  font-weight: 600;
}
.repurchase_down > ul {
  position: relative;
  top: 9.9375rem;
  left: 34.875rem;
  width: 50%;
}
.repurchase_down > ul > li {
  font-size: 13px;
  line-height: 28px;
  letter-spacing: 1px;
  color: #ffffff;
}

.active_rule > img {
  position: absolute;
  top: 4rem;
  right: 4rem;
}
.active_rule {
  background-position: center;
  margin: auto;
  max-width: 1277px;
  position: relative;
  top: -24rem;
}
.active_rule > h2 {
  padding-top: 30px;
  color: #f7ae4e;
  font-size: 48px;
}
.active_rule .left-text {
  position: relative;
  top: 32px;
  left: 30px;
  width: 75%;
}
.left-text p {
  font-family: SourceHanSansCN-Normal;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  line-height: 51px;
  letter-spacing: 0px;
  color: #a04c03;
  position: relative;
}

.left-text p::before {
  position: absolute;
  top: 20px;
  left: -14px;
  content: "";
  width: 16px;
  height: 16px;
  background: url(./src/Slice26.png);
}

.left-text p::after {
  position: absolute;
  content: "";
  background-color: #dfae83;
  height: 2px;
}

.left-text .t1 {
  left: 6rem;
  padding-left: 20px;
  width: 100%;
}

.left-text .t2 {
  left: 9.5rem;
  width: 70%;
}

.left-text .t3 {
  left: 13.625rem;
  padding-left: 20px;
  width: 60%;
}

.left-text .t1::after,
.left-text .t2::after,
.left-text .t3::after {
  bottom: 0;
  left: 0;
  width: 704px;
}
.left-text .t2::after{
width: 520px;
}
.left-text .t3::after{
width: 557px;
}
.right-img {
  position: absolute;
  top: 9.0625rem;
  right: 2.9375rem;
}

.promotion-footer {
  width: 1200px;
  margin: 21px auto 0;
  text-align: center;
  position: relative;
  top: -161px;
}

.promotion-footer h5 {
  font-size: 26px;
  letter-spacing: 2px;
  color: #ffffff;
  padding-bottom: 44px;
  padding-top: 24px;
}

.promotion-footer .connection {
  font-size: 18px;
  line-height: 46px;
  letter-spacing: 0px;
  color: #ffffff;
  margin-bottom: 57px;
}

.footer-text {
  width: 100%;
  height: 75px;
  background: #c32400;
  text-align: center;
  font-size: 16px;
  line-height: 75px;
  letter-spacing: 0px;
  color: #ffffff;
}

/*新的网站底部样式*/
.footer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 50px 0 0 0;
  width: 100%;
  background-color: #2e3033;
  font-size: 14px;
  display: inline-block;
}

.footer-con {
  margin: 0 auto;
  width: 1200px;
}

.footer-con .footer-top {
  font-size: 1.2rem;
}

.footer-con .footer-top h4 {
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 0.5rem;
  font-family: inherit;
  line-height: 1.2;
}

.footer-con .footer-mid {
  overflow: hidden;
  padding: 20px 0 30px;
  border-bottom: 1px solid #494b4d;
}

.footer-con .footer-mid div.mid-left {
  float: left;
  overflow: hidden;
}

.footer-con dl dd a,
.footer-con dl dd span {
  display: block;
  color: #999;
  text-decoration: none;
  font-size: 14px;
  line-height: 32px;
}

.footer-con dl dd a:hover {
  color: #e94709;
}

.footer-con .footer-mid div.mid-left dl {
  margin-right: 80px;
  overflow: hidden;
  float: left;
}

.footer-con .footer-mid div.mid-left dl:nth-child(2) ~ span {
  width: 1px;
  height: 168px;
  background-color: #494b4d;
  display: block;
  float: left;
  margin: 0 80px 0 0;
}

.footer-con .footer-mid div.mid-left dl:last-child {
  margin-right: 0;
  width: 200px;
}

.footer-con .footer-mid div.mid-left dl dt:before {
  position: relative;
  margin-left: -8px;
  width: 4px;
  height: 14px;
  background-color: #ea4609;
  content: "";
  top: 4px;
  float: left;
}

.footer-con .footer-mid div.mid-left dl dt {
  margin-bottom: 25px;
  margin-left: 8px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 500;
}

.footer-con .footer-mid div.mid-left dl dd {
  line-height: 30px;
  margin-bottom: 0.5rem;
  margin-left: 0;
}

.footer-con .footer-mid div.mid-left dl:first-child dd {
  float: left;
}

div.mid-right {
  float: right;
}

div.mid-right p {
  color: #fff;
  text-align: center;
  font-size: 13px;
  margin: 0;
  line-height: 2;
}

div.mid-right p:last-child {
  margin-bottom: 0;
}

div.mid-right div {
  padding: 5px;
  background-color: #fff;
}

div.mid-right div img {
  display: block;
  border: none;
}

div.f-bottom {
  text-align: center;
}

div.bottom-nav {
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 20px;
}

.bnc a {
  float: left;
  margin-right: 10px;
}

.bnc i {
  float: left;
  margin-right: 10px;
  color: #999;
}

div.bottom-nav a {
  display: inline-block;
  margin: 0 10px;
  color: #eeebeb;
  text-align: center;
}

div.f-bottom p {
  color: #888;
  line-height: 80px;
  margin-bottom: 0;
}

div.f-bottom p img {
  vertical-align: -3px;
}

.nSelected {
  color: #e94709 !important;
}

a.qqchart,
a.zx {
  border: 1px solid #999;
  text-align: center;
  padding: 0 6px;
}

a.qqchart:hover,
a.zx:hover {
  border-color: #e94709;
  color: #e94709;
}

a.qqchart img,
a.zx img {
  margin-right: 5px;
  vertical-align: -3px;
}

/*右侧固定导航样式*/
.tipNav * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  color: #666;
}

.tipNav {
  height: 270px;
  width: 44px;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  z-index: 10000;
  box-shadow: 0px 0px 7px 0px rgba(47, 65, 102, 0.15);
}

.tipNav > a {
  display: block;
  text-align: center;
  background-color: #fff;
  color: #545559;
  position: relative;
  border: 1px solid #f0f0f0;
  border-bottom: 0;
  border-top: 0;
}

.tipNav #ev-right-onlinechart {
  border-radius: 4px 4px 0px 0px;
  color: #fff;
  border: none;
  background-color: #fa5512;
  background-image: linear-gradient(0deg, #fa5512 0%, #fb8c56 100%);
}

.tipNav #ev-right-onlinechart span {
  border-radius: 4px 4px 0px 0px;
  color: #fff;
  writing-mode: tb-rl;
  font-size: 14px;
  padding: 15px;
  letter-spacing: 4px;
  height: 128px;
}

.tipNav > a img {
  display: block;
  border: none;
  margin: 0 auto 5px;
}

.tipNav > a .hoverImg {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  background-color: #fff;
}

.tipNav > a span,
.tipNav #ev-right-400 span {
  font-size: 12px;
  display: block;
  line-height: 1.2;
  color: #545559;
}

.tipNav > a:hover .hoverImg {
  z-index: 2;
}

.tipNav > a:hover span {
  color: #ff7733;
}

.tipNav > a.toTop {
  border: none;
}

.tipNav #ev-right-400 {
  background: #fff;
  text-align: center;
  cursor: pointer;
  height: 100px;
}

.tipNav #ev-right-400 span {
  writing-mode: tb-rl;
  padding: 12px 15px;
  font-size: 14px;
  letter-spacing: 4px;
  height: 100px;
  width: 45px;
}

.tipNav #ev-right-400:hover span {
  color: #ff7733;
}

.tipNav #ev-right-400 .rntel {
  position: absolute;
  top: 50px;
  left: -235px;
  width: 240px;
  height: 252px;
  color: #666;
  text-align: left;
  padding-left: 20px;
  text-shadow: none;
  display: none;
}

.tipNav #ev-right-400 .rntel div {
  background: #fff;
  font-size: 14px;
  padding: 18px 0 18px 14px;
  margin-right: 15px;
  box-shadow: 0px 0px 7px 0px rgba(47, 65, 102, 0.15);
  border-radius: 3px;
}

.tipNav #ev-right-400 .rntel div p {
  line-height: 1.75;
  margin: 14px;
}

.tipNav #ev-right-400 .rntel div p img {
  margin-right: 16px;
}

.tipNav #ev-right-400 .rntel div a:hover {
  color: #e94709;
}

.tipNav #ev-right-400:hover .rntel {
  display: block;
}

.tipNav #ev-right-400:hover .rntel div:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 100px;
  left: 225px;
}

.tipNav #ev-buycar {
  padding: 10px 0;
  font-size: 1.5em;
  border-top: 1px solid #f0f0f0;
  border-left: 0;
  border-right: 0;
}

.tipNav #ev-buycar:hover {
  color: #ff7733;
}

.tipNav #ev-right-back {
  margin-top: 4px;
  height: 44px;
  overflow: hidden;
  font-size: 2em;
  box-shadow: 0px 0px 7px 0px rgb(47 65 102 / 15%);
}

.tipNav #ev-right-back i {
  margin: 0px 6px 8px 6px;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  position: RELATIVE;
  top: -5px;
}

.tipNav #ev-right-back b {
  font-weight: normal;
  font-size: 0.7rem;
  color: #e94709;
  line-height: 1.2;
  display: block;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  margin-top: 10px;
}

.tipNav #ev-right-back:hover i {
  transform: translateY(-30px);
  -webkit-transform: translateY(-30px);
}

.tipNav #ev-right-back:hover b {
  opacity: 1;
  transform: translateY(-45px);
  -webkit-transform: translateY(-45px);
}

.tipNav #ev-right-back:after,
.tipNav #ev-right-onlinechart:after,
.tipNav #ev-right-suggest:after {
  content: "";
  height: 0;
}

.tipNav #ev-right-400 .rntel {
  width: 180px;
  left: -191px;
}

.tipNav #ev-right-400 .rntel div p {
  margin: 0 0 0 5px;
}

.tipNav #ev-right-400 .rntel div {
  margin: 0;
  padding: 10px 0 10px 15px;
}

.tipNav #ev-right-400:hover .rntel div:after {
  left: 180px;
  top: 81px;
}

.tipNav #ev-right-400:nth-child(2):hover .rntel div:after {
  top: 24px;
}

.tipNav {
  height: 249px;
}
.bg_gift,
.bg_product,
.bg_discount,
.bg_price,
.bg_repurchase,
.bg_rule,
.bg_promotion {
  max-width: 1920px;
  background-size: 100% 100%;
  background-position: center;
  margin: auto;
}
