* {
    margin: 0;
    padding: 0;
  }

  html{
      scroll-padding-top:140px; /*当导航栏固定在顶部时，设置这个属性能让锚点点击以后不被导航栏遮挡住*/
  }
  
  :root{
      --mColor:#fe3e77;
      --sColor:#9c45f4;
  }
  :root {
    --yx_FS72: 70px;
    --yx_FS60: 60px;
    --yx_FS54: 54px;
    --yx_FS48: 48px;
    --yx_FS45: 46px;
    --yx_FS42: 40px;
    --yx_FS38: 38px;
    --yx_FS36: 32px;
    --yx_FS30: 30px;
    --yx_FS28: 28px;
    --yx_FS24: 24px;
    --yx_FS22: 22px;
    --yx_FS18: 18px;
    --yx_FS16: 16px;
    --yx_FS14: 14px;
  }

.swiper-button-next, .swiper-button-prev{
  z-index: 10;
}
  
  .rapStarBack{
  color:white;
  display:inline-block;
  font-size:32px;
  margin:auto;
  position:relative;
  cursor:pointer;	
  text-shadow: 0 0 8px black;
  }	
  .rapStarFront{
  top:0px;
  color:yellow;
  display:block;
  overflow:hidden;
  position:absolute;		
  z-index:1;
  white-space: nowrap;
  }	
  
  @keyframes bannerimg
  {
    from {transform: scale(1.2);}
    to {transform: scale(1);}
  }

  @keyframes rotateIconCenter {
    from {
      transform:translate(-50%,-50%) rotate(0deg);
    }
    to {
      transform:translate(-50%,-50%) rotate(360deg);
    }
  }
  @keyframes rotateIcon {
    from {
      transform:rotate(0deg);
    }
    to {
      transform:rotate(360deg);
    }
  }

  @font-face {
    font-family: "gantari-regular";
    src: url(../../portal-saas/pg2024092318244152812/cms/file/gantari-regular.ttf);
}
@font-face {
    font-family: "gantari-bold";
    src: url(../../portal-saas/pg2024092318244152812/cms/file/gantari-bold.__q_7ddd12dcd0187145d5db.ttf);
}

  
  body {
    color: #1D1D1F;
    font: 14px/1.5 'gantari-regular',arial;
  }
  button,input,optgroup,select,textarea {
    font-family: 'gantari-regular',arial;
  }
  
  
  .reset_style,body {
    word-break: normal;
  }
  
  a {
    transition: all .3s;
    text-decoration: none;
  }
  a:hover{
    color: var(--mColor);
    text-decoration: none;
  }
  
  .textRequire{
      position: relative;
  }
  span.required {
      position: absolute;
      left: 5px;
      z-index: 2;
      color: #c6232a;
      top: 11px;
  }
  .textRequire span.required {
      top:11px;
  }
  
  
    div[class^=e_richText-] img {
      max-width: 100% !important;
      height: auto !important;
    }
  
    div[class^=e_richText-] video {
      max-width: 100% !important;
      height: auto !important;
    }

/*统一修改面包屑*/
div[class^="e_breadcrumb"] > .p_breadcrumb{
	display:flex;
  flex-wrap:wrap !important;
}
div[class^="e_breadcrumb"] .p_breadcrumbItem{
    white-space:normal !important;
}
div[class^='e_richText']{
    max-width: 100%;
    overflow: auto;
}
  
  .btn-primary{
      background:var(--mColor);
    color:#fff;
    border-color: var(--mColor);
  }
  .bg-primary{
      background:var(--mColor);
    color:#fff;
  }
  .text-primary{
      color:var(--mColor)
  }
  /*cookies*/
  .btn-outline-primary{
      color: var(--mColor);
      border-color: var(--mColor);
  }
  .custom-control-input:checked ~ .custom-control-label::before{
      border-color: var(--mColor);
      background-color: var(--mColor);
  }
  .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before{
      background-color: rgba(177, 33, 32, 0.3);
  }
  div[class^="e_cookie"] .p_rIcon{
      background-color: var(--mColor) !important;
  }
  
  .prolist .p_loopitem div[class^=e_container-]:before{display:none !important;}
  .prolist .p_loopitem div[class^=e_container-] div[class^=e_image-]:before,.prolist .p_loopitem div[class^=e_container-] div[class^=e_image-]:after,.prolist .p_loopitem div[class^=e_container-] div[class^=e_image-] a:before,.prolist .p_loopitem div[class^=e_container-] div[class^=e_image-] a:after{display:none !important;}
  .prolist .p_loopitem div[class^=e_container-]:hover div[class^=e_image-] img{opacity: 1 !important;}

