/*
 * @Author: worldzb 
 * @Date: 2022-02-22 13:29:39 
 * @Last Modified by: worldzb
 * @Last Modified time: 2022-02-28 16:04:09
 */

.share-dialog {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  margin-top: -2rem;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .share-dialog .content {
    width: 80%;
    position: relative;
    display: flex;
    padding: 0;
    background: #fff;
    justify-content: center; }
    .share-dialog .content > img {
      width: 100%; }
    .share-dialog .content .custom {
      position: absolute;
      top: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 18rem; }
      .share-dialog .content .custom .logo {
        padding-top: .8rem;
        padding-bottom: .4rem;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 6rem;
        width: 14rem; }
        .share-dialog .content .custom .logo img {
          max-height: 6rem;
          max-width: 14rem; }
      .share-dialog .content .custom .title {
        font-size: 1.8rem;
        font-weight: bold;
        color: #966126;
        line-height: 2.4rem;
        text-align: center; }
    .share-dialog .content .imageContainer {
      position: absolute;
      top: 0;
      left: 0; }
      .share-dialog .content .imageContainer img {
        height: 100%;
        width: 100%; }
      .share-dialog .tips{
        background: rgba(0, 0, 0, .6);
        margin-top: -4rem;
        z-index: 20;
        font-size: 1.2rem;
        color: #fff;
        padding: .3rem 1rem;
        border-radius: 1rem;
      }