index.less 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. @import "~@less/mixin.less";
  2. .container {
  3. position: relative;
  4. z-index: 2000;
  5. padding-top: 40px;
  6. .content{
  7. overflow: auto;
  8. position: relative;
  9. height: 100%;
  10. padding-bottom: 30px;
  11. }
  12. .footer{
  13. // width: 820px;
  14. position: relative;
  15. padding:15px 0px;
  16. bottom: 0;
  17. text-align: right;
  18. background-color: #fff;
  19. }
  20. .shade {
  21. position: fixed;
  22. left: 0;
  23. top: 0;
  24. right: 0;
  25. bottom: 0;
  26. background-color: #000;
  27. opacity: 0.6;
  28. filter:alpha(opacity=60);
  29. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60);";
  30. }
  31. .modal {
  32. // width: 820px;
  33. background: #fff;
  34. position: fixed;
  35. left: 50%;
  36. top: 3%;
  37. bottom: 3%;
  38. height: 94%;
  39. overflow: hidden;
  40. padding-top: 50px;
  41. padding-bottom: 64px;
  42. }
  43. .close {
  44. padding: 15px 15px 15px 20px;
  45. border-bottom: 1px solid #EAEDF1;
  46. background: #e5eefe;
  47. position: absolute;
  48. top:0;
  49. width: 100%;
  50. img{
  51. vertical-align: text-top;
  52. }
  53. .closeIcon{
  54. float:right;
  55. cursor: pointer;
  56. margin-top: -5px;
  57. }
  58. }
  59. }