f28()
  font-size:28px

.f24{
  font-size: 24px!important
}
.goodhead{
  font-size: 28px
  font-weight: lighter
  box-sizing: border-box
  background-color: #FAFAFA
  color: #2F2929
  &-head{
    height 772px
    position relative
    flex-center(center,center)
    flex-direction: column
    color: #fff
    img{
      width 100%
      position absolute
      left: 0;
      bottom: 0;
    }
    .goodhead-cover{
      height 772px
      width 100%
      position absolute
      left: 0;
      bottom: 0;
      background: linear-gradient(-180deg,rgba(0, 0, 0, 0),rgba(25, 25, 25, 1))
    }
    .text {
      width 100%
      position relative
      z-index 30
      text-align: center
      margin-top 40px
    }
    &-title{
      font-size: 64px
      font-weight: 500
    }
    &-text{
      width 576px
      height 176px
      line-height: 1.5
      margin: 50px auto 0 auto
    }
    &-name{
      margin-top: 130px
      text-align: center
      .main{
        font-size: 74px
        font-weight: 500
      }
      .del{
        color:#A2A2A2;
        margin-top:9px
      }
      span{
        font-size: 29px
      }
    }
  }
  &-about{
    background-color: #fff
    padding-top: 90px
    height 332px
    flex-direction: column
    box-sizing: border-box
    padding-left: 44px;
    padding-right: 44px
    flex-center(center,center)
    &-name{
      font-weight: 500
      font-size: 44px
    }
    >div{
      text-align: center
    }
    &-text{
      margin-top 30px
    }
    &-site{
      margin-top 60px
      width 100%
      flex-center(space-around,center)
      >div{
        font-size: 24px
        flex-center(center,center)
        .sym{
          margin-right: 10px
        }
      }
    }
    .split-line{
      height 2px
      width 100%
      background-color: #D4D4D4
      margin-top 50px
    }
  }
  .goods-info-doc{
    background-color: #fff
    img{
      margin-top 90px
    }
  }
}