body {
  min-width: 1250px;
  overflow-x: hidden;
  background-color: #fff;
}

.containers-top {
  min-width: 1250px;
  max-width: 1440px;
  height: auto;
  max-height: 900px;
}

.top-content {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 9rem;
  background-color: #fff;
  overflow: hidden;
}

.top-content .video-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: url(/static/website/template/images/Loading-screen/PC/background-element/spline-3.png) top / 100% 100% #000 no-repeat!important; */
  background: #16274a;
  z-index: 1;
}

.top-content .video-loading .circle-right-big {
  position: absolute;
  top: -5.35rem;
  right: -4.5rem;
  width: 10.8rem;
  height: 10.8rem;
  border-radius: 50%;
  background: url(/static/website/template/images/Pattern-development/slices/pattern-blue-unit.png) top / 100% 100% no-repeat!important;
}

.top-content .video-loading .circle-right-small {
  position: absolute;
  top: -3.32rem;
  right: -2.5rem;
  width: 6.8rem;
  height: 6.8rem;
  border-radius: 50%;
  background-color: #16274a;
}

.top-content .video-loading .circle-left-big {
  position: absolute;
  bottom: -7.19rem;
  left: -4.56rem;
  width: 10.8rem;
  height: 10.8rem;
  border-radius: 50%;
  background: url(/static/website/template/images/Pattern-development/slices/pattern-blue-unit.png) top / 100% 100% no-repeat!important;
}

.top-content .video-loading .circle-left-small {
  position: absolute;
  bottom: -5.16rem;
  left: -2.58rem;
  width: 6.8rem;
  height: 6.8rem;
  border-radius: 50%;
  background-color: #16274a;
}

.top-content .video-loading .loading-gif {
  position: absolute;
  top: 3.6rem;
  left: 6.65rem;
  width: 1.12rem;
  height: 1.12rem;
  background: url(/static/website/template/images/Loading-screen/ANIMATION/dots-rotation/GIF-dots-rotation-dark-solid-20210208.gif) top / 100% 100% no-repeat!important;
}

.top-content .video-loading .loading-text {
  position: absolute;
  top: 4.95rem;
  left: 6.81rem;
  font-size: .18rem;
  opacity: 0.5;
}

.top-content-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  object-fit: fill;
}

.top-content-images {
  display: none;
}

.top-header {
  height: 0;
  margin: 0 auto;
  min-width: 12.5rem;
  max-width: 14.4rem;
  position: absolute;
  transform: translate(-50%, 0);
  left: 50%;
  background-color: transparent!important;
}

.header-title {
  top: .60rem;
  left: .50rem;
  width: 1.52rem;
  height: .32rem;
  font-size: .16rem;
  color: #fff;
  background: url(/static/website/template/images/logo/ubiquant-logo-white.svg) left top / 100% 100% no-repeat!important;
}

.header-nav {
  display: block;
  position: absolute;
  top: .60rem;
  right: .50rem;
  font-size: .16rem;
}

.header-nav .angle {
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  background: url(/static/website/template/images/svg/angleWhite.svg) left top / 100% 100% no-repeat!important;
  transform: rotateX( 0deg);
  margin-right: 0.08rem;
  opacity: .8;
}

.header-nav .angleup {
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  background: url(/static/website/template/images/svg/angle.svg) left top / 100% 100% no-repeat!important;
  transform: rotateX( 180deg);
  margin-right: 0.08rem;
  opacity: .7;
}

.header-nav .svg {
  display: inline-block;
  width: 0.15rem;
  height: 0.15rem;
  margin-right: 0.09rem;
  transform: translateY(0.02rem);
  background: url(/static/website/template/images/svg/person.svg) left top / 100% 100% no-repeat;
}

.header-nav .svg.passwd {
  background: url(/static/website/template/images/svg/passwd.svg) left top / 100% 100% no-repeat;
}

.header-nav .svg.exit {
  background: url(/static/website/template/images/svg/exit.svg) left top / 100% 100% no-repeat;
}

.header-nav.login {
  top: .50rem;
  right: .40rem;
  padding: .1rem .1rem 0 .1rem;
  background-color: #fff;
  display: none;
  border-radius: .05rem;
  box-shadow: 0 0 5px #efecec;
}

