.no-gutters>[class*=col-] {
      padding-right: 0;
      padding-left: 0
    }

    .col,
    .col-6,
    .col-lg-4,
    .col-lg-6,
    .col-lg-8,
    .col-md-4,
    .col-sm-6,
    .col-xl-6 {
      position: relative;
      width: 100%;
      padding-right: 15px;
      padding-left: 15px
    }
    
                    /* ----- 通用PB分页条 ----- */
    .pagebar .pagination {
      display: flex;
      justify-content: center;
      margin-top: 10px;
    }
    .pagination a {
      background: #fff;
      border: 1px solid #ccc;
      color: #333;
      font-size: 14px;
      padding: 6px 8px;
      margin: 0 2px;
      border-radius: 3px;
    }
    .pagination a:hover {
      color: #4fc08d;
      border: 1px solid #4fc08d;
    }
    .pagination a.page-num-current {
      color: #fff;
      background: #4fc08d;
      border: 1px solid #4fc08d;
    }

    .col {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%
    }

    .col-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }

    @media (min-width:576px) {
      .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
      }
    }

    @media (min-width:768px) {
      .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
      }
    }

    @media (min-width:992px) {
      .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
      }

      .col-lg-6 {
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%
            }

      .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
      }
    }

    @media (min-width:1200px) {
      .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
      }
    }


    .page-banner {
      height: 500px;
      background-position: center;
      background-size: cover;
      position: relative;
      margin-bottom: 50px
    }

    .page-banner .container {
      position: relative;
      height: 100%
    }

    .page-banner .banner-heading {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%) translateZ(0);
      -ms-transform: translateY(-50%) translateZ(0);
      transform: translateY(-50%) translateZ(0);
      filter: blur(0);
      -webkit-filter: blur(0);
      color: #fff;
      font-size: 48px;
      text-transform: uppercase;
      margin-top: 30px;
      z-index: 2
    }

    @media (max-width:1399px) {
      .page-banner {
        background-position: right -100px top;
        height: 400px
      }
    }

    @media (max-width:1199px) {
      .page-banner {
        height: 37vw;
        background-position: center top
      }
    }

    @media (max-width:991px) {
      .page-banner {
        height: 37vw;
        background-position: center top
      }

      .page-banner .banner-heading {
        margin-top: 0;
        font-size: 26px
      }
    }

    @media (max-width:480px) {
      .page-banner {
        height: 50vw
      }

      .page-banner .banner-heading {
        font-size: 20px
      }

      .page-banner:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        opacity: .9;
        background-image: linear-gradient(to right, #0d3c6f, rgba(13, 60, 111, 0));
        z-index: 1
      }
    }

    .qrbox {
      text-align: center
    }

    .ibet-header,
    .promo-listing a:hover {
      -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2)
    }

    .ibet-tab {
      margin-bottom: 50px;
      flex-wrap: wrap
    }

    amp-selector.tabs-with-selector.ibet-tab .nav-item {
      text-transform: uppercase;
      font-size: 16px;
      font-weight: 700;
      color: rgba(0, 0, 0, .5);
      position: relative;
      margin-left: 30px;
      margin-right: 30px;
      margin-bottom: 15px;
      line-height: 1;
      padding: 5px 0 5px 10px;
      background-color: transparent;
      border-radius: 0;
      width: auto;
      text-align: left
    }

    amp-selector.tabs-with-selector.ibet-tab .focus:after,
    amp-selector.tabs-with-selector.ibet-tab .focus:before {
      content: '';
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
      transform-origin: 100% 0;
      -webkit-transform: skew(-45deg);
      -ms-transform: skew(-45deg);
      transform: skew(-45deg);
      z-index: -1
    }

    amp-selector.tabs-with-selector.ibet-tab .nav-item:before {
      left: 0;
      color: #fff;
    }

    amp-selector.tabs-with-selector.ibet-tab .nav-item:after {
      right: -37px;
      color: #fff;
    }

    amp-selector .tabs-with-selector.ibet-tab .focus {
      color: #fff;
      background-color: #00a3e0;
    }

    .navbar-toggler:hover .nav-icon span,
    amp-selector.tabs-with-selector.ibet-tab .focus:after,
    amp-selector.tabs-with-selector.ibet-tab .focus:before {
      background-color: #00a3e0;
      color: #fff;
    }
    
    amp-selector.tabs-with-selector.ibet-tab .focus{
        color: #fff;
    }

    @media (max-width:1199px) {
      amp-selector.tabs-with-selector.ibet-tab {
        -ms-flex-pack: center;
        justify-content: center
      }

      amp-selector.tabs-with-selector.ibet-tab .nav-item {
        margin-left: 30px;
        margin-right: 30px
      }
    }

    .promo-img-side .img-wrapper {
      background-color: #ededed;
      padding-bottom: 73.33%;
      width: 305px;
      max-width: 100%;
      height: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center
    }

    @media (max-width:575px) {
      .promo-img-side .img-wrapper {
        width: 100%
      }
    }

    .promo-text-side .text-container,
    header {
      padding: 15px 15px 60px;
      position: relative;
      height: 100%
    }

    .promo-text-side .text-container * {
      color: #000;
      letter-spacing: 0
    }

    .promo-text-side .text-container label {
      font-weight: 700;
      font-size: 12px;
      opacity: .5;
      margin-bottom: 20px;
      text-transform: uppercase
    }

    .promo-text-side .text-container .promo-title {
      margin: 0;
      font-size: 18px
    }

    .promo-text-side .text-container .promo-period {
      display: block;
      font-size: 12px;
      margin-top: 10px
    }

    .promo-listing a,
    .promo-text-side .text-container .read-more {
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease
    }

    .promo-text-side .text-container .read-more {
      opacity: 0;
      background-color: #00a3e0;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      padding: 5px 15px;
      position: absolute;
      right: 0;
      bottom: 15px;
      display: inline-block
    }

    .promo-text-side .text-container .read-more:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #00a3e0;
      -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
      transform-origin: 100% 0;
      -webkit-transform: skew(-45deg);
      -ms-transform: skew(-45deg);
      transform: skew(-45deg);
      z-index: -1
    }

    @media (max-width:1199px) {
      .promo-text-side .text-container label {
        margin-bottom: 10px
      }
    }

    .promo-listing a {
      margin-bottom: 30px;
      display: block
    }

    .ibet-header,
    .promo-listing a:hover {
      box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2)
    }

    .promo-listing a:hover .read-more {
      opacity: 1
    }

    @media (max-width:767px) {
      .promo-listing a {
        -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2)
      }

      .promo-text-side .text-container .read-more {
        opacity: 1
      }
    }

    .ibet-header {
      background-color: #fff;
      position: fixed;
      z-index: 9;
      top: 0;
      left: 0;
      right: 0;
      transition: right .3s ease 0s
    }

    @media (min-width:992px) {
      .ibet-header {
        animation-name: dropHeader;
        animation-duration: .8s;
        animation-iteration-count: 1;
        animation-timing-function: ease-in-out;
        -webkit-animation-name: dropHeader;
        -webkit-animation-duration: .8s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-in-out;
        top: 20px;
        left: 30px;
        right: 30px
      }
    }

    .ibet-header .navbar-nav {
      -ms-flex-direction: row;
      flex-direction: row
    }

    @-webkit-keyframes dropHeader {
      0% {
        -webkit-transform: translateY(-10px);
        opacity: 0
      }

      to {
        -webkit-transform: translateY(0);
        opacity: 1
      }
    }

    @keyframes dropHeader {
      0% {
        transform: translateY(-10px);
        opacity: 0
      }

      to {
        transform: translateY(0);
        opacity: 1
      }
    }

    header {
      height: 66px;
      padding: 0 0 0 180px
    }

    header .logo,
    header .logo:after {
      position: absolute;
      height: 100%;
      background: #00a3e0
    }

    header .logo {
      left: 0;
      top: 0;
      width: 110px
    }

    header .logo amp-img {
      width: 50px;
      margin-left: 20px
    }

    header .logo:after {
      -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
      -webkit-transform: skew(-45deg);
      -ms-transform: skew(-45deg);
      content: '';
      top: 0;
      left: 70%;
      width: 90%;
      transform-origin: 100% 0;
      transform: skew(-45deg);
      z-index: -1
    }

    @media (min-width:768px) {
      header .logo amp-img {
        width: 80px
      }
    }

    @media (min-width:1401px) {
      header {
        padding-left: 220px
      }

      header .logo {
        width: 140px
      }

      header .logo amp-img {
        width: 100px
      }

      header .logo:after {
        width: 100%;
        left: 50%
      }
    }

    .navbar-nav .nav-item .nav-link {
      color: #000;
      font-size: 15px;
      font-weight: 700;
      text-transform: uppercase;
      padding-right: 14px;
      padding-left: 14px;
      text-align: center;
      display: flex;
      align-self: center
    }

    .navbar-nav .nav-item .nav-link:focus,
    .navbar-nav .nav-item .nav-link:hover {
      color: #00a3e0
    }

    .navbar-nav .nav-item {
      border-top: 4px solid transparent;
      border-bottom: 4px solid transparent;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
      align-self: stretch
    }

    .navbar-nav .nav-item.active {
      border-bottom-color: #00a3e0
    }

    .navbar-nav .nav-item.active .nav-link {
      color: #00a3e0
    }

    @media (min-width:1401px) {
      .navbar-nav .nav-item .nav-link {
        font-size: 16px;
        padding-right: 18px;
        padding-left: 18px
      }
    }

    @media (max-width:768px) {
        amp-selector.tabs-with-selector.ibet-tab .tab-navs{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-evenly;
        }
        amp-selector.tabs-with-selector.ibet-tab .tab-navs .nav-item{
            display: block;
            width: 40%;
            text-align: center;
            margin: 0 0 10px;
        }
    }
    
    #desktop-toggler {
      display: inline-flex;
      align-self: center;
      height: 100%;
      -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out
    }
    
    #content-slider .amp-carousel-button,
    #desktop-banner .amp-carousel-button,
    #mobile-banner .amp-carousel-button,
    .category-slider .amp-carousel-button,
    .product-slider .amp-carousel-button {
      display: none
    }

    .amp-carousel-button {
      z-index: 2
    }

    .amp-carousel-button-prev {
      background: url(/resource/img/chevron-left-solid.svg);
      width: 8px;
      height: 13px
    }

    .amp-carousel-button-next {
      background: url(/resource/img/chevron-right-solid.svg);
      width: 8px;
      height: 13px
    }

    amp-carousel :focus,
    amp-carousel:focus,
    amp-selector :not(.indicator-dot):focus,
    amp-selector:focus {
      outline: none
    }

    @media (min-width:576px) {
      .amp-carousel-button-prev {
        left: -15px
      }

      .amp-carousel-button-next {
        right: -15px
      }
    }

    amp-selector[role=tablist].tabs-with-flex {
      display: flex;
      flex-wrap: wrap
    }

    amp-selector[role=tablist].tabs-with-flex [role=tab] {
      flex-grow: 1;
      text-align: center;
      padding: var(--space-1)
    }

    amp-selector[role=tablist].tabs-with-flex [role=tab][selected],
    amp-selector[role=tablist].tabs-with-selector [role=tab][selected] {
      outline: none;
      border-bottom: 2px solid var(--color-primary)
    }

    amp-selector[role=tablist].tabs-with-flex [role=tabpanel] {
      display: none;
      width: 100%;
      order: 1;
      padding: var(--space-4)
    }

    amp-selector[role=tablist].tabs-with-flex [role=tab][selected]+[role=tabpanel] {
      display: block
    }

    amp-selector[role=tablist].tabs-with-selector {
      display: flex
    }

    amp-selector[role=tablist].tabs-with-selector {
      width: 100%;
      text-align: center;
      padding: var(--space-1)
    }

    amp-selector.tabpanels [role=tabpanel] {
      display: none;
      padding: var(--space-4)
    }

    amp-selector.tabpanels [role=tabpanel][selected] {
      outline: none;
      display: block
    }

    #desktop-nav li.nav-item.d-xl-none {
      display: none
    }

    #desktop-nav,
    #desktop-nav nav,
    #desktop-nav nav ul {
      height: 100%;
    }
    .content-box{
        display:none;
    }


    body {
      -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
      -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
      -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
      animation: -amp-start 8s steps(1, end) 0s 1 normal both
    }

    @-webkit-keyframes -amp-start {
      from {
        visibility: hidden
      }

      to {
        visibility: visible
      }
    }

    @-moz-keyframes -amp-start {
      from {
        visibility: hidden
      }

      to {
        visibility: visible
      }
    }

    @-ms-keyframes -amp-start {
      from {
        visibility: hidden
      }

      to {
        visibility: visible
      }
    }

    @-o-keyframes -amp-start {
      from {
        visibility: hidden
      }

      to {
        visibility: visible
      }
    }

    @keyframes -amp-start {
      from {
        visibility: hidden
      }

      to {
        visibility: visible
      }
    }