<template>
  <div class="marketing">
    <add-desc></add-desc>
    <el-row>
      <el-col :span="2">
        <step></step>
      </el-col>
      <el-col :span="20" :offset="1">
        <step-info></step-info>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import AddDesc from './components/AddDesc'
import Step from './components/Step'
import StepInfo from './components/StepInfo'

export default {
  components: {
    AddDesc,
    Step,
    StepInfo
  }
}
</script>

<style lang="stylus" scoped>
.marketing
  .marketing-button
    margin-top 10px
    background-color #fff
    height 182px
    .button-left, .button-right
      padding-left 10px
      .left-title
        height 50px
        line-height 50px
        .left-title-name
          float left
        .left-title-message
          float right
          padding-right 20px
      .left-icon
        height 140px
        .icon-left
          float left
          width 50%
        .icon-right, .icon-left
          padding 20px 0
          text-align center
          .icon-wechat
            font-size 40px
          .icon-wechat-msg
            font-size 14px
            padding-top 10px
    .button-right
      .right-marketing
        padding 20px 0
        text-align center
        .icon-wechat
          font-size 40px
        .icon-wechat-msg
          font-size 14px
          padding-top 10px
  .marketing-white
    background-color #fff
    height 27px
  .marketing-tabs
    position relative
    top -10px
</style>
