*,
*::after,
*::before {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
  color: #2e3033;
}
li {
  list-style: none;
}
section {
  position: relative;
}
h3 {
  font-family: SourceHanSansCN-Heavy;
  font-size: 35px;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #db1515;
  font-weight: 600;
  position: relative;
  z-index: 10;
  text-align: center;
}
h3::after,
h3::before {
  position: absolute;
  content: "";
  background-image: url(./images/正方形.png);
  width: 30px;
  height: 30px;
  top: 10px;
}
h3::after {
  right: -45px;
}
h3::before {
  left: -50px;
}
.Header,
.Lottery-draw,
.Bestseller,
.DevExpress,
.Discount,
.Industry-excellence,
.activity-rule {
  background-size: 100% 100%;
}
.bestseller-box,
.Lottery-draw-box,
.devexpress-box,
.discount-box,
.industry-box {
  position: absolute;
}
.Bestseller > a,
.DevExpress > a,
.Discount > a,
.Industry-excellence > a {
  font-weight: 600;
  position: absolute;
  display: inline-block;
  left: calc((100% - 159px) / 2);
  width: 159px;
  text-align: center;
  line-height: 38px;
  height: 38px;
  background-image: linear-gradient(
      90deg,
      #f59723 0%,
      #f4af5a 50%,
      #f3bc77 77%,
      #f3c790 100%
    ),
    linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal;
  border-radius: 19px;
  border: solid 3px #fbfbfb;
  font-size: 16px;
  color: #ffffff;
}
/* 头部模块 */
.Header {
  height: 727px;
  background-image: url(./images/2025-22周年庆_01.jpg);
}
.header-top {
  position: absolute;
  width: 1082px;
  height: 541px;
  background-image: url(./images/首图标题.png);
  top: 20%;
  left: calc((100% - 1082px) / 2);
}
.header-top > a {
  position: absolute;
  top: -110px;
  left: -52px;
}
.header-top .des {
  font-size: 33px;
  color: #ffffff;
  letter-spacing: 2px;
  text-align: center;
  padding-top: 310px;
}
/* 礼物模块 */
.Lottery-draw {
  background-image: url(./images/2025-22周年庆_02.jpg);
  height: 1022px;
}
.Lottery-draw-box {
  background-image: url(./images/1礼.png);
  width: 1169px;
  height: 696px;
  left: calc((100% - 1712px) / 2);
  display: flex;
  padding: 246px 263px 23px;
  justify-content: center;
}
.Lottery-draw-box .box-left .box {
  width: 191px;
  height: 221px;
  background-color: #f7ad67;
  border-radius: 20px;
  position: relative;
}
.Lottery-draw-box .box-left .box::after {
  position: absolute;
  content: "";
  background-image: url(./images/抽.png);
  width: 53px;
  height: 57px;
  right: -21px;
  top: -23px;
}

.Lottery-draw-box .box-left {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 2rem;
  max-height: 957px;
  max-width: 1400px;
  justify-content: center;
  justify-items: center;
  padding: 40px 87px;
}
.Lottery-draw-box .box-left > .box > h6 {
  text-align: center;
  font-size: 16px;
  color: #000000;
  padding-top: 20px;
  font-weight: 500;
}
.Lottery-draw-box .box-left > .box > p {
  font-size: 13px;
  text-align: center;
}
.Lottery-draw-box .box:nth-of-type(1),
.Lottery-draw-box .box:nth-of-type(2),
.Lottery-draw-box .box:nth-of-type(3) {
  margin-top: 51px;
}
.Lottery-draw-box .box:nth-of-type(6),
.Lottery-draw-box .box:nth-of-type(4),
.Lottery-draw-box .box:nth-of-type(5) {
  margin-top: 0;
}
.Lottery-draw-box .box-img {
  width: 170px;
  height: 142px;
  background-color: #ffffff;
  border-radius: 20px;
  margin: 6px auto 0;
}
.Lottery-draw-box .box-img > img {
  display: block;
  margin: auto;
  height: 142px;
}
.Lottery-draw-box .box-right {
  padding-top: 390px;
  width: 367px;
}
.Lottery-draw-box .box-right > p {
  width: 89px;
  height: 25px;
  background-color: #db1515;
  border-radius: 10px;
  font-size: 16px;
  color: #ffffff;
  text-align: right;
  line-height: 25px;
}
.Lottery-draw-box .box-right > ul {
  padding-top: 30px;
  width: 319px;
}
.Lottery-draw-box .box-right > ul > li {
  font-size: 13px;
  line-height: 26px;
  letter-spacing: 0px;
  color: #a06923;
  font-weight: 600;
}
.industry-box .box-right .box:nth-of-type(2) .little-tip {
  background-image: url(./images/实时数据可视化展示.png);
  width: 194px;
}