.header-nav-mo {
  display: none;
}

.header-nav li {
  margin-bottom: .19rem;
  text-align: right;
  color: #fff;
}

.header-nav.login li {
  color: #000;
}

.header-search {
  top: 4.23rem;
  left: .50rem;
  height: .38rem;
  margin: 0;
  right: 0;
  line-height: .38rem;
  font-size: .20rem;
}

.search-icon {
  height: .38rem;
  width: .38rem;
  margin-right: .08rem;
  overflow: hidden;
  /* background: url(/static/website/template/images/svg/search-button.svg) left top / 100% 100% no-repeat; */
}

.search-icon svg {
  display: inline-block!important
}

.search-text {
  color: white!important;
}

.header-drop.mo {
  display: none;
}

.header-drop.pc {
  display: block;
  position: absolute;
  right: .38rem;
  top: 7.28rem;
  width: 1.04rem;
  text-align: center;
  font-size: .20rem;
  color: #fff;
}

.header-drop.pc .drop-icon {
  display: inline-block;
  width: .52rem;
  height: .42rem;
  margin-top: .10rem;
  /* background: url(/static/website/template/images/placeholder.jpg) left top / 100% 100% no-repeat; */
}

.header-text-big {
  left: 1.64rem;
  bottom: 2.00rem;
  width: 8.60rem;
  font-size: .36rem;
}

.header-text-small {
  left: 1.64rem;
  bottom: .73rem;
  width: 8.90rem;
  font-size: .24rem;
  line-height: .36rem;
}

.containers-recruitment {
  position: relative;
  display: block;
  width: 100%;
  height: 6rem;
  background-color: #fff;
}

.containers-recruitment .recruitment {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 11.54rem;
  height: 5.12rem;
  /* background-color: blue; */
  /* background: url(/static/website/template/images/placeholder.jpg) left top / 100% 100% no-repeat; */
}

/* 社会招聘梯形 */

.containers-recruitment .social-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.52rem;
  height: 5.12rem;
}

.containers-recruitment .social-img .skew-elm1 {
  width: 6.52rem;
  height: 5.12rem;
  transform-origin: bottom;
  transform: skew(8deg, 0deg);
  -ms-transform: skew(8deg, 0deg);
  -moz-transform: skew(8deg, 0deg);
  -webkit-transform: skew(8deg, 0deg);
  -o-transform: skew(9deg, 0deg);
  overflow: hidden;
}

.containers-recruitment .social-img .skew-elm2 {
  position: absolute;
  top: 0;
  left: -1.48rem;
  width: 6.52rem;
  height: 5.12rem;
  transform-origin: bottom;
  transform: skew(-16deg, 0deg);
  -ms-transform: skew(-16deg, 0deg);
  -moz-transform: skew(-16deg, 0deg);
  -webkit-transform: skew(-16deg, 0deg);
  -o-transform: skew(-16deg, 0deg);
  overflow: hidden;
}

.containers-recruitment .social-img .con {
  position: absolute;
  top: 0;
  left: 1.55rem;
  width: 6.52rem;
  height: 5.12rem;
  transform-origin: bottom;
  transform: skew(16deg, 0deg);
  -ms-transform: skew(16deg, 0deg);
  -moz-transform: skew(16deg, 0deg);
  -webkit-transform: skew(16deg, 0deg);
  -o-transform: skew(16deg, 0deg);
  background: url(/static/website/template/images/PC-slices/3-main-pages/career/open-positions/social-recruitment.png) left top / 100% 100% no-repeat;
  filter: brightness(100%);
  -webkit-filter: brightness(100%);
  transition: filter .3s;
}

/* .social-img .con:hover{
  filter:brightness(60%);-webkit-filter: brightness(60%);
  transition: filter .3s;
} */

.containers-recruitment .social-img .con .mask {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .4;
}

.containers-recruitment .social {
  position: absolute;
  bottom: 1.02rem;
  left: 2.27rem;
  width: 1.52rem;
  height: .62rem;
  text-align: center;
  line-height: .62rem;
  color: #fff;
}

.containers-recruitment .social svg {
  position: absolute;
  top: 0;
  right: 0;
}

