certificateQuery.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. .top-bg {
  2. width: 100%;
  3. z-index: 1;
  4. }
  5. .bottom_bg {
  6. width: 100%;
  7. position: fixed;
  8. bottom: 0.5rem;
  9. }
  10. .content-box {
  11. z-index: 1;
  12. justify-content: center;
  13. margin-top: 0.6rem;
  14. position: relative;
  15. margin-bottom: 0.8rem;
  16. }
  17. .re-item {
  18. margin-bottom: 0.2rem;
  19. margin-left: -1rem;
  20. }
  21. .re-label {
  22. font-size: 0.18rem;
  23. margin-right: 0.28rem;
  24. }
  25. .re-li {
  26. width: 3.55rem;
  27. height: 0.42rem;
  28. border: 0.01rem solid #D8DCE6;
  29. border-radius: 0.04rem;
  30. padding: 0 0.17rem;
  31. box-sizing: border-box;
  32. }
  33. .note {
  34. justify-content: center;
  35. }
  36. .note image {
  37. width: 0.16rem;
  38. height: 0.16rem;
  39. margin-right: 0.1rem;
  40. }
  41. .note text {
  42. font-size: 0.14rem;
  43. }
  44. .query-btn{
  45. width: 3.53rem;
  46. height: 0.42rem;
  47. line-height: 0.42rem;
  48. background: #1AA1E6;
  49. border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
  50. opacity: 1;
  51. color: #fff;
  52. text-align: center;
  53. font-size: 0.16rem;
  54. margin: 0.27rem 0 0 0;
  55. cursor: pointer;
  56. }
  57. .link-btn{
  58. background: #FFFFFF;
  59. border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  60. opacity: 1;
  61. padding: 0.1rem 0.3rem;
  62. font-size: 0.16rem;
  63. margin-right: 0.2rem;
  64. cursor: pointer;
  65. }
  66. .link-btn:last-child{
  67. margin-right: 0rem;
  68. }
  69. .re-ipt {
  70. font-size: 0.14rem;
  71. color: #333;
  72. line-height: 0.34rem;
  73. }
  74. /* 移动端 */
  75. .m-content-box {
  76. z-index: 1;
  77. justify-content: center;
  78. margin-top: 120rpx;
  79. position: relative;
  80. margin-bottom: 30rpx;
  81. }
  82. .m-re-item {
  83. margin-bottom: 40rpx;
  84. }
  85. .m-re-label {
  86. font-size: 32rpx;
  87. margin-right: 28rpx;
  88. margin-left: 40rpx;
  89. }
  90. .m-re-li {
  91. width: 460rpx;
  92. height: 84rpx;
  93. border: 1px solid #D8DCE6;
  94. border-radius: 8rpx;
  95. padding: 0 34rpx;
  96. box-sizing: border-box;
  97. }
  98. .m-note {
  99. justify-content: center;
  100. }
  101. .m-note image {
  102. width: 32rpx;
  103. height: 32rpx;
  104. margin-right: 16rpx;
  105. }
  106. .m-note text {
  107. font-size: 28rpx;
  108. }
  109. .m-query-btn{
  110. width: 600rpx;
  111. height: 84rpx;
  112. line-height: 84rpx;
  113. background: #1AA1E6;
  114. border-radius: 10rpx;
  115. opacity: 1;
  116. color: #fff;
  117. text-align: center;
  118. font-size: 32rpx;
  119. margin: 54rpx auto;
  120. cursor: pointer;
  121. }