弹出层模态框居中登录、注册等

点击领取淘宝京东拼多多唯品会优惠券

.login {
  display: block;
  position: absolute;
  transform: translate(-50%, -61.8%);
  /*左右方向的位置为50%, 上下方向的位置为黄金分割比例0.618*/
 
  left: 50%;
  top: 50%;
  width: 450px;
 
  border-radius: 8px;
  /*登录框4个角设置为圆角*/
  background: rgba(255, 255, 255, 0.9);
  /*白色背景,不透明度90%*/
}