/* 校园招聘梯形 */

.containers-recruitment .school-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 6.52rem;
  height: 5.12rem;
}

.containers-recruitment .school-img .skew-elm1 {
  width: 6.52rem;
  height: 5.12rem;
  transform-origin: bottom;
  transform: skew(8deg, 0deg);
  -ms-transform: skew(8deg, 0deg);
  -moz-transform: skew(8deg, 0deg);
  -webkit-transform: skew(8deg, 0deg);
  -o-transform: skew(9deg, 0deg);
  overflow: hidden;
}

.containers-recruitment .school-img .skew-elm2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 6.52rem;
  height: 5.12rem;
  transform-origin: bottom;
  transform: skew(-16deg, 0deg);
  -ms-transform: skew(-16deg, 0deg);
  -moz-transform: skew(-16deg, 0deg);
  -webkit-transform: skew(-16deg, 0deg);
  -o-transform: skew(-16deg, 0deg);
  overflow: hidden;
}

.containers-recruitment .school-img .con {
  position: absolute;
  top: 0;
  right: 0;
  width: 6.52rem;
  height: 5.12rem;
  transform-origin: bottom;
  transform: skew(16deg, 0deg);
  -ms-transform: skew(16deg, 0deg);
  -moz-transform: skew(16deg, 0deg);
  -webkit-transform: skew(16deg, 0deg);
  -o-transform: skew(16deg, 0deg);
  background: url(/static/website/template/images/PC-slices/3-main-pages/career/open-positions/campus-recruitment.jpg) left top / 120% 100% no-repeat;
  filter: brightness(100%);
  -webkit-filter: brightness(100%);
  transition: filter .3s;
}

/* .school-img .con:hover{
  filter:brightness(60%);-webkit-filter: brightness(60%);
  transition: filter .3s;
} */

.containers-recruitment .school-img .con .mask {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
}

.containers-recruitment .school {
  position: absolute;
  bottom: 1.02rem;
  right: 2.27rem;
  width: 1.52rem;
  height: .62rem;
  text-align: center;
  line-height: .62rem;
  color: #fff;
}

.containers-recruitment .school svg {
  position: absolute;
  top: 0;
  right: 0;
}

.containers-recruitment-mo {
  display: none;
}

.welfare {
  height: 8.62rem;
  background-color: #fff;
  max-width: 16.23rem;
  margin: 0 auto;
  overflow: hidden;
}

.welfare-content {
  width: 11.54rem;
  height: 8.62rem;
  margin: 0 auto;
}

.welfare-title {
  top: 1.22rem;
  left: 50%;
  height: .50rem;
  line-height: .50rem;
  font-size: .36rem;
  font-weight: 500;
  transform: translate(-50%, 0%);
}

.welfare-title span {
  width: .66rem;
  height: .40rem;
}

.welfare-title span.left {
  background: url(/static/website/template/images/PC-slices/3-main-pages/career/title-elements/title-blue-left.png) left top / 100% 100% no-repeat;
}

.welfare-title span.right {
  background: url(/static/website/template/images/PC-slices/3-main-pages/career/title-elements/title-blue-right.png) left top / 100% 100% no-repeat;
}

.welfare-detail {
  top: 2.46rem;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 9.28rem;
}

.welfare-detail .block {
  height: 1.86rem;
  margin-top: .25rem;
}

.welfare-detail .block>div {
  width: 1.34rem;
}

.welfare-detail .block .img {
  position: relative;
  width: 1.34rem;
  height: 1.26rem;
  background: url(/static/website/template/images/PC-slices/3-main-pages/career/image-border-round.png) left top / 100% 100% no-repeat;
}

.welfare-detail .block .img .img-detail {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: .98rem;
  height: .98rem;
}

.welfare-detail .block:nth-child(1) .img .img-detail {
  background: url(/static/website/template/images/svg/career/company/581215.svg) left top / 100% 100% no-repeat;
}

.welfare-detail .block:nth-child(2) .img .img-detail {
  background: url(/static/website/template/images/svg/career/company/431211.svg) left top / 100% 100% no-repeat;
}

.welfare-detail .block:nth-child(3) .img .img-detail {
  background: url(/static/website/template/images/svg/career/company/521215.svg) left top / 100% 100% no-repeat;
}

