deepSeekHome.scss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. .deekSeek {
  2. width: 100%;
  3. height: 100vh;
  4. background: linear-gradient(90.52deg, rgba(24, 126, 255, 1) 1.54%, rgba(23, 66, 255, 1) 99.26%);
  5. &-header {
  6. width: 100%;
  7. height: 60px;
  8. border: 1px solid rgba(24, 126, 255, 1);
  9. display: flex;
  10. color: #FFFFFF;
  11. justify-content: center;
  12. align-items: center;
  13. overflow-x: auto;
  14. overflow-y: hidden;
  15. }
  16. &-content {
  17. width: 100%;
  18. height: calc(100vh - 60px);
  19. display: flex;
  20. justify-content: center;
  21. align-items: center;
  22. flex-direction: column;
  23. &-title {
  24. display: flex;
  25. justify-content: center;
  26. margin-bottom: 5px;
  27. img {
  28. width: 200px;
  29. }
  30. }
  31. &-title-sm {
  32. font-size: 20px;
  33. color: #FFFFFF;
  34. @media (max-width: 768px) {
  35. font-size: 16px;
  36. }
  37. @media (max-width: 480px) {
  38. font-size: 14px;
  39. }
  40. }
  41. &-pc {
  42. width: 36%;
  43. min-width: 400px;
  44. height: 78%;
  45. background: #FFFFFF;
  46. border-radius: 12px;
  47. overflow: hidden;
  48. }
  49. &-mobile {
  50. width: 90%;
  51. height: 82%;
  52. background: #FFFFFF;
  53. border-radius: 12px;
  54. overflow: hidden;
  55. }
  56. }
  57. }