.s_img{
	overflow: hidden;
    position: relative;
}
.s_img:before{
	content: "";
    position: absolute;
    left: -120%;
    top: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: overlay;
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));
    transform: skewx(25deg);
    z-index: 1;
}
.s_img:hover:before {
    left: 120%;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}
  
  .subpage_ad .text {
  
  }
  .subpage_ad:before{
      content: "";
      dislay: block;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.2);
      left: 0;
      top: 0;
      z-index: 1;
      position: absolute;
    opacity:0;
  }
  .subpage_ad .bgimg {
  animation: bannerimg 2s;
  }
  .subpage_ad .ad-tit{
  
  }
  .subpage_ad .ad-line{
  
  }
  .subpage_ad .ad-sum{
  
  }
  .pl_service2 .service_value{
  background-color: #333;
  }
  .pl_service2 .service_item:hover {
      background-color: #333;
      color: #fff;
  }
  .pl_service2 .service_value::after{
  border-left: 6px solid #333;
  }
  .pl_service4{
      font-size:14px;
  }
  .pl_service4 .service_icon span{
      display:none;
  }
  .pl_service4 .service_icon{
      display: flex;
      align-items: center;
  }
  .pl_service4 .service_value a{
      color:#fff;
  }
  .pl_service4 > .item_con .service_item.showLang:hover{
      min-width: 245px;
  }
  .pl_service4 .service_group > .item_con:nth-child(1) .service_item.showLang:hover{
      min-width: 280px;
  }
  
  .pl_service4 .service_icon .icon{
      margin-top:0;
  }
  
  
  /*nav*/
  .subNav {
    max-width: 1320px !important;
    display: flex;
    flex-wrap: wrap;
  }
  
  .subNav>div {
    width: auto !important;
  }
  
  .subNav:after {
    display: none !important;
  }
  
  .e_breadcrumb-1 .p_breadcrumb {
    flex-wrap: wrap;
  }
  
  @media only screen and (min-width: 769px) {
  
    /*大屏*/
    .NavList_a1 a {
      font-size: 14px !important;
      padding: 0px 20px !important;
    }
    .pl_service3{
      display: none;
    }
  }
  
  .swiper_arr{
      width: 90px;
      display: flex;
      justify-content: space-between;
  }
  .swiper_arr .swierBtn{
      transition: all;
      width: 36px;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all .5s;
      border: 0px #ffac04 solid;
      border-radius: 50%;
      cursor: pointer;
      color: #fff;
      background: #d9d9d9;
  }
  .swiper_arr .swierBtn svg{
      width: 60%;
      height: auto;
      margin: 0;
  }
  .swiper_arr .swierBtn:hover{
      background: #2c2caf;
      color: #fff;
  }
  
  .subpage_ad{
  
  }
  @media only screen and (max-width: 768px) {

  .pl_service{
      bottom: 65px;
      right: 10px;
    }
    .pl_service .p_defaultIocn{
      color: #fff;
      background: var(--mColor);
    }
    .smartIcon{
      width: 50px;
      height: 50px;
      color: var(--mColor) !important;
      padding: 5px;
      right: 10px;
      bottom: 10px;
    }

    #c_effect_109-1704965939553 .e_loop_sub-1{
      display: none;
    }
    
  .swiper_arr{
      width: 70px;
  }
  .swiper_arr .swierBtn{
      transition: all;
      width: 30px;
      height: 30px;
      border: 0px #ffac04 solid;
  }
    
    .subpage_ad{
  
    }
    .subpage_ad .text{
  
    }
    /*小屏*/
    .subNav>div {
      width: 100% !important;
    }
    .pl_service{
      bottom: 65px;
      right: 10px;
    }
    .pl_service .p_defaultIocn{
      color: #ffffff;
      background: var(--mColor);
    }
    .smartIcon{
      width: 50px;
      height: 50px;
      color: #ff8000 !important;
      padding: 5px;
      right: 10px;
      bottom: 10px;
    }
  }
/*about resize*/
@media only screen and (max-width: 1900px) and (min-width: 1024px){
  .sideBarSpace {
    padding: 0 30px 0 200px !important;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 769px){
  .sideBarSpace {
    padding: 0 30px !important;
  }
}
@media only screen and (max-width: 768px) {
  .sideBarSpace {
    padding: 0 20px !important;
  }
}