.welfare-detail .block:nth-child(4) .img .img-detail {
  background: url(/static/website/template/images/svg/career/company/481215.svg) left top / 100% 100% no-repeat;
}

.welfare-detail .block:nth-child(5) .img .img-detail {
  background: url(/static/website/template/images/svg/career/company/491215.svg) left top / 100% 100% no-repeat;
}

.welfare-detail .block:nth-child(6) .img .img-detail {
  background: url(/static/website/template/images/svg/career/company/511215.svg) left top / 100% 100% no-repeat;
}

.welfare-detail .block:nth-child(7) .img .img-detail {
  background: url(/static/website/template/images/svg/career/company/561215.svg) left top / 100% 100% no-repeat;
}

.welfare-detail .block:nth-child(8) .img .img-detail {
  background: url(/static/website/template/images/svg/career/company/591218.svg) left top / 100% 100% no-repeat;
}

.welfare-detail .block:nth-child(9) .img .img-detail {
  background: url(/static/website/template/images/svg/career/company/601221.svg) left top / 100% 100% no-repeat;
}

/* 待定 */

.image-border {
  position: absolute;
  width: .15rem;
  height: .15rem;
  border-radius: 15px;
}

.image-border1 {
  top: 0;
  left: 0;
  border-left: .01rem solid #FFFFFF;
  border-top: .011rem solid #FFFFFF;
}

.image-border2 {
  top: 0;
  right: -.02rem;
  border-right: .01rem solid #FFFFFF;
  border-top: .01rem solid #FFFFFF;
}

.image-border3 {
  bottom: 0;
  left: 0;
  border-bottom: .01rem solid #FFFFFF;
  border-left: .01rem solid #FFFFFF;
}

.image-border4 {
  bottom: 0;
  right: -.02rem;
  border-right: .01rem solid #FFFFFF;
  border-bottom: .01rem solid #FFFFFF;
}

.welfare-detail .block .text {
  width: 1.34rem;
  line-height: .60rem;
  font-size: .24rem;
}

.culture {
  display: block;
  position: relative;
  width: 100%;
  height: 17.26rem;
  background-color: #fff;
}

.culture-content {
  position: relative;
  width: 11.54rem;
  height: 17.26rem;
  margin: 0 auto;
  background-color: #fff;
}

.culture-title {
  position: absolute;
  top: 1.22rem;
  left: 50%;
  height: .50rem;
  line-height: .50rem;
  font-size: .36rem;
  font-weight: 500;
  transform: translate(-50%, 0%);
}

.culture-title div {
  display: inline-block;
  margin: 0 .10rem;
}

.culture-title span {
  display: inline-block;
  width: .66rem;
  height: .48rem;
  background: url(/static/website/template/images/placeholder.jpg) left top / 100% 100% no-repeat;
  vertical-align: bottom;
}

.culture-title span {
  width: .66rem;
  height: .48rem;
}

.culture-title span.left {
  background: url(/static/website/template/images/PC-slices/3-main-pages/career/title-elements/title-blue-left.png) left top / 100% 100% no-repeat;
}

.culture-title span.right {
  background: url(/static/website/template/images/PC-slices/3-main-pages/career/title-elements/title-blue-right.png) left top / 100% 100% no-repeat;
}

.culture-img {
  position: absolute;
  height: 3.30rem;
  width: 6.60rem;
}

.culture-text {
  box-sizing: content-box;
  position: absolute;
  height: 3.30rem;
  width: 4.74rem;
  padding: .90rem 0 0 1.14rem;
}

.culture-text .title {
  font-size: .36rem;
}

.culture-text .img {
  width: .52rem;
  height: .1rem;
  margin: .08rem 0;
  background: url(/static/website/template/images/PC-slices/3-main-pages/career/title-elements/title-yellow-bottom.png) left top / 100% 100% no-repeat;
}

.culture-text .text {
  font-size: .18rem;
  margin-bottom: .10rem;
}

.culture-one-img {
  left: 0;
  top: 2.46rem;
}

