@import "node_modules/bootstrap/scss/_functions.scss";
@import "node_modules/bootstrap/scss/_variables.scss";
@import "node_modules/bootstrap/scss/_mixins.scss";

.pageroot{
  display: flex;
  flex-direction: column;
  width: 100%;
  @include media-breakpoint-between(xs, md) {
  }

  @include media-breakpoint-between(md, xl) {
  }
}

.pagebanner{
  width: 100%;
  background-size:100% 100%;
  background-attachment: scroll;
  background-size: 100% 100%;      /* 图片宽高100%填充div */
  background-repeat: no-repeat;
  background-position: center center;
  @include media-breakpoint-between(xs, md) {
    padding-bottom: 192%;
  }

  @include media-breakpoint-up(md) {
    padding-bottom: 52.6673640167364%;
  }
}