网站
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

331 lines
6.1 KiB

  1. input[type = 'radio']{
  2. margin: 0;
  3. vertical-align: middle;
  4. }
  5. .tab{
  6. background: #FFFFFF;
  7. padding: 12px 35px;
  8. border-radius: 12px;
  9. }
  10. .tab li{
  11. float: left;
  12. padding: 10px 18px;
  13. background: #e4e4e4;
  14. color: #333333;
  15. margin-right: 22px;
  16. font-size: 16px;
  17. border-radius: 25px;
  18. }
  19. .tab li:hover{
  20. background: #168a44!important;
  21. color: #FFFFFF!important;
  22. cursor: pointer;
  23. }
  24. .tab .active{
  25. background: #168a44!important;
  26. color: #FFFFFF!important;
  27. }
  28. .recommendSupply{
  29. background: #FFFFFF;
  30. padding: 12px 35px;
  31. border-radius: 12px;
  32. }
  33. .recommendTit{
  34. font-size: 18px;
  35. color: #333333;
  36. border-bottom: 1px solid #e4e5e4;
  37. padding: 15px 0px;
  38. }
  39. .lvd{
  40. width: 12px;
  41. height: 12px;
  42. display: inline-block;
  43. background: #168a44;
  44. border-radius: 100%;
  45. margin-right: 5px;
  46. }
  47. .supplyBox{
  48. padding: 0;
  49. width: 100%;
  50. overflow: auto;
  51. white-space:nowrap;
  52. position: relative;
  53. }
  54. .supplyBox:hover .jt{
  55. display: block;
  56. }
  57. .supplyBox ul li{
  58. display:inline-block;
  59. float:none;
  60. }
  61. .supplyBox ul li:first-child{
  62. margin-left: 0;
  63. }
  64. .supplyBox ul li:last-child{
  65. margin-rigfht: 0;
  66. }
  67. .supplyBox ul {
  68. overflow-x: scroll;
  69. padding-bottom: 0;
  70. }
  71. .jt{
  72. width: 3%;
  73. position: absolute;
  74. top: 50%;
  75. transform: translateY(-50%);
  76. display: none;
  77. }
  78. .left{
  79. left: 1%;
  80. }
  81. .right{
  82. right: 1%;
  83. }
  84. .supplyType_left{
  85. width: 292px;
  86. background: #FFF;
  87. border-radius: 12px;
  88. padding: 12px 35px;
  89. }
  90. .supplyType_left ul{
  91. margin-top: 15px;
  92. }
  93. .supplyType_left ul p{
  94. color: #333;
  95. font-size: 16px;
  96. font-weight: bold;
  97. margin-bottom: 5px;
  98. }
  99. .supplyType_left ul li{
  100. float: left;
  101. margin-right: 10px;
  102. color: #666666;
  103. font-size: 16px;
  104. }
  105. .supplyType_left ul li:hover{
  106. color: #168a44!important;
  107. cursor: pointer;
  108. }
  109. .searchBox{
  110. background: #FFF;
  111. border-radius: 12px;
  112. padding: 12px 35px;
  113. }
  114. .searchBox .searchOne{
  115. border: 1px solid #afafaf;
  116. line-height: 28px;
  117. border-radius: 26px;
  118. width: 208px;
  119. background: url("../images/searchIcon.png") no-repeat;
  120. background-size: 13px 13px;
  121. background-position: 10px 8px;
  122. padding-left: 28px;
  123. font-size: 12px;
  124. }
  125. .searchBox select{
  126. background: transparent;
  127. border: none;
  128. margin-top: 7px;
  129. }
  130. .searchBox label p{
  131. display: inline-block;
  132. margin-right: 5px;
  133. font-size: 14px;
  134. }
  135. .searchBox label{
  136. margin-left: 10px;
  137. }
  138. .searchBox label input[type="radio"]{
  139. position: relative;
  140. top: -1px;
  141. }
  142. .searchBtn{
  143. background: #168a44;
  144. color: #FFF;
  145. padding: 0 25px;
  146. border-radius: 50px;
  147. }
  148. .searchTow{
  149. line-height: 30px;
  150. }
  151. .searchTow input[type = 'text']{
  152. border: 1px solid #e3e3e3;
  153. width: 78px;
  154. height: 30px;
  155. line-height: 30px;
  156. }
  157. .supplyList{
  158. background: #FFFFFF;
  159. padding: 12px 35px;
  160. border-radius: 12px;
  161. }
  162. .supplyList_tit ul{
  163. border: 1px solid #e3e3e3;
  164. padding: 12px 0px;
  165. }
  166. .supplyList_tit ul li{
  167. float: left;
  168. padding: 0 20px;
  169. border-right: 1px solid #e3e3e3;
  170. }
  171. .supplyList_tit ul li:nth-child(3){
  172. border: none;
  173. }
  174. .supplyList_tit ul li img{
  175. vertical-align: middle;
  176. position: relative;
  177. top: -2px;
  178. margin-left: 5px;
  179. }
  180. .supplyList_list li{
  181. margin-top: 15px;
  182. border:1px solid #e3e3e3;
  183. border-radius: 12px;
  184. overflow: hidden;
  185. }
  186. .supplyList_list li:hover{
  187. cursor: pointer;
  188. box-shadow: 1px 1px 5px #ccc;
  189. }
  190. .supplyList_list li:hover table tr:first-child td p{
  191. color: #168a44!important;
  192. }
  193. .supplyList_list li table{
  194. padding: 10px 0px;
  195. margin-left: 2%;
  196. width: 70%;
  197. }
  198. .supplyList_tel{
  199. color: #168a44;
  200. font-weight: bold;
  201. font-size: 16px;
  202. text-align: right;
  203. }
  204. .supplyList_money{
  205. color: #d21313;
  206. font-size: 20px;
  207. }
  208. .supplyList_money span{
  209. color: #d21313;
  210. font-size: 14px;
  211. }
  212. .bq{
  213. font-size: 12px;
  214. background: #168a44;
  215. color: #FFF;
  216. padding: 2px 5px;
  217. border-radius: 4px;
  218. margin-left: 10px;
  219. }
  220. .supplyList_time{
  221. color:#a7a6a6;
  222. text-align: right;
  223. }
  224. .icon_tel{
  225. background: url("../images/icon_tel.png") no-repeat;
  226. display: inline-block;
  227. width: 20px;
  228. height: 20px;
  229. background-size: 100% 100%;
  230. vertical-align: middle;
  231. }
  232. /*详情样式*/
  233. .detail_box{
  234. background: #FFFFFF;
  235. border-radius: 12px;
  236. padding: 12px 35px 35px;
  237. }
  238. .detail_box_comm{
  239. margin-top: 15px;
  240. }
  241. .detail_box_comm input[type='text']{
  242. border: 1px solid #e3e3e3;
  243. height: 30px;
  244. line-height: 30px;
  245. width: 100%;
  246. padding-left: 3%;
  247. }
  248. .detail_box_comm table tr td{
  249. color: #666666;
  250. padding: 12px 10px;
  251. }
  252. .detail_box_table{
  253. padding: 0 24px 15px;
  254. }
  255. .detail_box_table ul li {
  256. float: left;
  257. padding: 10px 40px;
  258. }
  259. .detail_box_table ul {
  260. background: #f5f5f5;
  261. border-radius: 12px;
  262. margin-top: 15px;
  263. }
  264. /*主体名录列表*/
  265. .supplyType_left dl dd{
  266. margin-left: 0;
  267. color: #333333;
  268. margin-bottom: 30px;
  269. }
  270. .supplyType_left dl dd:hover{
  271. color: #168a44;
  272. cursor: pointer;
  273. }
  274. .directoriesList{
  275. background: #FFFFFF;
  276. padding: 12px 35px;
  277. border-radius: 12px;
  278. }
  279. .directoriesList ul li{
  280. width: 49%;
  281. border: 1px solid #e3e3e3;
  282. border-radius: 12px;
  283. overflow: hidden;
  284. float: left;
  285. margin-top: 15px;
  286. position: relative;
  287. }
  288. .watchBtn{
  289. position: absolute;
  290. bottom: 5px;
  291. right: 5px;
  292. width: 65px;
  293. line-height: 28px;
  294. text-align: center;
  295. background: #168a44;
  296. color: #FFF!important;
  297. border-radius: 28px;
  298. }
  299. .directoriesList ul li:nth-child(2n){
  300. margin-left: 2%;
  301. }
  302. .directoriesList ul li table tr td{
  303. padding: 3px 0;
  304. }
  305. .directoriesList li:hover{
  306. cursor: pointer;
  307. box-shadow: 1px 1px 5px #ccc;
  308. }
  309. .directoriesList li:hover table tr:first-child td{
  310. color: #168a44!important;
  311. }
  312. .directories_comm{
  313. width: 32%;
  314. border: 1px solid #e3e3e3;
  315. }
  316. .detail_box_comm select {
  317. line-height: 30px;
  318. appearance: none;
  319. -webkit-appearance: none;
  320. -ms-appearance: none;
  321. -moz-appearance: none;
  322. -o-appearance: none;
  323. background: url(../images/icon_jt.png) 95% center no-repeat;
  324. background-size: 16px 14px;
  325. overflow: hidden;
  326. border: 1px solid #e3e3e3;
  327. width: 100%;
  328. padding-left: 3%;;
  329. }