.culture-one-img .skew-elm1 {
  width: 6.6rem;
  height: 3.3rem;
  transform-origin: bottom;
  transform: skew(8deg, 0deg);
  -ms-transform: skew(8deg, 0deg);
  -moz-transform: skew(8deg, 0deg);
  -webkit-transform: skew(8deg, 0deg);
  -o-transform: skew(9deg, 0deg);
  overflow: hidden;
}

.culture-one-img .skew-elm2 {
  position: absolute;
  top: 0;
  left: -.95rem;
  width: 6.6rem;
  height: 3.3rem;
  transform-origin: bottom;
  transform: skew(-16deg, 0deg);
  -ms-transform: skew(-16deg, 0deg);
  -moz-transform: skew(-16deg, 0deg);
  -webkit-transform: skew(-16deg, 0deg);
  -o-transform: skew(-16deg, 0deg);
  overflow: hidden;
}

.culture-one-img .con {
  position: absolute;
  top: 0;
  left: .95rem;
  width: 6.6rem;
  height: 3.3rem;
  transform-origin: bottom;
  transform: skew(16deg, 0deg);
  -ms-transform: skew(16deg, 0deg);
  -moz-transform: skew(16deg, 0deg);
  -webkit-transform: skew(16deg, 0deg);
  -o-transform: skew(16deg, 0deg);
  background-image: url(/static/website/template/images/PC-slices/3-main-pages/career/company-culture/entrepreneurship.png);
  filter: brightness(100%);
  -webkit-filter: brightness(100%);
  transition: filter .3s;
}

.culture-one-text {
  right: 0;
  top: 2.46rem;
  overflow: hidden;
}

.culture-one-text .skew-elm2 {
  position: absolute;
  left: .27rem;
  top: 0;
  width: 5.74rem;
  height: 3.3rem;
  transform-origin: bottom;
  transform: skew(-16deg, 0deg);
  -ms-transform: skew(-16deg, 0deg);
  -moz-transform: skew(-16deg, 0deg);
  -webkit-transform: skew(-16deg, 0deg);
  -o-transform: skew(-16deg, 0deg);
  overflow: hidden;
  background-color: #f2f5fa;
  z-index: 0;
}

.culture-one-text .all {
  position: absolute;
  left: 2rem;
}

.culture-two-img {
  right: 0;
  top: 6.04rem;
}

.culture-two-img .skew-elm1 {
  width: 6.6rem;
  height: 3.3rem;
  transform-origin: bottom;
  transform: skew(8deg, 0deg);
  -ms-transform: skew(8deg, 0deg);
  -moz-transform: skew(8deg, 0deg);
  -webkit-transform: skew(8deg, 0deg);
  -o-transform: skew(9deg, 0deg);
  overflow: hidden;
}

.culture-two-img .skew-elm2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.6rem;
  height: 3.3rem;
  transform-origin: bottom;
  transform: skew(-16deg, 0deg);
  -ms-transform: skew(-16deg, 0deg);
  -moz-transform: skew(-16deg, 0deg);
  -webkit-transform: skew(-16deg, 0deg);
  -o-transform: skew(-16deg, 0deg);
  overflow: hidden;
}

.culture-two-img .con {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.6rem;
  height: 3.3rem;
  transform-origin: bottom;
  transform: skew(16deg, 0deg);
  -ms-transform: skew(16deg, 0deg);
  -moz-transform: skew(16deg, 0deg);
  -webkit-transform: skew(16deg, 0deg);
  -o-transform: skew(16deg, 0deg);
  background-image: url(/static/website/template/images/PC-slices/3-main-pages/career/company-culture/acme.png);
  filter: brightness(100%);
  -webkit-filter: brightness(100%);
  transition: filter .3s;
}

.culture-two-text {
  left: 0;
  top: 6.04rem;
  overflow: hidden;
  position: relative;
}

.culture-two-text .skew-elm2 {
  position: absolute;
  left: -1.08rem;
  top: 0;
  width: 5.74rem;
  height: 3.3rem;
  transform-origin: bottom;
  transform: skew(-16deg, 0deg);
  -ms-transform: skew(-16deg, 0deg);
  -moz-transform: skew(-16deg, 0deg);
  -webkit-transform: skew(-16deg, 0deg);
  -o-transform: skew(-16deg, 0deg);
  overflow: hidden;
  background-color: #f2f5fa;
  z-index: 0;
}

