.public {
  height: 100vh;
  background-color: #fff;
}
.public-container {
  height: 320rpx;
  display: flex;
  align-items: center;
  background-image: url('../../../assets/images/banner.png');
  background-repeat: no-repeat;
  background-position: right;
  overflow: hidden;
  padding: 45rpx;
  box-sizing: border-box;
  .contacts {
    height: 75rpx;
    width: 75rpx;
    border-radius: 50%;
    border: solid 1px gray;
    .image {
      width: 100%;
      height: 100%;
    }
  }
  .tips-text {
    display: flex;
    font-size: 28rpx;
    color: #fff;
    line-height: 50rpx;
    margin-left: 20rpx;
    flex-direction: column;
    justify-content: space-evenly;
  }
}
.exit {
  height: 100rpx;
  line-height: 40px;
  border-bottom: solid 0.5px #ebebf7;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #7d7d7d;
  .exitItem {
    display: flex;
    align-items: center;
    margin-left: 30rpx;
  }
  .exitItemIndex {
    height: 40rpx;
    width: 40rpx;
    border-radius: 50%;
    display: block;
    line-height: 48rpx;
    image {
      width: 100%;
      height: 100%;
    }
  }
  .microscope {
    width: 8px;
    height: 8px;
    display: inline-block;
    border: solid 2px #ccc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: white;
    border-left: white;
  }
}