网站
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.
 
 
 

1524 satır
24 KiB

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