pageindex.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. /*============订购=============*/
  2. .dg_body {
  3. background: url(../images/main_bg.png) no-repeat;
  4. background-size: 100% 100%;
  5. min-height: 100vh;
  6. }
  7. .info_banner {
  8. position: relative;
  9. }
  10. .info_banner img {
  11. display: block;
  12. width: 100%;
  13. }
  14. .info_banner .dg_ts {
  15. position: absolute;
  16. bottom: 4%;
  17. left: 4%;
  18. color: #FFFFFF;
  19. font-size: 0.875rem;
  20. }
  21. .info_main {
  22. position: relative;
  23. z-index: 1;
  24. width: 94%;
  25. margin: 0 auto;
  26. background: #fefefe;
  27. padding: 1rem;
  28. box-sizing: border-box;
  29. border-radius: 6px;
  30. padding-top: 0.5rem;
  31. }
  32. .info_main h2 {
  33. font-size: 0.75rem;
  34. color: #2d2d2d;
  35. text-align: left;
  36. }
  37. .info_main h2 span {
  38. color: #fb6b63;
  39. }
  40. .info_main p {
  41. color: #2d2d2d;
  42. font-size: 0.875rem;
  43. text-align: center;
  44. }
  45. ul.info_data {
  46. margin-top: 0.6rem;
  47. }
  48. ul.info_data li {
  49. padding: 2.5vh 5%;
  50. margin-bottom: 1.5vh;
  51. border: 1px solid #dcdcdc;
  52. display: flex;
  53. justify-content: space-between;
  54. align-items: center;
  55. box-shadow: 0 0 1px 0px rgba(0, 0, 0, .2);
  56. }
  57. ul.info_data li p {
  58. font-size: 1rem;
  59. }
  60. ul.info_data li a {
  61. display: block;
  62. border: 1px solid #eb6a58;
  63. color: #eb6a58;
  64. padding: 3% 6%;
  65. border-radius: 3px;
  66. }
  67. .info_content,
  68. .info_notice {
  69. margin-top: 3rem;
  70. }
  71. .info_content fieldset,
  72. .info_notice fieldset {
  73. border-left: none;
  74. border-bottom: none;
  75. border-right: none;
  76. border-top: 1px #e6e6e6 solid;
  77. }
  78. .info_content fieldset legend,
  79. .info_notice fieldset legend {
  80. color: #000;
  81. text-align: center;
  82. font-size: 0.875rem;
  83. background: #FFF;
  84. padding: 0 1rem;
  85. }
  86. .info_content ul li {
  87. font-size: 0.875rem;
  88. color: #000000;
  89. overflow: hidden;
  90. margin-top: 1rem;
  91. }
  92. .info_content ul li.f_red {
  93. color: #e8705e;
  94. margin-top: 1rem;
  95. font-weight: bold;
  96. }
  97. .info_content ul li span {
  98. display: block;
  99. float: left;
  100. width: 1rem;
  101. height: 1rem;
  102. border-radius: 50%;
  103. background: #ea7868;
  104. font-size: 0.75rem;
  105. color: #FFF;
  106. text-align: center;
  107. line-height: 1rem;
  108. margin-top: 0.2rem;
  109. }
  110. .info_content ul li p {
  111. margin-left: 1.5rem;
  112. }
  113. .info_notice ul li {
  114. font-size: 0.75rem;
  115. color: #6d6d6d;
  116. margin-top: 0.5rem;
  117. text-align: justify;
  118. }
  119. .copyright {
  120. padding: 0.8rem 0;
  121. text-align: center;
  122. color: #fff;
  123. font-size: 0.75rem;
  124. }