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

1393 行
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: #626262;
  249. font-size: 16px;
  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. }
  330. /*.centerLeft-center .centerleft-center-tit01 span:first-child {*/
  331. /* color: var(--color);*/
  332. /*}*/
  333. .centerLeft-center .centerleft-center-tit01 span.active{
  334. color: var(--color);
  335. }
  336. .centerLeft-center .centerleft-center-tit01 span:hover {
  337. cursor: pointer;
  338. color: var(--color);
  339. }
  340. .centerLeft-center .centerleft-center-tit01 span:last-child {
  341. float: right;
  342. cursor: pointer;
  343. }
  344. .centerLeft-center .centerleft-center-tit01 span:last-child:hover {
  345. color: var(--color);
  346. }
  347. .centerLeft-center-middle {
  348. position: relative;
  349. width: 252px;
  350. border: 1px solid #e3e3e3;
  351. display: inline-block;
  352. }
  353. .centerLeft-center-middle div {
  354. padding: 12px 10px;
  355. }
  356. .centerLeft-center-middle .centerLeft-center-lable {
  357. width: 44px;
  358. /* height: 46px; */
  359. /*background: var(--color);*/
  360. color: #FFF;
  361. text-align: center;
  362. border-bottom-left-radius: 18px;
  363. border-bottom-right-radius: 18px;
  364. font-size: 14px;
  365. padding: 4px 0px;
  366. position: absolute;
  367. right: 10px;
  368. }
  369. .centerLeft-center-middle-tit01 {
  370. font-size: 16px;
  371. color: #626262;
  372. white-space: nowrap;
  373. overflow: hidden;
  374. text-overflow: ellipsis;
  375. }
  376. .centerLeft-center-middle-tit01 span {
  377. font-size: 12px;
  378. color: var(--color);
  379. border: 1px solid var(--color);
  380. padding: 1px 2px;
  381. margin-right: 6px;
  382. }
  383. .centerLeft-center-middle-ul li p {
  384. font-size: 14px;
  385. color: #626262;
  386. margin-top: 12px;
  387. }
  388. .centerLeft-center-middle-ul li:first-child p {
  389. font-size: 14px;
  390. color: #d21313;
  391. }
  392. .centerLeft-center-middle-ul li:first-child p i{
  393. font-size: 18px;
  394. color: #d21313;
  395. font-weight: bold;
  396. }
  397. .centerLeft-center-middle-ul li p span {
  398. display: inline-block;
  399. width: 4em;
  400. font-size: 12px;
  401. color: #adadad;
  402. margin-right: 12px;
  403. }
  404. .centerLeft-center-middle-ul li p span i {
  405. display: inline-block;
  406. width: 0.5em;
  407. }
  408. .centerLeft-center-bottom p:first-child {
  409. background: var(--icon) 0px no-repeat;
  410. padding-left: 16px;
  411. width: 66%;
  412. border-right: 1px solid #e3e3e3;
  413. white-space:nowrap;
  414. text-overflow:ellipsis;
  415. overflow:hidden;
  416. float: left;
  417. }
  418. .centerLeft-center-bottom p:nth-child(2) {
  419. width: 30%;
  420. float: right;
  421. text-align: center;
  422. }
  423. .centerLeft-center-bottom p {
  424. font-size: 12px;
  425. color: #adadad;
  426. display: block;
  427. }
  428. .centerLeft-center-bottom {
  429. border-top: 1px solid #e3e3e3;
  430. padding: 0 10px !important;
  431. line-height: 40px;
  432. }
  433. . centerRight {}
  434. .centerRight-list0 {
  435. min-height: 420px;
  436. /*padding: 26px 30px;*/
  437. background-color: #f7f7f7;
  438. border: 1px solid #e3e3e3;
  439. float: left;
  440. margin-top: 25px;
  441. width: 24%;
  442. }
  443. .centerRight-list0 p:first-child {
  444. font-size: 20px;
  445. color: #ffffff;
  446. }
  447. .centerRight-list0 p:first-child span:first-child {
  448. font-size: 12px;
  449. color: #ffffff;
  450. border: 1px solid #ffffff;
  451. padding: 1px 6px;
  452. margin-right: 6px;
  453. }
  454. .centerRight-list0 p:first-child span {
  455. display: inline;
  456. vertical-align: middle;
  457. }
  458. .centerRight-list0 p {
  459. font-size: 14px;
  460. color: #626262;
  461. margin-bottom: 20px;
  462. }
  463. .centerRight-list0 p i {
  464. display: inline-block;
  465. width: 1em;
  466. }
  467. .centerRight-list0 p:nth-child(3) span {
  468. color: #d21313;
  469. }
  470. .centerRight-list0 p:nth-child(3) {
  471. margin-left: 15px;
  472. }
  473. .centerRight-list0 p:nth-child(2) {
  474. margin-left: 15px;
  475. }
  476. .centerRight-list0 .down{
  477. color: var(--color);
  478. }
  479. .centerRight-list0 p:last-child {
  480. text-align: center;
  481. color: #adadad;
  482. font-size: 12px;
  483. margin-bottom: 0;
  484. }
  485. .centerRight-list1 {
  486. margin-top: 25px;
  487. background-color: #f7f7f7;
  488. border: 1px solid #e3e3e3;
  489. padding-bottom: 15px;
  490. min-height: 420px;
  491. float: left;
  492. width: 24%;
  493. margin-left: 1.333%;
  494. }
  495. .centerRight-list1-tit01 {
  496. text-align: center;
  497. color: #ffffff;
  498. font-size: 20px;
  499. line-height: 42px;
  500. background-color: var(--color);
  501. }
  502. .centerRight-list1-tit02 {
  503. text-align: center;
  504. color: var(--color);
  505. font-size: 16px;
  506. margin-top: 15px;
  507. }
  508. .centerRight-list1-div01 {
  509. text-align: center;
  510. margin-top: 15px;
  511. }
  512. .centerRight-list1-div02 {
  513. margin: 0 auto;
  514. margin-top: 15px;
  515. width: 88%;
  516. margin-bottom: 18px;
  517. position: relative;
  518. }
  519. .centerRight-list1-div02 .searchClass {
  520. border: 2px solid var(--color);
  521. border-radius: 20px;
  522. background: transparent;
  523. padding: 6px 10px;
  524. width: 100%;
  525. }
  526. .searchClass .el-input-group__append {
  527. border: none;
  528. background-color: var(--color);
  529. border-radius: 20px;
  530. color: #FFFFFF;
  531. LEFT: 4PX;
  532. }
  533. .searchClass .el-input-group__prepend {
  534. border: none;
  535. background-color: transparent;
  536. padding: 0 10px 0 30px;
  537. }
  538. .searchClass .el-input__inner {
  539. height: 36px;
  540. line-height: 36px;
  541. border: none;
  542. background-color: transparent;
  543. }
  544. .searchClass .el-icon-search {
  545. font-size: 16px;
  546. line-height: 35px;
  547. }
  548. .searchClass .centerClass {
  549. height: 100%;
  550. line-height: 100%;
  551. display: inline-block;
  552. vertical-align: middle;
  553. text-align: right;
  554. }
  555. .searchClass .line {
  556. width: 1px;
  557. height: 26px;
  558. background-color: #c5c5c5;
  559. margin-left: 14px;
  560. }
  561. .centerRight-list1-div03 {
  562. border-top: 1px solid #e3e3e3;
  563. text-align: center;
  564. }
  565. .centerRight-list1-form {
  566. width: 88%;
  567. margin: 0 auto;
  568. margin-top: 15px;
  569. }
  570. .centerRight-list1-form tr {
  571. display: block;
  572. margin-bottom: 10px;
  573. }
  574. .centerRight-list1-form table {
  575. margin: 0 auto;
  576. }
  577. .centerRight-list1-form input,
  578. select {
  579. background-color: transparent;
  580. border: 1px solid #bfbfbf;
  581. height: 26px;
  582. padding-left: 5px;
  583. width: 170px;
  584. }
  585. .searchbtn {
  586. background-color: var(--color);
  587. color: #ffffff;
  588. margin: 0 auto;
  589. width: 66px;
  590. padding: 5px 0px;
  591. border: none;
  592. border-radius: 30px;
  593. }
  594. .centerRight-list2 {
  595. /*padding: 26px 20px;*/
  596. max-height: 300px;
  597. width: 100%;
  598. }
  599. .centerRight-list2-tit01 {
  600. font-size: 20px;
  601. color: #626262;
  602. }
  603. .centerRight-list2 .centerRight-list1-tit01{
  604. position: relative;
  605. }
  606. .centerRight-list2 .centerRight-list1-tit01 span:last-child{
  607. font-size: 14px;
  608. position: absolute;
  609. right: 15px;
  610. }
  611. .centerRight-list3 .centerRight-list1-tit01{
  612. position: relative;
  613. }
  614. .centerRight-list3 .centerRight-list1-tit01 span:last-child{
  615. font-size: 14px;
  616. position: absolute;
  617. right: 15px;
  618. }
  619. .centerRight-list2-tit01 span:last-child {
  620. font-size: 14px;
  621. float: right;
  622. }
  623. .centerRight-list2-tit01 span:last-child:hover {
  624. color: var(--color);
  625. cursor: pointer;
  626. }
  627. .centerRight-list2 ul li p:first-child {
  628. overflow: hidden;
  629. text-overflow: ellipsis;
  630. white-space: nowrap;
  631. margin-bottom: 5px;
  632. }
  633. .centerRight-list2 ul li p:last-child {
  634. display: flex !important;
  635. display: -webkit-box !important;
  636. display: -webkit-flex !important;
  637. justify-content: space-between;
  638. -webkit-justify-content: space-between;
  639. }
  640. .centerRight-list2 ul li p:last-child span {
  641. color: #adadad;
  642. }
  643. .centerRight-list2 ul li p:last-child span:nth-child(1) span {
  644. color: #000;
  645. }
  646. .centerRight-list2 ul li {
  647. margin-top: 10px;
  648. }
  649. .centerRight-list2 ul li a:hover {
  650. color: var(--color);
  651. }
  652. .centerRight-list3 {
  653. max-height: 300px;
  654. width: 100%;
  655. }
  656. .centerRight-list3-tit01 {
  657. font-size: 20px;
  658. color: #626262;
  659. }
  660. .centerRight-list3-tit01 span {
  661. font-size: 14px;
  662. }
  663. .centerRight-list3-tit01 span:hover {
  664. color: var(--color);
  665. cursor: pointer;
  666. }
  667. .centerRight-list3 ul li p:first-child {
  668. overflow: hidden;
  669. text-overflow: ellipsis;
  670. white-space: nowrap;
  671. margin-bottom: 5px;
  672. }
  673. .centerRight-list3 ul li p:last-child {
  674. color: #adadad;
  675. }
  676. .centerRight-list3 ul li p:last-child span {
  677. color: #000;
  678. }
  679. .centerRight-list3 ul li {
  680. margin-top: 10px;
  681. }
  682. .centerRight-list3 ul li a:hover {
  683. color: var(--color);
  684. }
  685. .el-table__body-wrapper::-webkit-scrollbar {
  686. width: 0px;
  687. height: 0px;
  688. }
  689. .bottom .bottomNews-tit01 {
  690. font-size: 28px;
  691. display: inline-block;
  692. font-weight: bold;
  693. }
  694. .bottom .bottomNews-tit01 span {
  695. color: var(--color);
  696. }
  697. .bottom .bottomNews-tit02 {
  698. font-size: 16px;
  699. color: #626262;
  700. display: inline-block;
  701. }
  702. .bottom .bottomNews-tit02:hover {
  703. color: var(--color);
  704. cursor: pointer;
  705. }
  706. .bottomNews {
  707. border-bottom: 1px solid #adadad;
  708. margin-bottom: 18px;
  709. }
  710. .bottomNews-list {
  711. width: 32%;
  712. padding: 30px;
  713. background-color: #f7f7f7;
  714. border: 1px solid #e3e3e3;
  715. display: inline-block;
  716. min-height: 378px;
  717. }
  718. .bottomNews-list p {
  719. font-size: 20px;
  720. color: #626262;
  721. }
  722. .bottomNews-list p span {
  723. font-size: 16px;
  724. color: #626262;
  725. float: right;
  726. }
  727. .bottomNews-list p span:hover {
  728. color: var(--color);
  729. cursor: pointer;
  730. }
  731. .bottomNews-list ul {
  732. margin-top: 10px;
  733. }
  734. .bottomNews-list ul li {
  735. margin-top: 25px;
  736. }
  737. .bottomNews-list ul li a {
  738. overflow: hidden;
  739. text-overflow: ellipsis;
  740. white-space: nowrap;
  741. display: block;
  742. }
  743. .bottomNews-list ul li a:hover {
  744. color: var(--color);
  745. }
  746. .bidding {
  747. overflow: hidden;
  748. }
  749. .biddingTit {
  750. border-bottom: 1px solid #adadad;
  751. margin-bottom: 18px;
  752. }
  753. .biddingTit p {
  754. display: inline-block;
  755. }
  756. .bidding .biddingTit-tit01 {
  757. font-size: 28px;
  758. font-weight: bold;
  759. }
  760. .bidding .biddingTit-tit01 span {
  761. color: var(--color);
  762. }
  763. .bidding .biddingTit-tit02 {
  764. font-size: 16px;
  765. color: #626262;
  766. }
  767. .bidding .biddingTit-tit02:hover {
  768. color: var(--color);
  769. cursor: pointer;
  770. }
  771. .now-row {
  772. color: #d21313;
  773. }
  774. .notStart-row {
  775. color: #007b76;
  776. }
  777. .tableType {
  778. background-color: #e4e4e4;
  779. padding: 10px 25px;
  780. text-align: right;
  781. }
  782. .tableType i {
  783. display: inline-block;
  784. width: 10px;
  785. height: 10px;
  786. margin-right: 5px;
  787. }
  788. .tableType p {
  789. margin-left: 45px;
  790. display: inline-block;
  791. }
  792. .tableType p:nth-child(1) {
  793. color: #007b76;
  794. }
  795. .tableType p:nth-child(2) {
  796. color: #d21313;
  797. }
  798. .tableType p:nth-child(3) {
  799. color: #797979;
  800. }
  801. .tableType p:nth-child(1) i {
  802. background-color: #007b76;
  803. }
  804. .tableType p:nth-child(2) i {
  805. background-color: #d21313;
  806. }
  807. .tableType p:nth-child(3) i {
  808. background-color: #797979;
  809. }
  810. .personalTit {
  811. border-bottom: 1px solid #adadad;
  812. margin-bottom: 18px;
  813. }
  814. .personal .personalTit-tit01 {
  815. font-size: 28px;
  816. display: inline-block;
  817. font-weight: bold;
  818. }
  819. .personal .personalTit-tit01 span {
  820. color: var(--color);
  821. }
  822. .personal .personalTit-tit02 {
  823. font-size: 16px;
  824. color: #626262;
  825. display: inline-block;
  826. }
  827. .personal .personalTit-tit02:hover {
  828. color: var(--color);
  829. cursor: pointer;
  830. }
  831. .personalTit-banner {
  832. width: 400px;
  833. }
  834. .personalTit-Tab {
  835. width: 775px;
  836. position: relative;
  837. }
  838. .personalTit-Tab .perBtn {
  839. position: absolute;
  840. right: 0;
  841. color: #FFFFFF !important;
  842. border: none !important;
  843. background-color: var(--color) !important;
  844. }
  845. .el-tabs--card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  846. color: var(--color) !important;
  847. }
  848. .el-tabs--card>.el-tabs__header {
  849. margin: 0 !important;
  850. }
  851. .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
  852. color: var(--color) !important;
  853. background: #f6f5f5 !important;
  854. }
  855. .el-tabs--card {
  856. box-shadow: none !important;
  857. }
  858. .el-tabs--card>.el-tabs__content {
  859. padding: 0 !important;
  860. }
  861. .personalTit-Tab .el-table td,
  862. .el-table th {
  863. padding: 10px 0px !important;
  864. }
  865. .el-table td.gutter,
  866. .el-table th.gutter {
  867. background: #e4e4e4 !important;
  868. }
  869. .interactionTit {
  870. border-bottom: 1px solid #adadad;
  871. margin-bottom: 18px;
  872. }
  873. .interaction .interactionTit-tit01 {
  874. font-size: 28px;
  875. font-weight: bold;
  876. }
  877. .interaction .interactionTit-tit01 span {
  878. color: var(--color);
  879. }
  880. .interaction .interactionTit-tit02 {
  881. font-size: 16px;
  882. color: #626262;
  883. }
  884. .interaction .interactionTit-tit02:hover {
  885. color: var(--color);
  886. cursor: pointer;
  887. }
  888. .interaction .searchClass {
  889. border: 2px solid var(--color);
  890. border-radius: 20px;
  891. background: transparent;
  892. width: 500px;
  893. padding: 6px 15px;
  894. }
  895. .interaction .searchClass .el-input__inner {
  896. height: 30px;
  897. }
  898. .interaction .searchClass .el-icon-search {
  899. line-height: 28px;
  900. }
  901. .interaction .seaBtn {
  902. color: #FFFFFF;
  903. border: 1px solid var(--color);
  904. background-color: var(--color);
  905. padding: 0px 40px;
  906. border-radius: 16px;
  907. line-height: 32px;
  908. height: 32px;
  909. }
  910. .bottomLink {
  911. background: #e8e8e8;
  912. margin-top: 40px;
  913. padding: 30px 0 40px;
  914. }
  915. .bottomLink-tit {
  916. font-size: 12px;
  917. color: #7f7f7f;
  918. }
  919. .bottomLink-tit img{
  920. vertical-align: middle;
  921. margin-right: 2px;
  922. }
  923. .bottomLink-linkList {
  924. font-size: 12px;
  925. color: #7f7f7f;
  926. width: 1000px;
  927. }
  928. .bottomLink-linkList a {
  929. margin-top: 15px;
  930. margin-right: 15px;
  931. display: inline-block;
  932. }
  933. .ba {
  934. font-size: 12px;
  935. color: #7f7f7f;
  936. margin-top: 20px;
  937. }
  938. .ba span {
  939. margin-left: 20px;
  940. }
  941. .ewm {
  942. padding: 25px 25px 0;
  943. }
  944. .ewmtit {
  945. font-size: 12px;
  946. color: #7f7f7f;
  947. margin-top: 5px;
  948. }
  949. input[type="radio"] {
  950. appearance: none;
  951. -webkit-appearance: none;
  952. outline: none;
  953. display: none
  954. }
  955. label {
  956. display: inline-block;
  957. cursor: pointer;
  958. margin-right: 10px;
  959. }
  960. label input[type="radio"]+span {
  961. width: 12px;
  962. height: 12px;
  963. display: inline-block;
  964. border: 1px solid var(--color);
  965. background: url('../images/check.png') no-repeat;
  966. background-position: 0 0;
  967. position: relative;
  968. top: 2px;
  969. margin-right: 5px;
  970. }
  971. label input[type="radio"]:checked+span {
  972. background-position: 0 -12px
  973. }
  974. .tableHead {
  975. background-color: #e4e4e4;
  976. color: #000000;
  977. text-align: center;
  978. font-size: 16px;
  979. padding: 10px 0px;
  980. font-weight: 600;
  981. margin-top: 10px;
  982. }
  983. .tableHead tr td {
  984. width: 12%;
  985. }
  986. .tableHead tr td:first-child {
  987. width: 16%;
  988. }
  989. .tableHead tr td:last-child {
  990. width: 16%;
  991. }
  992. .tableList {
  993. height: 198px;
  994. overflow-y: auto;
  995. width: 1218px;
  996. }
  997. .tableList table tr td {
  998. width: 12%;
  999. text-align: center;
  1000. padding: 10px 0px;
  1001. }
  1002. .tableList table tr td:first-child {
  1003. width: 16%;
  1004. overflow: hidden;
  1005. white-space: nowrap;
  1006. text-overflow: ellipsis;
  1007. }
  1008. .tableList table tr td:last-child {
  1009. width: 16%;
  1010. }
  1011. .tableList table tr:nth-child(2n) {
  1012. background-color: #f6f5f5;
  1013. }
  1014. .bidding input[type='button'] {
  1015. border: 1px solid #a6a6a6;
  1016. border-radius: 20px;
  1017. padding: 4px 10px;
  1018. }
  1019. .bidding input[type='button']:hover {
  1020. color: #FFFFFF !important;
  1021. border-color: var(--color) !important;
  1022. background-color: var(--color) !important;
  1023. }
  1024. .tabList table {
  1025. border: 1px solid #e3e3e3;
  1026. border-top: none;
  1027. }
  1028. .tabList table tr td {
  1029. text-align: center;
  1030. padding: 10px;
  1031. border-top: 1px solid #e3e3e3;
  1032. border-right: 1px solid #e3e3e3;
  1033. }
  1034. .tabList table tr td:last-child {
  1035. border-right: none;
  1036. }
  1037. .tabList table tr:first-child td {
  1038. padding: 12px 10px;
  1039. border-right: none;
  1040. }
  1041. .tabList table tr:first-child {
  1042. background-color: #f6f5f5;
  1043. }
  1044. .tabList p.active {
  1045. border: 1px solid #e3e3e3;
  1046. border-bottom: none;
  1047. background-color: #f6f5f5;
  1048. }
  1049. .tabList p {
  1050. display: inline-table;
  1051. width: 128px;
  1052. height: 45px;
  1053. line-height: 45px;
  1054. text-align: center;
  1055. cursor: pointer;
  1056. }
  1057. .interactionTableLeft tr td {
  1058. border-bottom: 1px dashed #e3e3e3;
  1059. padding: 10px 0px;
  1060. }
  1061. .interactionTableLeft tr td:last-child {
  1062. text-align: right;
  1063. }
  1064. .interactionTableLeft tr td:first-child {
  1065. overflow: hidden;
  1066. text-overflow: ellipsis;
  1067. white-space: nowrap;
  1068. display: block;
  1069. }
  1070. .interactionTableLeft tr:hover {
  1071. color: var(--color);
  1072. }
  1073. .userName{
  1074. font-size: 12px;
  1075. color: #000!important;
  1076. margin: 0!important;
  1077. padding: 10px 0;
  1078. }
  1079. .userName:hover{
  1080. cursor: pointer;
  1081. color: var(--color);
  1082. }
  1083. .headHover{
  1084. position: absolute;
  1085. top: 38px;
  1086. right: 0;
  1087. background: #FFF;
  1088. padding: 15px 10px;
  1089. width: 142px;
  1090. z-index: 9;
  1091. box-shadow: 0px 0px 5px #e1e1e1;
  1092. }
  1093. .headHover ul li a{
  1094. line-height: 12px;
  1095. font-size: 12px;
  1096. margin-left: 5px;
  1097. color: #000;
  1098. }
  1099. .headHover ul li a:hover{
  1100. cursor: pointer;
  1101. color: var(--color);
  1102. }
  1103. .headHover ul li:first-child p:hover{
  1104. cursor: initial;
  1105. color: #000;
  1106. }
  1107. .headHover ul li{
  1108. padding: 8px 5px;
  1109. }
  1110. .headHover ul li:first-child{
  1111. padding: 0;
  1112. }
  1113. .headHover ul li:first-child p{
  1114. font-size: 14px;
  1115. border-bottom: 1px solid #e3e3e3;
  1116. padding-bottom: 15px;
  1117. line-height: 14px;
  1118. }
  1119. .headHover ul li:last-child p{
  1120. font-size: 12px;
  1121. line-height: 14px;
  1122. }
  1123. .headHover ul li:last-child{
  1124. border-top: 1px solid #e3e3e3;
  1125. }
  1126. .dressPc{
  1127. position: absolute;
  1128. right: 97px;
  1129. z-index: 9;
  1130. background: #FFF;
  1131. padding: 5px 12px;
  1132. box-shadow: 0px 0px 5px #e1e1e1;
  1133. top: 32px;
  1134. }
  1135. .dressPc ul li{
  1136. margin-bottom: 5px;
  1137. cursor: pointer;
  1138. }
  1139. .dressPc ul li:last-child{
  1140. margin-bottom: 0px;
  1141. }
  1142. .jiantou {
  1143. width: 6px;
  1144. height: 6px;
  1145. border-top: 1px solid #8f8f94;
  1146. border-right: 1px solid #8f8f94;
  1147. transform: rotate(45deg);
  1148. margin-top: 8px;
  1149. margin-left: 10px;
  1150. display: block;
  1151. float: left;
  1152. }