.culture-two-text .all {
  position: relative;
}

.culture-three-img {
  top: 9.60rem;
  left: 0;
}

.culture-three-img .skew-elm1 {
  width: 6.6rem;
  height: 3.3rem;
  transform-origin: bottom;
  transform: skew(8deg, 0deg);
  -ms-transform: skew(8deg, 0deg);
  -moz-transform: skew(8deg, 0deg);
  -webkit-transform: skew(8deg, 0deg);
  -o-transform: skew(9deg, 0deg);
  overflow: hidden;
}

.culture-three-img .skew-elm2 {
  position: absolute;
  top: 0;
  left: -.95rem;
  width: 6.6rem;
  height: 3.3rem;
  transform-origin: bottom;
  transform: skew(-16deg, 0deg);
  -ms-transform: skew(-16deg, 0deg);
  -moz-transform: skew(-16deg, 0deg);
  -webkit-transform: skew(-16deg, 0deg);
  -o-transform: skew(-16deg, 0deg);
  overflow: hidden;
}

.culture-three-img .con {
  position: absolute;
  top: 0;
  left: .95rem;
  width: 6.6rem;
  height: 3.3rem;
  transform-origin: bottom;
  transform: skew(16deg, 0deg);
  -ms-transform: skew(16deg, 0deg);
  -moz-transform: skew(16deg, 0deg);
  -webkit-transform: skew(16deg, 0deg);
  -o-transform: skew(16deg, 0deg);
  background-image: url(/static/website/template/images/PC-slices/3-main-pages/career/company-culture/flexible.png);
  filter: brightness(100%);
  -webkit-filter: brightness(100%);
  transition: filter .3s;
}

.culture-three-text {
  top: 9.60rem;
  right: 0;
  padding: .64rem 0 0 1.14rem;
  overflow: hidden;
}

.culture-three-text .skew-elm2 {
  position: absolute;
  left: .27rem;
  top: 0;
  width: 5.74rem;
  height: 3.3rem;
  transform-origin: bottom;
  transform: skew(-16deg, 0deg);
  -ms-transform: skew(-16deg, 0deg);
  -moz-transform: skew(-16deg, 0deg);
  -webkit-transform: skew(-16deg, 0deg);
  -o-transform: skew(-16deg, 0deg);
  overflow: hidden;
  background-color: #f2f5fa;
  z-index: 0;
}

.culture-three-text .all {
  position: absolute;
  left: 2rem;
}

.culture-four-img {
  top: 13.14rem;
  right: 0;
}

.culture-four-img .skew-elm1 {
  width: 6.6rem;
  height: 3.3rem;
  transform-origin: bottom;
  transform: skew(8deg, 0deg);
  -ms-transform: skew(8deg, 0deg);
  -moz-transform: skew(8deg, 0deg);
  -webkit-transform: skew(8deg, 0deg);
  -o-transform: skew(9deg, 0deg);
  overflow: hidden;
}

.culture-four-img .skew-elm2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.6rem;
  height: 3.3rem;
  transform-origin: bottom;
  transform: skew(-16deg, 0deg);
  -ms-transform: skew(-16deg, 0deg);
  -moz-transform: skew(-16deg, 0deg);
  -webkit-transform: skew(-16deg, 0deg);
  -o-transform: skew(-16deg, 0deg);
  overflow: hidden;
}

.culture-four-img .con {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.6rem;
  height: 3.3rem;
  transform-origin: bottom;
  transform: skew(16deg, 0deg);
  -ms-transform: skew(16deg, 0deg);
  -moz-transform: skew(16deg, 0deg);
  -webkit-transform: skew(16deg, 0deg);
  -o-transform: skew(16deg, 0deg);
  background-image: url(/static/website/template/images/PC-slices/3-main-pages/career/company-culture/personality.png);
  filter: brightness(100%);
  -webkit-filter: brightness(100%);
  transition: filter .3s;
}

.culture-four-text {
  top: 13.14rem;
  left: 0;
  overflow: hidden;
}

