@import "~@less/mixin.less"; .treat-wrapper{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; // background: #fff; // left: 50%; // top: 25%; // width: 680px; // margin-left: -340px; // margin-top: -340px; // z-index: 301; z-index: 300; } .close { position: absolute; z-index:9999; top: 0; right: 0; } .treat-mask { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 300; background: #000; opacity: 0.6; filter:alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60);"; } .treat-box { position: fixed; background: #fff; width: 680px; left: 50%; top: 10%; height: 80%; margin-left: -340px; z-index: 301; padding-top: 40px; padding-bottom: 80px; box-shadow: 0px 0px 5px -2px #7d7c7c; } .treat-title { width: 100%; position: absolute; top: 0px; background: #fff; height: 40px; line-height: 40px; border-bottom: 1px solid #e0e2e4; padding-left: 20px; cursor: move; moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; img{ float: right; cursor: pointer; font-size: 18px; line-height: 30px; color: @text-color; } } .treat-inner-box { width: 100%; height: 100%; padding: 10px 20px 0 20px; overflow-y: auto; } .bottom { position: absolute; width: 100%; height: 80px; line-height: 40px; background: #fff; } .prescription-btn,.determine-btn { position: absolute; display: block; width: 80px; height: 34px; line-height: 34px; border-radius: 4px; text-align: center; cursor: pointer; top: 20px; } .prescription-btn { left: 340px; border: 1px solid #333333; } .determine-btn { left: 440px; background: #3B9ED0; border-radius: 4px; color: #fff; }