<template lang="">
  <div class="container">
    <div class="wrapper">
      <div class="title">
        <img src="@/assets/success.png" />
      </div>
      <div class="content">
        您已完成报名，后续会有工作人员联系您，请耐心等待...
      </div>
      <div class="bottom">
        <img src="@/assets/okbtn.png" />
      </div>
    </div>
   <div class="tips">*您上传的信息将仅用于申请报名鲸逸到家服务商。</div>
  </div>
</template>
<script>
export default {};
</script>
<style lang="">
.container {
  background-image: url("https://jms.lifejingzhi.com/file/jms/fuwe/join_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 240px 15px 20px;
  height: 100vh;
}
.wrapper {
  height: 312px;
  border-radius: 20px;
  background-color: #fff;
  padding: 22px 19px 20px 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.content {
  width: 289px;
  text-align: center;
  text-align: center;
  color: #4e4e4e;
  font-size: 20px;
  font-weight: bold;
  font-family: AlibabaPuHuiTi_2_115_Black;
}
.tips{
  color: #fff;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  margin-top: 12px;
}
.title{
  width: 150px;
  height: 46px;
}
.bottom{
  width: 253px;
  height: 58px;
}
.title img{
  width: 100%;
  height: 100%;
}
.bottom img{
  width: 100%;
  height: 100%;
}
</style>
