@import './component/variable.less';
@import '../utils/reset.less';
@import './component/foot.less';
@import './component/head.less';
@import './component/banner.less';

@nav-tab-active-color: #FF6526;

#banner {
  .banner190();
  background: #232b35 url('../../images/20230421/banner-solution.png') no-repeat center center;
  background-size: cover;
}

#solution-nav {
  width: 100%;
  background: #fff;
  li a {
    width: 100%;
    line-height: 48rem;
    font-family: AlibabaPuHuiTiM;
    font-size: 16rem !important;
    &.active {
      color: @theme-primary-color !important;
    }
  }
  .nav-tab{
    padding:0 16rem;
    border-bottom: 1px solid #E6E6E6;
    > a{
      display: block;
      height: 48rem;
      color: #333333;
      position: relative;
      &.icon {
        &::after {
          position: absolute;
          content: url('../../images/20230421/footer-icon-default.svg');
          display: block;
          width: 20rem;
          height: 20rem;
          line-height: 20rem;
          top: 14rem;
          right: 0;
        }
        &.active {
          &::after {
            content: url('../../images/20230421/head-icon-active.svg');
          }
        }
        &.expand {
          &::after {
            content: url('../../images/20230421/footer-icon-active.svg');
          }
        }
      }
    }
    ul {
      display: none;
      li a {
        color: #999999;
      }
    }
  }
}

#reform-overview {
  p {
    margin-top: 8rem;
    line-height: 20rem;
    font-family: AlibabaPuHuiTiR;
    font-size: 14rem;
    color: #666666;
    text-align: center;
  }
}
#solution {
  #myTabContent {
    padding-top: 8rem;
  }
  .t-block {
    padding: 24rem 16rem;
    &:nth-child(2n) {
      background: #F5F7FA;
    }
  }
  .c-overview {
    margin-top: 24rem;
  }
  .c-block {
    h2 {
      height: 27rem;
      line-height: 27rem;
      font-family: AlibabaPuHuiTiM;
      font-size: 20rem;
      font-weight: 500;
      color: #333333;
      letter-spacing: 0;
      text-align: center;

    }
    h3 {
      height: 22rem;
      line-height: 22rem;
      font-family: AlibabaPuHuiTiR;
      font-size: 16rem;
      font-weight: 500;
      color: #666666;
      letter-spacing: 0;
      text-align: center;
    }
    & > div {
      text-align: center;
    }
    .img-overview img{
      margin-top: 16rem;
      width: 100%;
    }
  }
  .example, .price {
    display: flex;
    justify-content: space-between;
    margin-top: 22px !important;
  }
  .only-one-img {
    justify-content: space-around !important;
    .price-item,
    .example-item {
      width: 100%;
      height: auto;
    }
  }
  .superiority-item {
    width: 100%;
    height: 254rem;
    margin-top: 24rem;
    padding: 0 24rem 0 24rem;
    background: #FFFFFF;
    box-shadow: 0 6rem 12rem 0 #a3a8ac29;
    border-radius: 8rem;
    h4 {
      height: 141rem;
      padding-top: 96rem;
      padding-bottom: 20rem;
      font-family: AlibabaPuHuiTiM;
      font-size: 18rem;
      color: #333333;
      letter-spacing: 0;
      text-align: center;
      border-bottom: 1px solid #DBDBDB;
    }
    p {
      padding-top: 24rem;
      font-family: AlibabaPuHuiTiR;
      font-size: 14rem;
      color: #666666;
      letter-spacing: 0;
      text-align: left;
    }
  }
  .superiority-item:nth-child(1) {
    h4 {
      background: url('../../images/20230421/solution/1.png') no-repeat center 32rem;
      background-size: 48rem 48rem;
    }
    
  }
  .superiority-item:nth-child(2) {
    h4 {
      background: url('../../images/20230421/solution/2.png') no-repeat center 32rem;
      background-size: 48rem 48rem;
    }
  }
  .superiority-item:nth-child(3) {
    h4 {
      background: url('../../images/20230421/solution/3.png') no-repeat center 32rem;
      background-size: 48rem 48rem;
    }
  }
  .example, .price {
    flex-wrap: wrap;
  }
  .example-item, .price-item {
    width: 185rem;
    height: 98rem;
    overflow: hidden;
    img {
      width: 100%;
      height: 100%;
    }
    &:nth-child(2) ~ .example-item {
      margin-top: 12rem;
    }
  }
  .priceTitle {
    p {
      margin-top: 12rem;
      font-family: AlibabaPuHuiTiR;
      font-size: 14rem;
      line-height: 20rem;
      color: #666666;
    }
  }
}