新媒体-合同签约,CA签约

perfectInfo.css 3.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. body{
  2. background: #F6F7F9;width: 100%;min-height: 100vh;box-sizing: border-box;padding-bottom: 0.4rem;
  3. }
  4. input{
  5. border: none;
  6. }
  7. /* toast */
  8. .alert-info {
  9. position: fixed;
  10. top: 1.74rem;
  11. right: 0;
  12. left: 0;
  13. bottom: 0;
  14. text-align: center;
  15. z-index: 9;
  16. }
  17. .alert-info p {
  18. width: 80%;
  19. display: inline-block;
  20. /* height: 0.38rem; */
  21. color: #fff;
  22. font-size: 0.14rem;
  23. line-height: 0.38rem;
  24. padding: 0 0.10rem;
  25. background-color: rgba(0, 0, 0, 0.7);
  26. border-radius: 5px;
  27. }
  28. .loading {
  29. position: fixed;
  30. top: 0;
  31. left: 0;
  32. display: none;
  33. width: 100%;
  34. height: 100vh;
  35. }
  36. .loading .con{
  37. width: 0.8rem;
  38. height: 0.8rem;
  39. background: rgba(0,0,0,0.4);
  40. position: absolute;
  41. top: 0;
  42. right: 0;
  43. bottom: 0;
  44. left: 0;
  45. margin: auto;
  46. color: #fff;
  47. text-align: center;
  48. font-size: 0.14rem;
  49. }
  50. .loading img {
  51. width: 0.3rem;
  52. height: 0.3rem;
  53. margin: 0.1rem auto;
  54. }
  55. /* 完善信息 */
  56. .inputDiv{
  57. display: flex;align-items: center;background: #fff;border-bottom: 0.01rem solid #D8D8D8;font-size: 0.14rem;color: #333;
  58. width: 100%;height: 0.6rem;
  59. }
  60. .inputDiv:nth-last-of-type(3){
  61. border-bottom: none;
  62. }
  63. .inputDiv input{
  64. flex: 1;
  65. }
  66. .perfectInfo .uploadID{
  67. background: #fff;margin-top: 0.1rem;
  68. }
  69. .perfectInfo .uploadID{
  70. display: flex;align-items: center;justify-content: space-around;text-align: center;padding: 0.15rem 0;
  71. }
  72. .perfectInfo .uploadID .justID, .perfectInfo .uploadID .backID{
  73. position:relative;
  74. }
  75. .perfectInfo .uploadID p{
  76. color: #888888;font-size: 0.12rem;line-height: 0.21rem;margin-top: 0.1rem;
  77. }
  78. .perfectInfo .uploadID input{
  79. width: 1.12rem;height:0.63rem;margin:auto;position: absolute;left: 0;right: 0;margin: auto;opacity: 0;
  80. }
  81. .perfectInfo .uploadID .img{
  82. width: 1.12rem;height:0.63rem;margin:auto;overflow: hidden;
  83. }
  84. .perfectInfo .uploadID .img img{
  85. width: 100%;height: 100%;
  86. }
  87. .inputDiv .labelInputDiv{
  88. width: 25%;text-align: center;
  89. }
  90. .perfectInfo .perfectInfoButton{
  91. display: block; width: 1.89rem;line-height: 0.4rem;border: none;border-radius: 0.4rem;
  92. color: #fff;background: #1B82D2;font-size: 0.16rem;padding: 0;
  93. margin: auto;margin: 0.4rem auto;
  94. }
  95. /* 确认提交弹框 */
  96. .yesMask{
  97. width: 100%;height: 100vh;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);display: none;
  98. }
  99. .yesMask .content{
  100. width: 3rem;height: 1.7rem;background: #fff;border-radius: 0.15rem;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;overflow: hidden;
  101. }
  102. .yesMask .content h3{
  103. font-size: 0.16rem;color: #333333;line-height: 0.22rem;padding-top: 0.34rem;text-align: center;font-weight: bold;
  104. }
  105. .yesMask .content p{
  106. color: #333333;font-size: 0.14rem;line-height: 0.20rem;padding: 0.15rem 0.2rem 0;
  107. }
  108. .yesMask .content .buttones{
  109. width: 100%;height: 0.5rem;display: flex;align-items: center;position: absolute;bottom: 0;
  110. }
  111. .yesMask .content .buttones button{
  112. font-size: 0.16rem;text-align: center;margin: 0;padding: 0;width: 50%;border: none;display: block;height: 100%;line-height: 0.5rem;
  113. }
  114. .yesMask .content .buttones button:nth-of-type(1){
  115. border-top: 0.01rem solid #D8D8D8;color: #1B82D2;background: #fff;
  116. }
  117. .yesMask .content .buttones button:nth-of-type(2){
  118. border-top: 0.01rem solid #1B82D2;background: #1B82D2;color: #fff;
  119. }
  120. .customerService{
  121. margin-top: 0.1rem;
  122. border-bottom: none;
  123. padding:0.05rem 0;
  124. }
  125. .customerService .radio{
  126. flex: 1;display: flex;align-items: center;flex-wrap: wrap;
  127. }
  128. .customerService .radio li{
  129. padding:0.05rem 0;
  130. padding-left: 0.1rem;
  131. }
  132. .customerService .radio li input{
  133. margin-right: 0.05rem;
  134. }