1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798 |
- @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;
- }
- }
- }
- }
|