index.less 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. @import "~@less/variables.less";
  2. .modal {
  3. .shade {
  4. .maskZIndex;
  5. position: fixed;
  6. top: 0;
  7. left:0;
  8. right: 0;
  9. bottom: 0;
  10. background: #000;
  11. opacity: 0.6;
  12. filter:alpha(opacity=60);
  13. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60);";
  14. }
  15. .content {
  16. .maskContentZIndex1;
  17. position: fixed;
  18. top: 100px;
  19. width: 432px;
  20. left:50%;
  21. margin-left: -216px;
  22. min-height: 284px;
  23. background: #fff;
  24. .oper{
  25. margin: 20px 30px;
  26. .fade{
  27. opacity: .4;
  28. }
  29. }
  30. .explain{
  31. margin: 50px 30px;
  32. opacity: .5;
  33. p{
  34. font-size: 12px;
  35. line-height: 20px;
  36. }
  37. }
  38. .switch{
  39. text-decoration: none;
  40. color:inherit ;
  41. img{
  42. vertical-align: middle;
  43. margin: 0 12px 0 20px;
  44. }
  45. }
  46. .fade .switch{
  47. cursor: auto;
  48. }
  49. .close{
  50. line-height: 24px;
  51. padding: 8px 3px 7px 10px;
  52. border-bottom: 1px solid #EAEDF1;
  53. img{
  54. float: right;
  55. margin: 0px;
  56. cursor: pointer;
  57. }
  58. }
  59. h1{
  60. font-size: 16px;
  61. letter-spacing: 0;
  62. margin: 20px 0px 20px 10px;
  63. }
  64. ul {
  65. margin: 0px 0px 0px 10px;
  66. li {
  67. width: 190px;
  68. height: 44px;
  69. line-height: 44px;
  70. margin: 0px 0px 2px 0px;
  71. padding: 0px 0px 0px 10px;
  72. cursor: pointer;
  73. img{
  74. margin: -1px 4px 0 0;
  75. visibility: hidden;
  76. }
  77. }
  78. }
  79. .btn {
  80. text-align: center;
  81. margin-bottom: 30px;
  82. button{
  83. .btnCom;
  84. height: 34px;
  85. line-height: 32px;
  86. text-align: center;
  87. outline: none;
  88. border-radius: 4px;
  89. cursor: pointer;
  90. box-sizing: border-box;
  91. margin-left: 20px;
  92. background: @blue;
  93. color: #fff;
  94. margin-right: 20px;
  95. }
  96. }
  97. }
  98. }