网站
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.
 
 
 

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