* {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

body {
  background: #f7f9fa;
}

img:hover {
  /* 放大 */
  transform: scale(1.1);
  transition: all 0.5s;
}

.flex_box {
  display: flex;
}

.flex_a_c {
  align-items: center;
}

.flex_j_db {
  justify-content: space-between;
}

.flex_wrap {
  flex-wrap: wrap;
}

/* 导入字体 */
@font-face {
  font-family: 'PangMenZhengDao';
  src: url('./PangMenZhengDao.ttf');
}

/* 左右间距 */
.left_self {
  min-height: 20px;
  flex: 1;
}

.right_self {
  min-height: 20px;
  flex: 1;
}

/* 内容区域 */
.cont_box {
  width: 80%;
}

/* 距离 */

.pt-12 {
  padding-top: 12px;
}
.pt-8 {
  padding-top: 12px;
}

.pb-12 {
  padding-bottom: 12px;
}

/* index.html */
.post_fixed {
  position: fixed;
  z-index: 99;
  width: 100%;
  top: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.logo_img {
  width: 148px;
  height: 46px;
}

.white_bg {
  background: #ffffff;
}

.head_box {
  width: 1280px;
}

.tabs_box {
  width: 400px;
  height: 46px;
  margin-left: 100px;
}

.tab_item {
  width: 33.33333%;
  text-align: center;
  height: 100%;
}

.tab_item a {
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: normal;
  line-height: 46px;
  text-align: center;
  color: #333333;
  display: inline-block;
  padding-bottom: 10px;
}

.phone_img {
  width: 20px;
  height: 20px;
}

.box_font {
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #333333;
  margin-left: 4rpx;
}

.tab_active {
  border-bottom: 2px solid #0f5489;
  color: #2562a4 !important;
}

* {
  margin: 0;
  padding: 0;
  font-family: 'microsoft yahei';
}

img {
  border: none;
}

a {
  text-decoration: none;
}

ol,
ul {
  list-style: none;
}

div {
  display: block;
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.pa {
  position: absolute;
}

.swiper-banner {
  width: 100%;
  height: 630px;
}

.swiper-banner .swiper-slide {
  width: 100%;
  height: 630px;
  color: #fff;
  display: block;
}

.swiper-banner .swiper-slide .wrap {
  height: 520px;
}

.swiper-banner .swiper-slide .sl-left {
  top: 170px;
  left: 40px;
  width: 100%;
}

.swiper-banner .swiper-slide .t1 {
  top: 0px;
  left: 0px;
  font-size: 26px;
}

.swiper-banner .swiper-slide .t2 {
  top: 50px;
  left: 0px;
  font-size: 40px;
}

.swiper-banner .swiper-slide .t3 {
  top: 110px;
  left: 00px;
  font-size: 18px;
}

.swiper-banner .swiper-slide .btn {
  width: 170px;
  height: 40px;
  line-height: 40px;
  left: 00px;
  top: 160px;
  border: 1px solid #fff;
  border-radius: 2px;
  font-size: 16px;
  text-align: center;
}

.swiper-banner .swiper-slide .img1 {
  top: 110px;
  left: 490px;
}

.swiper-banner .swiper-slide .img2 {
  top: 0px;
  left: 700px;
}

.swiper-banner .swiper-slide .img3 {
  top: 100px;
  left: 650px;
}

.swiper-banner .swiper-slide.slide1 {
  background: url(../images/banner/banner1_bg.jpg) no-repeat center top #070e2a;
}

.swiper-banner .swiper-slide.slide2 {
  background: url(../images/banner/banner2_bg.jpg) no-repeat center top #1a0844;
}

.swiper-banner .swiper-slide.slide3 {
  background: url(../images/banner/banner_ecshop.jpg) no-repeat center top
    #23262b;
}

.swiper-banner .swiper-slide.slide4 {
  background: url(../images/banner/banner_erp.jpg) no-repeat center top #23262b;
}

.swiper-banner .swiper-slide.slide5 {
  background: url(../images/banner/banner5_bg.jpg) no-repeat center top #033045;
}

.swiper-banner .swiper-pagination {
  bottom: 10px !important;
}

.swiper-banner .swiper-pagination .swiper-pagination-bullet {
  width: 40px;
  height: 5px;
  border-radius: 0;
}

.swiper-banner .swiper-nav {
  width: 100%;
  height: 100px;
  background: rgba(233, 233, 233, 0.05);
  left: 0;
  bottom: 0;
  z-index: 999;
}

.swiper-banner .swiper-nav li {
  color: #fff;
  width: 239px;
  height: 100px;
  border-right: 1px solid rgba(233, 233, 233, 0.05);
  float: left;
  cursor: pointer;
}

.swiper-banner .swiper-nav li .icon {
  width: 65px;
  height: 100px;
  display: flex;
  float: left;
  justify-content: center;
  align-items: center;
}

.swiper-banner .swiper-nav li .info {
  float: left;
  width: 174px;
  height: 100px;
}

.swiper-banner .swiper-nav li .info div {
  padding-top: 30px;
  font-size: 16px;
  padding-bottom: 5px;
}

.swiper-banner .swiper-nav li .info p {
  color: #c3c3c3;
  font-size: 14px;
}

.swiper-banner .swiper-nav li.active {
  background: rgba(233, 233, 233, 0.05);
}

.swiper-banner .swiper-nav li:nth-child(5) {
  border-right: none;
}

.cot_bg {
  width: 625px;
  height: 148px;
  background: #f6f8fe;
  border: 1px solid #e4eff4;
  background: #ffffff;
  box-sizing: border-box;
}

.cot_bg {
  width: 625px;
  height: 169px;
  background: #f6f8fe;
  border: 1px solid #e4eff4;
  background: #ffffff;
  box-sizing: border-box;
}

.cot_bg_white {
  width: 290px;
  height: 334px;
  background: #ffffff;
}

.have_img {
  width: 60px;
  height: 60px;
}

.solve_img {
  width: 100%;
  height: 755px;
  margin-top: 70px;
}

.cot_bg_box {
  width: 100%;
  height: 1130px;
  background: rgba(9, 12, 16, 0.9);
}

.bg_img {
  width: 100%;
  height: 1356px;
  background: url(../img/bg.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: -1;
}

.cot_bg_box1 {
  width: 100%;
  height: 750px;
  background: rgba(9, 12, 16, 0.7);
}

.bg_img1 {
  width: 100%;
  height: 530px;
  background: url(../img/bg1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: -1;
}

.cot_ox_oo {
  background: rgba(53, 53, 58, 0.6);
}

.cot_oxo_ox {
  width: 92px;
  height: 40px;
  background: rgba(79, 79, 83, 0.67);
  border-radius: 5px;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: normal;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
}

.cot_oxo_ox1 {
  background: rgba(79, 79, 83, 0.67);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 139px;
}

.fun_img1 {
  width: 86px;
  height: 118px;
}

.fun_img2 {
  width: 148px;
  height: 88px;
}

.fun_img3 {
  width: 144px;
  height: 84px;
}

.fun_img4 {
  width: 79px;
  height: 101px;
}

.fun_img5 {
  width: 105px;
  height: 85px;
}

.fun_img6 {
  width: 114px;
  height: 109px;
}

.fun_img7 {
  width: 55px;
  height: 113px;
}

.fun_img8 {
  width: 105px;
  height: 112px;
}

.fun_img9 {
  width: 123px;
  height: 89px;
}

.fun_img10 {
  width: 125px;
  height: 76px;
}

.fun_img11 {
  width: 69px;
  height: 122px;
}

.fun_img12 {
  width: 119px;
  height: 86px;
}

.fun_img13 {
  width: 93px;
  height: 110px;
}

.tabs {
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  overflow: hidden;
}

.tab-nav {
  display: flex;
}

.tab-nav button {
  flex: 1;
  padding: 0px 16px 26px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s ease;
  border-bottom: 2px solid #d8d8d8;
}

.tab-nav button.active {
  /* background-color: #e0e0e0; */
  color: #2562a4;
  border-bottom: 2px solid #2562a4;
}

.tab-pane {
  display: none;
}

.tab-pane.active {
  display: block;
}

.pie_img {
  width: 22px;
  height: 22px;
  margin-left: 92px;
}

.products_img {
  width: 649px;
  height: 486px;
}

.apply_tit {
  font-family: PangMenZhengDao;
  font-size: 32px;
  font-weight: normal;
  line-height: 32px;
  /* 主题色 */
  color: #2562a4;
}

.app_txt {
  font-family: PingFang SC;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 0.03em;
  /* 白色 */
  color: #ffffff;
  margin-top: 10px;
}
.app_txt_title {
  font-weight: bold;
  font-size: 18px;
}

.client_tit {
  font-family: PingFang SC;
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
  letter-spacing: 0.03em;
  color: #333333;
}

/* 公共标题 */
.cont_tit {
  font-family: PingFang SC;
  font-size: 36px;
  font-weight: normal;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #333333;
}

.cot_eg_tit {
  font-family: PingFang SC;
  font-size: 26px;
  font-weight: normal;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #898989;
  margin-top: 30px;
}

.cot_txt {
  font-family: PingFang SC;
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #ffffff;
}

.cot_txt1 {
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #ffffff;
}

.rig_img {
  width: 40px;
  height: 18px;
  margin-left: 34px;
}

.rig_img1 {
  width: 40px;
  height: 18px;
}

.tabs_tit {
  font-family: PingFang SC;
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #333333;
}

.tab_txt {
  font-family: PingFang SC;
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #333333;
  margin-left: 35px;
}

.app_tit {
  font-family: PingFang SC;
  font-size: 20px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #333333;
  margin-top: 21px;
}

.app_img {
  width: 108px;
  height: 108px;
}

.fun_left_box {
  width: 254px;
  height: 600px;
  background: #3a3838;
}

.app-pane {
  display: none;
}

.app_active {
  display: block;
}

.client_box {
  width: 360px;
  height: 620px;
  background: #f7f9fa;
  box-sizing: border-box;
  border: 1px solid #e4eff4;
}

.client_fun_tit {
  font-family: PingFang SC;
  font-size: 20px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #333333;
}

.tab_client {
  margin-top: 20px;
  width: 310px;
  height: 80px;
  margin-left: 20px;
  border-radius: 4px;
  /* 主题色2 */
  font-family: PingFang SC;
  font-size: 20px;
  font-weight: normal;
  line-height: 80px;
  letter-spacing: 0.03em;
  color: #333333;
  text-align: center;
}

.client_active {
  border-radius: 4px;
  /* 主题色2 */
  background: #2972e6;
  color: #ffffff;
}

.client_fun_txt {
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: normal;
  line-height: 26px;
  letter-spacing: 0.03em;
  /* 字体/灰色 */
  color: #606266;
}

.mr_img {
  width: 457px;
  height: 294px;
}

.bor_b_2 {
  border-bottom: 2px solid #e4eff4;
}

.txt_rig {
  text-align: right;
}

.client_pane {
  display: none;
}

.client_pane_active {
  display: block;
}

.field_box {
  width: 413px;
  height: 424px;
  background: #ffffff;
}

.field_img {
  width: 353px;
  height: 264px;
}

.field_tit {
  font-family: PingFang SC;
  font-size: 20px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #333333;
}

.field_txt {
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.03em;
  /* 字体/灰色 */
  color: #606266;
}

.user_img {
  width: 761px;
  height: 369px;
}

.cot_tit {
  font-family: PingFang SC;
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
  letter-spacing: 0.03em;
  color: #333333;
}

.yh_img {
  width: 34px;
  height: 30px;
}

.user_txt {
  font-family: PingFang SC;
  font-size: 18px;
  font-weight: normal;
  line-height: 42px;
  letter-spacing: 0.03em;
  /* 字体/灰色 */
  color: #606266;
  margin-top: 5px;
}

.txt_rig {
  text-align: right;
}

.black_bg1 {
  background: #25292c;
}

.black_bg {
  background: #000000;
}

.foot_tit {
  font-family: PingFang SC;
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
  letter-spacing: 0.03em;
  /* 白色 */
  color: #ffffff;
}

.foot_txt {
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.03em;
  color: #d5d5d5;
  margin-top: 30px;
}

.foot1_txt {
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.03em;
  color: #d5d5d5;
  text-align: center;
}

.qr_img {
  width: 110px;
  height: 110px;
}

/* pith.html */

.navigation_img {
  width: 100%;
  height: 630px;
  background: #e9eaeb;
  margin-top: 70px;
}

.pith_box {
  width: 585px;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0px 0px 14px 1px rgba(206, 226, 247, 0.62);
  display: flex;
}

.pith_tit {
  font-family: PangMenZhengDao;
  font-size: 40px;
  font-weight: normal;
  line-height: 40px;
  letter-spacing: 0.03em;
  /* 主题色2 */
  color: #2972e6;
  margin-left: 38px;
  width: 58px;
  text-align: center;
}

.pith_txt {
  font-family: PingFang SC;
  font-size: 18px;
  font-weight: normal;
  line-height: 30px;
  letter-spacing: 0.03em;
  color: #333333;
  padding-right: 20px !important;
  position: relative;
}

.pith_fun_img {
  width: 649px;
  height: 486px;
}

.hardware_img {
  width: 293px;
  height: 412px;
}

.hardware_txt {
  font-family: PingFang SC;
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #333333;
  margin-top: 24px;
}

/* 公共距离 */

.p-t-90 {
  padding-top: 90px;
}

.p-b-90 {
  padding-bottom: 90px;
}

.m-t-70 {
  margin-top: 70px;
}

.m-l-30 {
  margin-left: 30px;
}

.m-l-38 {
  margin-left: 38px;
}

.m-r-60 {
  margin-right: 60px;
}

.p-t-60 {
  padding-top: 60px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-t-65 {
  margin-top: 65px;
}

.m-t-24 {
  margin-top: 24px;
}

.m-t-28 {
  margin-top: 28px;
}

.m-l-77 {
  margin-left: 77px;
}

.m-r-77 {
  margin-right: 77px;
}

.m-r-24 {
  margin-right: 24px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-l-36 {
  margin-left: 36px;
}

.p-t-10 {
  padding-top: 10px;
}

.p-b-10 {
  padding-bottom: 10px;
}

.p-r-10 {
  padding-right: 10px;
}

.m-l-24 {
  margin-left: 24px;
}

.m-t-20 {
  margin-top: 20px;
}

.p-t-24 {
  padding-top: 24px;
}

.p-t-22 {
  padding-top: 22px;
}

.p-b-22 {
  padding-bottom: 22px;
}

.p-b-18 {
  padding-bottom: 18px;
}

.m-l-31 {
  margin-left: 31px;
}

.m-r-31 {
  margin-right: 31px;
}

.m-t-12 {
  margin-top: 12px;
}

.p-b-24 {
  padding-bottom: 24px;
}

.m-l-26 {
  margin-left: 26px;
}

.m-l-34 {
  margin-left: 34px;
}

.m-r-34 {
  margin-right: 34px;
}

.p-t-30 {
  padding-top: 30px;
}

.p-b-30 {
  padding-bottom: 30px;
}

.m-r-30 {
  margin-right: 30px;
}

.m-t-32 {
  margin-top: 32px;
}

.p-b-53 {
  padding-bottom: 53px;
}

.m-t-58 {
  margin-top: 58px;
}

.m-l-12 {
  margin-left: 12px;
}

.m-t-95 {
  margin-top: 95px;
}

.m-t-73 {
  margin-top: 73px;
}

.m-l-20 {
  margin-left: 20px;
}

.m-r-20 {
  margin-right: 20px;
}

.p-t-20 {
  padding-top: 20px;
}

.p-b-20 {
  padding-bottom: 20px;
}

.m-l-32 {
  margin-left: 32px;
}

.m-t-68 {
  margin-top: 68px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-l-16 {
  margin-left: 16px;
}

.m-t-60 {
  margin-top: 60px;
}

.p-b-50 {
  padding-bottom: 50px;
}

.m-t-25 {
  margin-top: 25px;
}

.m-t-40 {
  margin-top: 40px;
}

.p-t-70 {
  padding-top: 70px;
}

.p-b-70 {
  padding-bottom: 70px;
}

.m-l-50 {
  margin-left: 50px;
}

.m-l-46 {
  margin-left: 46px;
}

.m-r-46 {
  margin-right: 46px;
}

.m-t-22 {
  margin-top: 22px;
}

.m-l-35 {
  margin-left: 35px;
}

.m-t-44 {
  margin-top: 44px;
}

.app_box {
  width: 1100px;
  height: 188px;
  padding-bottom: 16px;
  /* border-bottom: 1px solid #E4E7ED; */
}

.text_between {
  text-align: justify;
  /*兼容ie*/
  text-justify: distribute-all-lines;
}

.tab_box {
  width: 191px;
  height: 56px;
  font-family: PingFang SC;
  font-size: 20px;
  font-weight: normal;
  line-height: 56px;
  letter-spacing: 0.03em;
  /* 白色 */
  color: #ffffff;
  padding-left: 23px;
}

.tabs_active {
  border-radius: 2px;
  /* 主题色2 */
  background: #2972e6;
}

.fun_box_ox {
  height: 50px;
  background: #3a3838;
  box-sizing: border-box;
  border: 1px solid rgba(228, 239, 244, 0.16);
  font-family: PingFang SC;
  font-size: 18px;
  font-weight: normal;
  line-height: 50px;
  letter-spacing: 0.03em;
  /* 白色 */
  color: #ffffff;
  text-align: center;
  padding: 0 33px;
}

/* 公共宽度 */

.w_1280 {
  width: 1280px;
}

.w_1380 {
  width: 1380px;
}

.white_bg1 {
  background: rgba(255, 255, 255, 0.05);
}

.fun_img {
  width: 106px;
  height: 106px;
  margin-top: 61px;
}

.fun_tit {
  font-family: PingFang SC;
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
  letter-spacing: 0.03em;
  color: #333333;
}

.fun_txt {
  font-family: PingFang SC;
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.03em;
  /* 字体/灰色 */
  color: #606266;
}

.fun_txt1 {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #ffffff;
  margin-top: 20px;
}

.txt_c {
  text-align: center;
}

.cot_line_box {
  width: 76px;
  background: #f2911c;
  height: 4px;
  margin-top: 22px;
}

.cot_line_box1 {
  width: 60px;
  background: #2562a4;
  height: 4px;
  display: block;
}

.font_16 {
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
  /* 字体/灰色 */
  color: #606266;
}

.w-108 {
  width: 108px;
}

.w-98 {
  width: 98px;
}

.w-417 {
  width: 417px;
}

.w-100-b {
  width: 100%;
}

.w-168 {
  width: 168px;
}

.w-236 {
  width: 236px;
}

.w-1122 {
  width: 1122px;
}

.w-193 {
  width: 193px;
}

.w-879 {
  width: 879px;
}

.hang_box {
  position: fixed;
  top: 40%;
  right: 40px;
  z-index: 999;
}

.hang_box_cont {
  width: 76px;
  height: 202px;
  border-radius: 8px;
  /* 白色 */
  background: #ffffff;
  box-shadow: 0px 0px 13px 0px rgba(198, 226, 237, 0.63);
}

.hang_he_box {
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 8px;
}

.hang_img {
  width: 32px;
  height: 32px;
}

.hang_txt {
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #333333;
}

.hang_bor_b {
  border-bottom: 1px solid #e4eff4;
}

.hang_box_cont_cont {
  width: 262px;
  /* 主题色2 */
  background: #2972e6;
  box-shadow: 0px 0px 13px 0px rgba(198, 226, 237, 0.63);
  position: absolute;
  left: -300px;
  top: 0;
  padding-bottom: 8px;
  display: none;
}

.hang_box_cont_cont::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left: 10px solid #2972e6;
  position: absolute;
  top: 25px;
  right: -18px;
}

.hang_box_cont_cont1 {
  width: 262px;
  /* 主题色2 */
  background: #2972e6;
  box-shadow: 0px 0px 13px 0px rgba(198, 226, 237, 0.63);
  position: absolute;
  left: -300px;
  top: 0;
  padding-bottom: 8px;
  display: none;
}

.hang_box_cont_cont1::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left: 10px solid #2972e6;
  position: absolute;
  top: 89px;
  right: -18px;
}

.hang_box_cont_cont2 {
  width: 262px;
  /* 主题色2 */
  background: #2972e6;
  box-shadow: 0px 0px 13px 0px rgba(198, 226, 237, 0.63);
  position: absolute;
  left: -300px;
  top: 0;
  padding-bottom: 8px;
  display: none;
}

.hang_box_cont_cont2::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left: 10px solid #2972e6;
  position: absolute;
  top: 155px;
  right: -18px;
}

.hang_tit {
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.03em;
  /* 白色 */
  color: #ffffff;
  margin-top: 14px;
}

.hang_bg_box {
  width: 246px;
  background: #ffffff;
  margin: 14px 8px 0;
  padding-bottom: 15px;
}

.hang_bg_box1 {
  width: 246px;
  height: 260px;
  background: #ffffff;
  margin: 14px 8px 0;
}

.hang_bg_box_txt {
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.03em;
}

.color_333 {
  color: #333333;
}

.color_666 {
  color: #666666;
}

.bor_b_2 {
  border-bottom: 2px solid #e4eff4;
}

.qr_img {
  width: 196px;
  height: 196px;
}

.flex_j_c {
  justify-content: center;
}

.hang_box_top {
  width: 76px;
  height: 65px;
  border-radius: 8px;
  /* 白色 */
  background: #ffffff;
  box-shadow: 0px 0px 13px 0px rgba(198, 226, 237, 0.63);
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.up_img {
  width: 32px;
  height: 32px;
}
.m-t-30 {
  margin-top: 30px;
}
.p-l-30 {
  padding-left: 30px;
}
.center_self_title {
  font-size: 25px;
  font-weight: bold;
  position: relative;
}

.center_self_title::before {
  content: '';
  width: 5px;
  height: 30px;
  background-color: #2562a4;
  border-radius: 8px;
  position: absolute;
  left: 0px;
  top: 3px;
}

.pith_txt_li::before {
  content: '';
  width: 10px;
  height: 10px;
  background-color: #2972e6;
  border-radius: 50%;
  position: absolute;
  left: 0px;
  top: 10px;
}