style.css 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220
  1. .flex{display: flex;}
  2. .flexc{display: flex;align-items: center;}
  3. .flex1{flex: 1;}
  4. .flex0{flex: 0 0 auto;}
  5. .flex01{flex: 0 1 auto;}
  6. .flexjc{justify-content: center;}
  7. .flexcj{display: flex;align-items: flex-start;justify-content: space-between;}
  8. .flexcc{display: flex;align-items: center;justify-content: center;}
  9. .flext{display: flex;align-items: flex-start;}
  10. .flexdc{display: flex;flex-direction: column;}
  11. .wordb{word-break: break-all;}
  12. .f13{font-size: 26rpx;}
  13. .f14{font-size: 28rpx;}
  14. .f15{font-size: 30rpx;}
  15. .f16{font-size: 32rpx;}
  16. .f17{font-size: 34rpx;}
  17. .f18{font-size: 36rpx;}
  18. .f20{font-size: 40rpx;}
  19. .f21{font-size: 42rpx;}
  20. .f22{font-size: 44rpx;}
  21. .f26{font-size: 52rpx;}
  22. .cof{color: #ffffff;}
  23. .cof5{color: #FFDCC5;}
  24. .cof4{color: #FF440B;}
  25. .c34{color: #343434;}
  26. .c6{color: #666666;}
  27. .cf{color: #ffffff;}
  28. .ca{color: #aaaaaa;}
  29. .cfa{color:#FA5F03;}
  30. .cofe{color: #FE5706;}
  31. .co26{color: #26C240;}
  32. .co1f{color: #1FB9F7;}
  33. .cof1{color: #F13800;}
  34. .cofr{color: #ff0000;}
  35. .co28{color: #28C529 !important;}
  36. .co80{color:#808080;}
  37. .mb4{margin-bottom: 8rpx;}
  38. .mb6{margin-bottom: 12rpx;}
  39. .mb8{margin-bottom: 16rpx;}
  40. .mb10{margin-bottom: 20rpx;}
  41. .mb12{margin-bottom: 24rpx;}
  42. .mb16{margin-bottom: 32rpx;}
  43. .mb20{margin-bottom: 40rpx;}
  44. .mb30{margin-bottom: 60rpx;}
  45. .mt6{margin-top: 12rpx;}
  46. .mt20{margin-top: 40rpx;}
  47. .mt30{margin-top: 60rpx;}
  48. .mt40{margin-top: 40rpx;}
  49. .mt60{margin-top: 120rpx;}
  50. .mr10{margin-right: 20rpx;}
  51. .ml10{margin-left: 20rpx;}
  52. .ml8{margin-left: 16rpx;}
  53. .ml4{margin-left: 8rpx;}
  54. .mlr8{margin: 0 16rpx;}
  55. .fw{font-weight: bold;}
  56. .f500{font-weight: 500;}
  57. .lh22{line-height: 44rpx;}
  58. .pdt10{padding-top: 20rpx;}
  59. .pl12{padding-left: 24rpx;}
  60. .plr12{padding: 0 24rpx;}
  61. .pdl14{padding: 24rpx 28rpx;}
  62. .pdtb8{padding: 16rpx 0;}
  63. .pdtb10{padding: 20rpx 0;}
  64. .pdtb20{padding: 40rpx 0;}
  65. .pdtb11{padding: 22rpx 0;}
  66. .pdlr14{padding: 0 28rpx;}
  67. .txr{text-align: right;}
  68. .pfixed{position: fixed;z-index: 5;left: 0;top: 0;right: 0;background: #ffffff;box-shadow: 0px 0px 16rpx 0px rgba(87,87,87,0.41);}
  69. .pfixedb{position: fixed;z-index: 5;left: 0;bottom: 0;right: 0;background: #FFFFFF;
  70. box-shadow: 0px 0px 16rpx 0px rgba(87,87,87,0.41);}
  71. .pr{position: relative;}
  72. .over{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  73. .zhanline{height: 24rpx;background-color: #F2F2F2;}
  74. .bgbox{background-color: rgba(0, 0, 0, 0.5);position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 10;}
  75. .shax {font-size: 30rpx;color: #666;text-align: center;padding: 20rpx 0;}
  76. .delpicker{width: 52rpx;height: 44rpx;display: flex;align-items: center;justify-content: center;flex: 0 0 auto;margin-left: 12rpx;}
  77. .closed{width: 36rpx;height: 36rpx;display: block;}
  78. /* 发改委特有 */
  79. .coff6{color: #FF6400;}
  80. .zcofa{color: #FA2300;}
  81. .zco3c{color:#3C9BCD;}
  82. .zco1d{color:#10D235;}
  83. .zcod3{color:#D388E4;}
  84. .zcof5{color:#FF5061;}
  85. .zcof7{color:#FF7821;}
  86. .zco25{color:#2529EA;}
  87. .zcofc{color:#FC3500;}
  88. .zcobg7{color:#50A0FF;}
  89. .zcobg8{color:#60CB6D;}
  90. .zcocbg9{color:#E76677;}
  91. .zcobg10{color:#F69702;}
  92. .zcobg11{color:#975FEF;}
  93. .infolist_a view{line-height: 44rpx;}
  94. .zdlbtn{padding: 0 12rpx;height: 36rpx;border-radius: 6rpx;color: #FFFFFF;min-width: 108rpx;box-sizing: border-box;font-size: 24rpx;font-weight: 500;margin-left: 24rpx;line-height: 36rpx;text-align: center;}
  95. .zdlbtn.btn1{background: #FEBD0F;}
  96. .zdlbtn.btn2{background: #FA2300;}
  97. .zdlbtn.btn3{background: #09B329 ;}
  98. .zdlbtn.finbtn1{background: #D4EBD8;border: 2rpx solid #09B329;color: #09B329;}
  99. .zdlbtn.finbtn2{background: #E6E6E6;border: 2rpx solid #666666;color: #666666;}
  100. .zdlbtn.finbtn0{background: #D5E8F1;border: 2rpx solid #21A9E9;color: #21A9E9;}
  101. .zdlbtn.finbtn3{background: #F4D3D9;border: 2rpx solid #DF0024;color: #DF0024;}
  102. /* 发改委特有end */
  103. .fgw .cluebtn{
  104. display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: 32rpx;color: #ffff;height: 100rpx;}
  105. .fgw .cluebtn.btn1{background-color: #1FB9F7;flex: 1;}
  106. .fgw .cluebtn.btn2{background-color:#fe5706;flex: 1;}
  107. .fgw .cluebtn.btn3{background-color:#6bd24c;flex: 1;}
  108. .delbx{width:44rpx;height: 44rpx;display: flex;align-items: center;justify-content: center;flex:0 0 auto;}
  109. .delbx image{width: 30rpx;height: 30rpx;}
  110. /* 招商特有的 */
  111. .infolist_b{color: #aaaaaa;font-size: 26rpx;padding:0 24rpx;margin-top: 36rpx;}
  112. .infolist_b text{word-break: break-all;margin: 0 4rpx;color: #ff0000;}
  113. .inform .cldelistbf{padding: 16rpx 24rpx;display: flex;align-items: center;justify-content: space-between;}
  114. .inform .cldelistbf image{flex: 0 0 auto;}
  115. .inform .cldelistbf .imgl{width: 40rpx;height: 40rpx;display: flex;align-items: center;justify-content: center;margin-right:12rpx; }
  116. .inform .cldelistbf .imgl image{width: 34rpx;height: 28rpx;}
  117. .inform .cldelistbf .imgr{width: 32rpx;height:28rpx;margin-right: 8rpx;}
  118. .inform /deep/ .uni-forms-item__error{margin-top: -30rpx;margin-left: 24rpx;}
  119. /* 自定义头部 右侧按钮 */
  120. .navbar /deep/ .uni-nav-bar-right-text{font-size: 34rpx !important; color: #1FB9F7 !important;font-weight: 500;padding-right: 14rpx;line-height: 60rpx;}
  121. .navbar /deep/ .uni-steps__row-circle{margin: 0;width: 20rpx;height: 20rpx;}
  122. .navbar /deep/ .uni-steps__row-check{margin: 0;}
  123. .navbar /deep/ .uni-steps__row-title{font-size: 30rpx;font-weight: 500;color: #A6A6A6;}
  124. .fixedbox{position: fixed;left: 66rpx;right: 66rpx;background: #fff;border-radius: 10rpx;min-height: 468rpx;top: 50%;transform: translateY(-60%);z-index: 20;padding: 48rpx 56rpx 68rpx;max-height: calc(100vh - 200rpx);overflow: auto;box-sizing: border-box;}
  125. .fixedbox .top{position: relative;text-align: center;font-size: 34rpx;font-weight: bold;color: #343434;}
  126. .fixedbox .choseimg{width: 34rpx;height: 34rpx;position: absolute;left: 36rpx;top: 54rpx;z-index: 22;}
  127. .inform .tice{font-size: 26rpx;color: #FF0000;text-align: right;padding-right: 24rpx;margin-bottom: 8rpx;}
  128. .border{width: 100%;height: 2rpx;background: #E5E5E5;margin: 30rpx 0;}
  129. /* 步骤条 */
  130. .steps{padding:40rpx 60rpx 60rpx;box-sizing: border-box;overflow: auto;}
  131. .lssteplist{position: relative; display: flex;padding-bottom: 30rpx;}
  132. .lssteplist::after{position: absolute;width: 2rpx;height:calc(100% - 16rpx) ;background: #DADADA;position: absolute;left: 9rpx;top: 28rpx;content: '';}
  133. .lssteplist .stepcir{width: 18rpx;height: 18rpx;background: #FF450C;border-radius: 50%;flex: 0 0 auto;margin-right: 22rpx;margin-top: 12rpx;z-index: 1;}
  134. .lssteplist:last-of-type::after{display: none;}
  135. .probox{background-color: #ffffff;min-height: 100vh;}
  136. .more_fixed{position: fixed;left: 0;right: 0;bottom: 0;background-color: #ffffff;z-index: 10;}
  137. .more_fixedt view{font-size: 32rpx;font-weight: 500;
  138. color: #343434;height: 100rpx;display: flex;align-items: center;justify-content: center;}
  139. .more_fixedb{width: 100%;height: 100rpx;display: flex;align-items: center;justify-content: center;font-size: 32rpx;font-weight: bold;color: #FE5708;border-top: 2rpx solid #CDCDCD;}
  140. /* 图片上传 */
  141. .photoimg{display: flex;align-items: center;flex-wrap: wrap;}
  142. .photos{width: 33.33%;height: 0;padding-top: 33.33%;position: relative;}
  143. .photolist{box-sizing: border-box;border: 2rpx solid #eeeeee;display: flex;align-items: center;justify-content: center;position: relative;margin: 10rpx;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
  144. .photolist .addimg{width: 80rpx;height: 80rpx;}
  145. .photolist .listimg{width: 100%;height: 100%;}
  146. .photolist .del{width: 48rpx;height: 48rpx;position: absolute;right: -24rpx;top: -24rpx;}
  147. /* 添加线索联想 */
  148. .addrSearch_list{background: #F7F7F7;padding: 16rpx 0;
  149. position: absolute;right: 0;top: 100rpx;left: 0;z-index: 20;}
  150. .addrSearch_list .triangle{border-left: 20rpx solid transparent;
  151. border-right: 20rpx solid transparent;border-bottom: 20rpx solid #f7f7f7;
  152. position: absolute;top: -20rpx;right: 10%; margin-right: -20rpx;}
  153. .addrSearch_item {
  154. max-height: 240rpx;overflow: auto;box-sizing: border-box;
  155. }
  156. .wrap_text {
  157. font-size: 28upx;
  158. color: #151515;
  159. line-height: 40rpx;
  160. padding: 12rpx 30rpx;
  161. }
  162. .qibox{background-color: #f5f5f5;}
  163. .qibox .infolist{padding: 20rpx 30rpx !important;}
  164. .inform /deep/ .uni-textarea-textarea{font-size: 32rpx; color: #343434;flex: 1;text-align: right;}
  165. .inform /deep/ .uni-easyinput__content-textarea{margin: 0 !important;}
  166. .fixedbox /deep/ .uni-textarea-textarea{text-align: left !important;}
  167. .tipbox{text-align: center;font-size: 28rpx;color: #343434;margin-bottom: 20rpx;}
  168. /* if(res.code==200){
  169. }else{
  170. this.$toast(res.msg)
  171. } */