@import "~@less/variables.less"; .modal { .shade { .maskZIndex; position: fixed; top: 0; left:0; right: 0; bottom: 0; background: #000; opacity: 0.6; filter:alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60);"; } .content { .maskContentZIndex1; position: fixed; top: 100px; width: 432px; left:50%; margin-left: -216px; min-height: 284px; background: #fff; .oper{ margin: 20px 30px; .fade{ opacity: .4; } } .explain{ margin: 50px 30px; opacity: .5; p{ font-size: 12px; line-height: 20px; } } .switch{ text-decoration: none; color:inherit ; img{ vertical-align: middle; margin: 0 12px 0 20px; } } .fade .switch{ cursor: auto; } .close{ line-height: 24px; padding: 8px 3px 7px 10px; border-bottom: 1px solid #EAEDF1; img{ float: right; margin: 0px; cursor: pointer; } } h1{ font-size: 16px; letter-spacing: 0; margin: 20px 0px 20px 10px; } ul { margin: 0px 0px 0px 10px; li { width: 190px; height: 44px; line-height: 44px; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 10px; cursor: pointer; img{ margin: -1px 4px 0 0; visibility: hidden; } } } .btn { text-align: center; margin-bottom: 30px; button{ .btnCom; height: 34px; line-height: 32px; text-align: center; outline: none; border-radius: 4px; cursor: pointer; box-sizing: border-box; margin-left: 20px; background: @blue; color: #fff; margin-right: 20px; } } } }