manyidu.css 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
  1. body{
  2. background-color: #f3f3f3;
  3. }
  4. .man-title{
  5. padding: 15px 0px;
  6. text-align: center;
  7. font-size: 14px;
  8. color: #909090;
  9. }
  10. .man-value-list .one{
  11. background-color: #fff;
  12. border-top: solid 1px #dcdcdc;
  13. border-bottom: solid 1px #dcdcdc;
  14. margin-bottom: 10px;
  15. }
  16. .man-value-list .one .up-sec{
  17. display: -webkit-box;
  18. display: box;
  19. border-bottom: solid 1px #dcdcdc;
  20. padding: 10px 15px;
  21. box-align: center;
  22. -webkit-box-align: center;
  23. }
  24. .man-value-list .up-sec .img{
  25. width: 40px;
  26. height: 40px;
  27. border-radius: 50%;
  28. overflow: hidden;
  29. margin-right: 15px;
  30. }
  31. .man-value-list .up-sec .img img{
  32. width: 100%;
  33. min-height: 100%;
  34. }
  35. .man-value-list .up-sec .name{
  36. font-size: 12px;
  37. color: #666;
  38. }
  39. .man-value-list .up-sec .name b{
  40. font-size: 16px;
  41. color: #323232;
  42. }
  43. .man-value-list .up-sec .name span{
  44. display: inline-block;
  45. vertical-align: bottom;
  46. font-size: 12px;
  47. color: #666;
  48. }
  49. .man-value-list .up-sec .name.marb{
  50. margin-bottom: 3px;
  51. }
  52. .bc-74bf00{
  53. background-color: #74bf00;
  54. }
  55. .ni-down .star-lists{
  56. display: -webkit-box;
  57. padding-left: 15px;
  58. padding-top: 10px;
  59. padding-bottom: 10px;
  60. }
  61. .ni-down .star-lists .label{
  62. font-size: 14px;
  63. color: #323232;
  64. margin-right: 60px;
  65. }
  66. .ni-down .star-lists .list{
  67. display: -webkit-box;
  68. }
  69. .ni-down .star-lists .list .one-star{
  70. width: 20px;
  71. height: 20px;
  72. background: url('../images/icon_wujiaoxing.png') no-repeat;
  73. background-size: contain;
  74. background-position: center;
  75. margin-right: 15px;
  76. }
  77. .ni-down .star-lists .list .one-star:last-child{
  78. margin-right: 0px;
  79. }
  80. .ni-down .star-lists .list .one-star.active{
  81. background: url('../images/icon_liangsewujiaoxing.png') no-repeat;
  82. background-size: contain;
  83. background-position: center;
  84. }
  85. .ni-down .tag-list{
  86. padding: 5px 15px 0px 15px;
  87. }
  88. .ni-down .tag-list li{
  89. display: inline-block;
  90. font-size: 14px;
  91. color: #323232;
  92. padding: 3px 10px;
  93. border-radius: 20px;
  94. border: solid 1px #dcdcdc;
  95. margin-right: 10px;
  96. margin-bottom: 15px;
  97. }
  98. .ni-down .tag-list li.active{
  99. background-color: #74bf00;
  100. color: #fff;
  101. border-color: #74bf00;
  102. }
  103. .ni-down .tag-list .notag{
  104. font-size: 14px;
  105. color: #323232;
  106. padding-bottom:15px;
  107. }
  108. .man-input{
  109. margin: 0px 15px 15px 15px;
  110. position: relative;
  111. }
  112. .man-input input{
  113. width: 100%;
  114. border: solid 1px #DCDCDC;
  115. border-radius: 8px;
  116. height: 38px;
  117. font-size: 14px;
  118. color: #323232;
  119. padding-left: 10px;
  120. }
  121. .man-input .input{
  122. position: absolute;
  123. top: 0px;
  124. left: 0px;
  125. right: 110px;
  126. }
  127. .man-input .bttn{
  128. width: 80px;
  129. border: solid 1px #DCDCDC;
  130. font-size: 14px;
  131. color: #74bf00;
  132. border-radius: 8px;
  133. height: 38px;
  134. line-height: 38px;
  135. text-align: center;
  136. float: right;
  137. }
  138. #yes_header{
  139. display: -webkit-box;
  140. -webkit-box-align: center;
  141. padding: 15px 0px;
  142. -webkit-box-pack: center;
  143. }
  144. #yes_header .word{
  145. font-size: 16px;
  146. color: #323232;
  147. }
  148. #yes_header .right{
  149. width: 20px;
  150. height: 20px;
  151. background: url('../images/icon_pingjiacheng.png') no-repeat;
  152. background-size: contain;
  153. background-position: center;
  154. margin-right: 10px;
  155. }
  156. .ni-footer{
  157. box-sizing: border-box;
  158. width: 100%;
  159. padding:15px 15px;
  160. }
  161. .text-input{
  162. box-sizing: border-box;
  163. margin: 10px 15px 5px 15px;
  164. border: solid 1px #dcdcdc;
  165. padding: 5px 8px 5px 8px;
  166. }
  167. .show-word{
  168. box-sizing: border-box;
  169. margin: 10px 15px 15px 15px;
  170. border: solid 1px #dcdcdc;
  171. padding: 5px 8px 5px 8px;
  172. min-height: 100px;
  173. font-size: 14px;
  174. color: #333;
  175. }
  176. .text-input textarea{
  177. width: 100%;
  178. box-sizing: border-box;
  179. border: none;
  180. font-size: 14px;
  181. color: #333;
  182. resize : none;
  183. }
  184. .icon-state{
  185. font-size: 14px;
  186. color: #909090;
  187. text-align: right;
  188. line-height: 1.4;
  189. }
  190. .text-input textarea::-webkit-input-placeholder{
  191. font-size: 14px;
  192. color: #a8a8a8;
  193. }
  194. .ni-select{
  195. display: -webkit-box;
  196. -webkit-box-pack: center;
  197. -webkit-box-align: center;
  198. padding-top: 10px;
  199. padding-bottom: 5px;
  200. }
  201. .ni-select .img{
  202. width: 24px;
  203. height: 24px;
  204. background: url('../images/gouxuan_btn.png') no-repeat;
  205. background-size: contain;
  206. background-position: center;
  207. }
  208. .ni-select .name{
  209. font-size: 14px;
  210. color: #333;
  211. margin-left: 10px;
  212. }
  213. .ni-select.active .img{
  214. background: url('../images/gouxuan_btn_pre.png') no-repeat;
  215. background-size: contain;
  216. background-position: center;
  217. }
  218. .small-title{
  219. display: -webkit-box;
  220. -webkit-box-pack: center;
  221. -webkit-box-align: center;
  222. font-size: 14px;
  223. color: #909090;
  224. padding-top: 10px;
  225. padding-bottom: 10px;
  226. }
  227. .small-title.active .tit-icon{
  228. background: url('../images/btn_shangla.png') no-repeat;
  229. background-size: contain;
  230. background-position: center;
  231. }
  232. .small-title .tit-icon{
  233. width: 16px;
  234. height: 16px;
  235. background: url('../images/btn_xiala.png') no-repeat;
  236. background-size: contain;
  237. background-position: center;
  238. margin-left: 10px;
  239. }