网站
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.
 
 
 

462 rindas
8.4 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: 5px 18px;
  13. background: #e4e4e4;
  14. color: #333333;
  15. margin-right: 22px;
  16. font-size: 16px;
  17. border-radius: 25px;
  18. width: 100px;
  19. text-align: center;
  20. }
  21. .tab li:hover{
  22. background: #168a44!important;
  23. color: #FFFFFF!important;
  24. cursor: pointer;
  25. }
  26. .tab li:hover a{
  27. color: #FFFFFF!important;
  28. }
  29. .tab .active{
  30. background: #168a44!important;
  31. color: #FFFFFF!important;
  32. }
  33. .recommendSupply{
  34. background: #FFFFFF;
  35. padding: 12px 35px;
  36. border-radius: 12px;
  37. }
  38. .recommendTit{
  39. font-size: 18px;
  40. color: #333333;
  41. border-bottom: 1px solid #e4e5e4;
  42. padding: 15px 0px;
  43. line-height: 1;
  44. }
  45. .recommendTit p{
  46. display: inline-block;
  47. font-size: 14px;
  48. line-height: 20px;
  49. }
  50. .lvd{
  51. width: 12px;
  52. height: 12px;
  53. display: inline-block;
  54. background: #168a44;
  55. border-radius: 100%;
  56. margin-right: 5px;
  57. }
  58. .supplyBox{
  59. padding: 0;
  60. width: 100%;
  61. overflow: auto;
  62. white-space:nowrap;
  63. position: relative;
  64. height: auto;
  65. }
  66. /*.supplyBox:hover .jt{*/
  67. /* display: block;*/
  68. /*}*/
  69. .supplyBox ul li{
  70. display:block;
  71. }
  72. .supplyBox ul {
  73. padding-bottom: 0;
  74. }
  75. .jt{
  76. width: 3%;
  77. position: absolute;
  78. top: 50%;
  79. transform: translateY(-50%);
  80. display: none;
  81. }
  82. .left{
  83. left: 1%;
  84. }
  85. .right{
  86. right: 1%;
  87. }
  88. .supplyType_left{
  89. width: 292px;
  90. background: #FFF;
  91. border-radius: 12px;
  92. padding: 12px 35px;
  93. }
  94. .supplyType_left ul{
  95. margin-top: 15px;
  96. }
  97. .supplyType_left ul p{
  98. color: #333;
  99. font-size: 16px;
  100. font-weight: bold;
  101. margin-bottom: 5px;
  102. }
  103. .supplyType_left ul li{
  104. float: left;
  105. margin-right: 10px;
  106. color: #666666;
  107. font-size: 16px;
  108. }
  109. .supplyType_left ul li:hover{
  110. color: #168a44;
  111. cursor: pointer;
  112. }
  113. .searchBox{
  114. background: #FFF;
  115. border-radius: 12px;
  116. padding: 12px 35px;
  117. }
  118. .searchBox .searchOne{
  119. border: 1px solid #afafaf;
  120. line-height: 28px;
  121. border-radius: 26px;
  122. width: 208px;
  123. background: url("../images/searchIcon.png") no-repeat;
  124. background-size: 13px 13px;
  125. background-position: 10px 8px;
  126. padding-left: 28px;
  127. font-size: 12px;
  128. }
  129. .searchBox select{
  130. background: transparent;
  131. border: none;
  132. margin-top: 7px;
  133. }
  134. .searchBox label p{
  135. display: inline-block;
  136. margin-right: 5px;
  137. font-size: 14px;
  138. }
  139. .searchBox label{
  140. margin-left: 10px;
  141. }
  142. .searchBox label input[type="radio"]{
  143. position: relative;
  144. top: -1px;
  145. }
  146. .searchBtn{
  147. background: #168a44;
  148. color: #FFF;
  149. padding: 0 25px;
  150. border-radius: 50px;
  151. cursor: pointer;
  152. }
  153. .searchTow{
  154. line-height: 30px;
  155. }
  156. .searchTow input[type = 'text']{
  157. border: 1px solid #e3e3e3;
  158. width: 78px;
  159. height: 30px;
  160. line-height: 30px;
  161. }
  162. .supplyList{
  163. background: #FFFFFF;
  164. padding: 12px 35px;
  165. border-radius: 12px;
  166. }
  167. .supplyList_tit ul{
  168. border: 1px solid #e3e3e3;
  169. padding: 12px 0px;
  170. }
  171. .supplyList_tit ul li{
  172. float: left;
  173. padding: 0 20px;
  174. border-right: 1px solid #e3e3e3;
  175. }
  176. .supplyList_tit ul li:nth-child(3){
  177. border: none;
  178. }
  179. .supplyList_tit ul li img{
  180. vertical-align: middle;
  181. position: relative;
  182. top: -2px;
  183. margin-left: 5px;
  184. }
  185. .supplyList_list li{
  186. margin-top: 15px;
  187. border:1px solid #e3e3e3;
  188. border-radius: 12px;
  189. overflow: hidden;
  190. }
  191. .supplyList_list li:hover{
  192. cursor: pointer;
  193. box-shadow: 1px 1px 5px #ccc;
  194. }
  195. .supplyList_list li:hover table tr:first-child td p{
  196. color: #168a44!important;
  197. }
  198. .supplyList_list li table{
  199. padding: 10px 0px;
  200. margin-left: 2%;
  201. width: 70%;
  202. }
  203. .supplyList_tel{
  204. color: #168a44;
  205. font-weight: bold;
  206. font-size: 16px;
  207. text-align: right;
  208. }
  209. .supplyList_money{
  210. color: #d21313;
  211. font-size: 20px;
  212. }
  213. .supplyList_money span{
  214. color: #d21313;
  215. font-size: 14px;
  216. }
  217. .bq{
  218. font-size: 12px;
  219. background: #168a44;
  220. color: #FFF;
  221. padding: 2px 5px;
  222. border-radius: 4px;
  223. margin-left: 10px;
  224. }
  225. .zt{
  226. background: #168a44;
  227. font-size: 14px;
  228. padding: 4px 20px;
  229. border-radius: 25px;
  230. color: #FFFFFF;
  231. display: inline-block;
  232. }
  233. .bqSecond{
  234. font-size: 12px;
  235. background: #d0e8da;
  236. color: #168a44;
  237. padding: 5px 5px;
  238. border-radius: 4px;
  239. }
  240. .supplyList_time{
  241. color:#a7a6a6;
  242. text-align: right;
  243. }
  244. .icon_tel{
  245. background: url("../images/icon_tel.png") no-repeat;
  246. display: inline-block;
  247. width: 20px;
  248. height: 20px;
  249. background-size: 100% 100%;
  250. vertical-align: middle;
  251. }
  252. /*详情样式*/
  253. .detail_box{
  254. background: #FFFFFF;
  255. border-radius: 12px;
  256. padding: 12px 35px 35px;
  257. }
  258. .detail_box_comm{
  259. margin-top: 15px;
  260. }
  261. .detail_box_comm table tr td{
  262. color: #666666;
  263. padding: 12px 0;
  264. }
  265. .detail_box_comm table tr td input[type = 'text']{
  266. border: 1px solid #cccccc;
  267. padding: 12px 10px;
  268. }
  269. .detail_box_comm table tr td select{
  270. background: transparent;
  271. border: none;
  272. }
  273. .detail_box_table{
  274. padding: 0 24px 15px;
  275. }
  276. .detail_box_table ul li {
  277. float: left;
  278. padding: 10px 0px;
  279. width: 20%;
  280. text-align: center;
  281. }
  282. .detail_box_table ul li img {
  283. width: 20px;
  284. height: 20px;
  285. vertical-align: middle;
  286. cursor: pointer;
  287. }
  288. .detail_box_table ul li input[type='text']{
  289. text-align: center;
  290. padding: 5px 0;
  291. background: #FFF;
  292. border-radius: 20px;
  293. }
  294. .detail_box_table ul:first-child{
  295. background: none;
  296. }
  297. .detail_box_table ul {
  298. background: #f5f5f5;
  299. border-radius: 12px;
  300. margin-top: 15px;
  301. }
  302. .fail {
  303. color: #e20000;
  304. border-bottom: 1px solid #e20000;
  305. cursor: pointer;
  306. }
  307. .failDialog{
  308. width: 358px;
  309. background: #ffffff;
  310. border-radius: 12px;
  311. position: fixed;
  312. top: 50%;
  313. left: 50%;
  314. transform: translate(-50%,-50%);
  315. box-shadow: 5px 5px 9px #ddd;
  316. overflow: hidden;
  317. display: none;
  318. }
  319. .failTit{
  320. line-height: 48px;
  321. font-size: 18px;
  322. text-align: center;
  323. background: #168a44;
  324. color: #FFF;
  325. }
  326. .failTit span{
  327. position: absolute;
  328. right: 12px;
  329. background: #FFF;
  330. border-radius: 50%;
  331. color: #168a44;
  332. font-size: 24px;
  333. display: inline-block;
  334. width: 20px;
  335. height: 20px;
  336. top: 15px;
  337. line-height: 22px;
  338. cursor: pointer;
  339. }
  340. .delete{
  341. background: #168a44;
  342. border-radius: 50%;
  343. color: #ffffff;
  344. font-size: 24px;
  345. width: 20px;
  346. height: 20px;
  347. line-height: 16px;
  348. cursor: pointer;
  349. margin: 0 auto;
  350. display: inline-block;
  351. }
  352. .add{
  353. background: #168a44;
  354. border-radius: 50%;
  355. color: #ffffff;
  356. font-size: 24px;
  357. width: 20px;
  358. height: 20px;
  359. line-height: 16px;
  360. cursor: pointer;
  361. margin: 0 auto;
  362. display: inline-block;
  363. }
  364. .tipsBox{
  365. padding: 30px 0;
  366. text-align: center;
  367. }
  368. .tipsBox p:first-child{
  369. color: #168a44;
  370. font-size: 18px;
  371. }
  372. .tipsBox p:nth-child(2){
  373. color: #666666;
  374. margin: 10px 0 15px;
  375. }
  376. .tipsBox p:last-child{
  377. background: #168a44;
  378. color: #FFF;
  379. width: 100px;
  380. line-height: 35px;
  381. border-radius: 50px;
  382. margin: 0 auto;
  383. cursor: pointer;
  384. }
  385. /*主体名录列表*/
  386. .supplyType_left dl dd{
  387. margin-left: 0;
  388. color: #333333;
  389. padding: 8px 15px;
  390. margin-bottom: 5px;
  391. font-size: 16px;
  392. }
  393. .supplyType_left dl dd:hover a{
  394. color: #168a44;
  395. cursor: pointer;
  396. border-radius: 60px;
  397. }
  398. .supplyType_left dl .active{
  399. color: #168a44;
  400. }
  401. .directoriesList{
  402. background: #FFFFFF;
  403. padding: 12px 35px;
  404. border-radius: 12px;
  405. }
  406. .directoriesList ul li{
  407. width: 49%;
  408. border: 1px solid #e3e3e3;
  409. border-radius: 12px;
  410. overflow: hidden;
  411. float: left;
  412. margin-top: 15px;
  413. position: relative;
  414. }
  415. .watchBtn{
  416. position: absolute;
  417. bottom: 5px;
  418. right: 5px;
  419. width: 65px;
  420. line-height: 28px;
  421. text-align: center;
  422. background: #168a44;
  423. color: #FFF!important;
  424. border-radius: 28px;
  425. }
  426. .directoriesList ul li:nth-child(2n){
  427. margin-left: 2%;
  428. }
  429. .directoriesList ul li table tr td{
  430. padding: 3px 0;
  431. }
  432. .directoriesList li:hover{
  433. cursor: pointer;
  434. box-shadow: 1px 1px 5px #ccc;
  435. }
  436. .directoriesList li:hover table tr:first-child td{
  437. color: #168a44!important;
  438. }
  439. .directories_comm{
  440. width: 32%;
  441. border: 1px solid #e3e3e3;
  442. }
  443. .submitBtn input[type = 'button']{
  444. background: #168a44;
  445. color: #ffffff;
  446. border: 1px solid #168a44;
  447. width: 150px;
  448. padding: 10px 0px;
  449. border-radius: 20px;
  450. }
  451. .submitBtn input[type = 'button']:first-child{
  452. background: #d0e8da;
  453. color: #168a44;
  454. margin-right: 20px;
  455. }
  456. .submitBtn{
  457. text-align: center;
  458. margin-top: 20px;
  459. }