index.less 687 B

123456789101112131415161718192021222324252627282930313233343536
  1. .modalmain {
  2. .header {
  3. position: relative;
  4. z-index: 1;
  5. height: 120px;
  6. background: #f3f3f3;
  7. border-radius: 20px 20px 0 0;
  8. .title {
  9. color: #000;
  10. font-weight: 400;
  11. font-size: 22px;
  12. }
  13. }
  14. .close {
  15. position: absolute;
  16. top: 15px;
  17. right: 15px;
  18. z-index: 2;
  19. display: flex;
  20. align-items: center;
  21. justify-content: center;
  22. width: 36px;
  23. height: 36px;
  24. color: #c4c4c4;
  25. font-size: 20px;
  26. border-radius: 100%;
  27. cursor: pointer;
  28. transition: background-color 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);
  29. &:hover {
  30. background-color: #fff;
  31. }
  32. }
  33. .content {
  34. padding: 50px 60px 20px;
  35. }
  36. }