/* 热销爆款样式 */
.Bestseller {
  background-image: url(./images/2025-22周年庆_03.jpg);
  height: 1009px;
}
.Bestseller > h3 {
  width: 471px;
  left: calc((100% - 461px) / 2);
  top: 77px;
}
.Bestseller .bestseller-box {
  background-image: url(./images/2多套.png);
  width: 1117px;
  height: 535px;
  top: 50px;
  left: calc((100% - 1271px) / 2);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 162px 77px;
  align-items: center;
  justify-items: center;
  column-gap: 20px;
}
.Bestseller .bestseller-box > a {
  width: 537px;
  height: 241px;
}
.Bestseller .bestseller-box > a > .box {
  width: 537px;
  height: 241px;
  background-color: #fdf0dd;
  border-radius: 10px;
  display: flex;
  justify-items: center;
  justify-content: center;
  align-items: center;
}
.Bestseller .bestseller-box > a > .box > img {
  width: 218px;
  height: 151px;
  border-radius: 10px;
}
.Bestseller .bestseller-box > a > .box .desc {
  position: relative;
  padding-left: 26px;
}

.bestseller-box > a > .box .desc .product-title > h5 {
  font-size: 22px;
  letter-spacing: 0px;
  font-weight: 600;
}
.bestseller-box > a > .box .desc .product-title > p {
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 600;
  margin-bottom: 22px;
  margin-top: 4px;
}
.bestseller-box > a > .box .desc .hot {
  position: absolute;
  width: 83px;
  height: 75px;
  top: -26px;
}
.bestseller-box > a:nth-of-type(1) > .box .desc .hot {
  right: -22px;
}
.bestseller-box > a:nth-of-type(3) > .box .desc .hot {
  right: -26px;
}
.bestseller-box > a > .box .desc > ul > li {
  position: relative;
  font-size: 14px;
  color: #000000;
  background-color: #fffaf4;
  padding-left: 24px;
  margin-bottom: 14px;
  font-weight: 600;
}
.bestseller-box > a > .box > .desc > ul > li::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 18px;
  left: 0;
  top: 5px;
  background-image: url(./images/gou.png);
  background-size: 100% 100%;
}
.bestseller-box > a > .box .desc > ul > li > span {
  font-size: 18px;
  color: #db1515;
}
.Bestseller > a {
  bottom: 184px;
}

