网站
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符
 
 
 

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