@import "~@less/mixin.less"; .container { position: relative; z-index: 2000; padding-top: 40px; .content{ overflow: auto; position: relative; height: 100%; padding-bottom: 30px; } .footer{ // width: 820px; position: relative; padding:15px 0px; bottom: 0; text-align: right; background-color: #fff; } .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: 3%; bottom: 3%; height: 94%; overflow: hidden; padding-top: 50px; padding-bottom: 64px; } .close { padding: 15px 15px 15px 20px; border-bottom: 1px solid #EAEDF1; background: #e5eefe; position: absolute; top:0; width: 100%; img{ vertical-align: text-top; } .closeIcon{ float:right; cursor: pointer; margin-top: -5px; } } }