/* devexpress */
.DevExpress {
  background-image: url(./images/2025-22周年庆_04.jpg);
  height: 1042px;
}
.devexpress-title {
  width: 611px;
  height: 40px;
  left: calc((100% - 601px) / 2);
  top: 65px;
}
.devexpress-box {
  background-image: url(./images/3套包.png);
  display: flex;
  width: 1225px;
  height: 858px;
  left: calc((100% - 1271px) / 2);
  padding: 37px 23px 19px;
  gap: 85px;
  justify-content: center;
  align-items: center;
}
.devexpress-box > .box {
  width: 264px;
  height: 608px;
  background-color: #ffffff;
  border-radius: 20px;
  border: solid 2px #ffe6c6;
}
.devexpress-box > .box > .box-title {
  height: 92px;
  text-align: center;
  padding-top: 46px;
}
.devexpress-box > .box > .box-title > h4 {
  font-size: 25px;
  color: #ffffff;
  padding-bottom: 12px;
}
.devexpress-box > .box > .box-title > p {
  font-size: 16px;
  color: #ffffff;
}
.devexpress-box > .box > .box-description {
  padding: 28px 0 0 20px;
  height: 200px;
}
.devexpress-box > .box > .box-description > p {
  font-size: 14px;
  color: #000000;
  margin-bottom: 17px;
  font-weight: 600;
}
.devexpress-box > .box > .box-description > ul > li {
  padding-left: 20px;
  position: relative;
  padding-bottom: 14px;
  font-size: 14px;
  font-weight: 600;
}
.devexpress-box > .box > .box-description > ul > li::before {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  width: 15px;
  height: 10px;
  background-image: url(./images/对.png);
}
.devexpress-box > .box > i {
  width: 250px;
  border: dashed 1px #fcbc94;
  opacity: 0.32;
  display: block;
  margin: auto;
}
.devexpress-box > .box:nth-of-type(1) > .box-title {
  background-image: url(./images/金牌服务包.png);
}
.devexpress-box > .box:nth-of-type(2) > .box-title {
  background-image: url(./images/中文汉化包.png);
}
.devexpress-box > .box:nth-of-type(3) > .box-title {
  background-image: url(./images/技术服务包.png);
}
.devexpress-box > .box > .box-price {
  padding-top: 10px;
}
.devexpress-box > .box > .box-price > ul {
  padding-top: 12px;
  padding-left: 17px;
}
.devexpress-box > .box > .box-price > ul > li {
  padding-bottom: 13px;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  padding-left: 17px;
}
.devexpress-box > .box > .box-price > ul > li > span {
  font-size: 18px;
  color: #db1515;
}
.devexpress-box > .box > .box-price > ul > li::before {
  position: absolute;
  content: "";
  top: 6px;
  left: 0;
  width: 14px;
  height: 14px;
  background-image: url(./images/火.png);
  background-size: 100% 100%;
}
.devexpress-box > .box > a {
  display: block;
  width: 88px;
  height: 26px;
  border-radius: 13px;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
  color: #ffffff;
  margin: 13px auto 0;
}
.devexpress-box > .box:nth-of-type(1) > a {
  background-color: #eb8443;
}
.devexpress-box > .box:nth-of-type(2) > a {
  background-color: #e9b84a;
}
.devexpress-box > .box:nth-of-type(3) > a {
  background-color: #4065dc;
}
.DevExpress > a {
  bottom: 151px;
}
/* 折扣板块 */
.Discount {
  height: 1927px;
  background-image: url(./images/2025-22周年庆_05.jpg);
}
.discount-title {
  width: 472px;
  height: 34px;
  top: 62px;
  left: calc((100% - 452px) / 2);
}
.Discount .discount-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background-image: url(./images/4精单.png);
  height: 1720px;
  width: 1227px;
  left: calc((100% - 1271px) / 2);
  padding: 32px 22px;
  justify-items: center;
  align-items: center;
  align-content: center;
  row-gap: 50px;
}
.Discount .discount-box > a > .box {
  width: 357px;
  height: 440px;
  background-color: #ffffff;
  border-radius: 9px;
  background-image: url(./images/价格箭头2.png);
}
.Discount .discount-box > a > .box > .box-title {
  padding-top: 25px;
}
.discount-box > a > .box > .box-title > h4 {
  font-size: 22px;
  text-align: center;
}
.discount-box > a > .box > .box-title > p {
  font-size: 15px;
  text-align: center;
  margin-top: 11px;
  margin-bottom: 18px;
}
.discount-box > a > .box > img {
  width: 315px;
  height: 204px;
  margin: auto;
  display: block;
}
.discount-box > a > .box > .box-price {
  width: 100px;
  height: 87px;
  background-image: url(./images/价格箭头.png);
  position: relative;
  top: 8px;
  left: 45px;
}
.discount-box > a > .box > .box-price > p>span{
    font-size: 16px;
}
.discount-box > a > .box > .box-price > p {
  font-size: 21px;
  font-weight: 600;
  margin: 30px 0 0 18px;
  letter-spacing: 0px;
  background: linear-gradient(180deg, #f9f9f8 0% 0%, #f7c885 50%, #f3a637 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 2px 2px 4px rgb(255 184 184 / 30%);
  display: inline-block;
}
.discount-box > a:nth-of-type(3) > .box > .box-price > p {
  margin: 30px 0 0 25px;
}
.Discount > a {
  bottom: 190px;
}

/* 行业精品 */
.Industry-excellence {
  background-image: url(./images/2025-22周年庆_06.jpg);
  height: 1264px;
}
.industry-title {
  width: 471px;
  height: 35px;
  top: 60px;
  left: calc((100% - 461px) / 2);
}
.industry-box {
  background-image: url(./images/5行业.png);
  width: 1171px;
  height: 1163px;
  left: calc((100% - 1271px) / 2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 50px;
}
.industry-box .publicbox {
  width: 554px;
  height: 793px;
  border-radius: 20px;
  position: relative;
  display: grid;
  align-items: center;
  justify-content: center;
}
.industry-box .box-left {
  background-image: linear-gradient(
    180deg,
    #67a4f5 0%,
    #9dc6fc 30%,
    #ceddfd 70%,
    transparent
  );
}
.industry-box .box-right {
  background-image: linear-gradient(
    180deg,
    #2bdef1 0%,
    #7becf8 30%,
    #e4f8fa 70%,
    transparent
  );
}
.industry-box .publicbox .box {
  width: 465px;
  height: 127px;
  background-color: #ffffff;
  border-radius: 10px;
  display: flex;
  padding: 23px 21px;
  position: relative;
  cursor: pointer;
}
.industry-box .box-left .box .title {
  font-size: 20px;
  font-weight: 600;
  color: #003c8a;
}
.industry-box .box-left .box .title > span {
  font-size: 15px;
}
.industry-box .publicbox .box > img {
  width: 142px;
  height: 91px;
  position: absolute;
  right: 19px;
  top: 60px;
}
.fabricate {
  background-color: #006fff;
}
.energy {
  background-color: #01c1d5;
}
.industry-box .publicbox .box .little-tip {
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  background-size: 100% 100%;
  width: 151px;
  height: 27px;
  line-height: 23px;
  padding-left: 6px;
  margin-top: 30px;
  margin-bottom: 3px;
}
.industry-box .box-left .box .little-tip {
  background-image: url(./images/设备数据采集6字.png);
}
.industry-box .box-left .box:nth-of-type(1) .little-tip,
.industry-box .box-left .box:nth-of-type(4) .little-tip {
  background-image: url(./images/标签设计与打印7字.png);
  width: 165px;
}
.industry-box .box-right .box .little-tip {
  width: 170px;
  background-image: url(./images/等值线栅格制图.png);
}
.publicbox .box .left > p:nth-of-type(3) {
  font-size: 12px;
  font-weight: 600;
  width: 317px;
  line-height: 24px;
}
.industry-box .box-right {
  background-image: linear-gradient(
    180deg,
    #2bdef1 0%,
    #7becf8 30%,
    #e4f8fa 70%,
    transparent
  );
}
.industry-box .box-right .title {
  font-size: 20px;
  font-weight: 600;
  color: #00828f;
}
.industry-box .box-right .title > span {
  font-size: 15px;
  font-weight: 600;
  color: #00828f;
}
.publicbox > p {
  width: 213px;
  height: 53px;
  box-shadow: 3px 3px 8px 0px rgba(18, 33, 89, 0.27);
  border-radius: 26px;
  position: absolute;
  top: -30px;
  left: calc((100% - 213px) / 2);
  text-align: center;
  line-height: 53px;
  font-size: 28px;
  color: #fff;
}
.publicbox .box:nth-of-type(1) {
  margin-top: 50px;
}
.Industry-excellence > a {
  bottom: 150px;
}
/* 活动规则 */
.activity-rule {
  background-image: url(./images/2025-22周年庆_07.jpg);
  height: 1085px;
  position: relative;
}
.activity-rule > .rule {
  background-image: url(./images/6活动规则.png);
  width: 1271px;
  height: 628px;
  position: absolute;
  left: calc((100% - 1271px) / 2);
}
.activity-rule > .rule > ul {
  position: inherit;
  top: 59%;
  left: 16%;
  z-index: 10;
}
.activity-rule > .rule > ul > li {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  line-height: 50px;
}
.activity-rule .contact {
  position: absolute;
  bottom: 17px;
  left: calc((100% - 348px) / 2);
}
.activity-rule .contact > h4 {
  font-size: 26px;
  font-weight: 500;
  font-stretch: normal;
  color: #ffffff;
  text-align: center;
  margin-bottom: 60px;
}
.activity-rule .contact > img {
  width: 145px;
  height: 145px;
  display: block;
  margin: auto;
}
.activity-rule .contact .t1 {
  font-size: 15px;
  color: #ffffff;
  text-align: center;
  padding-top: 15px;
}
.activity-rule .contact .t2 {
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  padding-top: 65px;
}

/*新的网站底部样式*/
.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;
}
/* 网页适配 */
@media screen and (max-width: 1900px) {
  section,
  .footer-con {
    zoom: 0.9;
  }
}
@media screen and (max-width: 1600px) {
  section,
  .footer-con {
    zoom: 0.8;
  }
}
@media screen and (max-width: 1400px) {
  section,
  .footer-con {
    zoom: 0.7;
  }
}
@media screen and (max-width: 1220px) {
  section,
  .footer-con {
    zoom: 0.55;
  }
}
