.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;  
  background-color:#000;   /* 遮罩层背景色 */  
  opacity: 0.3;            /* 遮罩层透明度 */  

  display:-webkit-flex;    /* Safari */  
  display:-ms-flexbox;     /* IE 10 */  

    .popup_content {      /* 弹框内容样式*/  

        position:fixed ;     /* 弹框定位*/   

        width : 500px ;     /* 弹框宽度*/   

        height : 200px ;    /* 弹框高度*/   

        top : 50% ;         /* 距离顶部的距离，50%表示垂直方向居中对齐*/      

        left : 50% ;         /* 距离左侧的距离，50%表示水平方向居中对齐*/      

        margin-top : -100px ;/* margin-top是负数，其值为弹出框的一半高度（也就是上下各有100px的margin）；这样就可以使得弹出框处于整个页面的正中央。*/      

        margin-left : -250px ;/* margin-left是负数，其值为弹出框的一半宽度（也就是左右各有250px的margin) ；这样就可以使得弹出框处于整个页面的正中央。*/      

        background:#ffffff;      /* 对话框背影 */     

        border-radius: 5px;      //圆角大小                                                                           } }                                                         }                                //其他样式省略...                                      
        }                                //其他样式省略...                                
         }