div,
figure,
p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/*popup*/
.popup-area {
  display:none;
  width:80vw;
  background:#fff;
  padding:20px;
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  text-align: center;
  border-radius:8px;
  box-shadow: 0 0 4px 4px rgba(0,0,0,0.4);
}

.popup-area > figure {
  max-height: 640px;
}

.popup-area > figure > img {
  width: 100%;
}

@media screen and (min-width: 980px) {
    .popup-area {
    width:auto;
    max-width: 460px;
  }
}

.popup-area button {
  margin:30px auto 0;
}

.popup-area .icon{
  font-size:3em;
  color:red;
}

/* 背景色 */
.cover-eml {
  background:rgba(0,0,0,0.3);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  top:0;
  right:0;
  bottom:0;
  left:0;
}