<template>
  <div class="page_joinedGroup">
    <div class="joinedGroupTitle">
      <i class="iconfont icon-zuojiantou jiantou"></i>
    </div>
    <div class="joinedGroupTxt">
      你已经被邀请加入以下医院/组织/团队
    </div>
    <div class="joinBox">
      <div class="joinOne" v-for="item in 8">
        <img class="joinImg" src="../../assets/images/m05.png" alt="" />
        <div class="joinName">
          酷医云演示中心机构酷医云演示中心机构酷医云演示中心机构
        </div>
      </div>
    </div>
    <div class="know">我已了解，进入酷医云</div>
    <div class="wantCreate">我想创建医院/组织/团队></div>
  </div>
</template>

<style lang="scss" scoped>
.page_joinedGroup {
  height: 100%;
  overflow: hidden;
  .joinedGroupTitle {
    height: 3.125rem;
    line-height: 3.125rem;
    display: flex;
    align-items: center;
  }
  .jiantou {
    margin-left: 1rem;
    font-size: 1.5rem;
    font-weight: 600;
  }
  .joinedGroupTxt {
    font-size: 1.0625rem;
    font-family: PingFangSC;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    line-height: 0.9375rem;
  }
  .joinedGroupTxt {
    padding: 1.25rem;
    font-size: 17px;
    font-family: PingFangSC;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    line-height: 15px;
  }
  .joinBox {
    width: 21.125rem;
    height: 22.75rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 15px 0px rgba(91, 91, 91, 0.3);
    border-radius: 3px;
    margin: 0 auto;
    overflow-y: auto;
    .joinImg {
      width: 3rem;
      height: 3rem;
    }
    .joinOne {
      display: flex;
      height: 3.125rem;
      align-items: center;
      margin: 1rem 1rem 0;
    }
    .joinName {
      margin-left: 0.625rem;
      width: 18.75rem;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
  }
  ::-webkit-scrollbar {
    width: 0;
  }
  .know {
    width: 19.25rem;
    height: 2.875rem;
    line-height: 2.875rem;
    background: rgba(51, 138, 251, 1);
    box-shadow: 0px 1px 12px 0px rgba(51, 138, 251, 1);
    border-radius: 23px;
    color: #fff;
    text-align: center;
    margin: 1.875rem auto 1.625rem;
  }
  .wantCreate {
    text-align: center;
    text-decoration: underline;
    color: #338afb;
    font-size: 0.8125rem;
  }
}
</style>