.culture-four-text .skew-elm2 {
  position: absolute;
  left: -1.08rem;
  top: 0;
  width: 5.74rem;
  height: 3.3rem;
  transform-origin: bottom;
  transform: skew(-16deg, 0deg);
  -ms-transform: skew(-16deg, 0deg);
  -moz-transform: skew(-16deg, 0deg);
  -webkit-transform: skew(-16deg, 0deg);
  -o-transform: skew(-16deg, 0deg);
  overflow: hidden;
  background-color: #f2f5fa;
  z-index: 0;
}

.culture-four-text .all {
  position: absolute;
}

.culture .icon {
  position: absolute;
  top: 9.34rem;
  left: 3.80rem;
  width: 3.20rem;
  height: .82rem;
  background: url(/static/website/template/images/placeholder.jpg) left top / 100% 100% no-repeat;
}

.culture-mo {
  display: none;
}

.footer {
  height: 3.56rem;
}

.footer-container {
  width: 11.54rem;
  height: 3.56rem;
  margin: 0 auto;
  padding: .38rem 0 0 0;
}

.footer-icon {
  width: 1.55rem;
  height: .35rem;
}

.footer-link-mo {
  display: none;
}

.footer-link {
  display: flex;
  width: 9.10rem;
  margin-top: .20rem;
}

.footer-link>div {
  flex-grow: 4;
  /* default 0 */
}

.footer-link>div>p {
  font-size: .16rem;
  margin-bottom: .14rem;
}

.code-re {
  right: 1.2rem;
  top: .95rem;
  left: auto;
}

.code-re .icon {
  width: .90rem;
  height: .90rem;
  background: url(/static/website/template/images/qrcode/qrcode-official.png) 50% 50% / 90% 90% no-repeat;
  box-shadow: 0 0 10px #d6d6d6;
  border-radius: 10%;
}

.code-re .text {
  width: .90rem;
  height: .26rem;
  margin-top: .08rem;
  font-size: .14rem;
  line-height: .26rem;
  border-radius: .26rem;
}

.code-es {
  right: 2.4rem;
  top: .95rem;
  left: auto;
}

.code-es .icon {
  width: .90rem;
  height: .90rem;
  background: url(/static/website/template/images/qrcode/qrcode-recruitment.png) 50% 50% / 90% 90% no-repeat;
  box-shadow: 0 0 10px #d6d6d6;
  border-radius: 10%;
}

.code-es .text {
  width: .90rem;
  height: .26rem;
  margin-top: .08rem;
  font-size: .14rem;
  line-height: .26rem;
  border-radius: .26rem;
}
.code-gy {
  right: 0rem;
  top: .95rem;
  left: auto;
}

.code-gy .icon {
  width: .90rem;
  height: .90rem;
  background: url(/static/website/template/images/qrcode/btn_01.jpg) 50% 50% / 90% 90% no-repeat;
  box-shadow: 0 0 10px #d6d6d6;
  border-radius: 10%;
}

.code-gy .text {
  width: .90rem;
  height: .26rem;
  margin-top: .08rem;
  font-size: .14rem;
  line-height: .26rem;
  border-radius: .26rem;
}
.code-copyright {
  bottom: .55rem;
  left: 0;
  width: 11.54rem;
  padding-top: .15rem;
  border-top: .01rem solid #ccc;
  font-size: .16rem;
}

/* 合格投资者认证 */

.modal-backdrop {
  opacity: 0 !important;
  /* filter: alpha(opacity=0) !important; */
}

.modal-open .modal {
  overflow: hidden;
}

#exampleModalCenter {
  background: rgba(0, 0, 0, 0.2);
  padding-right: 0!important;
}

#exampleModalCenter .modal-content {
  border-radius: .05rem;
  border: 0;
  background-color: #fff;
}

#exampleModalCenter .modal-body {
  min-height: 3rem;
  height: 80vh;
  padding: .55rem .2rem 0 0;
}

#exampleModalCenter .modal-body .modal-body-top {
  position: relative;
  height: calc(100% - 1.8rem);
}

#exampleModalCenter .modal-body .modal-body-top div.line {
  position: absolute;
  left: 1.14rem;
  bottom: 0;
  width: 7.04rem;
  height: 0.25rem;
  background-color: #fff;
  border-bottom: 2px solid #ddddde;
  box-shadow: 0 -22px 10px rgba(255, 255, 255, 0.9);
}

