jcq.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. .flex {
  2. display: flex;
  3. }
  4. .flex-column {
  5. flex-direction: column;
  6. }
  7. .flex-row {
  8. flex-direction: row;
  9. }
  10. .flex-wrap {
  11. flex-wrap: wrap;
  12. }
  13. .flex-nowrap {
  14. flex-wrap: nowrap;
  15. }
  16. .justify-start {
  17. justify-content: flex-start;
  18. }
  19. .justify-end {
  20. justify-content: flex-end;
  21. }
  22. .justify-center {
  23. justify-content: center;
  24. }
  25. .justify-between {
  26. justify-content: space-between;
  27. }
  28. .items-center {
  29. align-items: center;
  30. }
  31. .items-start {
  32. align-items: flex-start;
  33. }
  34. .items-end {
  35. align-items: flex-end;
  36. }
  37. .w-full {
  38. width: 100%;
  39. }
  40. .h-full {
  41. height: 100%;
  42. }
  43. .ms-btn {
  44. border-radius: 5px;
  45. font-size: 16px;
  46. width: 136px;
  47. }
  48. .img-note {
  49. width: 300px;
  50. margin-top: 10px;
  51. margin-left: 0;
  52. padding-left: 0;
  53. }
  54. .img-note p {
  55. font-size: 13px;
  56. }
  57. .encapsulation .upload-icon {
  58. width: 144px;
  59. height: 144px;
  60. background-position: center 50px;
  61. margin-bottom: 0;
  62. }
  63. .encapsulation .upload-icon .text {
  64. margin-top: 100px;
  65. }
  66. .form-group .input-text.radio {
  67. width: 180px;
  68. display: flex;
  69. justify-content: space-between;
  70. align-items: start;
  71. margin-top: 0;
  72. margin-bottom: 0;
  73. margin-left: 0px;
  74. }
  75. .radio-box {
  76. width: 230px;
  77. height: 88px;
  78. position: relative;
  79. display: flex;
  80. align-items: center;
  81. justify-content: space-between;
  82. font-size: 16px;
  83. font-weight: 500;
  84. color: #151515;
  85. border: 1px solid #edeff0;
  86. margin-bottom: 20px;
  87. cursor: pointer;
  88. }
  89. .radio-box.active {
  90. border: 1px solid #157df1;
  91. }
  92. .radio-box .left {
  93. padding-top: 0;
  94. padding-right: 30px;
  95. border-right: 1px solid #E5E5E5;
  96. }
  97. .radio-box .left .title {
  98. font-size: 14px;
  99. color: #8F959F;
  100. margin-bottom: 10px;
  101. }
  102. .radio-box div span {
  103. color: #157df1;
  104. font-size: 32px;
  105. font-weight: 500;
  106. }
  107. .radio-box .radio-checked {
  108. position: absolute;
  109. bottom: 0;
  110. right: 0;
  111. display: none;
  112. }
  113. .radio-box.active .radio-checked {
  114. display: block;
  115. }
  116. .pay-num{
  117. text-align: left;
  118. line-height: 20px;
  119. }
  120. .pay-num b{
  121. font-size: 32px;
  122. font-weight: 500;
  123. margin-left: 10px;
  124. }
  125. .pay-num b span{
  126. font-size: 14px;
  127. }
  128. .yxq-title{
  129. font-weight: bold;
  130. font-size: 16px;
  131. margin-bottom: 10px;
  132. color: #151515;
  133. margin-top: 10px;
  134. }