.goods-intro{
    color: #2F2929
    overflow: hidden
    &-doc{
        position relative
        height 490px
    }
    &-tab{
        flex-center()
        flex-direction: column
        font-size: 28px
        top: 0
        width: 100%
        z-index: 100
        background-color: #fff
        ul{
            flex-center(space-between,center)
            height: 1.1rem;
            width: 100%;
            padding-left: 40px;
            padding-right: 40px;
            box-sizing: border-box;
            li{
                a{
                   color: #2F2929
                   display flex
                   align-items: center
                   text-decoration: none
                }
                flex-center(space-between,center)
                width: 1.3rem

            }
        }
    }
    .active-cls{
        color: #E96858
        &:before{
            content: ''
            width 6px
            height 24px
            border-radius: 6px
            background-color: #E96858
            margin-right: 0.1rem
        }
    }
    .split-line{
        height 2px
        background-color: #D4D4D4
        width 662px
        transition: width .5s;
    }
    .active-line{
        width 100%
        transition: width .5s;
    }
    .goods-intro-main{
        padding: 64px 44px
        box-sizing: border-box
        position: relative
        .goods-intro-head{
            font-size: 44px
            margin-bottom 72px
            font-weight: 500
        }
        .goods-intro-img{
            img{
                position relative
                margin-bottom: 125px
            }
        }
    }
}



.color-gray{
    color: gray
}