网站
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

index.css 20 KiB

4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
3 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
3 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
3 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
4 år sedan
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255
  1. /*公共主题参数*/
  2. :root{
  3. --color:'';
  4. --icon:'';
  5. --logo:'';
  6. /*--color:#e8041f;*/
  7. }
  8. .logo{
  9. width: 72px;
  10. height: 72px;
  11. float: left;
  12. background: var(--logo) 0px no-repeat;
  13. }
  14. /*顶部标题*/
  15. .topTit {
  16. color: #adadad;
  17. width: 50%;
  18. text-align: left;
  19. font-size: 12px;
  20. padding: 10px 0;
  21. }
  22. .topDress{
  23. position: relative;
  24. }
  25. .topDress .el-input__inner {
  26. background: none;
  27. height: 25px;
  28. font-size: 12px;
  29. }
  30. .topDress .el-select {
  31. border: 1px solid #dbdbdb;
  32. height: 25px;
  33. width: 110px;
  34. background: url("../images/icon3.png") 8px no-repeat;
  35. padding-left: 10px;
  36. }
  37. .topDress .el-input__suffix {
  38. top: 5px !important;
  39. }
  40. .topDress .el-input__icon {
  41. line-height: 15px !important;
  42. }
  43. .topDress .el-input__suffix-inner {
  44. display: inline-block !important;
  45. }
  46. .topTit02 {
  47. border: 1px solid #dbdbdb;
  48. font-size: 12px;
  49. line-height: 23px;
  50. padding: 0px 15px;
  51. margin-left: 15px;
  52. margin-top: 7px;
  53. cursor: pointer;
  54. }
  55. .topTit02 img{
  56. margin-top: 2px;
  57. margin-right: 5px;
  58. }
  59. /*logo和搜索*/
  60. .logoSearch {
  61. padding: 20px 0px;
  62. }
  63. .logoSearch .logoSearch-div {
  64. height: 72px;
  65. line-height: 72px;
  66. position: relative;
  67. }
  68. .logoSearch-div a {
  69. margin-left: 20px;
  70. color: #b8b8b8;
  71. }
  72. .logoSearch-div a:hover {
  73. color: var(--color);
  74. }
  75. .logoSearch-div h1 {
  76. line-height: 72px;
  77. margin-left: 15px;
  78. }
  79. .logoSearch-div:first-child img,.logoSearch-div:first-child h1{
  80. cursor: pointer;
  81. }
  82. .logoSearch .searchClass {
  83. border: 2px solid var(--color);
  84. border-radius: 20px;
  85. background: transparent;
  86. padding: 6px 10px;
  87. width: 100%;
  88. }
  89. .searchDiv {
  90. position: relative;
  91. width: 270px;
  92. transform: translate(0, 20px);
  93. margin-left: 120px;
  94. }
  95. .searchButton {
  96. background-color: var(--color) !important;
  97. color: #ffffff !important;
  98. width: 65px !important;
  99. border: 2px solid var(--color);
  100. border-radius: 25px;
  101. padding: 4px 0px;
  102. position: absolute;
  103. right: 0;
  104. }
  105. /*导航栏*/
  106. .top .active {
  107. background-color: var(--color);
  108. }
  109. .top .active a {
  110. color: #FFFFFF;
  111. }
  112. .top {
  113. border-bottom: 2px solid var(--color);
  114. }
  115. .top ul {
  116. padding-bottom: 5px;
  117. }
  118. .top ul li {
  119. border-radius: 20px;
  120. display: inline-block;
  121. }
  122. .top ul li a {
  123. line-height: 30px;
  124. padding: 0 20px;
  125. display: block;
  126. font-size: 16px;
  127. }
  128. .top ul li:hover {
  129. background-color: var(--color);
  130. color: #FFFFFF;
  131. }
  132. .top ul li:hover a {
  133. color: #FFFFFF;
  134. }
  135. /*banner*/
  136. .banner {
  137. margin-top: 15px;
  138. }
  139. /*banner左侧导航*/
  140. .bannerLeft {
  141. padding: 0px 0px 30px 20px;
  142. border: 1px solid #e3e3e3;
  143. width: 400px;
  144. height: 300px;
  145. }
  146. .bannerLeft-top ul li {
  147. margin: 12px 38px 0px 0px;
  148. display: inline-block;
  149. }
  150. .bannerLeft-tit01 {
  151. padding-left: 28px;
  152. position: relative;
  153. margin-top: 26px;
  154. }
  155. .bannerLeft-tit01 i{
  156. width: 22px;
  157. height: 22px;
  158. display: inline-block;
  159. background: url("../images/icon1_red.png") center no-repeat;
  160. background-color: var(--color);
  161. position: absolute;
  162. left: 0;
  163. top: 4px;
  164. border-radius: 50%;
  165. }
  166. .bannerLeft-tit02 {
  167. padding-left: 28px;
  168. position: relative;
  169. margin-top: 26px;
  170. }
  171. .bannerLeft-tit02 i {
  172. width: 22px;
  173. height: 22px;
  174. display: inline-block;
  175. background: url("../images/icon2_red.png") center no-repeat;
  176. background-color: var(--color);
  177. position: absolute;
  178. left: 0;
  179. top: 4px;
  180. border-radius: 50%;
  181. }
  182. .bannerLeft a {
  183. color: #626262;
  184. font-size: 16px;
  185. }
  186. .bannerLeft-top a:hover {
  187. color: var(--color);
  188. }
  189. .bannerLeft-top ul li:last-child a {
  190. color: #adadad;
  191. }
  192. .bannerLeft-top ul li:last-child a:hover {
  193. color: var(--color);
  194. }
  195. .bannerLeft-buttom ul li {
  196. margin: 12px 15px 0px 0px;
  197. padding: 3px 6px;
  198. background-color: #f1f1f1;
  199. border-radius: 3px;
  200. display: inline-block;
  201. }
  202. .bannerLeft-buttom li:hover {
  203. background-color: var(--color);
  204. }
  205. .bannerLeft-buttom li:hover a {
  206. color: #FFFFFF;
  207. }
  208. .bannerLeft-buttom ul li:last-child {
  209. background: none;
  210. }
  211. .bannerLeft-buttom ul li:last-child a {
  212. color: #adadad;
  213. }
  214. .bannerLeft-buttom ul li:last-child a:hover {
  215. color: var(--color);
  216. }
  217. .bannerRight {
  218. width: 800px;
  219. height: 300px;
  220. }
  221. /*内容区*/
  222. .centerLeft {}
  223. .centerLeft-top {
  224. border-bottom: 1px solid #adadad;
  225. }
  226. .center .centerLeft-top-tit01 {
  227. font-size: 28px;
  228. display: inline-block;
  229. vertical-align: middle;
  230. font-weight: bold;
  231. }
  232. .center .centerLeft-top-tit01 span {
  233. color: #d21313;
  234. }
  235. .center .centerLeft-top-tit02 {
  236. font-size: 14px;
  237. color: #d21313;
  238. display: inline-block;
  239. vertical-align: middle;
  240. }
  241. .center .centerLeft-top-tit02 span {
  242. font-size: 18px;
  243. background: #d21313;
  244. color: #FFFFFF;
  245. display: inline-block;
  246. padding: 0px 2px;
  247. }
  248. .centerLeft-center .centerleft-center-tit01 {
  249. color: #626262;
  250. margin: 24px 0px 14px 0px;
  251. }
  252. .centerLeft-center .centerleft-center-tit01 span:last-child {
  253. float: right;
  254. cursor: pointer;
  255. }
  256. .centerLeft-center .centerleft-center-tit01 span:last-child:hover {
  257. color: var(--color);
  258. }
  259. .centerLeft-center-middle {
  260. position: relative;
  261. width: 252px;
  262. border: 1px solid #e3e3e3;
  263. display: inline-block;
  264. }
  265. .centerLeft-center-middle div {
  266. padding: 12px 10px;
  267. }
  268. .centerLeft-center-middle .centerLeft-center-lable {
  269. width: 44px;
  270. /* height: 46px; */
  271. /*background: var(--color);*/
  272. color: #FFF;
  273. text-align: center;
  274. border-bottom-left-radius: 18px;
  275. border-bottom-right-radius: 18px;
  276. font-size: 14px;
  277. padding: 4px 0px;
  278. position: absolute;
  279. right: 10px;
  280. }
  281. .centerLeft-center-middle-tit01 {
  282. font-size: 16px;
  283. color: #626262;
  284. white-space: nowrap;
  285. overflow: hidden;
  286. text-overflow: ellipsis;
  287. }
  288. .centerLeft-center-middle-tit01 span {
  289. font-size: 12px;
  290. color: var(--color);
  291. border: 1px solid var(--color);
  292. padding: 1px 2px;
  293. margin-right: 6px;
  294. }
  295. .centerLeft-center-middle-ul li p {
  296. font-size: 14px;
  297. color: #626262;
  298. margin-top: 12px;
  299. }
  300. .centerLeft-center-middle-ul li:first-child p {
  301. font-size: 14px;
  302. color: #d21313;
  303. }
  304. .centerLeft-center-middle-ul li:first-child p i{
  305. font-size: 18px;
  306. color: #d21313;
  307. font-weight: bold;
  308. }
  309. .centerLeft-center-middle-ul li p span {
  310. display: inline-block;
  311. width: 4em;
  312. font-size: 12px;
  313. color: #adadad;
  314. margin-right: 12px;
  315. }
  316. .centerLeft-center-middle-ul li p span i {
  317. display: inline-block;
  318. width: 0.5em;
  319. }
  320. .centerLeft-center-bottom p:first-child {
  321. background: var(--icon) 0px no-repeat;
  322. padding-left: 16px;
  323. width: 66%;
  324. border-right: 1px solid #e3e3e3;
  325. white-space:nowrap;
  326. text-overflow:ellipsis;
  327. overflow:hidden;
  328. float: left;
  329. }
  330. .centerLeft-center-bottom p:nth-child(2) {
  331. width: 30%;
  332. float: right;
  333. text-align: center;
  334. }
  335. .centerLeft-center-bottom p {
  336. font-size: 12px;
  337. color: #adadad;
  338. display: block;
  339. }
  340. .centerLeft-center-bottom {
  341. border-top: 1px solid #e3e3e3;
  342. padding: 0 10px !important;
  343. line-height: 40px;
  344. }
  345. .centerRight {}
  346. .centerRight-list0 {
  347. padding: 26px 30px;
  348. background-color: #f7f7f7;
  349. border: 1px solid #e3e3e3;
  350. }
  351. .centerRight-list0 p:first-child {
  352. font-size: 20px;
  353. color: #626262;
  354. }
  355. .centerRight-list0 p:first-child span:first-child {
  356. font-size: 12px;
  357. color: var(--color);
  358. border: 1px solid var(--color);
  359. padding: 1px 6px;
  360. margin-right: 6px;
  361. }
  362. .centerRight-list0 p:first-child span {
  363. display: inline-block;
  364. vertical-align: middle;
  365. }
  366. .centerRight-list0 p {
  367. font-size: 14px;
  368. color: #626262;
  369. margin-bottom: 20px;
  370. }
  371. .centerRight-list0 p i {
  372. display: inline-block;
  373. width: 1em;
  374. }
  375. .centerRight-list0 p:nth-child(3) span {
  376. color: #d21313;
  377. }
  378. .centerRight-list0 .down{
  379. color: var(--color);
  380. }
  381. .centerRight-list0 p:last-child {
  382. text-align: center;
  383. color: #adadad;
  384. font-size: 12px;
  385. margin-bottom: 0;
  386. }
  387. .centerRight-list1 {
  388. margin-top: 25px;
  389. background-color: #f7f7f7;
  390. border: 1px solid #e3e3e3;
  391. padding-bottom: 15px;
  392. }
  393. .centerRight-list1-tit01 {
  394. text-align: center;
  395. color: #ffffff;
  396. font-size: 20px;
  397. line-height: 42px;
  398. background-color: var(--color);
  399. }
  400. .centerRight-list1-tit02 {
  401. text-align: center;
  402. color: var(--color);
  403. font-size: 16px;
  404. margin-top: 15px;
  405. }
  406. .centerRight-list1-div01 {
  407. text-align: center;
  408. margin-top: 15px;
  409. }
  410. .centerRight-list1-div02 {
  411. margin: 0 auto;
  412. margin-top: 15px;
  413. width: 80%;
  414. margin-bottom: 18px;
  415. position: relative;
  416. }
  417. .centerRight-list1-div02 .searchClass {
  418. border: 2px solid var(--color);
  419. border-radius: 20px;
  420. background: transparent;
  421. padding: 6px 10px;
  422. width: 100%;
  423. }
  424. .searchClass .el-input-group__append {
  425. border: none;
  426. background-color: var(--color);
  427. border-radius: 20px;
  428. color: #FFFFFF;
  429. LEFT: 4PX;
  430. }
  431. .searchClass .el-input-group__prepend {
  432. border: none;
  433. background-color: transparent;
  434. padding: 0 10px 0 30px;
  435. }
  436. .searchClass .el-input__inner {
  437. height: 36px;
  438. line-height: 36px;
  439. border: none;
  440. background-color: transparent;
  441. }
  442. .searchClass .el-icon-search {
  443. font-size: 16px;
  444. line-height: 35px;
  445. }
  446. .searchClass .centerClass {
  447. height: 100%;
  448. line-height: 100%;
  449. display: inline-block;
  450. vertical-align: middle;
  451. text-align: right;
  452. }
  453. .searchClass .line {
  454. width: 1px;
  455. height: 26px;
  456. background-color: #c5c5c5;
  457. margin-left: 14px;
  458. }
  459. .centerRight-list1-div03 {
  460. border-top: 1px solid #e3e3e3;
  461. text-align: center;
  462. }
  463. .centerRight-list1-form {
  464. width: 80%;
  465. margin: 0 auto;
  466. margin-top: 15px;
  467. }
  468. .centerRight-list1-form tr {
  469. display: block;
  470. margin-bottom: 10px;
  471. }
  472. .centerRight-list1-form table {
  473. margin: 0 auto;
  474. }
  475. .centerRight-list1-form input,
  476. select {
  477. background-color: transparent;
  478. border: 1px solid #bfbfbf;
  479. height: 26px;
  480. padding-left: 5px;
  481. width: 196px;
  482. }
  483. .searchbtn {
  484. background-color: var(--color);
  485. color: #ffffff;
  486. margin: 0 auto;
  487. width: 66px;
  488. padding: 5px 0px;
  489. border: none;
  490. border-radius: 30px;
  491. }
  492. .centerRight-list2 {
  493. margin-top: 26px;
  494. background-color: #f7f7f7;
  495. border: 1px solid #e3e3e3;
  496. padding: 26px 20px;
  497. }
  498. .centerRight-list2-tit01 {
  499. font-size: 20px;
  500. color: #626262;
  501. }
  502. .centerRight-list2-tit01 span:last-child {
  503. font-size: 14px;
  504. float: right;
  505. }
  506. .centerRight-list2-tit01 span:last-child:hover {
  507. color: var(--color);
  508. cursor: pointer;
  509. }
  510. .centerRight-list2 ul li p:first-child {
  511. overflow: hidden;
  512. text-overflow: ellipsis;
  513. white-space: nowrap;
  514. margin-bottom: 10px;
  515. }
  516. .centerRight-list2 ul li p:last-child {
  517. display: flex !important;
  518. display: -webkit-box !important;
  519. display: -webkit-flex !important;
  520. justify-content: space-between;
  521. -webkit-justify-content: space-between;
  522. }
  523. .centerRight-list2 ul li p:last-child span {
  524. color: #adadad;
  525. }
  526. .centerRight-list2 ul li p:last-child span:nth-child(1) span {
  527. color: #000;
  528. }
  529. .centerRight-list2 ul li {
  530. margin-top: 28px;
  531. }
  532. .centerRight-list2 ul li a:hover {
  533. color: var(--color);
  534. }
  535. .centerRight-list3 {
  536. background-color: #f7f7f7;
  537. border: 1px solid #e3e3e3;
  538. padding: 26px 20px;
  539. }
  540. .centerRight-list3-tit01 {
  541. font-size: 20px;
  542. color: #626262;
  543. }
  544. .centerRight-list3-tit01 span {
  545. font-size: 14px;
  546. }
  547. .centerRight-list3-tit01 span:hover {
  548. color: var(--color);
  549. cursor: pointer;
  550. }
  551. .centerRight-list3 ul li p:first-child {
  552. overflow: hidden;
  553. text-overflow: ellipsis;
  554. white-space: nowrap;
  555. margin-bottom: 10px;
  556. }
  557. .centerRight-list3 ul li p:last-child {
  558. color: #adadad;
  559. }
  560. .centerRight-list3 ul li p:last-child span {
  561. color: #000;
  562. }
  563. .centerRight-list3 ul li {
  564. margin-top: 28px;
  565. }
  566. .centerRight-list3 ul li a:hover {
  567. color: var(--color);
  568. }
  569. .el-table__body-wrapper::-webkit-scrollbar {
  570. width: 0px;
  571. height: 0px;
  572. }
  573. .bottom .bottomNews-tit01 {
  574. font-size: 28px;
  575. display: inline-block;
  576. font-weight: bold;
  577. }
  578. .bottom .bottomNews-tit01 span {
  579. color: var(--color);
  580. }
  581. .bottom .bottomNews-tit02 {
  582. font-size: 16px;
  583. color: #626262;
  584. display: inline-block;
  585. }
  586. .bottom .bottomNews-tit02:hover {
  587. color: var(--color);
  588. cursor: pointer;
  589. }
  590. .bottomNews {
  591. border-bottom: 1px solid #adadad;
  592. margin-bottom: 18px;
  593. }
  594. .bottomNews-list {
  595. width: 32%;
  596. padding: 30px;
  597. background-color: #f7f7f7;
  598. border: 1px solid #e3e3e3;
  599. display: inline-block;
  600. }
  601. .bottomNews-list p {
  602. font-size: 20px;
  603. color: #626262;
  604. }
  605. .bottomNews-list p span {
  606. font-size: 16px;
  607. color: #626262;
  608. float: right;
  609. }
  610. .bottomNews-list p span:hover {
  611. color: var(--color);
  612. cursor: pointer;
  613. }
  614. .bottomNews-list ul {
  615. margin-top: 10px;
  616. }
  617. .bottomNews-list ul li {
  618. margin-top: 25px;
  619. }
  620. .bottomNews-list ul li a {
  621. overflow: hidden;
  622. text-overflow: ellipsis;
  623. white-space: nowrap;
  624. display: block;
  625. }
  626. .bottomNews-list ul li a:hover {
  627. color: var(--color);
  628. }
  629. .bidding {
  630. overflow: hidden;
  631. }
  632. .biddingTit {
  633. border-bottom: 1px solid #adadad;
  634. margin-bottom: 18px;
  635. }
  636. .biddingTit p {
  637. display: inline-block;
  638. }
  639. .bidding .biddingTit-tit01 {
  640. font-size: 28px;
  641. font-weight: bold;
  642. }
  643. .bidding .biddingTit-tit01 span {
  644. color: var(--color);
  645. }
  646. .bidding .biddingTit-tit02 {
  647. font-size: 16px;
  648. color: #626262;
  649. }
  650. .bidding .biddingTit-tit02:hover {
  651. color: var(--color);
  652. cursor: pointer;
  653. }
  654. .now-row {
  655. color: #d21313;
  656. }
  657. .notStart-row {
  658. color: #007b76;
  659. }
  660. .tableType {
  661. background-color: #e4e4e4;
  662. padding: 10px 25px;
  663. text-align: right;
  664. }
  665. .tableType i {
  666. display: inline-block;
  667. width: 10px;
  668. height: 10px;
  669. margin-right: 5px;
  670. }
  671. .tableType p {
  672. margin-left: 45px;
  673. display: inline-block;
  674. }
  675. .tableType p:nth-child(1) {
  676. color: #007b76;
  677. }
  678. .tableType p:nth-child(2) {
  679. color: #d21313;
  680. }
  681. .tableType p:nth-child(3) {
  682. color: #797979;
  683. }
  684. .tableType p:nth-child(1) i {
  685. background-color: #007b76;
  686. }
  687. .tableType p:nth-child(2) i {
  688. background-color: #d21313;
  689. }
  690. .tableType p:nth-child(3) i {
  691. background-color: #797979;
  692. }
  693. .personalTit {
  694. border-bottom: 1px solid #adadad;
  695. margin-bottom: 18px;
  696. }
  697. .personal .personalTit-tit01 {
  698. font-size: 28px;
  699. display: inline-block;
  700. font-weight: bold;
  701. }
  702. .personal .personalTit-tit01 span {
  703. color: var(--color);
  704. }
  705. .personal .personalTit-tit02 {
  706. font-size: 16px;
  707. color: #626262;
  708. display: inline-block;
  709. }
  710. .personal .personalTit-tit02:hover {
  711. color: var(--color);
  712. cursor: pointer;
  713. }
  714. .personalTit-banner {
  715. width: 400px;
  716. }
  717. .personalTit-Tab {
  718. width: 775px;
  719. position: relative;
  720. }
  721. .personalTit-Tab .perBtn {
  722. position: absolute;
  723. right: 0;
  724. color: #FFFFFF !important;
  725. border: none !important;
  726. background-color: var(--color) !important;
  727. }
  728. .el-tabs--card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  729. color: var(--color) !important;
  730. }
  731. .el-tabs--card>.el-tabs__header {
  732. margin: 0 !important;
  733. }
  734. .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
  735. color: var(--color) !important;
  736. background: #f6f5f5 !important;
  737. }
  738. .el-tabs--card {
  739. box-shadow: none !important;
  740. }
  741. .el-tabs--card>.el-tabs__content {
  742. padding: 0 !important;
  743. }
  744. .personalTit-Tab .el-table td,
  745. .el-table th {
  746. padding: 10px 0px !important;
  747. }
  748. .el-table td.gutter,
  749. .el-table th.gutter {
  750. background: #e4e4e4 !important;
  751. }
  752. .interactionTit {
  753. border-bottom: 1px solid #adadad;
  754. margin-bottom: 18px;
  755. }
  756. .interaction .interactionTit-tit01 {
  757. font-size: 28px;
  758. font-weight: bold;
  759. }
  760. .interaction .interactionTit-tit01 span {
  761. color: var(--color);
  762. }
  763. .interaction .interactionTit-tit02 {
  764. font-size: 16px;
  765. color: #626262;
  766. }
  767. .interaction .interactionTit-tit02:hover {
  768. color: var(--color);
  769. cursor: pointer;
  770. }
  771. .interaction .searchClass {
  772. border: 2px solid var(--color);
  773. border-radius: 20px;
  774. background: transparent;
  775. width: 500px;
  776. padding: 6px 15px;
  777. }
  778. .interaction .searchClass .el-input__inner {
  779. height: 30px;
  780. }
  781. .interaction .searchClass .el-icon-search {
  782. line-height: 28px;
  783. }
  784. .interaction .seaBtn {
  785. color: #FFFFFF;
  786. border: 1px solid var(--color);
  787. background-color: var(--color);
  788. padding: 0px 40px;
  789. border-radius: 16px;
  790. line-height: 32px;
  791. height: 32px;
  792. }
  793. .bottomLink {
  794. background: #e8e8e8;
  795. margin-top: 40px;
  796. padding: 30px 0 40px;
  797. }
  798. .bottomLink-tit {
  799. font-size: 12px;
  800. color: #7f7f7f;
  801. }
  802. .bottomLink-tit img{
  803. vertical-align: middle;
  804. margin-right: 2px;
  805. }
  806. .bottomLink-linkList {
  807. font-size: 12px;
  808. color: #7f7f7f;
  809. width: 1000px;
  810. }
  811. .bottomLink-linkList a {
  812. margin-top: 15px;
  813. margin-right: 15px;
  814. display: inline-block;
  815. }
  816. .ba {
  817. font-size: 12px;
  818. color: #7f7f7f;
  819. margin-top: 20px;
  820. }
  821. .ba span {
  822. margin-left: 20px;
  823. }
  824. .ewm {
  825. padding: 25px 25px 0;
  826. }
  827. .ewmtit {
  828. font-size: 12px;
  829. color: #7f7f7f;
  830. margin-top: 5px;
  831. }
  832. input[type="radio"] {
  833. appearance: none;
  834. -webkit-appearance: none;
  835. outline: none;
  836. display: none
  837. }
  838. label {
  839. display: inline-block;
  840. cursor: pointer;
  841. margin-right: 10px;
  842. }
  843. label input[type="radio"]+span {
  844. width: 12px;
  845. height: 12px;
  846. display: inline-block;
  847. border: 1px solid var(--color);
  848. background: url('../images/check.png') no-repeat;
  849. background-position: 0 0;
  850. position: relative;
  851. top: 2px;
  852. margin-right: 5px;
  853. }
  854. label input[type="radio"]:checked+span {
  855. background-position: 0 -12px
  856. }
  857. .tableHead {
  858. background-color: #e4e4e4;
  859. color: #000000;
  860. text-align: center;
  861. font-size: 16px;
  862. padding: 10px 0px;
  863. font-weight: 600;
  864. margin-top: 10px;
  865. }
  866. .tableHead tr td {
  867. width: 12%;
  868. }
  869. .tableHead tr td:first-child {
  870. width: 16%;
  871. }
  872. .tableHead tr td:last-child {
  873. width: 16%;
  874. }
  875. .tableList {
  876. height: 198px;
  877. overflow-y: auto;
  878. width: 1218px;
  879. }
  880. .tableList table tr td {
  881. width: 12%;
  882. text-align: center;
  883. padding: 10px 0px;
  884. }
  885. .tableList table tr td:first-child {
  886. width: 16%;
  887. overflow: hidden;
  888. white-space: nowrap;
  889. text-overflow: ellipsis;
  890. }
  891. .tableList table tr td:last-child {
  892. width: 16%;
  893. }
  894. .tableList table tr:nth-child(2n) {
  895. background-color: #f6f5f5;
  896. }
  897. .bidding input[type='button'] {
  898. border: 1px solid #a6a6a6;
  899. border-radius: 20px;
  900. padding: 4px 10px;
  901. }
  902. .bidding input[type='button']:hover {
  903. color: #FFFFFF !important;
  904. border-color: var(--color) !important;
  905. background-color: var(--color) !important;
  906. }
  907. .tabList table {
  908. border: 1px solid #e3e3e3;
  909. border-top: none;
  910. }
  911. .tabList table tr td {
  912. text-align: center;
  913. padding: 10px;
  914. border-top: 1px solid #e3e3e3;
  915. border-right: 1px solid #e3e3e3;
  916. }
  917. .tabList table tr td:last-child {
  918. border-right: none;
  919. }
  920. .tabList table tr:first-child td {
  921. padding: 12px 10px;
  922. border-right: none;
  923. }
  924. .tabList table tr:first-child {
  925. background-color: #f6f5f5;
  926. }
  927. .tabList p.active {
  928. border: 1px solid #e3e3e3;
  929. border-bottom: none;
  930. background-color: #f6f5f5;
  931. }
  932. .tabList p {
  933. display: inline-table;
  934. width: 128px;
  935. height: 45px;
  936. line-height: 45px;
  937. text-align: center;
  938. cursor: pointer;
  939. }
  940. .interactionTableLeft tr td {
  941. border-bottom: 1px dashed #e3e3e3;
  942. padding: 10px 0px;
  943. }
  944. .interactionTableLeft tr td:last-child {
  945. text-align: right;
  946. }
  947. .interactionTableLeft tr td:first-child {
  948. overflow: hidden;
  949. text-overflow: ellipsis;
  950. white-space: nowrap;
  951. display: block;
  952. }
  953. .interactionTableLeft tr:hover {
  954. color: var(--color);
  955. }
  956. .userName{
  957. font-size: 12px;
  958. color: #000!important;
  959. margin: 0!important;
  960. }
  961. .userName:hover{
  962. cursor: pointer;
  963. color: var(--color);
  964. }
  965. .headHover{
  966. position: absolute;
  967. top: 64px;
  968. right: 0;
  969. background: #FFF;
  970. padding: 15px 10px;
  971. width: 142px;
  972. z-index: 9;
  973. box-shadow: 0px 0px 5px #e1e1e1;
  974. }
  975. .headHover ul li a{
  976. line-height: 12px;
  977. font-size: 12px;
  978. margin-left: 5px;
  979. color: #000;
  980. }
  981. .headHover ul li a:hover{
  982. cursor: pointer;
  983. color: var(--color);
  984. }
  985. .headHover ul li:first-child p:hover{
  986. cursor: initial;
  987. color: #000;
  988. }
  989. .headHover ul li{
  990. padding: 8px 5px;
  991. }
  992. .headHover ul li:first-child{
  993. padding: 0;
  994. }
  995. .headHover ul li:first-child p{
  996. font-size: 14px;
  997. border-bottom: 1px solid #e3e3e3;
  998. padding-bottom: 15px;
  999. line-height: 14px;
  1000. }
  1001. .headHover ul li:last-child p{
  1002. font-size: 12px;
  1003. line-height: 14px;
  1004. }
  1005. .headHover ul li:last-child{
  1006. border-top: 1px solid #e3e3e3;
  1007. }
  1008. .dressPc{
  1009. position: absolute;
  1010. right: 97px;
  1011. z-index: 9;
  1012. background: #FFF;
  1013. padding: 5px 12px;
  1014. box-shadow: 0px 0px 5px #e1e1e1;
  1015. top: 32px;
  1016. }
  1017. .dressPc ul li{
  1018. margin-bottom: 5px;
  1019. cursor: pointer;
  1020. }
  1021. .dressPc ul li:last-child{
  1022. margin-bottom: 0px;
  1023. }
  1024. .jiantou {
  1025. width: 6px;
  1026. height: 6px;
  1027. border-top: 1px solid #8f8f94;
  1028. border-right: 1px solid #8f8f94;
  1029. transform: rotate(45deg);
  1030. margin-top: 8px;
  1031. margin-left: 10px;
  1032. display: block;
  1033. float: left;
  1034. }