#exampleModalCenter .modal-body .modal-body-title {
  font-size: .24rem;
  font-weight: 500;
  text-align: center;
}

#exampleModalCenter .modal-body .modal-body-content {
  position: relative;
  height: 5rem;
  height: calc(100% - .7rem);
  padding: 0 .94rem 0 1.14rem;
  margin-top: 0.3rem;
  overflow: auto;
}

#exampleModalCenter .modal-body .modal-body-content div {
  font-size: .16rem;
  line-height: 0.3rem;
  color: #000;
  word-wrap: break-word;
  word-break: break-all;
}

#exampleModalCenter .modal-body .modal-body-content div:nth-child(1) {
  margin-bottom: .3rem;
}

#exampleModalCenter .modal-body .modal-body-content div:nth-child(3) {
  margin-bottom: .3rem;
}

#exampleModalCenter .modal-body .modal-body-content div:nth-child(6) {
  margin-bottom: 0.54rem;
}

#exampleModalCenter .modal-body>div:nth-child(2) {
  height: 60vh;
  overflow-y: auto;
}

#exampleModalCenter .modal-dialog {
  max-width: 9.37rem;
  max-height: 8rem;
  min-height: calc(100% - 3.5rem);
  margin: 10vh auto;
}

#exampleModalCenter .modal-dialog .modal-content .modal-body .modal-first-title .close span {
  position: absolute;
  top: 0;
  right: 5px;
}

#exampleModalCenter .modal-dialog .modal-content .modal-body .modal-first-bottom {
  overflow: hidden;
  width: 1.56rem;
  margin: 0 auto;
  margin-top: .27rem;
  text-align: center;
}

#exampleModalCenter .modal-dialog .modal-content .modal-body .modal-first-bottom .modal-first-bottom-accept {
  position: relative;
  text-align: center;
  height: .6rem;
  line-height: .6rem;
  font-size: .16rem;
  cursor: pointer;
}

#exampleModalCenter .modal-dialog .modal-content .modal-body .modal-first-bottom .modal-first-bottom-accept svg {
  position: absolute;
  top: 0;
  right: 0;
}

#exampleModalCenter .modal-dialog .modal-content .modal-body .modal-first-bottom .modal-first-bottom-giveup {
  display: inline-block;
  color: #000;
  text-align: center;
  height: .32rem;
  line-height: .32rem;
  font-size: .16rem;
  cursor: pointer;
  margin-top: 0.1rem;
  border-bottom: 1px solid #000;
}

/* 滚动条 */

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

#exampleModalCenter ::-webkit-scrollbar {
  width: 5px!important;
  background-color: #fff!important;
}

/*定义滚动条轨道 内阴影+圆角*/

#exampleModalCenter ::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3)!important;   */
  /* border-radius: 10px;   */
  background-color: #f4f4f5!important;
}

/*定义滑块 内阴影+圆角*/

#exampleModalCenter ::-webkit-scrollbar-thumb {
  border-radius: 10px!important;
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3)!important;   */
  background-color: #dfdfe1!important;
}

/*滑块效果*/

#exampleModalCenter ::-webkit-scrollbar-thumb:hover {
  border-radius: 5px!important;
  /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2)!important; */
  background: rgba(0, 0, 0, 0.4)!important;
}

.modal-open {
  overflow: auto;
}

#exampleModalCenter {
  /*三角箭头的颜色*/
  scrollbar-arrow-color: #f4f4f5;
  /*滚动条滑块按钮的颜色*/
  scrollbar-face-color: #dfdfe1;
  /*滚动条整体颜色*/
  scrollbar-highlight-color: #dfdfe1;
  /*滚动条阴影*/
  scrollbar-shadow-color: #dfdfe1;
  /*滚动条轨道颜色*/
  scrollbar-track-color: #f4f4f5;
  /*滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色*/
  scrollbar-3dlight-color: #dfdfe1;
  /*滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色*/
  scrollbar-darkshadow-color: #dfdfe1;
  /*滚动条基准颜色*/
  scrollbar-base-color: #dfdfe1;
}