portal.less 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. .wrap {
  2. width: 100%;
  3. margin: 0 auto;
  4. background: #ffffff;
  5. .portal-header {
  6. background: #f8f8f8;
  7. width: 100%;
  8. .portal-logo {
  9. width: 100%;
  10. margin: 0 auto;
  11. padding: 10px 0;
  12. .logo {
  13. width: 120px;
  14. padding-top: 60px;
  15. float: left;
  16. margin-left: 4%;
  17. position: relative;
  18. overflow: hidden;
  19. img {
  20. position: absolute;
  21. top: 0;
  22. right: 0;
  23. height: 60px;
  24. width: 60px;
  25. }
  26. }
  27. .portal-text {
  28. width: 84%;
  29. float: left;
  30. line-height: 60px;
  31. font-size: 24px;
  32. margin-left: 20px;
  33. .text {
  34. border-left: 1px solid #999999;
  35. }
  36. .alink {
  37. float: right;
  38. font-size: 14px;
  39. line-height: 60px;
  40. a {
  41. color: #333;
  42. padding: 0 8px;
  43. border-left: 1px solid #999999;
  44. }
  45. >a {
  46. &:first-child {
  47. border: none;
  48. }
  49. }
  50. }
  51. >span {
  52. padding-left: 20px;
  53. }
  54. }
  55. }
  56. }
  57. .footer {
  58. width: 100%;
  59. position: fixed;
  60. bottom: 0;
  61. left: 0;
  62. z-index: 1;
  63. text-align: center;
  64. padding: 6px 0;
  65. padding: 10px 0;
  66. text-align: center;
  67. background: #f0f0f0;
  68. p {
  69. line-height: 24px;
  70. }
  71. }
  72. .portal-content {
  73. width: 1280px;
  74. margin: 0 auto; //background: #e0e0e0;
  75. padding-top: 20px;
  76. padding-bottom: 60px;
  77. .search-criteria {
  78. margin-bottom: 10px;
  79. border-bottom: 1px dotted #ccc;
  80. }
  81. .ant-radio-group {
  82. >label {
  83. border-radius: 0px;
  84. border: 1px solid #d9d9d9;
  85. margin-right: 10px;
  86. margin-bottom: 10px;
  87. }
  88. .ant-radio-button-wrapper-checked {
  89. border: 1px solid #58a3ff;
  90. box-shadow: none;
  91. }
  92. }
  93. .search-title {
  94. text-align: center;
  95. }
  96. }
  97. }
  98. .portal-desc-content {
  99. .ant-row {
  100. margin-bottom: 16px;
  101. }
  102. .interest {
  103. a,
  104. button {
  105. float: right;
  106. padding-right: 50px;
  107. line-height: 18px;
  108. i {
  109. vertical-align: middle;
  110. }
  111. }
  112. }
  113. }