 <template>
  <div class="shopInfo">
    <div class="shopInfo_main">
      <div class="head">
        <img class="bg" src="../../assets/images/bg.png" alt="">
        <!-- <img class="logo" src="../../assets/images/logo_1.png" alt=""> -->
        <p class="logo_title">一幕影链商户平台</p>
    </div>
    <div class="main">
      <h3 class="title">商户入驻申请</h3>
      <Steps :current="stepStatus" class="step">
        <Step title="注册账号"></Step>
        <Step title="完善信息"></Step>
        <Step title="平台审核"></Step>
        <Step title="缴纳费用"></Step>
        <Step title="完成"></Step>
      </Steps>
      <div class="tologin">
        <p>您好，您已成功入驻一幕影链商户平台，快去登录发布商品吧！</p>

        <Button to="/login" class="login">去登录</Button>
      </div>
    </div>
    </div>

  </div>
</template>

<script>
export default {
  data () {
    return {
      stepStatus: 4
    }
  }
}
</script>

<style lang="less" scoped>
* {
  margin: 0;
  padding: 0;
}

.shopInfo {
    width: 100%;
    height: 100%;
    background: #F7F7F7 url('../../assets/images/bg.png') no-repeat 0 0 scroll;
    // height: 2000px;
    // background: #F7F7F7;
    overflow-y: scroll;
    // position: relative;
    .shopInfo_main{
      min-width: 1300px;
      position: relative;
      min-height: 800px;
      .head{
        position: relative;
        min-width: 1200px;
        .bg{
            // display: block;
            // width: 100%;
            // height: 10%;

        }
        .logo{
            position: absolute;
            top: 78px;
            left: 368px;
        }
        .logo_title{
            width: 220px;
            height: 30px;
            font-size: 32px;
            font-family: Source Han Sans CN;
            font-weight: 500;
            color: #FFFFFF;
            line-height: 46px;
            position: absolute;
            top: 86px;
            left: 360px;
        }
      }
      .main{
        width: 1200px;
        min-height:650px;
        background: #FFFFFF;
        border-radius: 10px;
        position: absolute;
        top:200px;
        left: 50%;
        transform: translateX(-50%);
        // overflow:scroll;
        .title {
          margin-top: 77px;
          font-size: 34px;
          font-family: Source Han Sans CN;
          font-weight: 500;
          color: #333333;
          line-height: 46px;
          text-align: center;
        }
        .step {
            width: 80%;
            margin: 0 auto;
            padding: 50px 0 0 9%;
        }
        /deep/
      .ivu-steps-title{
        line-height: 26px;
      }
        // .brandList {
        //   padding: 30px;
        //   display: block;
        //   width: 500px;
        //   margin: 0 auto;
        //   .shopList {
        //     padding-bottom: 20px;
        //   }
        //   .btn {
        //     width: 90px;
        //     height: 48px;
        //     margin-bottom: 50px;
        //   }
        // }
        .underReview {
          font-size: 20px;
          text-align: center;
          margin: 150px;
          .contact {
            padding: 50px 0;
            width: 300px;
            display: flex;
            margin: 0 auto;
            flex-direction: row;
            justify-content: space-around;
            .btn_one{
              width: 90px;
              height: 48px;
            }
            .btn_two{
              width: 90px;
              height: 48px;
            }
          }
        }
        .tologin{
          font-size: 20px;
          text-align: center;
          margin: 150px;
          .login{
            margin: 50px;
            width: 90px;
            height: 48px;
            padding: 15px;
          }
        }
      }
    }
}
</style>
