@import "~@less/variables.less";
.container {
  .maskZIndex;
  position: fixed;
  width: 100%;
  height: 100%;
  .shade {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.6;
    filter:alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60);";
  }
  .modal {
    width: 820px;
    background: #fff;
    position: fixed;
    left: 50%;
    top:50%;
    margin-left: -410px;
    // top: 7%;  
    // bottom: 7%;
    // height: 86%;
    overflow: hidden;
    padding-top: 40px;
  }
  .close { 
    padding:  0 15px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #EAEDF1;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    top: 0;
    background-color: #fff;
    z-index: 10;
  }
  .img{
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 100;
  }
}
