Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
 
 
 
 

9164 Zeilen
167 KiB

  1. body {
  2. margin: 0;
  3. padding: 0;
  4. font-family: PingFang SC, PingFang SC-Regular, PingFang SC-Medium, PingFang SC-Light, PingFang SC-Semibold, Microsoft YaHei, "Helvetica Neue", Helvetica, Arial, sans-serif;
  5. -webkit-font-smoothing: antialiased;
  6. }
  7. /*登录注册*/
  8. .loginbox {
  9. width: 100%;
  10. }
  11. .loginbg {
  12. width: 1920px;
  13. height: 1365px;
  14. position: absolute;
  15. margin-left: 50%;
  16. left: -960px;
  17. }
  18. .login_inputbox {
  19. position: relative;
  20. width: 402px;
  21. overflow: hidden;
  22. margin: 0 auto;
  23. margin-top: 123px;
  24. }
  25. .login_inputbox input {
  26. width: 400px;
  27. padding-left: 30px;
  28. outline: 0;
  29. border: 1px solid #979797;
  30. }
  31. .login_inputbox input[type=text],
  32. .login_inputbox input[type=password] {
  33. width: 400px;
  34. height: 56px;
  35. border-radius: 30px;
  36. line-height: 60px;
  37. transition: ease all 1s;
  38. font-size: 18px;
  39. }
  40. .login_inputbox input[type=text]:focus,
  41. .login_inputbox input[type=password]:focus {
  42. border-color: #8c00ff
  43. }
  44. .login_inputbox input[type=text] {
  45. margin-bottom: 30px;
  46. }
  47. .login_inputbox input[type=password] {
  48. margin-bottom: 10px;
  49. }
  50. .login_inputbox>span {
  51. display: block;
  52. text-align: center;
  53. font-size: 28px;
  54. color: #8c00ff;
  55. margin-bottom: 96px;
  56. }
  57. .reset {
  58. display: block;
  59. text-align: right;
  60. font-size: 14px;
  61. padding-right: 30px;
  62. color: #a7a8b7;
  63. text-decoration: none;
  64. }
  65. .login_inputbox input[type=button] {
  66. margin-top: 59px;
  67. height: 36px;
  68. background-color: #8c00ff;
  69. color: #fff;
  70. border: 0;
  71. font-size: 18px;
  72. border-radius: 18px;
  73. cursor: pointer;
  74. padding-left: 0
  75. }
  76. .yiyunline {
  77. width: 100%;
  78. height: 1px;
  79. background-color: #e3e3e3;
  80. margin-top: 40px;
  81. margin-bottom: 10px;
  82. }
  83. .loginbottom>span {
  84. font-size: 14px;
  85. color: #fff;
  86. margin-left: 20px;
  87. }
  88. .loginbottom a {
  89. text-decoration: none;
  90. color: #fff;
  91. }
  92. .loginbottom a:hover,
  93. .reset:hover {
  94. color: #8c00ff;
  95. transition: ease all 1s;
  96. }
  97. /*云盘首页*/
  98. body,
  99. div,
  100. ul,
  101. li,
  102. h1,
  103. h2,
  104. h3,
  105. h4,
  106. h5,
  107. h6,
  108. p,
  109. sup,
  110. input {
  111. margin: 0;
  112. padding: 0;
  113. outline: none;
  114. list-style: none;
  115. }
  116. body {
  117. background-color: #f6f6f6;
  118. }
  119. .bg_f0{
  120. background-color: #f0f0f0;
  121. }
  122. #bigbody{
  123. background-color: #f6f6f6;
  124. }
  125. ul {
  126. list-style: none;
  127. }
  128. .fl {
  129. float: left;
  130. }
  131. .fr {
  132. float: right;
  133. }
  134. .clear {
  135. clear: both;
  136. }
  137. .yiyun_icon {
  138. /*transition: all ease 0.5s;*/
  139. cursor: pointer;
  140. }
  141. .icon_topnav_email {
  142. background: url("/static/img/yiyunicon.png") no-repeat -532px -28px;
  143. }
  144. .icon_topnav_email:hover {
  145. background: url("/static/img/yiyunicon.png") no-repeat -532px -112px;
  146. }
  147. .icon_topnav_message {
  148. background: url("/static/img/yiyunicon.png") no-repeat -728px -28px;
  149. }
  150. .icon_topnav_message:hover {
  151. background: url("/static/img/yiyunicon.png") no-repeat -728px -112px;
  152. }
  153. .icon_topnav_more {
  154. background: url("/static/img/yiyunicon.png") no-repeat -392px -28px;
  155. }
  156. .icon_topnav_more:hover {
  157. background: url("/static/img/yiyunicon.png") no-repeat -392px -112px;
  158. }
  159. .icon_topnav_searchicon {
  160. background: url("/static/img/yiyunicon.png") no-repeat -588px -28px;
  161. }
  162. .icon_topnav_fullscreen {
  163. background: url("/static/img/yiyunicon.png") no-repeat -420px -28px;
  164. }
  165. .icon_topnav_edit {
  166. background: url("/static/img/yiyunicon.png") no-repeat -784px -28px;
  167. }
  168. .icon_topnav_Zoommax {
  169. background: url("/static/img/yiyunicon.png") no-repeat -784px -28px;
  170. }
  171. .icon_topnav_Zoommin {
  172. background: url("/static/img/yiyunicon.png") no-repeat -784px -28px;
  173. }
  174. .icon_topnav_history {
  175. background: url("/static/img/yiyunicon.png") no-repeat -280px -28px;
  176. }
  177. .icon_topnav_zhedieDwon {
  178. background: url("/static/img/yiyunicon.png") no-repeat -560px -28px;
  179. }
  180. .icon_topnav_zhedieUp {
  181. background: url("/static/img/yiyunicon.png") no-repeat -140px -28px;
  182. }
  183. .icon_topnav_large_add {
  184. background: url("/static/img/yiyunicon.png") no-repeat 0px -234px;
  185. }
  186. .icon_topnav_backicon {
  187. background: url("/static/img/yiyunicon.png") no-repeat -28px -28px;
  188. }
  189. .icon_topnav_listicon {
  190. background: url("/static/img/yiyunicon.png") no-repeat -336px -28px;
  191. }
  192. .icon_topnav_sort {
  193. background: url("/static/img/yiyunicon.png") no-repeat -476px -28px;
  194. }
  195. .icon_topnav_maxzoomBtn {
  196. background: url("/static/img/yiyunicon.png") no-repeat -840px -56px;
  197. }
  198. .icon_topnav_minzoomBtn {
  199. background: url("/static/img/yiyunicon.png") no-repeat -868px -56px
  200. }
  201. .icon_topnav_shared_fifle {
  202. background: url("/static/img/yiyunicon.png") no-repeat -56px -56px
  203. }
  204. .icon_topback_left {
  205. background: url("/static/img/yiyunicon.png") no-repeat -28px -56px
  206. }
  207. .icon_topback_left_baise {
  208. background: url("/static/img/yiyunicon.png") no-repeat -28px -28px
  209. }
  210. .icon_topnav_cloud {
  211. display: inline-block;
  212. width: 28px;
  213. height: 28px;
  214. background: url("/static/img/yiyunicon.png") no-repeat 0 0;
  215. cursor: pointer;
  216. }
  217. .icon_topnav_cardicon {
  218. display: inline-block;
  219. width: 28px;
  220. height: 28px;
  221. background: url("/static/img/yiyunicon.png") no-repeat -702px -28px;
  222. cursor: pointer;
  223. }
  224. .clear {
  225. clear: both;
  226. }
  227. .yiyun_headerbox {
  228. width: 100%;
  229. /* background-color: #f6f6f6; */
  230. /* box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); */
  231. position: fixed!important;
  232. z-index: 1;
  233. top: 0;
  234. }
  235. .headershadow{
  236. background-color: #fff;
  237. box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  238. }
  239. .yiyun_header {
  240. width: calc(100vw - 120px);
  241. height: 54px;
  242. margin-left: auto;
  243. margin-right: auto;
  244. line-height: 54px;
  245. }
  246. .yiyun_headerce>span {
  247. padding: 14px 30px;
  248. margin: 0 0px;
  249. cursor: pointer;
  250. font-weight: 500;
  251. font-family: Pingfang SC;
  252. }
  253. .yiyun_headerfl,
  254. .yiyun_headerfr {
  255. width: 25%;
  256. /* width: 475px; */
  257. }
  258. .yiyun_headerfl {
  259. margin-left: 0px;
  260. float: left;
  261. font-size: 17px;
  262. color: #000;
  263. width: 25%;
  264. }
  265. .yiyun_headerfladmin {
  266. padding-right: 0;
  267. width: 50%;
  268. }
  269. .yiyun-2 {
  270. width: 20%;
  271. }
  272. .yiyun-6 {
  273. width: 60%;
  274. }
  275. .yiyun_headerfradmin {
  276. margin-right: 10px;
  277. }
  278. .yiyun_headerce {
  279. display: inline-block;
  280. text-align: center;
  281. font-size: 17px;
  282. text-align: center;
  283. font-weight: bold;
  284. color: #000;
  285. }
  286. .cewidth {
  287. width: 50%;
  288. overflow: hidden;
  289. text-overflow: ellipsis;
  290. white-space: nowrap;
  291. }
  292. .yiyun_headerfr {
  293. margin-right: 0px;
  294. float: right;
  295. }
  296. .yiyun_icon {
  297. display: inline-block;
  298. width: 28px;
  299. height: 28px;
  300. }
  301. .yiyun_icon_large {
  302. display: inline-block;
  303. width: 60px;
  304. height: 60px;
  305. cursor: pointer;
  306. margin-bottom: 15px;
  307. }
  308. .yiyun_headerfr>a {
  309. font-size: 12px;
  310. color: #000;
  311. cursor: pointer;
  312. margin-left: 22px;
  313. float: right;
  314. text-decoration: none;
  315. }
  316. .yiyun_headerfr>a:hover {
  317. color: #8c00ff;
  318. }
  319. .yiyun_searchbox {
  320. display: inline-block;
  321. position: relative;
  322. width: 28%;
  323. margin-top: 8px;
  324. margin-right: 43px;
  325. }
  326. .yiyun_searchbox i {
  327. float: left;
  328. position: absolute;
  329. left: 2px;
  330. top: 2px;
  331. cursor: pointer
  332. }
  333. .yiyun_search {
  334. float: left;
  335. width: 100%;
  336. background-color: transparent;
  337. border-radius: 16px;
  338. height: 30px;
  339. border: 1px solid rgba(216,216,216,1);
  340. padding-left: 40px;
  341. }
  342. .yiyun_search:focus {
  343. border: 1px solid #a9aab8;
  344. transition: all 0.5s;
  345. }
  346. .downlodkehu{
  347. color: #8c00ff;
  348. text-decoration: none;
  349. line-height: 54px;
  350. float: left;
  351. margin-right: 16px;
  352. }
  353. .user_info_item .el-input--suffix .el-input__inner{
  354. box-shadow: 0 0;
  355. }
  356. .yiyun_headerfr_item_r {
  357. height: 48px;
  358. line-height: 48px;
  359. overflow: hidden;
  360. float: right;
  361. margin-right: 30px;
  362. }
  363. .bzline{
  364. height: 1px;
  365. background-color: #A7A8B7;
  366. }
  367. .yiyun_headerfr_item_r > div > span {
  368. float: right;
  369. line-height: 48px;
  370. margin-left: 24px;
  371. }
  372. .yiyun_headerfr_item_r:last {
  373. margin-right: 0;
  374. }
  375. .el-badge__content.is-fixed {
  376. top: -6px;
  377. }
  378. /*中间内容区域*/
  379. .yiyun_section {
  380. display: block;
  381. width: calc(100vw - 120px);
  382. margin: 0 auto;
  383. height: calc(100vh - 136px);
  384. }
  385. .yiyun_section_warp{
  386. display: block;
  387. width: calc(100vw - 120px);
  388. margin: 0 auto;
  389. padding: 0 0 10px 0;
  390. }
  391. .yiyun_section_top {
  392. margin-top: 10px;
  393. overflow: hidden;
  394. margin-bottom: 10px;
  395. }
  396. .section_item_aside_fl h1 {
  397. font-size: 44px;
  398. font-family: PingFang SC;
  399. font-weight: 400;
  400. position: relative;
  401. top: -11px;
  402. color: #000;
  403. }
  404. .section_item_aside_fl .nowshijian {
  405. font-size: 20px;
  406. margin-right: 6px;
  407. position: relative;
  408. top: -13px;
  409. font-weight: 400;
  410. letter-spacing: 0.73px;
  411. color: #323232;
  412. }
  413. .yiyun_text-wenben {
  414. color: #9B9B9B;
  415. font-size: 12px;
  416. cursor: pointer;
  417. }
  418. .yiyun_btn_info {
  419. border: 0;
  420. border-radius: 4px;
  421. font-size: 14px;
  422. width: 80px;
  423. height: 28px;
  424. line-height: 28px;
  425. color: rgba(155, 155, 155, 1);
  426. background: -webkit-linear-gradient(top, #E1E2E8, #B0B0B7);
  427. color: #323232;
  428. cursor: pointer;
  429. }
  430. .section_item {
  431. display: inline-block;
  432. }
  433. .yiyun_point_group li {
  434. display: inline-block;
  435. margin: 0 10px;
  436. width: 70px;
  437. }
  438. .yiyun_point_group {
  439. text-align: center;
  440. }
  441. .yiyun_point_group .yiyun_point {
  442. display: inline-block;
  443. width: 10px;
  444. height: 10px;
  445. background-color: #d8d8d8;
  446. margin: 0 3px;
  447. border-radius: 10px;
  448. }
  449. .yiyun_point_group .yiyun_point.yyactive {
  450. background-color: #a8a8a8;
  451. }
  452. .section_item_aside_fl {
  453. /* min-height: 85px; */
  454. width: 80%;
  455. /* border: 1px solid #000;*/
  456. }
  457. .first-leftarrow{
  458. font-size: 19px;
  459. color: #A7A8B7;
  460. position: relative;
  461. top: 4px;
  462. }
  463. .section_item_aside_ce {
  464. /*border: 1px solid #ccc;*/
  465. width: calc(100vw - 550px);
  466. text-align: center;
  467. }
  468. .yiyun_point_group {
  469. width: 500px;
  470. margin: 0 auto;
  471. cursor: pointer;
  472. }
  473. .active {
  474. background-color: #a8a8a8 !important;
  475. }
  476. .mr-20 {
  477. margin-right: 20px;
  478. }
  479. .mr-30 {
  480. margin-right: 30px;
  481. }
  482. .newProject_next_taggle1,
  483. .newProject_next_taggle2,
  484. .newProject_next_taggle3 {
  485. width: 800px;
  486. }
  487. /*云盘*/
  488. .cloudpan_headbox {
  489. background-color: #555564;
  490. box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  491. color: #fff;
  492. }
  493. .cloudpan_headbox .yiyun_headerfl,
  494. .cloudpan_headbox .yiyun_headerce,
  495. .cloudpan_headbox .yiyun_headerfr>a {
  496. color: #fff;
  497. }
  498. .cloudindexbody {
  499. background-color: #62626f!important;
  500. }
  501. .yiyun_section_1368 {
  502. width: 1368px;
  503. height: auto;
  504. margin: 0 auto;
  505. }
  506. .pt-10{
  507. padding-top: 10px;
  508. overflow: hidden;
  509. }
  510. .mt_30 {
  511. margin-top: 30px;
  512. }
  513. .mtb-10{
  514. margin-top: 10px;
  515. margin-bottom: 10px;
  516. }
  517. .mt_54 {
  518. margin-top: 54px;
  519. }
  520. .ml-8 {
  521. margin-left: 8px;
  522. }
  523. .ml-36 {
  524. margin-left: 36px;
  525. }
  526. .yiyun_text-title {
  527. font-size: 18px;
  528. color: #A7A8B7;
  529. float: left;
  530. line-height: 28px
  531. }
  532. .yiyun_text-title-workspace{
  533. display: flex
  534. }
  535. .yiyun_text-title-workspace a{
  536. font-size: 18px;
  537. color: #A7A8B7;
  538. float: left;
  539. line-height: 28px;
  540. text-decoration: none
  541. }
  542. .yiyun_text-title-workspace a:last-child .el-icon-arrow-left{
  543. opacity: 0;
  544. }
  545. .yiyun_text-title-workspace a:last-child{
  546. color: #000;
  547. background-color: #cccdd7;
  548. display: flex;
  549. padding-left: 15px;
  550. border-radius: 4px;
  551. padding-top: 0px;
  552. padding-bottom: 0px;
  553. position: relative;
  554. }
  555. .new_fifle {
  556. outline: none;
  557. padding-left: 20px;
  558. width: 102px;
  559. background: url(/static/img/new_btn_fifle.png) no-repeat 0 0;
  560. height: 24px;
  561. line-height: 23px;
  562. }
  563. .yupan_card_box ul li {
  564. float: left;
  565. height: 258px;
  566. margin: 0px 24px;
  567. cursor: pointer;
  568. overflow: hidden;
  569. position: relative;
  570. }
  571. .downloadBtn_yiyun {
  572. font-size: 30px;
  573. position: absolute;
  574. right: 10px;
  575. top: 143px;
  576. color: #fff;
  577. display: none;
  578. cursor:pointer;
  579. }
  580. .mr-30 {
  581. margin-right: 30px;
  582. }
  583. .yupan_card_box ul li:hover>.downloadBtn_yiyun {
  584. display: block;
  585. }
  586. .yupan_card_box ul li img {
  587. display: block;
  588. width: 180px;
  589. height: 180px;
  590. /* border-radius: 20px; */
  591. transition: ease all 0.5s;
  592. }
  593. .yupan_card_box ul li>div {
  594. display: block;
  595. width: 180px;
  596. height: 180px;
  597. border-radius: 20px;
  598. transition: ease all 0.5s;
  599. }
  600. .yupan_card_box ul li:hover>div {
  601. background-color: #32323c;
  602. }
  603. .yiyun_file_infobox {
  604. display: block;
  605. text-align: center;
  606. }
  607. .yiyun_file_newlabel {
  608. display: inline-block;
  609. width: 8px;
  610. height: 8px;
  611. border-radius: 7px;
  612. background-color: #4a90e2;
  613. }
  614. .yiyun_file_name {
  615. font-size: 18px;
  616. color: #fff;
  617. width: 180px;
  618. word-break: break-all;
  619. margin-top: 2px;
  620. display: -webkit-box;
  621. -webkit-box-orient: vertical;
  622. -webkit-line-clamp: 2;
  623. overflow: hidden;
  624. font-weight: 500;
  625. font-family: Pingfang SC;
  626. }
  627. .yiyun_file_name-mid {
  628. font-size: 15px;
  629. color: #fff;
  630. width: 136px;
  631. word-break: break-all;
  632. margin-top: 2px;
  633. display: -webkit-box;
  634. -webkit-box-orient: vertical;
  635. -webkit-line-clamp: 2;
  636. overflow: hidden;
  637. font-weight: 400;
  638. font-family: Pingfang SC;
  639. }
  640. .yiyun_file_info {
  641. display: block;
  642. font-size: 11px;
  643. color: #adadad;
  644. margin-top: 2px;
  645. }
  646. .fifle_pcdialogbox {
  647. width: 100%;
  648. height: calc(100vh);
  649. position: fixed;
  650. top: 0;
  651. left: 0;
  652. background-color: rgba(0, 0, 0, 0.2);
  653. }
  654. .fifle_pcdialogboxInputbox {
  655. width: 680px;
  656. height: 82px;
  657. margin: 0 auto;
  658. margin-top: 23%;
  659. border-radius: 20px;
  660. background-color: rgba(50, 50, 60, 1);
  661. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  662. }
  663. .passwordicon {
  664. display: inline-block;
  665. width: 48px;
  666. height: 48px;
  667. margin: 17px 24px;
  668. }
  669. .large_input_password {
  670. width: 435px;
  671. height: 40px;
  672. margin: 20px 0;
  673. padding-left: 20px;
  674. border: 1px solid #fff;
  675. }
  676. .fifle_pcdialogboxInputbox>a {
  677. font-size: 22px;
  678. line-height: 82px;
  679. margin-left: 30px;
  680. color: #fff;
  681. text-decoration: none;
  682. }
  683. /*新建文件夹弹框 start*/
  684. .bottomdialog {
  685. width: calc(100vw - 120px);
  686. height: calc(100vh - 60px);
  687. box-shadow: 0 0 15px #333;
  688. margin-right: auto;
  689. background-color: #55555d;
  690. position: absolute;
  691. bottom: 0px;
  692. margin-left: 50%;
  693. left: calc(-50vw + 60px);
  694. border-radius: 16px 16px 0 0;
  695. }
  696. .bottomdialogbox::after {
  697. background-position: center top;
  698. background-size: cover;
  699. background-attachment: fixed;
  700. -webkit-filter: blur(20px);
  701. -moz-filter: blur(20px);
  702. -ms-filter: blur(20px);
  703. -o-filter: blur(20px);
  704. filter: blur(20px);
  705. }
  706. .bottomdialogbox {
  707. width: 100%;
  708. height: calc(100vh);
  709. /*background-color: rgba(255,255,255,0.52);*/
  710. position: fixed;
  711. left: 0;
  712. bottom: -999px;
  713. opacity: 0;
  714. z-index: 99;
  715. background-color: rgba(98, 98, 111, 0.82);
  716. }
  717. .yiyun_dialog_left,
  718. .yiyun_dialog_right {
  719. /* width: 200px; */
  720. float: left;
  721. }
  722. .yiyun_dialog_left {
  723. margin-left: 60px;
  724. text-align: left;
  725. position: absolute;
  726. }
  727. .yiyun_dialog_right {
  728. text-align: right;
  729. position: absolute;
  730. right: 60px;
  731. top: 0px;
  732. }
  733. .yiyun_dialog_center {
  734. width: 800px;
  735. color: #fff;
  736. margin: 0 auto;
  737. position: relative;
  738. }
  739. /*新建文件夹弹框 end*/
  740. /*浏览文件start*/
  741. .scanindexbox {
  742. margin-top: 30px;
  743. }
  744. .wenjianscan_box_fl {
  745. float: left;
  746. width: 140px;
  747. height: 387px;
  748. margin-right: 15px;
  749. padding: 5px;
  750. }
  751. .wenjianscan_box_ce {
  752. float: left;
  753. width: 960px;
  754. height: 940px;
  755. box-shadow: 0px 10px 14px 0px rgba(83, 83, 83, 1);
  756. border: 1px solid rgba(235, 235, 242, 1);
  757. background-color: #fff;
  758. }
  759. .wenjianscan_box_fr {
  760. float: left;
  761. margin-left: 15px;
  762. width: 100px;
  763. height: 500px;
  764. }
  765. /*浏览文件end*/
  766. .yiyun_v_btngroup_item_bg {
  767. width: 52px;
  768. height: 111px;
  769. border-radius: 45px;
  770. background-color: rgba(50, 50, 60, 1);
  771. box-shadow: 0px 3px 6px 1px rgba(60, 60, 60, 0.5);
  772. }
  773. .yiyun_v_btngroup_1 .yiyun_v_btngroup_item_bg {
  774. width: 52px;
  775. height: 52px;
  776. border-radius: 45px;
  777. background-color: rgba(50, 50, 60, 1);
  778. box-shadow: 0px 3px 6px 1px rgba(60, 60, 60, 0.5);
  779. }
  780. .yiyun_v_btngroup_item {
  781. width: 52px;
  782. }
  783. .yiyun_v_btngroup_item_bg>a,
  784. .yiyun_v_btngroup_item>a {
  785. display: block;
  786. width: 28px;
  787. height: 28px;
  788. margin: 16px auto;
  789. }
  790. .yiyun_v_btngroup_1 .yiyun_v_btngroup_item_bg>a,
  791. .yiyun_v_btngroup_1 .yiyun_v_btngroup_item>a {
  792. margin: 11px auto;
  793. }
  794. .yiyun_v_btngroup>a {
  795. display: block;
  796. background-color: rgba(50, 50, 60, 1);
  797. width: 52px;
  798. padding: 12px 0;
  799. }
  800. .yiyun_v_btngroup>a:first-child {
  801. border-radius: 26px 26px 0 0;
  802. }
  803. .yiyun_v_btngroup>a:last-child {
  804. border-radius: 0 0 26px 26px;
  805. }
  806. .yiyun_v_btngroup>a i {
  807. display: block;
  808. margin: 0 auto;
  809. }
  810. .yiyun_v_btngroup {
  811. display: inline-block;
  812. border-radius: 26px;
  813. border: 0;
  814. box-shadow: 0px 3px 6px 1px rgba(60, 60, 60, 0.5);
  815. }
  816. .yiyun_headerfr_item_r .updowndrop .el-dropdown {
  817. margin-top: -20px;
  818. top: 20px;
  819. }
  820. .bottomdialogbox_list_head {
  821. float: left;
  822. height: 79px;
  823. line-height: 79px;
  824. }
  825. .bottomdialogbox_list_head h3 {
  826. font-size: 26px;
  827. font-weight: 500;
  828. display: -webkit-box;
  829. -webkit-box-orient: vertical;
  830. -webkit-line-clamp: 1;
  831. overflow: hidden;
  832. }
  833. .bottomdialogbox_list_head .text_concenter .el-input {
  834. width: 300px;
  835. }
  836. .yiyun_col-4 {
  837. width: 33.333%;
  838. float: left;
  839. }
  840. .yiyun_col-3 {
  841. width: 25%;
  842. float: left;
  843. }
  844. .yiyun_col-6 {
  845. width: 50%;
  846. float: left;
  847. }
  848. .yiyun_col-12 {
  849. width: 100%;
  850. float: left;
  851. }
  852. .el-input_mini .el-input__inner {
  853. height: 30px;
  854. }
  855. .text_concenter {
  856. text-align: center;
  857. }
  858. .text_concenter .el-input__icon {
  859. line-height: 28px;
  860. }
  861. .width_120 {
  862. width: 120px;
  863. }
  864. .yiyun_line {
  865. width: 100%;
  866. height: 1px;
  867. background-color: #62626F;
  868. margin: 8px 0;
  869. }
  870. .yiyun_line2{
  871. width: 100%;
  872. height: 1px;
  873. background-color: #CCCDD7;
  874. margin: 17px 0 20px 0;
  875. }
  876. .line_from .el-input__inner {
  877. border-radius: 5px;
  878. border: 0;
  879. background-color: #32323C;
  880. height: 36px;
  881. line-height: 36px;
  882. color: #fff;
  883. }
  884. .yonghutouxiangBox{
  885. float: left;
  886. margin-right: 28px;
  887. margin-bottom: 15px;
  888. text-align: center
  889. }
  890. .yonghutouxiangBox>span{
  891. color: rgba(255, 255, 255, 1);
  892. font-weight: 200;
  893. font-size: 12px;
  894. margin-top: 8px;
  895. }
  896. .touxiang_hezuorenBox {
  897. display: inline-block;
  898. }
  899. .touxiang_hezuorenBox-item {
  900. position: relative;
  901. width: 60px;
  902. height: 60px;
  903. border-radius: 30px;
  904. cursor: pointer;
  905. overflow: hidden;
  906. }
  907. .tianjiaxiezuoren h5 {
  908. font-size: 16px;
  909. margin-top: -10px;
  910. color: #fff;
  911. }
  912. .textlabelgray .el-form-item{
  913. margin-bottom: 0px;
  914. }
  915. .textlabelblock .el-form-item {
  916. margin-bottom: 10px;
  917. }
  918. .touxiang_hezuorenBox-item i {
  919. display: none;
  920. font-size: 24px;
  921. width: 150%;
  922. height: 150%;
  923. position: absolute;
  924. top: 0;
  925. left: 0;
  926. line-height: 60px;
  927. opacity: 0;
  928. text-align: center;
  929. background-color: rgba(0, 0, 0, 0.1);
  930. transition: ease all 0.5s;
  931. }
  932. .touxiang_hezuorenBox-item:hover>i {
  933. width: 100%;
  934. height: 100%;
  935. top: 0;
  936. opacity: 1;
  937. background-color: rgba(0, 0, 0, 0.7);
  938. }
  939. .bg_text_wirte .el-collapse-item__header {
  940. color: #ffffff;
  941. cursor: pointer;
  942. border-bottom: 1px solid #62626f;
  943. background-color: transparent;
  944. position: relative;
  945. font-size: 15px;
  946. }
  947. .bg_text_wirte .el-collapse-item__wrap {
  948. background-color: transparent;
  949. }
  950. .bg_text_wirte .el-collapse {
  951. border-top: 1px solid #62626f;
  952. border-bottom: 1px solid #62626f;
  953. }
  954. .mr_20 {
  955. margin-right: 10px;
  956. }
  957. .el-checkbox__inner {
  958. width: 10px;
  959. height: 10px;
  960. border-radius: 16px;
  961. }
  962. .el-checkbox__input.is-checked .el-checkbox__inner,
  963. .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  964. background-color: #8c00ff;
  965. border-color: #8c00ff;
  966. }
  967. .mt-8 {
  968. margin-top: -8px;
  969. }
  970. .mt-7 {
  971. margin-top: 7px;
  972. }
  973. .user_info_item {
  974. color: #fff;
  975. height: 30px;
  976. padding: 0px 8px 8px 8px;
  977. border-radius: 4px;
  978. transition: all ease 0.5s;
  979. cursor: pointer;
  980. margin-top: 5px;
  981. overflow: hidden;
  982. }
  983. .user_info_item .user_info_faceImg {
  984. width: 30px;
  985. height: 30px;
  986. border-radius: 15px;
  987. margin-right: 10px;
  988. float: left;
  989. margin-top: 4px;
  990. }
  991. .user_info_item .el-checkbox {
  992. float: left;
  993. margin-right: 10px;
  994. }
  995. .el-collapse-item__wrap {
  996. border-bottom: 1px solid #62626f;
  997. }
  998. .user_info_item span {
  999. display: inline-block;
  1000. line-height: 34px;
  1001. }
  1002. .user_info_item .user_info_name {
  1003. display: inline-block;
  1004. width: 70px;
  1005. font-size: 14px;
  1006. color: #cccdd7;
  1007. margin-right: 14px;
  1008. overflow: hidden;
  1009. text-overflow: ellipsis;
  1010. word-break: keep-all;
  1011. margin-top: 1px;
  1012. }
  1013. .user_info_item .user_info_job {
  1014. font-size: 12px;
  1015. color: #cccdd7;
  1016. width: 70px;
  1017. float: left;
  1018. overflow: hidden;
  1019. text-overflow: ellipsis;
  1020. word-break: keep-all;
  1021. }
  1022. .user_info_item .user_info_role {
  1023. float: right;
  1024. font-size: 13px;
  1025. color: #cccdd7;
  1026. margin-right: 10px;
  1027. }
  1028. .renyuanbox {
  1029. overflow: hidden;
  1030. }
  1031. .checkBoxCol {
  1032. color: #ffffff !important;
  1033. }
  1034. .checkxiezuoren {
  1035. position: absolute;
  1036. right: 8px;
  1037. }
  1038. .checkBoxDeptName {
  1039. position: absolute;
  1040. right: 30px;
  1041. }
  1042. .rightXiezuoren {
  1043. margin: 7px 0px 7px 15px;
  1044. color:#FEFEFE;
  1045. font-size: 17px;
  1046. font-weight: 400;
  1047. }
  1048. .row_painfl {
  1049. padding-right: 19px;
  1050. }
  1051. .row_painfr {
  1052. padding-left: 8px;
  1053. margin-left: 10px;
  1054. margin-top: 7px;
  1055. color: #fff;
  1056. font-size: 16px;
  1057. }
  1058. .row_painfl .el-collapse-item__arrow{
  1059. font-size: 25px;
  1060. color: #ebebf2;
  1061. }
  1062. .shuxian {
  1063. position: absolute;
  1064. left: 50%;
  1065. width: 1px;
  1066. height: 600px;
  1067. background-color: #62626f;
  1068. }
  1069. .xiezuobox {
  1070. position: relative;
  1071. /* overflow-y: auto;
  1072. overflow-x: hidden */
  1073. }
  1074. .xiezuobox::-webkit-scrollbar {
  1075. width: 5px;
  1076. padding-right: 4px;
  1077. border-radius: 4px;
  1078. background-color: #32323c;
  1079. /*其他样式,比如圆角等*/
  1080. }
  1081. /*滑块样式*/
  1082. .xiezuobox::-webkit-scrollbar-thumb {
  1083. -webkit-border-radius: 4px;
  1084. border-radius: 4px;
  1085. height: 300px;
  1086. background-color: #adadad;
  1087. }
  1088. /*当前窗口失去焦点时的滑块样式*/
  1089. .xiezuobox::-webkit-scrollbar-thumb:window-inactive {
  1090. background-color: #adadad;
  1091. }
  1092. .yiyun_zhedie,
  1093. .yiyundialog_close {
  1094. color: #f9f9f9;
  1095. cursor: pointer;
  1096. margin-top:28px;
  1097. }
  1098. .yiyundialog_close{
  1099. font-size: 18px;
  1100. }
  1101. .yiyun_zhediebtn{
  1102. margin-top: -4px;
  1103. display: block;
  1104. }
  1105. .yiyun_anniu1 {
  1106. text-align: center;
  1107. display: block;
  1108. width: 52px;
  1109. border-radius: 26px 26px 0 0;
  1110. padding: 10px 0 10px 0;
  1111. background-color: rgba(50, 50, 60, 1);
  1112. }
  1113. .yiyun_anniu1:hover {
  1114. background-color: rgba(50, 50, 60, 1);
  1115. }
  1116. .yiyun_anniu2 {
  1117. display: block;
  1118. text-align: center;
  1119. width: 52px;
  1120. border-radius: 0 0 26px 26px;
  1121. background-color: #ccc;
  1122. padding: 10px 0 10px 0;
  1123. background-color: rgba(50, 50, 60, 1);
  1124. }
  1125. /*btngrup*/
  1126. .btn_grouplist1 {
  1127. width: 52px;
  1128. overflow: hidden;
  1129. border-radius: 26px;
  1130. border: 0;
  1131. }
  1132. .btn_grouplist2 {
  1133. width: 52px;
  1134. overflow: hidden;
  1135. border: 0;
  1136. }
  1137. .yunjianzhu_show {
  1138. box-shadow: 0px 3px 6px 1px rgba(60, 60, 60, 0.5);
  1139. }
  1140. .yunjianzhu_noshow {
  1141. box-shadow: 0px 0px 0px 0px rgba(60, 60, 60, 0.5);
  1142. }
  1143. .btn_list1 {
  1144. padding: 12px 12px 9px 12px;
  1145. border: 0;
  1146. border-radius: 26px 26px 0 0;
  1147. }
  1148. .btn_list3 {
  1149. padding: 9px 12px 12px 12px;
  1150. border: 0;
  1151. border-radius: 0 0 26px 26px;
  1152. }
  1153. .btn_bg_block {
  1154. background-color: #32323c;
  1155. }
  1156. .btn_bg_block:hover {
  1157. transition: ease all 0.5s;
  1158. background-color: #4b4b50;
  1159. }
  1160. .btn_bg_baise {
  1161. background-color: #fff;
  1162. }
  1163. .btn_bg_baise:hover {
  1164. transition: ease all 0.5s;
  1165. background-color: #4b4b50;
  1166. }
  1167. .btn_bg_text {
  1168. transition: ease all 0.5s;
  1169. background-color: transparent;
  1170. }
  1171. .yiyuntextbtn {
  1172. padding: 9px 12px 12px 12px;
  1173. }
  1174. .popover_ul {
  1175. margin: 0;
  1176. padding: 0;
  1177. font-size: 14px;
  1178. line-height: 36px;
  1179. margin-left: 8px;
  1180. }
  1181. .popover_ul_nopadding {
  1182. margin: 0;
  1183. }
  1184. .popover_ul li a {
  1185. color: #A7A8B7;
  1186. text-decoration: none;
  1187. transition: ease all 0.5s;
  1188. }
  1189. .popover_ul li a:hover {
  1190. color: #000;
  1191. }
  1192. .el-popover {
  1193. border: 0px solid #ebeef5;
  1194. border-radius: 20px;
  1195. box-shadow: 0px 12px 14px 0px rgba(0, 0, 0, 0.2);
  1196. }
  1197. .scanleft_bottombtn {
  1198. position: fixed;
  1199. bottom: 60px;
  1200. }
  1201. .historyBox {
  1202. position: absolute;
  1203. width: 400px;
  1204. height: 930px;
  1205. border-radius: 10px;
  1206. background-color: rgba(255, 255, 255, 1);
  1207. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  1208. }
  1209. .fugaibtn {
  1210. top: 72px;
  1211. }
  1212. .danqianactive {
  1213. font-weight: 600;
  1214. }
  1215. .cicle_baiseanniu {
  1216. width: 52px;
  1217. height: 52px;
  1218. border-radius: 45px;
  1219. background-color: rgba(255, 255, 255, 1);
  1220. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  1221. border: 0;
  1222. }
  1223. .nullbox {
  1224. width: 100%;
  1225. height: 40px;
  1226. }
  1227. .labelinputbefore .el-input-group__prepend {
  1228. background-color: transparent;
  1229. border: 0;
  1230. font-size: 16px;
  1231. color: #EBEBF2;
  1232. border-radius: 0px;
  1233. border-bottom: 1px solid #62626f;
  1234. text-align: left;
  1235. padding: 0;
  1236. }
  1237. .locationbtn .el-input-group__append {
  1238. border: 0;
  1239. font-size: 24px;
  1240. padding: 0;
  1241. height: 36px;
  1242. border-radius: 0 5px 5px 0;
  1243. background-color: rgba(50, 50, 60, 1);
  1244. }
  1245. .label_text {
  1246. font-size: 16px;
  1247. margin-bottom: 16px;
  1248. margin-top: 10px;
  1249. color: #fff;
  1250. }
  1251. .label_text_moren {
  1252. border: 0;
  1253. background: transparent;
  1254. color: #fff;
  1255. font-size: 16px;
  1256. margin-bottom: 16px;
  1257. margin-top: 10px;
  1258. font-weight: bold;
  1259. }
  1260. .bg_baise {
  1261. background-color: rgba(255, 255, 255, 0.52);
  1262. }
  1263. .large_checkbox .el-checkbox__inner {
  1264. width: 20px;
  1265. height: 20px;
  1266. border-radius: 10px;
  1267. margin-left: 10px;
  1268. }
  1269. .large_checkbox .el-checkbox__inner::after {
  1270. height: 7px;
  1271. left: 7px;
  1272. top: 4px;
  1273. }
  1274. .backshangyicheng {
  1275. position: absolute;
  1276. left: -30px;
  1277. width: 10px;
  1278. height: 28px;
  1279. top: 26px;
  1280. }
  1281. .xiezuo_input.el-input {
  1282. width: 90%;
  1283. }
  1284. .xiezuo_input .el-input__inner {
  1285. height: 36px;
  1286. line-height: 36px;
  1287. }
  1288. .add_newxiezuo ul li {
  1289. height: 49px;
  1290. border-bottom: 1px solid #62626f;
  1291. line-height: 49px;
  1292. }
  1293. .add_xiezuo_title {
  1294. display: inline-block;
  1295. color: #fff;
  1296. font-size: 14px;
  1297. }
  1298. .add_xiezuo_icon_plus {
  1299. float: right;
  1300. color: #fff;
  1301. font-size: 15px;
  1302. line-height: 50px;
  1303. margin-right: 6px;
  1304. }
  1305. .popover_ul li a {
  1306. font-weight: 600;
  1307. /*color: #000;*/
  1308. }
  1309. .user_info_item:hover {
  1310. background-color: #23232b;
  1311. }
  1312. .el-collapse-item__content {
  1313. padding-bottom: 0px;
  1314. }
  1315. .user_info_role .setroleselect {
  1316. width: 65px;
  1317. }
  1318. .setroleselect .el-input__inner {
  1319. background-color: transparent;
  1320. padding: 0;
  1321. border: 0;
  1322. font-size: 14px;
  1323. position: relative;
  1324. color: #cccdd7;
  1325. }
  1326. .setroleselect .el-select__caret {
  1327. width: 0;
  1328. font-size: 0px;
  1329. }
  1330. .user_info_role {
  1331. display: block;
  1332. float: left;
  1333. }
  1334. .user_info_role .el-icon-close {
  1335. float: right;
  1336. margin-top: 11px;
  1337. cursor: pointer;
  1338. margin-left: 10px;
  1339. display: none;
  1340. }
  1341. .user_info_item:hover>.user_info_role .el-icon-close {
  1342. display: block;
  1343. }
  1344. .user_info_role .el-icon-close:hover {
  1345. border-radius: 50%;
  1346. background-color: #f00;
  1347. color: #fff;
  1348. }
  1349. .projectbox_item_model {
  1350. border-radius: 10px;
  1351. height: 286px;
  1352. margin: 10px 0;
  1353. }
  1354. .projectbox_item_model:hover>.project_item_model{
  1355. border-radius: 10px;
  1356. transform: scale(1.05);
  1357. transition: ease all 0.5s;
  1358. box-shadow: 0px 12px 14px rgba(0, 0, 0, 0.2);
  1359. }
  1360. .yupan_card_box ul li:nth-child(8n+1) {
  1361. margin-left: 0
  1362. }
  1363. .defualtBtnInfo.el-button:hover {
  1364. background: #9c23ff;
  1365. border-color: #9c23ff;
  1366. color: #fff;
  1367. transition: all ease 0.5s;
  1368. }
  1369. .projectbox_card_warp {
  1370. /* padding: 20px 6px; */
  1371. width: 1840px;
  1372. /*position: relative;
  1373. left: -30px;*/
  1374. border-radius: 20px;
  1375. margin: 0 auto;
  1376. }
  1377. .projectbox_card {
  1378. border-radius: 20px;
  1379. /* background-color: #EBEBEB; */
  1380. transition: ease all 0.5s;
  1381. margin: 15px 0;
  1382. }
  1383. .yiyun_product_item {
  1384. width: 100%;
  1385. height: 245px;
  1386. border-radius: 10px;
  1387. background-color: #ccc;
  1388. overflow: hidden;
  1389. /* box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2); */
  1390. position: relative;
  1391. }
  1392. .zuiright {
  1393. position: relative;
  1394. right: -10px;
  1395. }
  1396. .yiyun_product_item img {
  1397. position: absolute;
  1398. }
  1399. .yiyun_product_item_top {
  1400. position: absolute;
  1401. top: 0px;
  1402. width: 100%;
  1403. }
  1404. .yiyun_product_itembarfl {
  1405. float: left;
  1406. margin-top: 16px;
  1407. margin-left: 16px;
  1408. }
  1409. .yiyun_product_itembarfl span {
  1410. display: inline-block;
  1411. width: 28px;
  1412. height: 28px;
  1413. border-radius: 14px;
  1414. color: #fff;
  1415. font-size: 15px;
  1416. text-align: center;
  1417. line-height: 28px;
  1418. cursor: pointer;
  1419. }
  1420. .yiyun_product_itembarfr {
  1421. float: right;
  1422. margin-top: 16px;
  1423. margin-right: 16px;
  1424. }
  1425. .projectbox_item_model .el-dropdown{
  1426. opacity: 0;
  1427. transition: ease all 0.5s;
  1428. }
  1429. .projectbox_item_model:hover .yiyun_product_item .el-dropdown{
  1430. opacity: 1;
  1431. }
  1432. .btn_yiyun_cardinfo_a {
  1433. background-color: #9c23ff;
  1434. }
  1435. .btn_yiyun_cardinfo_b {
  1436. background-color: #4a90e2;
  1437. }
  1438. .newtip{
  1439. position: absolute;
  1440. top: 0;
  1441. left: 1px;
  1442. width: 8px;
  1443. height: 8px;
  1444. border-radius: 4px;
  1445. background-color: #26ADFC;
  1446. }
  1447. .wenjiantitle {
  1448. position: relative;
  1449. bottom: -124px;
  1450. margin-left: 20px;
  1451. }
  1452. .wenjiantitle h4 {
  1453. line-height: 28px;
  1454. color: #fff;
  1455. font-size: 25px;
  1456. text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  1457. font-weight: 600;
  1458. font-family: Pingfang SC;
  1459. display: -webkit-box;
  1460. -webkit-box-orient: vertical;
  1461. -webkit-line-clamp: 1;
  1462. overflow: hidden;
  1463. }
  1464. .yiyun_product_card_tips {
  1465. font-size: 14px;
  1466. color: #fff;
  1467. text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  1468. margin-bottom: 8px;
  1469. display: -webkit-box;
  1470. -webkit-box-orient: vertical;
  1471. -webkit-line-clamp: 1;
  1472. overflow: hidden;
  1473. }
  1474. .mr-15 {
  1475. margin-right: 15px;
  1476. }
  1477. .longBtn {
  1478. width: 100%;
  1479. margin: 15px 0;
  1480. }
  1481. .defualtBtnInfo.el-button {
  1482. color: rgba(50, 50, 60, 1);
  1483. font-size: 14px;
  1484. height: 30px;
  1485. border-radius: 21px;
  1486. background-color: rgba(255, 255, 255, 1);
  1487. border: 0.5px solid rgba(212, 212, 212, 1);
  1488. margin-bottom: 10px;
  1489. padding: 0px 23px !important;
  1490. }
  1491. .gantetu_listBox {
  1492. width: 400px;
  1493. height: 412px;
  1494. /*background-color: #ccc;*/
  1495. }
  1496. .yyactive {
  1497. background-color: #adadad;
  1498. }
  1499. .yiyunLayout_col-12 {
  1500. width: 100%;
  1501. float: left;
  1502. }
  1503. .yiyunLayout_col-6 {
  1504. width: 50%;
  1505. float: left;
  1506. }
  1507. .yiyunLayout_col-4 {
  1508. width: 25%;
  1509. float: left;
  1510. }
  1511. .top_gonggao {
  1512. text-align: center;
  1513. margin-top: 20px;
  1514. }
  1515. h3.yiyuntitle {
  1516. color: rgba(0, 0, 0, 1);
  1517. font-size: 18px;
  1518. line-height: 36px;
  1519. display: inline-block;
  1520. position: relative;
  1521. top: 1px;
  1522. font-weight: 400;
  1523. font-family: Pingfang SC;
  1524. }
  1525. span.yiyun_tishibtn {
  1526. color: rgba(167, 168, 183, 1);
  1527. font-size: 12px;
  1528. text-align: center;
  1529. }
  1530. .ml-24 {
  1531. margin-left: 24px;
  1532. }
  1533. .yiyun_yinggyong_list {
  1534. display: inline-block;
  1535. width: 285px;
  1536. height: 250px;
  1537. background-color: #fff;
  1538. margin: 20px 24px;
  1539. position: relative;
  1540. border-radius: 10px;
  1541. cursor: pointer;
  1542. background-color: rgba(0, 0, 0, 0.15);
  1543. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  1544. overflow: hidden;
  1545. }
  1546. .yiyun_yinggyong_list:hover {
  1547. transition: all ease 0.5s;
  1548. }
  1549. .yiyun_yinggyong_list:hover>img {
  1550. transform: scale(1.1);
  1551. -ms-transform: scale(1.1);
  1552. /* IE 9 */
  1553. -moz-transform: scale(1.1);
  1554. /* Firefox */
  1555. -webkit-transform: scale(1.1);
  1556. /* Safari 和 Chrome */
  1557. -o-transform: scale(1.1);
  1558. transition: ease all 0.5s;
  1559. }
  1560. .yinyong_bg_img {
  1561. display: block;
  1562. width: 100%;
  1563. height: 100%;
  1564. }
  1565. .yiyun_label_yinyong {
  1566. position: absolute;
  1567. top: 20px;
  1568. left: 20px;
  1569. background-color: #ED1B35;
  1570. border-radius: 10px;
  1571. font-size: 10px;
  1572. padding: 3px 10px;
  1573. color: #fff;
  1574. }
  1575. .yiyun_label_yinyong2 {
  1576. position: absolute;
  1577. top: 20px;
  1578. left: 20px;
  1579. font-size: 14px;
  1580. color: #000;
  1581. cursor: pointer;
  1582. }
  1583. .label_text_yingyong {
  1584. position: absolute;
  1585. bottom: 20px;
  1586. left: 20px;
  1587. color: #fff;
  1588. font-size: 22px;
  1589. text-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  1590. font-weight: 500;
  1591. font-family: Pingfang SC;
  1592. }
  1593. .yiyun_wenjian_list {
  1594. width: 136px;
  1595. float: left;
  1596. height: 200px;
  1597. margin: 0px 16px 0px 16px;
  1598. }
  1599. .yiyun_wenjian_list:hover {
  1600. background-color: #ddddde;
  1601. border-radius: 10px;
  1602. }
  1603. .yiyun_row.py-x-22,.py-x-22{
  1604. margin-left: -22px;
  1605. margin-right: -22px;
  1606. }
  1607. .mt-12{
  1608. margin-top: 12px;
  1609. }
  1610. .pageImgBox.ml-110,.ml-110{
  1611. margin-left: 110px;
  1612. }
  1613. .nohover:hover{
  1614. background-color: transparent;
  1615. }
  1616. .settingIcon{
  1617. color: #fff;
  1618. font-size: 20px;
  1619. }
  1620. .top_optionBar{
  1621. opacity: 0;
  1622. }
  1623. .yiyun_wenjian_list:hover .top_optionBar{
  1624. opacity: 1;
  1625. }
  1626. .yiyunwenjian_name {
  1627. color: #32323c;
  1628. font-size: 15px;
  1629. text-align: center;
  1630. display: -webkit-box;
  1631. -webkit-box-orient: vertical;
  1632. -webkit-line-clamp: 2;
  1633. overflow: hidden;
  1634. font-weight: 400;
  1635. word-break: break-all;
  1636. }
  1637. .yiyunwenjian_infodesc {
  1638. color: #9B9B9B;
  1639. font-size: 11px;
  1640. text-align: center;
  1641. display: block;
  1642. }
  1643. .noFile {
  1644. margin-left: 50%;
  1645. margin-top: 5%;
  1646. font-weight: bold;
  1647. font-size: 16px;
  1648. }
  1649. .gonggao_content p {
  1650. line-height: 22px;
  1651. color: rgba(255, 255, 255, 1);
  1652. font-size: 16px;
  1653. text-align: justify;
  1654. margin-top: 20px;
  1655. }
  1656. .yiyun_wenjian_list:hover>.yiyunwenjian_imgbox {
  1657. background-color: #d8d8d8;
  1658. transition: all ease 0.5s;
  1659. cursor: pointer;
  1660. border-radius: 10px;
  1661. }
  1662. .yinyong_warpBox {
  1663. overflow: unset;
  1664. }
  1665. .yiyun_yingyongBox_wrap {
  1666. height: 300px;
  1667. overflow: hidden;
  1668. }
  1669. .flex_right_pain {
  1670. position: fixed;
  1671. top: 70px;
  1672. right: -800px;
  1673. background-color: #fff;
  1674. width: 375px;
  1675. height: calc(100vh - 100px);
  1676. overflow-y: auto;
  1677. overflow-x: hidden;
  1678. border-radius: 10px;
  1679. transition: all ease 0.5s;
  1680. background-color: rgba(255, 255, 255, 1);
  1681. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  1682. z-index: 9;
  1683. }
  1684. .fifle_search {
  1685. margin: 0 auto;
  1686. }
  1687. .fifle_search .el-input__icon {
  1688. line-height: 30px;
  1689. }
  1690. .yiyun_app_info_box li {
  1691. height: 44px;
  1692. line-height: 44px;
  1693. color: #000;
  1694. padding: 0 16px;
  1695. overflow: hidden;
  1696. }
  1697. .noshodow .el-input--suffix .el-input__inner{
  1698. background-color: rgba(244, 244, 246, 1);
  1699. box-shadow: 0 0px 0px #c3c3c3;
  1700. border: 0;
  1701. }
  1702. .yiyun_app_info_box .el-switch {
  1703. margin-top: 12px;
  1704. }
  1705. .yiyun_app_info_box .el-switch.is-checked .el-switch__core {
  1706. border-color: #8c00ff;
  1707. background-color: #8c00ff;
  1708. }
  1709. .yiyun_yinyongname {
  1710. color: #8c00ff;
  1711. font-size: 15px;
  1712. margin-top: 14px;
  1713. display: block;
  1714. margin-left: 0px;
  1715. margin-bottom: 12px;
  1716. padding: 0 16px;
  1717. }
  1718. .line35 .el-checkbox__label{
  1719. font-size: 13px;
  1720. color: #000;
  1721. padding-left: 6px;
  1722. }
  1723. .line35{
  1724. line-height: 35px;
  1725. }
  1726. .flex_right_pain_head h4{
  1727. line-height: 59px;
  1728. font-size: 17px;
  1729. display: -webkit-box;
  1730. -webkit-box-orient: vertical;
  1731. -webkit-line-clamp: 1;
  1732. overflow: hidden;
  1733. }
  1734. .RdiaheaderTitle{
  1735. padding-left: 16px;
  1736. }
  1737. .flex_right_pain_head .el-icon-arrow-left{
  1738. line-height: 59px;
  1739. margin-left: 8px;
  1740. }
  1741. .flex_right_pain_head .icon-icon_quxiaohuoguanbi{
  1742. margin-right: 16px;
  1743. line-height: 59px;
  1744. font-size: 20px;
  1745. }
  1746. .centertext{
  1747. text-align: center
  1748. }
  1749. .el-icon-close {
  1750. cursor: pointer;
  1751. }
  1752. .julidingbu_15 {
  1753. margin-top: 15px;
  1754. display: block;
  1755. }
  1756. button:focus {
  1757. outline: none;
  1758. }
  1759. /*工期审核*/
  1760. .workchack_itembgBox {
  1761. position: relative;
  1762. left: -25px;
  1763. width: 1350px;
  1764. }
  1765. .workchack_item {
  1766. width: 400px;
  1767. float: left;
  1768. margin: 0px 15px;
  1769. padding: 0px 10px;
  1770. position: relative;
  1771. top: 0px;
  1772. margin-top: 12px;
  1773. padding: 10px;
  1774. }
  1775. .workchack_item .yiyun_product_item—mincard {
  1776. width: 390px;
  1777. height: 88px;
  1778. border-radius: 10px;
  1779. background-color: rgba(255, 255, 255, 1);
  1780. border-left: 10px solid #4A90e2;
  1781. transition: ease all 0.5s;
  1782. cursor: pointer;
  1783. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  1784. }
  1785. .workchack_item .yiyun_text_mini {
  1786. font-size: 12px;
  1787. }
  1788. .workchack_item .yiyun_text_middle {
  1789. font-size: 20px !important;
  1790. }
  1791. .section_item_aside_fl .workchack_item .yiyun_text_large {
  1792. font-size: 38px;
  1793. font-weight: 600;
  1794. }
  1795. .mincard_left_item span,
  1796. .mincard_right_item span {
  1797. display: block;
  1798. }
  1799. .mincard_left_item {
  1800. margin-left: 15px;
  1801. margin-top: 10px;
  1802. }
  1803. .mincard_right_item {
  1804. margin-top: 10px;
  1805. margin-right: 25px;
  1806. }
  1807. .mt-12 {
  1808. margin-top: 12px;
  1809. }
  1810. .text_color_defualt {
  1811. color: #8C00FF;
  1812. }
  1813. .mincard_right_item .yiyun_text_large {
  1814. text-align: right;
  1815. }
  1816. .yiyun_product_item—mincard:hover {
  1817. border-left-color: #A6E9CE;
  1818. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  1819. }
  1820. /*卡片浮动层*/
  1821. .yiyunupdown_box {
  1822. margin-top: 10px;
  1823. width: 350px;
  1824. background-color: #fff;
  1825. border-radius: 10px;
  1826. background-color: rgba(255, 255, 255, 1);
  1827. /* box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); */
  1828. overflow: hidden;
  1829. padding: 15px;
  1830. }
  1831. .yiyun—primary {
  1832. font-size: 14px;
  1833. padding: 6px 26px;
  1834. background-color: #8C00FF;
  1835. border-radius: 15px;
  1836. border: 0;
  1837. color: #fff;
  1838. cursor: pointer;
  1839. }
  1840. .yiyun—info {
  1841. font-size: 14px;
  1842. padding: 6px 26px;
  1843. background-color: #62626F;
  1844. border-radius: 15px;
  1845. border: 0;
  1846. color: #fff;
  1847. cursor: pointer;
  1848. }
  1849. .yiyun_querenyouce>button {
  1850. display: block;
  1851. }
  1852. .mt_10 {
  1853. margin-top: 10px;
  1854. }
  1855. .yiyun_uerinfobox {
  1856. margin-top: 5px;
  1857. }
  1858. .yiyun_uerinfobox ul li {
  1859. font-size: 15px;
  1860. margin: 5px 0;
  1861. }
  1862. .yiyun_uerinfobox ul li label {
  1863. width: 70px;
  1864. text-align: justify;
  1865. display: inline-block;
  1866. letter-spacing: 8px;
  1867. font-weight: 600;
  1868. }
  1869. .gongqibeizhuyun {
  1870. font-size: 16px;
  1871. margin-top: 25px;
  1872. margin-bottom: 40px;
  1873. line-height: 22px;
  1874. }
  1875. .biaoqian_addgongqi span {
  1876. display: block;
  1877. }
  1878. .yiyunprogressbox {
  1879. width: 100%;
  1880. height: 26px;
  1881. position: relative;
  1882. }
  1883. .yiyun_probg,
  1884. .current_pro,
  1885. .current_delaypro,
  1886. .progresslabel,
  1887. .current_delayprolabel {
  1888. position: absolute;
  1889. }
  1890. .yiyunprogressbox .progresslabel {
  1891. left: 10px;
  1892. top: 1px;
  1893. z-index: 4;
  1894. font-size: 14px;
  1895. }
  1896. .yiyunprogressbox .current_delayprolabel {
  1897. right: 10px;
  1898. top: 1px;
  1899. z-index: 5;
  1900. font-size: 14px;
  1901. color: #fff;
  1902. }
  1903. .current_delaypro {
  1904. background-color: #D0021B;
  1905. border-radius: 0px 13px 13px 0px;
  1906. width: 20%;
  1907. right: 0;
  1908. z-index: 3;
  1909. text-align: right;
  1910. }
  1911. /*蓝色进度条定义*/
  1912. .pro_yiyun_blue .yiyun_probg {
  1913. background-color: #92B8E5;
  1914. border-radius: 13px;
  1915. width: 100%;
  1916. z-index: 1;
  1917. }
  1918. .pro_yiyun_blue .current_pro {
  1919. background-color: #4A90E2;
  1920. border-radius: 13px 0 0 13px;
  1921. width: 30%;
  1922. z-index: 2;
  1923. }
  1924. /*绿色进度条定义*/
  1925. .pro_yiyun_green .yiyun_probg {
  1926. background-color: #94E8C7;
  1927. border-radius: 13px;
  1928. width: 100%;
  1929. z-index: 1;
  1930. }
  1931. .pro_yiyun_green .current_pro {
  1932. background-color: #4AE2A5;
  1933. border-radius: 13px 0 0 13px;
  1934. width: 10%;
  1935. z-index: 2;
  1936. }
  1937. /*紫色进度条定义*/
  1938. .pro_yiyun_purple .yiyun_probg {
  1939. background-color: rgba(226, 74, 225, 30%);
  1940. border-radius: 13px;
  1941. width: 100%;
  1942. z-index: 1;
  1943. }
  1944. .pro_yiyun_purple .current_pro {
  1945. background-color: #E24AE1;
  1946. border-radius: 13px 0 0 13px;
  1947. width: 50%;
  1948. z-index: 2;
  1949. }
  1950. /*紫色进度条定义*/
  1951. .pro_yiyun_orange .yiyun_probg {
  1952. background-color: #f2dfd4;
  1953. border-radius: 13px;
  1954. width: 100%;
  1955. z-index: 1;
  1956. }
  1957. .pro_yiyun_orange .current_pro {
  1958. background-color: #E2844A;
  1959. border-radius: 13px 0 0 13px;
  1960. width: 70%;
  1961. z-index: 2;
  1962. }
  1963. .yiyuninput_number {
  1964. margin: 40px 0;
  1965. text-align: center;
  1966. }
  1967. .section_item_aside_fl .yiyunjishuqiinput span {
  1968. font-size: 20px;
  1969. margin-right: 6px;
  1970. border-radius: 50%;
  1971. width: 36px;
  1972. height: 36px;
  1973. background-color: rgba(255, 255, 255, 1);
  1974. box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  1975. }
  1976. .yiyunjishuqiinput .el-input__inner {
  1977. font-size: 58px;
  1978. border: 0;
  1979. height: 44px;
  1980. color: #000000;
  1981. }
  1982. .yiyunjishuqiinput.el-input-number {
  1983. width: 100%;
  1984. }
  1985. .yiyuninput_number_label {
  1986. font-size: 15px;
  1987. }
  1988. .workchack_item_warp {
  1989. width: 1350px;
  1990. position: relative;
  1991. left: -25px;
  1992. top: -18px;
  1993. }
  1994. .card_yiyunrecord .yiyun_yinggyong_list {
  1995. display: inline-block;
  1996. width: 100%;
  1997. height: auto;
  1998. background-color: #fff;
  1999. margin: 20px 0px;
  2000. position: relative;
  2001. border-radius: 10px;
  2002. cursor: pointer;
  2003. }
  2004. .biaozhu_tupian {
  2005. color: rgba(173, 173, 173, 1);
  2006. font-size: 12px;
  2007. text-align: center;
  2008. display: block;
  2009. }
  2010. .yiyunjishuqiinput .el-input-number__decrease,
  2011. .yiyunjishuqiinput .el-input-number__increase {
  2012. font-size: 20px;
  2013. margin-right: 6px;
  2014. border-radius: 50%;
  2015. width: 36px;
  2016. height: 36px;
  2017. background-color: rgba(255, 255, 255, 1);
  2018. box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  2019. margin-top: 2px;
  2020. }
  2021. .el-input-number__decrease:hover,
  2022. .el-input-number__increase:hover {
  2023. color: #8c00ff;
  2024. }
  2025. .section_item_aside_fl .workchack_item span {
  2026. font-size: 12px;
  2027. margin-right: 0px;
  2028. }
  2029. .yiyuntab_toggle {
  2030. color: #A7A8B7;
  2031. }
  2032. .yiyuntabactived {
  2033. color: #000;
  2034. }
  2035. .bianji_input {
  2036. width: 370px;
  2037. height: 36px!important;
  2038. line-height: 36px!important;
  2039. border-radius: 4px!important;
  2040. background-color: rgba(49, 49, 59, 1);
  2041. color: #fff;
  2042. border: 0;
  2043. padding-left: 10px;
  2044. }
  2045. .bianji_input_toggle {
  2046. color: #fff;
  2047. }
  2048. .self_eidt_selfWorkImg {
  2049. display: none;
  2050. }
  2051. .self_eidt_selfWork {
  2052. margin-top: 15px;
  2053. }
  2054. .workchack_item_warp .yiyun_row,
  2055. .project_workTimeItme .yiyun_row {
  2056. left: 0;
  2057. }
  2058. .section_item_aside_fl .yiyun_label_yinyong {
  2059. font-size: 10px;
  2060. border-radius: 13px;
  2061. }
  2062. .section_item_aside_fl .cicle_raduas span {
  2063. font-size: 14px;
  2064. }
  2065. .cicle_raduas {
  2066. padding: 6px 22px;
  2067. position: relative;
  2068. top: -1px;
  2069. }
  2070. .popoveractive {
  2071. color: #000;
  2072. font-weight: bold;
  2073. }
  2074. .popover_ul li {
  2075. cursor: pointer;
  2076. }
  2077. .wenjianscan_box_ceContent {
  2078. width: 700px;
  2079. margin: 50px auto;
  2080. }
  2081. .wenjianscan_box_ceContent h2 {
  2082. text-align: center;
  2083. line-height: 60px;
  2084. }
  2085. .wenjianscan_box_ceContent p {
  2086. text-align: justify;
  2087. font-size: 16px;
  2088. line-height: 32px;
  2089. color: #666;
  2090. margin: 50px 0;
  2091. text-indent: 33px;
  2092. }
  2093. .left_dinwei_btn {
  2094. position: fixed;
  2095. top: 75px;
  2096. padding: 10px;
  2097. margin-left: -10px;
  2098. }
  2099. .right_dinwei_btn {
  2100. position: fixed;
  2101. top: 75px;
  2102. padding: 10px;
  2103. margin-right: -10px;
  2104. }
  2105. .back_top {
  2106. position: relative;
  2107. }
  2108. .back_top_btn {
  2109. position: absolute;
  2110. left: -29px;
  2111. top: -2px;
  2112. cursor:pointer;
  2113. }
  2114. .back_title{
  2115. cursor:pointer;
  2116. }
  2117. .caozuotishi_btn {
  2118. display: inline-block;
  2119. margin-left: 20px;
  2120. position: relative;
  2121. top: 10px;
  2122. }
  2123. .yiyun_label_yinyong_worker {
  2124. color: rgba(255, 255, 255, 1);
  2125. font-size: 11px;
  2126. text-align: right;
  2127. text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.5);
  2128. position: absolute;
  2129. bottom: 58px;
  2130. left: 20px;
  2131. }
  2132. .height_auto {
  2133. height: auto;
  2134. }
  2135. .project_workreviewItme {
  2136. margin-top: 12px;
  2137. }
  2138. .label_slide_btn {
  2139. display: inline-block;
  2140. position: relative;
  2141. top: 8px;
  2142. margin-left: 20px;
  2143. }
  2144. .project_workTimeItme .wenjianbox_warp {
  2145. left: -22px;
  2146. }
  2147. .project_workTimeItme .wenjianbox_warp .yiyunwenjian_infodesc {
  2148. font-size: 11px;
  2149. }
  2150. .newmassage_yinyong {
  2151. display: inline-block;
  2152. width: 10px;
  2153. height: 10px;
  2154. background-color: #D0021B;
  2155. border-radius: 50%;
  2156. margin-right: 10px;
  2157. position: relative;
  2158. top: -3px;
  2159. }
  2160. .newmassage_wenjian {
  2161. display: inline-block;
  2162. width: 10px;
  2163. height: 10px;
  2164. background-color: rgba(74, 144, 226, 1);
  2165. border-radius: 50%;
  2166. margin-right: 10px;
  2167. position: relative;
  2168. top: -3px;
  2169. }
  2170. .mt-12 {
  2171. margin-top: 12px;
  2172. }
  2173. .project_workTimeItme {
  2174. margin-top: 12px;
  2175. }
  2176. .layout_content::-webkit-scrollbar, .admin_contentBox_body::-webkit-scrollbar{
  2177. width: 8px;
  2178. padding-right: 4px;
  2179. border-radius: 4px;
  2180. background-color: #f6f6f6;
  2181. /*其他样式,比如圆角等*/
  2182. }
  2183. /*滑块样式*/
  2184. .layout_content::-webkit-scrollbar-thumb,.admin_contentBox_body::-webkit-scrollbar-thumb {
  2185. -webkit-border-radius: 4px;
  2186. border-radius: 4px;
  2187. height: 300px;
  2188. background-color: #adadad;
  2189. }
  2190. /*当前窗口失去焦点时的滑块样式*/
  2191. .layout_content::-webkit-scrollbar-thumb:window-inactive,.admin_contentBox_body::-webkit-scrollbar-thumb:window-inactive {
  2192. background-color: #adadad;
  2193. }
  2194. .biaoti_head {
  2195. margin-top: 22px;
  2196. margin-bottom: 12px;
  2197. }
  2198. .personManagerBox {
  2199. width: 640px;
  2200. height: 703px;
  2201. border-radius: 10px;
  2202. box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  2203. }
  2204. .bg_black {
  2205. background-color: rgba(98, 98, 111, 1);
  2206. }
  2207. .bg_wirte {
  2208. background-color: rgba(255, 255, 255, 1);
  2209. }
  2210. .part_nameBody {
  2211. overflow: initial;
  2212. }
  2213. .personManagerBoxBody {
  2214. width: 100%;
  2215. margin: 20px;
  2216. }
  2217. .yiyun_collapse {
  2218. width: 600px;
  2219. }
  2220. .yiyun_collapse .el-carousel__mask,
  2221. .yiyun_collapse .el-cascader-menu,
  2222. .yiyun_collapse .el-cascader-menu__item.is-disabled:hover,
  2223. .yiyun_collapse .el-collapse-item__header,
  2224. .yiyun_collapse .el-collapse-item__wrap {
  2225. background-color: transparent;
  2226. }
  2227. .yiyun_collapse .el-collapse-item__header {
  2228. border: 0;
  2229. }
  2230. .yiyun_collapse.el-collapse {
  2231. border: 0;
  2232. }
  2233. .collapse_title {
  2234. font-size: 18px;
  2235. font-weight: 500;
  2236. line-height: 20px;
  2237. color: #CCCDD7;
  2238. }
  2239. .yiyun_checkbox_label {
  2240. color: #CCCDD7;
  2241. font-size: 14px;
  2242. }
  2243. .user_info_item_list .user_info_faceImg {
  2244. width: 30px;
  2245. height: 30px;
  2246. border-radius: 15px;
  2247. }
  2248. /* 文件格式 */
  2249. .fifleimg_box {
  2250. width: 180px;
  2251. height: 180px;
  2252. }
  2253. .fifleimg_box-mid {
  2254. width: 136px;
  2255. height: 136px;
  2256. }
  2257. .defultImage {
  2258. width: 136px;
  2259. height: 136px;
  2260. background-image: url(/static/img/defult.png);
  2261. }
  2262. .defultImage-mid {
  2263. width: 136px;
  2264. height: 136px;
  2265. background-image: url(/static/img/defult-mid.png);
  2266. }
  2267. .folder {
  2268. background: url("/static/img/bgtupian.png") no-repeat 0px 0;
  2269. }
  2270. .folder1 {
  2271. background: url("/static/img/bgtupian.png") no-repeat 0px 0;
  2272. }
  2273. .folder-mid{
  2274. background: url("/static/img/bgtupian.png") no-repeat -11px -200px;
  2275. }
  2276. .folder2 {
  2277. background: url("/static/img/bgtupian.png") no-repeat -180px 0;
  2278. }
  2279. .folder2-mid {
  2280. background: url("/static/img/bgtupian.png") no-repeat -147px -200px;
  2281. }
  2282. .foldernew-mid{
  2283. background: url("/static/img/folder.png") no-repeat 0px 0px;
  2284. }
  2285. .doc,
  2286. .docx,
  2287. .word {
  2288. background: url("/static/img/bgtupian.png") no-repeat -360px 0;
  2289. }
  2290. .doc-mid,
  2291. .docx-mid,
  2292. .word-mid {
  2293. background: url("/static/img/bgtupian.png") no-repeat -283px -200px;
  2294. }
  2295. .xls,
  2296. .xlsx,
  2297. .excel {
  2298. background: url("/static/img/bgtupian.png") no-repeat -540px 0;
  2299. }
  2300. /* 开始 */
  2301. .xls-mid,
  2302. .xlsx-mid,
  2303. .excel-mid {
  2304. background: url("/static/img/bgtupian.png") no-repeat -419px -200px;
  2305. }
  2306. .ppt,
  2307. .pptx {
  2308. background: url("/static/img/bgtupian.png") no-repeat -720px 0;
  2309. }
  2310. .ppt-mid,
  2311. .pptx-mid {
  2312. background: url("/static/img/bgtupian.png") no-repeat -555px -200px;
  2313. }
  2314. .pdf {
  2315. background: url("/static/img/bgtupian.png") no-repeat -900px 0
  2316. }
  2317. .pdf-mid {
  2318. background: url("/static/img/bgtupian.png") no-repeat -691px -200px
  2319. }
  2320. .jpg,
  2321. .jpeg,
  2322. .png,
  2323. .bmp,
  2324. .gif {
  2325. background: url("/static/img/bgtupian.png") no-repeat -1080px 0;
  2326. }
  2327. .jpg-mid,
  2328. .jpeg-mid,
  2329. .png-mid,
  2330. .bmp-mid,
  2331. .gif-mid {
  2332. background: url("/static/img/bgtupian.png") no-repeat -827px -200px;
  2333. }
  2334. .txt-mid,
  2335. .ae-mid,
  2336. .ai-mid,
  2337. .idml-mid,
  2338. .indd-mid,
  2339. .mp3-mid,
  2340. .pr-mid,
  2341. .ps-mid,
  2342. .sketch-mid,
  2343. .xmind-mid,
  2344. .zip-mid,
  2345. .video-mid{
  2346. position: relative;
  2347. top: 18px;
  2348. left: 15px;
  2349. }
  2350. .txt {
  2351. background: url("/static/img/fileType/txt.svg") no-repeat;
  2352. }
  2353. .txt-mid {
  2354. background: url("/static/img/fileType/txt.svg") no-repeat;
  2355. background-size:80% 76%;
  2356. }
  2357. .zip{
  2358. background: url("/static/img/fileType/zip.svg") no-repeat;
  2359. }
  2360. .zip-mid{
  2361. background: url("/static/img/fileType/zip.svg") no-repeat;
  2362. background-size:80% 76%;
  2363. }
  2364. .ae{
  2365. background: url("/static/img/fileType/ae.svg") no-repeat;
  2366. }
  2367. .ae-mid{
  2368. background: url("/static/img/fileType/ae.svg") no-repeat;
  2369. background-size:80% 76%;
  2370. }
  2371. .ai{
  2372. background: url("/static/img/fileType/ai.svg") no-repeat;
  2373. }
  2374. .ai-mid{
  2375. background: url("/static/img/fileType/ai.svg") no-repeat;
  2376. background-size:80% 76%;
  2377. }
  2378. .idml{
  2379. background: url("/static/img/fileType/idml.svg") no-repeat;
  2380. }
  2381. .idml-mid{
  2382. background: url("/static/img/fileType/idml.svg") no-repeat;
  2383. background-size:80% 76%;
  2384. }
  2385. .indd{
  2386. background: url("/static/img/fileType/indd.svg") no-repeat;
  2387. }
  2388. .indd-mid{
  2389. background: url("/static/img/fileType/indd.svg") no-repeat;
  2390. background-size:80% 76%;
  2391. }
  2392. .mp3{
  2393. background: url("/static/img/fileType/mp3.svg") no-repeat;
  2394. }
  2395. .mp3-mid{
  2396. background: url("/static/img/fileType/mp3.svg") no-repeat;
  2397. background-size:80% 76%;
  2398. }
  2399. .pr{
  2400. background: url("/static/img/fileType/pr.svg") no-repeat;
  2401. }
  2402. .pr-mid{
  2403. background: url("/static/img/fileType/pr.svg") no-repeat;
  2404. background-size:80% 76%;
  2405. }
  2406. .ps{
  2407. background: url("/static/img/fileType/ps.svg") no-repeat;
  2408. }
  2409. .ps-mid{
  2410. background: url("/static/img/fileType/ps.svg") no-repeat;
  2411. background-size:80% 76%;
  2412. }
  2413. .sketch{
  2414. background: url("/static/img/fileType/sketch.svg") no-repeat;
  2415. }
  2416. .sketch-mid{
  2417. background: url("/static/img/fileType/sketch.svg") no-repeat;
  2418. background-size:80% 76%;
  2419. }
  2420. .video{
  2421. background: url("/static/img/fileType/video.svg") no-repeat;
  2422. }
  2423. .video-mid{
  2424. background: url("/static/img/fileType/video.svg") no-repeat;
  2425. background-size:80% 76%;
  2426. }
  2427. .xmind{
  2428. background: url("/static/img/fileType/xmind.svg") no-repeat;
  2429. }
  2430. .xmind-mid{
  2431. background: url("/static/img/fileType/xmind.svg") no-repeat;
  2432. background-size:80% 76%;
  2433. }
  2434. .skp{
  2435. background: url("/static/img/bgtupian.png") no-repeat -1800px 0;
  2436. }
  2437. .skp-mid{
  2438. background: url("/static/img/bgtupian.png") no-repeat -1371px -200px;
  2439. }
  2440. .rvt{
  2441. background: url("/static/img/bgtupian.png") no-repeat -1980px 0;
  2442. }
  2443. .rvt-mid{
  2444. background: url("/static/img/bgtupian.png") no-repeat -1507px -200px;
  2445. }
  2446. .rar{
  2447. background: url("/static/img/bgtupian.png") no-repeat -2160px 0;
  2448. }
  2449. .rar-mid{
  2450. background: url("/static/img/bgtupian.png") no-repeat -1642px -200px;
  2451. }
  2452. .nwc{
  2453. background: url("/static/img/bgtupian.png") no-repeat -2340px 0;
  2454. }
  2455. .nwc-mid{
  2456. background: url("/static/img/bgtupian.png") no-repeat -1779px -200px;
  2457. }
  2458. .max{
  2459. background: url("/static/img/bgtupian.png") no-repeat -2520px 0;
  2460. }
  2461. .max-mid{
  2462. background: url("/static/img/bgtupian.png") no-repeat -1915px -200px;
  2463. }
  2464. .dxf{
  2465. background: url("/static/img/bgtupian.png") no-repeat -2700px 0;
  2466. }
  2467. .dxf-mid{
  2468. background: url("/static/img/bgtupian.png") no-repeat -2051px -200px;
  2469. }
  2470. .dwg{
  2471. background: url("/static/img/bgtupian.png") no-repeat -2880px 0;
  2472. }
  2473. .dwg-mid{
  2474. background: url("/static/img/bgtupian.png") no-repeat -2183px -200px;
  2475. }
  2476. /* yun icon end */
  2477. .svfzip {
  2478. background: url("/static/img/AppHeadImg/appImg_com.png") 0 -1438px no-repeat;
  2479. }
  2480. .svfzip-mid {
  2481. background: url("/static/img/AppHeadImg/appImg_com.png") -178px -1414px no-repeat;
  2482. }
  2483. .map {
  2484. background: url("/static/img/AppHeadImg/appImg_com.png") 0 -1259px no-repeat;
  2485. }
  2486. .map-mid {
  2487. background: url("/static/img/AppHeadImg/appImg_com.png") -180px -1278px no-repeat;
  2488. }
  2489. .supermap{
  2490. background: url("/static/img/AppHeadImg/appImg_com.png") 0 -1620px no-repeat;
  2491. }
  2492. .supermap-mid{
  2493. background: url("/static/img/AppHeadImg/appImg_com.png") -180px -1550px no-repeat;
  2494. }
  2495. .showAllAppProject {
  2496. height: auto;
  2497. }
  2498. .bianju_item_fr2 {
  2499. margin-right: 0;
  2500. }
  2501. .yiyun_header .flex_right_pain_head {
  2502. line-height: 22px;
  2503. }
  2504. .yiyun_header .flex_right_pain_body {
  2505. line-height: 22px;
  2506. }
  2507. .user_Img {
  2508. width: 100px;
  2509. height: 100px;
  2510. margin: 20px auto 8px auto;
  2511. background-color: #DCDCDC;
  2512. border-radius: 50px;
  2513. overflow: hidden;
  2514. display: flex;
  2515. justify-content: center;
  2516. align-items: center;
  2517. }
  2518. .self_Inputwork {
  2519. margin: 10px 0;
  2520. font-weight: bold;
  2521. font-size: 16px;
  2522. height: 30px;
  2523. line-height: 30px;
  2524. border-radius: 15px;
  2525. line-height: 30px;
  2526. }
  2527. .addself_workbtn {
  2528. width: 382px;
  2529. height: 30px;
  2530. border-radius: 21px;
  2531. font-size: 14px;
  2532. color: #000;
  2533. background-color: rgba(227, 227, 227, 1);
  2534. border: 0.5px solid rgba(212, 212, 212, 1);
  2535. transition: all ease 0.5s;
  2536. }
  2537. .webuploader-pick {
  2538. width: 382px;
  2539. height: 30px;
  2540. padding: 0 !important;
  2541. line-height: 30px;
  2542. border-radius: 21px !important;
  2543. font-size: 13px;
  2544. color: #000 !important;
  2545. background-color: rgba(227, 227, 227, 1) !important;
  2546. border: 0.5px solid rgba(212, 212, 212, 1) !important;
  2547. transition: all ease 0.5s;
  2548. }
  2549. .webuploader-pick:hover {
  2550. background: #9c23ff !important;
  2551. border-color: #9c23ff !important;
  2552. color: #fff !important;
  2553. }
  2554. .user_Img img {
  2555. max-width: 100px;
  2556. max-height: 100px;
  2557. }
  2558. .userNamelabel {
  2559. text-align: center;
  2560. font-size: 18px;
  2561. margin-bottom: 19px;
  2562. }
  2563. .rightLabel {
  2564. line-height: 42px;
  2565. cursor: pointer;
  2566. color: rgba(235, 235, 242, 1);
  2567. font-size: 12px;
  2568. }
  2569. .rightLabelDelete {
  2570. margin-right: 10px;
  2571. }
  2572. .touxiangBox {
  2573. width: 120px;
  2574. margin: 0 auto;
  2575. }
  2576. .editImgHead .el-dialog {
  2577. width: 30%;
  2578. }
  2579. .floderselect.el-select {
  2580. width: 100%;
  2581. }
  2582. .right-list_btn {
  2583. float: right;
  2584. color: #9b9b9b;
  2585. line-height: 44px;
  2586. font-size: 26px;
  2587. margin-right: -6px;
  2588. }
  2589. #upload_btn {
  2590. opacity: 0;
  2591. display: block;
  2592. width: 1px;
  2593. overflow: hidden;
  2594. margin-right: 0;
  2595. }
  2596. .left-list_btn {
  2597. float: left;
  2598. color: #9b9b9b;
  2599. line-height: 24px;
  2600. font-size: 30px;
  2601. margin-right: 0;
  2602. cursor: pointer;
  2603. }
  2604. .yiyun_app_info_box li:hover {
  2605. background-color: #f2f2f2;
  2606. cursor: pointer;
  2607. }
  2608. .right-list_beizhu {
  2609. font-size: 14px;
  2610. color: #9b9b9b;
  2611. line-height: 44px;
  2612. float: right;
  2613. }
  2614. .biaotititle {
  2615. width: 284px;
  2616. text-align: center;
  2617. margin: 0 auto;
  2618. }
  2619. .downtext_beizhu {
  2620. font-size: 14px;
  2621. color: #9b9b9b;
  2622. line-height: 20px;
  2623. margin-top: 10px;
  2624. padding: 0 16px;
  2625. }
  2626. .eidtimg {
  2627. position: relative;
  2628. }
  2629. .eidtimg>div {
  2630. position: absolute;
  2631. width: 100px;
  2632. height: 100px;
  2633. text-align: center;
  2634. line-height: 100px;
  2635. background-color: rgba(167, 168, 183, 0.7);
  2636. color: #fff;
  2637. transition: all ease 0.5s;
  2638. top: 0;
  2639. left: 0;
  2640. display: none;
  2641. cursor: pointer;
  2642. }
  2643. .eidtimg:hover>div {
  2644. display: block;
  2645. }
  2646. .yiyunfile-Uploader .webuploader-pick {
  2647. border: 0 !important;
  2648. border-radius: 4px !important;
  2649. font-size: 14px;
  2650. width: 80px;
  2651. height: 28px;
  2652. line-height: 28px;
  2653. background: #fff;
  2654. color: #323232;
  2655. cursor: pointer;
  2656. box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  2657. }
  2658. .baisebtn.yiyunfile-Uploader .webuploader-pick{
  2659. background: #e3e3e3!important;
  2660. }
  2661. .right-list_btn {
  2662. float: right;
  2663. color: #9b9b9b;
  2664. line-height: 44px;
  2665. font-size: 22px;
  2666. margin-right: 0;
  2667. }
  2668. #upload_btn {
  2669. opacity: 0;
  2670. display: block;
  2671. width: 1px;
  2672. overflow: hidden;
  2673. margin-right: 0;
  2674. }
  2675. .yiyun_app_info_box li:hover {
  2676. background-color: #f2f2f2;
  2677. cursor: pointer;
  2678. }
  2679. .right-list_beizhu {
  2680. font-size: 14px;
  2681. color: #9b9b9b;
  2682. line-height: 44px;
  2683. float: right;
  2684. }
  2685. .downtext_beizhu {
  2686. font-size: 14px;
  2687. color: #9b9b9b;
  2688. line-height: 20px;
  2689. margin-top: 10px;
  2690. }
  2691. .eidtimg {
  2692. position: relative;
  2693. }
  2694. .eidtimg > img {
  2695. cursor: pointer;
  2696. }
  2697. .eidtimg>div {
  2698. position: absolute;
  2699. width: 100px;
  2700. height: 100px;
  2701. text-align: center;
  2702. line-height: 100px;
  2703. background-color: rgba(167, 168, 183, 0.7);
  2704. color: #fff;
  2705. transition: all ease 0.5s;
  2706. top: 0;
  2707. left: 0;
  2708. display: none;
  2709. cursor: pointer;
  2710. }
  2711. .eidtimg:hover>div {
  2712. display: block;
  2713. }
  2714. .cloudpan_headbox .flex_right_pain_head {
  2715. color: #000
  2716. }
  2717. .col-12-yiyun {
  2718. width: 100%;
  2719. }
  2720. .yiyun_text-title a {
  2721. text-decoration: none;
  2722. color: #A7A8B7;
  2723. float: left;
  2724. }
  2725. .yiyun_text-title>a:last-child a,
  2726. .yiyun_text-title a:hover {
  2727. color: #fff;
  2728. }
  2729. .mr-10 {
  2730. margin-right: 10px;
  2731. }
  2732. .mr-5 {
  2733. margin-right: 5px;
  2734. }
  2735. .user_info_companyName {
  2736. font-size: 12px;
  2737. color: #cccdd7;
  2738. margin: 0 6px 0 14px;
  2739. display: inline-block;
  2740. width: 90px;
  2741. text-overflow: ellipsis;
  2742. word-break: keep-all;
  2743. overflow: hidden;
  2744. }
  2745. .imgHead {
  2746. max-width: 100%;
  2747. max-height: 100%;
  2748. /* transform: scale(1.5); */
  2749. }
  2750. .v-modal{
  2751. width: 0;
  2752. height: 0
  2753. }
  2754. /*探索者企业后台 2019年3月21日-添加-开始*/
  2755. .yiyun_headerfl.houtai,
  2756. .yiyun_headerfr.houtai {
  2757. width: 19%;
  2758. margin-right: 0;
  2759. }
  2760. .yiyun_headerce.houtai {
  2761. width: 50%;
  2762. }
  2763. .yiyun_headerfr.houtai a {
  2764. float: right;
  2765. }
  2766. .Nowactive {
  2767. border-bottom: 2px solid #8C00FF;
  2768. }
  2769. .fl_navBox {
  2770. width: 400px;
  2771. height: calc(100vh - 156px);
  2772. float: left;
  2773. }
  2774. .fl_contentBox {
  2775. width: calc(100vw - 540px);
  2776. height: calc(100vh - 156px);
  2777. float: right;
  2778. overflow: initial;
  2779. }
  2780. .adminnavBox {
  2781. margin-bottom: 10px;
  2782. height: 37px;
  2783. overflow: hidden;
  2784. margin-top: 23px;
  2785. cursor: pointer;
  2786. }
  2787. .adminnavBox h3 {
  2788. display: inline-block;
  2789. color: rgba(0, 0, 0, 1);
  2790. font-size: 24px;
  2791. font-weight: 400;
  2792. }
  2793. .adminnavBox h3 .el-icon-arrow-left{
  2794. font-size: 30px;
  2795. position: relative;
  2796. top: 3px;
  2797. left: -6px;
  2798. margin-right: -3px;
  2799. }
  2800. .admin_treeBox,
  2801. .admin_contentBox_body {
  2802. width: 100%;
  2803. height: calc(100vh - 145px);
  2804. border-radius: 10px;
  2805. overflow-y: auto;
  2806. }
  2807. .admin_treeBox {
  2808. border-radius: 10px;
  2809. background-color: rgba(98, 98, 111, 1);
  2810. box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  2811. }
  2812. .admin_contentBox_body {
  2813. background-color: rgba(255, 255, 255, 1);
  2814. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  2815. }
  2816. .adminnavBox span {
  2817. color: rgba(142, 144, 159, 1);
  2818. font-size: 22px;
  2819. }
  2820. .admintitle {
  2821. color: rgba(0, 0, 0, 1);
  2822. font-size: 17px;
  2823. display: inline-block;
  2824. font-weight: 400;
  2825. }
  2826. .timelabel{
  2827. font-size: 12px;
  2828. color: #999;
  2829. line-height: 21px;
  2830. }
  2831. .border-line {
  2832. width: 100%;
  2833. height: 1px;
  2834. background-color: rgba(204, 205, 215, 1);
  2835. margin: 5px 0;
  2836. }
  2837. .border-line_light {
  2838. width: 100%;
  2839. height: 1px;
  2840. background-color: rgba(216, 216, 216, 1);
  2841. margin: 5px 0;
  2842. }
  2843. .topOption .el-button--text {
  2844. color: #000;
  2845. font-size: 13px;
  2846. }
  2847. .el-button--text:focus,
  2848. .el-button--text:hover {
  2849. color: #8c00ff;
  2850. border:1px solid transparent
  2851. }
  2852. .el-table td,
  2853. .el-table th {
  2854. padding: 7px 0;
  2855. }
  2856. .el-table {
  2857. font-size: 12px;
  2858. }
  2859. .toxiang_box {
  2860. width: 32px;
  2861. height: 32px;
  2862. background-color: #ccc;
  2863. border-radius: 15px;
  2864. overflow: hidden;
  2865. }
  2866. .admin_contentBox_bodyPain {
  2867. margin: 10px;
  2868. min-width: 600px;
  2869. }
  2870. .el-table th {
  2871. height: 27px;
  2872. background-color: #EBEBF2;
  2873. }
  2874. .el-button--text {
  2875. color: #62626f;
  2876. font-size: 12px;
  2877. }
  2878. .large_headImg {
  2879. width: 50px;
  2880. height: 50px;
  2881. border-radius: 25px;
  2882. background-color: #f2f2f2;
  2883. float: left;
  2884. overflow: hidden;
  2885. }
  2886. .uploadImg .webuploader-pick {
  2887. width: 120px;
  2888. margin-left: 10px;
  2889. top: 5px;
  2890. margin-top: 9px;
  2891. position: relative;
  2892. display: inline-block;
  2893. cursor: pointer;
  2894. background: #ffffff !important;
  2895. padding: 6px 13px;
  2896. color: #fff;
  2897. text-align: center;
  2898. border-radius: 0px;
  2899. overflow: hidden;
  2900. border: 1px solid #c6e2ff;
  2901. margin-top: 3px;
  2902. }
  2903. .hei40 .webuploader-pick {
  2904. width: 100%;
  2905. border-radius: 4px !important;
  2906. font-size: 13px;
  2907. background-color: rgb(255, 255, 255) !important;
  2908. border: 0.5px solid rgb(255, 255, 255) !important;
  2909. transition: all ease 0.5s;
  2910. }
  2911. .hei40:hover .webuploader-pick{
  2912. color: #8c00ff!important;
  2913. }
  2914. .el-input__inner {
  2915. height: 40px;
  2916. line-height: 40px;
  2917. background-color: #f4f4f6;
  2918. border: 0;
  2919. }
  2920. .yiyunTable_list_item>h3 {
  2921. font-size: 16px;
  2922. font-weight: 600;
  2923. margin-top: 4px;
  2924. }
  2925. /*树*/
  2926. .navtree .el-tree {
  2927. position: relative;
  2928. cursor: default;
  2929. background: transparent;
  2930. color: #d0d0d0;
  2931. font-size: 12px;
  2932. line-height: 30px;
  2933. }
  2934. .el-icon-floder {
  2935. background: url(/static/img/icon_file.png) 0 0;
  2936. width: 16px;
  2937. height: 16px;
  2938. margin-right: 5px;
  2939. position: relative;
  2940. top: 3px;
  2941. }
  2942. .is-current {
  2943. background-color: transparent;
  2944. }
  2945. /*探索者企业后台 2019年3月21日-添加-结束*/
  2946. .easycloudTreeleafe {
  2947. display: block;
  2948. float: left;
  2949. width: 100%;
  2950. }
  2951. .easycloudTreeleafe i {
  2952. display: block;
  2953. float: left;
  2954. margin-top: 12px;
  2955. }
  2956. .custom-tree-node {
  2957. width: 100%;
  2958. }
  2959. .el-tree-node:focus>.el-tree-node__content {
  2960. background-color: #868694;
  2961. }
  2962. .treeeditInput {
  2963. width: 190px;
  2964. }
  2965. .el-input--mini .el-input__inner {
  2966. height: 20px;
  2967. line-height: 20px;
  2968. margin-top: 12px;
  2969. }
  2970. .yiyunnodelabel {
  2971. line-height: 48px;
  2972. }
  2973. .treeeditInputChild.el-input {
  2974. width: 100px;
  2975. }
  2976. .perentbtn.el-button {
  2977. padding: 2px 4px;
  2978. display: inline-block;
  2979. margin-top: -3px;
  2980. position: relative;
  2981. top: -10px;
  2982. }
  2983. .perentbtn2 {
  2984. padding: 2px 4px;
  2985. display: inline-block;
  2986. position: relative;
  2987. top: 5px;
  2988. }
  2989. .morebtn {
  2990. color: #fff;
  2991. transform: rotate(90deg);
  2992. margin-right: 10px;
  2993. }
  2994. .morebtn:hover {
  2995. color: #8C00FF;
  2996. }
  2997. .el-tree-node__content .custom-tree-node:hover >.rightdrop{
  2998. opacity: 1;
  2999. transition: all ease 0.5s;
  3000. }
  3001. .rightdrop{
  3002. opacity: 0;
  3003. }
  3004. .toptree {
  3005. margin-top: 10px;
  3006. }
  3007. .el-tree-node__content:hover {
  3008. background-color: #23232B;
  3009. }
  3010. .nohoverbg .el-tree-node__content:hover {
  3011. background-color: #f2f2f2;
  3012. }
  3013. .noborder .el-form-item__label {
  3014. border: 0;
  3015. }
  3016. .DivInputHeight .el-cascader {
  3017. width: 100%;
  3018. }
  3019. .el-date-editor.el-input,
  3020. .el-date-editor.el-input__inner {
  3021. width: 100%;
  3022. }
  3023. .el-select {
  3024. width: 100%;
  3025. }
  3026. .upHeadImg .webuploader-pick {
  3027. margin: 0 auto;
  3028. display: block;
  3029. }
  3030. .el-dialog__header {
  3031. padding: 10px 20px 10px;
  3032. }
  3033. .ft26 {
  3034. font-size: 26px;
  3035. color: #8c00ff;
  3036. }
  3037. .labelinputbefore .el-input__inner {
  3038. color: #ffffff;
  3039. font-size: 15px;
  3040. line-height: 44px;
  3041. height: 44px;
  3042. border-radius: 5px;
  3043. background-color: rgba(50, 50, 60, 1);
  3044. }
  3045. /*2019-04-04 总后台--客户列表*/
  3046. .mr-20 {
  3047. margin-right: 20px;
  3048. }
  3049. .el-slider__runway {
  3050. overflow: unset;
  3051. }
  3052. .el-slider__button {
  3053. width: 36px;
  3054. height: 18px;
  3055. border: 0px solid #409EFF;
  3056. background-color: #fff;
  3057. border-radius: 4px;
  3058. background: url(/static/img/gundong.png) 0 0 no-repeat;
  3059. }
  3060. .el-slider__button.dragging,
  3061. .el-slider__button.hover,
  3062. .el-slider__button:hover {
  3063. -webkit-transform: scale(1);
  3064. transform: scale(1);
  3065. }
  3066. .el-slider__bar {
  3067. background-color: #8c00ff;
  3068. }
  3069. .el-switch.is-checked .el-switch__core {
  3070. border-color: #8c00ff;
  3071. background-color: #8c00ff;
  3072. }
  3073. .user_Imgsize_largerbox {
  3074. width: 150px;
  3075. height: 130px;
  3076. }
  3077. .user_Imgsize_larger {
  3078. width: 150px;
  3079. height: 150px;
  3080. border-radius: 50%;
  3081. margin-top: 40px;
  3082. }
  3083. .user_Imgsize_larger img {
  3084. width: 100%;
  3085. height: 100%;
  3086. }
  3087. .weizhiImghead {
  3088. margin: 10px auto;
  3089. position: relative;
  3090. top: -50px;
  3091. }
  3092. .navtree {
  3093. position: relative;
  3094. }
  3095. .bottombtn {
  3096. position: absolute;
  3097. width: 94%;
  3098. font-size: 16px;
  3099. left: 3%;
  3100. line-height: 36px;
  3101. bottom: 10px;
  3102. text-align: center;
  3103. background: -webkit-linear-gradient(#B0B0B7, #E1E2E8);
  3104. cursor: pointer;
  3105. transition: ease all 0.5s;
  3106. height: 36px;
  3107. border-radius: 8px;
  3108. box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  3109. }
  3110. .bottombtn:hover {
  3111. background: -webkit-linear-gradient(#E1E2E8, #B0B0B7);
  3112. }
  3113. .editnone .el-form-item__label {
  3114. border-bottom: 0px solid #62626f;
  3115. color: #62626f
  3116. }
  3117. .editnone .el-form-item__content {
  3118. line-height: 22px;
  3119. position: relative;
  3120. font-size: 14px;
  3121. }
  3122. .yiyun_wenjian_list {
  3123. position: relative;
  3124. cursor: pointer;
  3125. }
  3126. .yiyun_wenjian_list:hover .downloadBtn_yiyun {
  3127. display: block;
  3128. color: #676580;
  3129. right: -3px;
  3130. }
  3131. .locationbtn .el-input__inner {
  3132. border-radius: 5px 0 0 5px;
  3133. }
  3134. .nullproduct {
  3135. margin: 10% auto;
  3136. text-align: center;
  3137. line-height: 50px;
  3138. display: flex;
  3139. flex-direction: column;
  3140. justify-content: center;
  3141. align-items: center;
  3142. }
  3143. .noprotext{
  3144. color:#8f8f8f;
  3145. font-size: 16px
  3146. }
  3147. .newcreat {
  3148. color: #8b35f0;
  3149. }
  3150. .deleteBtnFlie {
  3151. font-size: 26px;
  3152. position: absolute;
  3153. right: 12px;
  3154. top: 10px;
  3155. color: #fff;
  3156. display: none;
  3157. }
  3158. .yupan_card_box ul li:hover>.deleteBtnFlie {
  3159. display: block;
  3160. }
  3161. .pageImgBox {
  3162. background-color: rgb(50, 50, 60);
  3163. border: 1px solid rgba(151, 151, 151, 1);
  3164. margin-bottom: 14px;
  3165. text-align: center;
  3166. width: 400px;
  3167. height: 245px;
  3168. border-radius: 10px;
  3169. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  3170. margin-left: 100px;
  3171. position: relative;
  3172. overflow: hidden;
  3173. border: 0;
  3174. display: inline-grid;
  3175. }
  3176. .pageImgBox > img {
  3177. min-width: 400px;
  3178. min-height: 245px;
  3179. max-width: 120%;
  3180. max-height: 120%;
  3181. transform: scale(1);
  3182. cursor: pointer;
  3183. vertical-align: middle;
  3184. margin: 0 auto;
  3185. }
  3186. .fandatupian{
  3187. max-width: 100%;
  3188. /* max-height: 100%; */
  3189. transform: scale(1.1);
  3190. cursor: pointer;
  3191. margin: 0 auto;
  3192. display: block;
  3193. position: inherit!important;
  3194. min-height: 245px;
  3195. /* min-width: 100%; */
  3196. }
  3197. .listUpdateBtn{
  3198. position: absolute;
  3199. bottom: 4px;
  3200. left: 10px;
  3201. }
  3202. .listUpdateBtn.editCoverBtn{
  3203. width: 64px;
  3204. height: 28px;
  3205. border-radius: 4px !important;
  3206. border: 0.5px solid rgba(227, 227, 227, 1);
  3207. box-sizing: border-box;
  3208. bottom: 10px;
  3209. font-size: 14px;
  3210. background-color: #fff;
  3211. color: #000;
  3212. text-align: center;
  3213. line-height: 28px;
  3214. }
  3215. .listUpdateBtn .webuploader-pick{
  3216. width: 80px;
  3217. height: 20px;
  3218. border-radius: 4px !important;
  3219. border: 0.5px solid rgba(227, 227, 227, 1);
  3220. line-height: 20px;
  3221. }
  3222. .mt-29 {
  3223. margin-top: 29px;
  3224. }
  3225. .mt-20 {
  3226. margin-top: 20px;
  3227. }
  3228. .mt-66{
  3229. margin-top: 66px;
  3230. }
  3231. .mt-96{
  3232. margin-top: 96px;
  3233. }
  3234. .selfradio .el-radio__label {
  3235. font-size: 16px;
  3236. }
  3237. .selfradio .el-radio__inner {
  3238. border: 1px solid #ffffff;
  3239. width: 20px;
  3240. height: 20px;
  3241. background-color: transparent;
  3242. }
  3243. .selfradio .el-radio__inner::after {
  3244. width: 0;
  3245. }
  3246. .forminfocom{
  3247. color: #fff;
  3248. }
  3249. .faceBtn{
  3250. color: rgba(204, 205, 215, 1);
  3251. font-size: 11px;
  3252. position: absolute;
  3253. bottom: 11px;
  3254. left: 106px;
  3255. cursor: pointer;
  3256. }
  3257. .selfradio .el-radio__input.is-checked .el-radio__inner {
  3258. border-color: #ffffff;
  3259. background: #8c00ff;
  3260. }
  3261. .selfradio .el-radio__input.is-checked+.el-radio__label {
  3262. color: #ffffff;
  3263. }
  3264. .yiyun_app_info_box li>span.fl {
  3265. font-family: PingFang SC;
  3266. font-weight: 400;
  3267. font-size: 15px;
  3268. }
  3269. .yiyun_headerce.houtai.width6 {
  3270. width: 60%;
  3271. }
  3272. .el-tree-node__content {
  3273. height: 28px;
  3274. }
  3275. .user_info_item span .el-checkbox__inner {
  3276. top: -22px;
  3277. }
  3278. .el-collapse-item__content .user_info_item .el-checkbox.checkBoxCol {
  3279. width: 97%;
  3280. }
  3281. .el-checkbox__label {
  3282. width: 100%
  3283. }
  3284. .bottombtnitem {
  3285. position: absolute;
  3286. bottom: 6px;
  3287. width: 100%;
  3288. }
  3289. .bottombtnitem .el-button {
  3290. width: 100%
  3291. }
  3292. .bottombtnitemlonBtn{
  3293. margin: 0px 16px;
  3294. }
  3295. .navtree .el-tree-node__content:hover,.navtree .el-tree-node__content:focus,.el-tree-node:focus>.el-tree-node__content {
  3296. /* background-color: #8E909F; */
  3297. background-color: rgba(141, 143, 159, 0.14);
  3298. border-radius: 5px;
  3299. }
  3300. .navtreebox {
  3301. /* height: calc(100vh - 242px); */
  3302. height: calc(100vh - 30px - 40px - 80px - 61px - 65px);
  3303. margin: 0 0 0 10px;
  3304. overflow-y: auto;
  3305. }
  3306. .navtreebox-inclient {
  3307. height: calc(100vh - 30px - 60px - 80px - 61px - 65px);
  3308. }
  3309. .navtreebox2 {
  3310. height: calc(100vh - 228px);
  3311. }
  3312. .UserEditinfoBox .el-form-item__label {
  3313. font-size: 14px;
  3314. }
  3315. .el-tree-node.is-expanded.is-focusable:focus {
  3316. outline: -webkit-focus-ring-color auto 5px;
  3317. outline: none;
  3318. border-radius: 5px;
  3319. }
  3320. .nullclass {
  3321. font-size: 17px !important;
  3322. color: #000 !important;
  3323. }
  3324. .nullclass:hover {
  3325. color: #000 !important;
  3326. }
  3327. .huiclass {
  3328. color: #adadad !important;
  3329. }
  3330. .huiclass:hover {
  3331. color: #adadad !important;
  3332. }
  3333. .graybtn,.graybtn:hover {
  3334. color: #acacac!important;
  3335. height: 20px;
  3336. background-color: rgba(227, 227, 227, 1)!important;
  3337. border: 0.5px solid rgba(212, 212, 212, 1);
  3338. }
  3339. /*新登录页面*/
  3340. .loginbox_warp {
  3341. height: calc(100vh);
  3342. width: calc(100vw);
  3343. overflow: hidden;
  3344. }
  3345. .loginbox {
  3346. width: 355px;
  3347. height: 322px;
  3348. border-radius: 10px;
  3349. position: fixed;
  3350. bottom: 100px;
  3351. left: 100px;
  3352. z-index: 4;
  3353. }
  3354. .login_title {
  3355. color: rgba(140, 0, 255, 1);
  3356. font-size: 28px;
  3357. margin: 57px auto;
  3358. text-align: center;
  3359. }
  3360. .formlogin{
  3361. overflow: hidden;
  3362. }
  3363. .loginlabel {
  3364. line-height: 32px;
  3365. margin-left: 0px;
  3366. color: rgba(255, 255, 255, 1);
  3367. font-size: 32px;
  3368. margin-bottom: 21px;
  3369. display: block;
  3370. position: relative;
  3371. }
  3372. .loginlabel_resit {
  3373. line-height: 14px;
  3374. color: rgba(140, 0, 255, 1);
  3375. font-size: 11px;
  3376. line-height: 32px;
  3377. margin-left: 20px;
  3378. text-decoration: none;
  3379. position: absolute;
  3380. right: 16px;
  3381. top: 16px;
  3382. }
  3383. .combackreturn{
  3384. font-size: 30px;
  3385. cursor: pointer;
  3386. position: absolute;
  3387. left: -28px;
  3388. }
  3389. .login_input {
  3390. display: block;
  3391. font-size: 15px;
  3392. color: #000;
  3393. width: 355px;
  3394. height: 44px;
  3395. background-color: rgba(244, 244, 244, 1);
  3396. border: 0;
  3397. margin: 10px auto;
  3398. border-radius: 4px;
  3399. text-indent: 16px;
  3400. }
  3401. .login_input::-webkit-input-placeholder {
  3402. /* WebKit browsers */
  3403. color:#888;
  3404. }
  3405. .login_input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  3406. color:#888;
  3407. }
  3408. .login_input::-moz-placeholder { /* Mozilla Firefox 19+ */
  3409. color:#888;
  3410. }
  3411. .login_input:-ms-input-placeholder { /* Internet Explorer 10+ */
  3412. color:#888;
  3413. }
  3414. .login_line {
  3415. height: 1px;
  3416. background-color: #D8D8D8
  3417. }
  3418. .login_formBox {
  3419. height: 190px;
  3420. }
  3421. .formlogin_item{
  3422. overflow: hidden;
  3423. position: relative;
  3424. }
  3425. .login_btn {
  3426. display: block;
  3427. border: 0;
  3428. color: #fff;
  3429. cursor: pointer;
  3430. width: 178px;
  3431. height: 30px;
  3432. border-radius: 8px;
  3433. background-color: rgba(140, 0, 255, 1);
  3434. box-shadow: 0 4px 6px #1d1d2f;
  3435. margin-top: 4px;
  3436. font-size: 16px;
  3437. line-height: 30px;
  3438. margin-top: 28px;
  3439. }
  3440. .login_btn_defualt {
  3441. display: block;
  3442. cursor: pointer;
  3443. color: rgba(255, 255, 255, 1);
  3444. font-size: 16px;
  3445. margin-top: 34px;
  3446. }
  3447. .loginbox .el-checkbox__input.is-checked+.el-checkbox__label{
  3448. color: #fff;
  3449. }
  3450. .loginright_btn {
  3451. width: 98px;
  3452. height: 36px;
  3453. border-radius: 4px;
  3454. background-color: rgba(140, 0, 255, 1);
  3455. color: #fff;
  3456. position: absolute;
  3457. border: 0;
  3458. right: 4px;
  3459. top: 14px;
  3460. text-align: center;
  3461. text-decoration: none;
  3462. line-height: 36px;
  3463. font-size: 13px;
  3464. }
  3465. .rightBtn_input {
  3466. position: relative;
  3467. }
  3468. .mr-l {
  3469. padding-left: 0;
  3470. margin-left: 10;
  3471. margin-top: 0;
  3472. }
  3473. .bg_w .el-input__inner {
  3474. background-color: #32323c;
  3475. border-radius: 5px;
  3476. height: 44px;
  3477. line-height: 44px;
  3478. color: #fff;
  3479. border-bottom: 0;
  3480. }
  3481. .yiyunlargeItem .el-select .el-input .el-select__caret{
  3482. font-size: 26px;
  3483. }
  3484. .yiyunTable_list_item .UserEditinfoBox .el-form-item__label {
  3485. color: #606266;
  3486. }
  3487. .yiyun_wenjian_list:hover>.defultImage {
  3488. background-color: #d8d8d8;
  3489. transition: all ease 0.5s;
  3490. cursor: pointer;
  3491. border-radius: 10px;
  3492. }
  3493. .yiyunTable_list{
  3494. clear: both;
  3495. }
  3496. .el-input_mini .el-input__inner {
  3497. border: 1px solid transparent;
  3498. }
  3499. .el-input_mini .el-input__inner:hover {
  3500. border: 1px solid #8c00ff;
  3501. transition: ease all 0.5s;
  3502. }
  3503. /* 右键菜单 */
  3504. .menu__item {
  3505. display: block;
  3506. line-height: 20px;
  3507. text-align: center;
  3508. margin:10px;
  3509. cursor: default;
  3510. }
  3511. .menu__item:hover{
  3512. color: #66B1FF;
  3513. }
  3514. .automenu{
  3515. height: auto;
  3516. width: auto;
  3517. position: absolute;
  3518. font-size: 14px;
  3519. text-align: left;
  3520. border-radius: 10px;
  3521. border: 1px solid #c1c1c1;
  3522. background-color: #ffffff;
  3523. }
  3524. #tableMenu{
  3525. z-index: 9;
  3526. }
  3527. .Cicon{
  3528. /* font-size: 28px; */
  3529. font-size: 32px;
  3530. line-height: 32px;
  3531. color: #A7A8B7;
  3532. transition: ease all 0.5s;
  3533. cursor: pointer;
  3534. -webkit-font-smoothing:antialiased;/*设置字体的光滑度属性,也就是CSS3用于webkit引擎(chrome)
  3535. 设置字体抗锯齿属性*/
  3536. /*-webkit-text-stroke-width:.2px;设置文字边框*/
  3537. -moz-osx-font-smoothing:grayscale;/*该属性是为了让字体显示的更清晰的作用*/
  3538. }
  3539. .Cicon:hover{
  3540. color: #9c22ff
  3541. }
  3542. .text_wirte {
  3543. color: #fff;
  3544. }
  3545. .AnimatedRightIn{
  3546. right: 30px;
  3547. }
  3548. .flex_right_pain_head{
  3549. overflow: hidden;
  3550. height: 59px;
  3551. }
  3552. .flex_right_pain_body{
  3553. padding: 0 0px;
  3554. height: calc(100vh - 210px);
  3555. overflow-y: auto;
  3556. }
  3557. .tianjiaxiezuorenBox div{
  3558. overflow: hidden;
  3559. }
  3560. .iconsize_mini{
  3561. font-size: 24px;
  3562. }
  3563. .el-input--prefix .el-input__inner{
  3564. border:1px solid transparent;
  3565. transition: ease all 0.5s;
  3566. }
  3567. .el-input--prefix .el-input__inner:focus{
  3568. border:1px solid #9c22ff;
  3569. }
  3570. .admininput_search{
  3571. height: 30px;
  3572. overflow: hidden;
  3573. margin: 10px;
  3574. }
  3575. .yiyun_headerfr>a{
  3576. font-size: 17px;
  3577. }
  3578. /* .navtreebox .el-tree-node__content:hover {
  3579. background-color: #8E909F;
  3580. border-radius: 5px;
  3581. } */
  3582. .el-switch__core:after {
  3583. position: absolute;
  3584. top: -6px;
  3585. left: -7px;
  3586. border-radius: 100%;
  3587. -webkit-transition: all .3s;
  3588. transition: all .3s;
  3589. width: 28px;
  3590. height: 28px;
  3591. background-color: #fff;
  3592. box-shadow: 0 3px 1px rgba(0,0,0,0.15);
  3593. border: 0.5px solid rgba(0, 0, 0, 0.04);
  3594. }
  3595. .el-switch__core {
  3596. margin-right: 8px;
  3597. border-radius: 10px;
  3598. background-color: rgba(216, 216, 216, 1);
  3599. box-shadow: undefined, inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  3600. }
  3601. .yiyun_app_info_box li > span{
  3602. margin-left: 0px;
  3603. }
  3604. .userlist_table.el-table td, .userlist_table.el-table th{
  3605. height: 40px;
  3606. padding: 0;
  3607. }
  3608. .userlist_table.el-table .el-checkbox__inner{
  3609. margin-top: 15px;
  3610. margin-left: -10px;
  3611. }
  3612. .userlist_table.el-table .el-checkbox {
  3613. height: 40px;
  3614. width: 40px;
  3615. }
  3616. .userlist_table.el-table .el-table-column--selection .cell, .el-table th div {
  3617. text-overflow: clip;
  3618. }
  3619. .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  3620. top: 9px;
  3621. }
  3622. .img_bg{
  3623. background: url(/static/img/file_img_bg.png) 0 0 no-repeat;
  3624. }
  3625. .img_bg-mid{
  3626. background: url(/static/img/file_img_bg.png) 0 -154px no-repeat;
  3627. }
  3628. .checkboxlabelitem{
  3629. height: 40px;
  3630. overflow: hidden;
  3631. }
  3632. .user_info_item span .el-checkbox__inner {
  3633. top: -18px;
  3634. }
  3635. .el-form-item__content {
  3636. overflow: hidden;
  3637. }
  3638. .dialogcontentbody{
  3639. width: 100%;
  3640. }
  3641. .centerWarpDia{
  3642. width: 800px;
  3643. margin: 0 auto;
  3644. overflow: hidden;
  3645. }
  3646. .linescoll{
  3647. height: 1px;
  3648. background-color: #8E909F;
  3649. position: relative;
  3650. top: -12px;
  3651. }
  3652. .dialogcontentbodyrow::-webkit-scrollbar,.navtreebox::-webkit-scrollbar ,.dataLarge::-webkit-scrollbar{
  3653. width: 10px;
  3654. padding-right: 4px;
  3655. border-radius: 4px;
  3656. background-color: transparent;
  3657. /*其他样式,比如圆角等*/
  3658. }
  3659. /*滑块样式*/
  3660. .dialogcontentbodyrow::-webkit-scrollbar-thumb,.navtreebox::-webkit-scrollbar-thumb ,.dataLarge::-webkit-scrollbar-thumb{
  3661. -webkit-border-radius: 10px;
  3662. border-radius: 10px;
  3663. height: 10px;
  3664. background-color: #adadad;
  3665. }
  3666. /*当前窗口失去焦点时的滑块样式*/
  3667. .dialogcontentbodyrow::-webkit-scrollbar-thumb:window-inactive,.navtreebox::-webkit-scrollbar-thumb:window-inactive ,.dataLarge::-webkit-scrollbar-thumb:window-inactive{
  3668. background-color: #adadad;
  3669. }
  3670. .dialogcontentbodyrow{
  3671. margin: 0 10px;
  3672. height: calc(100vh - 144px);
  3673. overflow-y: scroll;
  3674. }
  3675. .icon-icon_yunpan{
  3676. text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  3677. }
  3678. /* 探索者布局CSS样式 */
  3679. .yiyun-rows,.yiyun-col-12,.yiyun-col-11,.yiyun-col-10,.yiyun-col-9,.yiyun-col-8,.yiyun-col-7,.yiyun-col-6,.yiyun-col-5,.yiyun-col-4,.yiyun-col-3,.yiyun-col-2,.yiyun-col-1{
  3680. position: relative;
  3681. min-width: 1px;
  3682. display: block;
  3683. overflow: hidden;
  3684. }
  3685. .yiyun_row{
  3686. position: relative;
  3687. margin: 0 30px;
  3688. }
  3689. .yiyun-rows{
  3690. width: 100%;
  3691. }
  3692. .yiyun-col-12{
  3693. width: 100%;
  3694. }
  3695. .yiyun-col-11{
  3696. width: 91.66%;
  3697. float: left;
  3698. }
  3699. .yiyun-col-10{
  3700. width: 83.33%;
  3701. float: left;
  3702. }
  3703. .yiyun-col-9{
  3704. width: 75%;
  3705. float: left;
  3706. }
  3707. .yiyun-col-8{
  3708. width: 66.66%;
  3709. float: left;
  3710. }
  3711. .yiyun-col-7{
  3712. width: 58.33%;
  3713. float: left;
  3714. }
  3715. .yiyun-col-6{
  3716. width: 50%;
  3717. float: left;
  3718. }
  3719. .yiyun-col-5{
  3720. width: 41.66%;
  3721. float: left;
  3722. }
  3723. .yiyun-col-4{
  3724. width: 33.33%;
  3725. float: left;
  3726. }
  3727. .yiyun-col-3{
  3728. width: 25%;
  3729. float: left;
  3730. }
  3731. .yiyun-col-2{
  3732. width: 16.66%;
  3733. float: left;
  3734. }
  3735. .yiyun-col-1{
  3736. width: 8.33%;
  3737. float: left;
  3738. }
  3739. .layout_content {
  3740. /* height: calc(100vh - 48px);
  3741. overflow-y: auto; */
  3742. width: 100%;
  3743. overflow-x: hidden;
  3744. position: relative;
  3745. }
  3746. .yiyun_warpContent{
  3747. width:calc(100vw - 60px);
  3748. margin: 0 auto;
  3749. }
  3750. .header_w{
  3751. background-color: #f6f6f6;
  3752. }
  3753. .header_t{
  3754. background-color: transparent;
  3755. }
  3756. .mt-30{
  3757. margin-top: 30px;
  3758. }
  3759. .mb-40{
  3760. margin-bottom: 40px;
  3761. }
  3762. .setIcon{
  3763. display: block;
  3764. width: 28px;
  3765. height: 28px;
  3766. line-height: 28px;
  3767. font-size: 22px;
  3768. border-radius: 14px;
  3769. color: #fff;
  3770. text-align: center;
  3771. background-color: rgba(0, 0, 0, 0.5);
  3772. cursor: pointer;
  3773. }
  3774. /* 文本样式 */
  3775. /* 头部标题文本start */
  3776. .title_warp{
  3777. width: calc(100vw - 120px);
  3778. margin: 0 auto;
  3779. }
  3780. /* 协作文件超出部分滚动条 */
  3781. .fifleBox{
  3782. min-height: 204px;
  3783. max-height: 204px;
  3784. /* min-height: 215px;
  3785. max-height: 215px; */
  3786. /* max-height: 255px; */
  3787. /* max-height: 275px; */
  3788. overflow-y: scroll;
  3789. }
  3790. .fifleBox::-webkit-scrollbar-thumb {
  3791. border-radius:4px;
  3792. background-color: #adadad;
  3793. }
  3794. .neibianju1 .fifleBox{
  3795. height: calc(100vh - 236px);
  3796. max-height: calc(100vh - 236px);
  3797. overflow-y: auto;
  3798. }
  3799. .yiyun_title_label{
  3800. text-align: center;
  3801. font-size: 20px;
  3802. margin: 0 0px;
  3803. cursor: pointer;
  3804. font-weight: 400;
  3805. font-family: Pingfang SC;
  3806. line-height: 48px;
  3807. display: -webkit-box;
  3808. -webkit-box-orient: vertical;
  3809. -webkit-line-clamp: 1;
  3810. }
  3811. .toplefttext{
  3812. font-size: 17px;
  3813. line-height: 48px;
  3814. font-weight: 300;
  3815. }
  3816. .icon-icon_shezhi-weijihuo{
  3817. position: relative;
  3818. right: -8px;
  3819. top: 5px;
  3820. }
  3821. /* 头部标题文本end */
  3822. /* 云盘文件start */
  3823. .yinyun_file_row{
  3824. position: relative;
  3825. margin: 0 34px;
  3826. }
  3827. .yiyun_file_box{
  3828. margin: 0 6px;
  3829. }
  3830. .yiyun_cloud_fileList li{
  3831. margin: 0 24px;
  3832. width: 180px;
  3833. height: 258px;
  3834. float: left;
  3835. position: relative;
  3836. }
  3837. .yiyun_cloud_fileList.middle-icon li{
  3838. margin: 0 16px;
  3839. width: 136px;
  3840. height: 200px;
  3841. border-radius: 12px;
  3842. float: left;
  3843. position: relative;
  3844. transition: ease all 0.5s;
  3845. }
  3846. .yiyun_cloud_fileList.middle-icon li:hover{
  3847. background-color: #32323c;
  3848. }
  3849. .font-set{
  3850. color: #fff;
  3851. font-size: 16px;
  3852. }
  3853. .tip_icon_set{
  3854. position: absolute;
  3855. top: 6px;
  3856. right: 6px;
  3857. opacity: 0;
  3858. transform: ease all 0.5s;
  3859. }
  3860. .yiyun_cloud_fileList.middle-icon>li:hover .tip_icon_set{
  3861. opacity: 1;
  3862. }
  3863. .yiyun_cloud_fileList li .bghover{
  3864. display: block;
  3865. width: 180px;
  3866. height: 180px;
  3867. border-radius: 20px;
  3868. cursor: pointer;
  3869. transition: ease all 0.5s;
  3870. }
  3871. .yiyun_cloud_fileList li .bghover-mid{
  3872. display: block;
  3873. width: 136px;
  3874. height: 136px;
  3875. border-radius: 12px;
  3876. cursor: pointer;
  3877. transition: ease all 0.5s;
  3878. }
  3879. .webuploader-pick {
  3880. margin-top: 0px;
  3881. }
  3882. .yiyun_cloud_fileList li:hover>.deleteBtnFlie {
  3883. display: block;
  3884. }
  3885. .yiyun_cloud_fileList li:hover>.downloadBtn_yiyun {
  3886. display: block;
  3887. }
  3888. .yiyun_cloud_fileList li:hover>.bghover{
  3889. background-color: #32323c;
  3890. }
  3891. /* 云盘文件end */
  3892. /* 协作文件start */
  3893. .bg_color_company{
  3894. /* height: 54px;
  3895. line-height: 54px; */
  3896. background-color: #f0f0f0;
  3897. }
  3898. .yiyun_warpBar {
  3899. display: inline-block;
  3900. }
  3901. .bottomBloder{
  3902. border-bottom: 0.5px solid rgb(204,205,215);
  3903. }
  3904. .yiyun_Headtitle_center{
  3905. margin:0 24px;
  3906. }
  3907. .font-line-text{
  3908. line-height: 54px!important;
  3909. }
  3910. /* 协作文件end */
  3911. /* 矩阵模板start */
  3912. .table1 td {
  3913. border: 1px solid black;
  3914. }
  3915. .table1 td:hover {
  3916. color: aliceblue;
  3917. cursor:pointer
  3918. }
  3919. /* 矩阵模板end */
  3920. /* 2019-06-04 workspace界面 */
  3921. .yiyun_line_border{
  3922. width: 100%;
  3923. height: 1px;
  3924. background-color: #d8d8d8
  3925. }
  3926. .newbtn img.wenjian_bg_img{
  3927. display: block;
  3928. width: 86px;
  3929. height: 86px;
  3930. margin: 10px auto;
  3931. margin-top: 40px;
  3932. }
  3933. .newbtn{
  3934. text-align: center;
  3935. }
  3936. .yiyun_wenjian_list:hover > .newbtn{
  3937. background-color: transparent;
  3938. }
  3939. .newbtn_label{
  3940. color: #32323C;
  3941. font-size: 14px;
  3942. }
  3943. .duiqi{
  3944. display: inline-block;
  3945. position: relative;
  3946. top: 4px;
  3947. left: 10px;
  3948. cursor: pointer;
  3949. }
  3950. .yiyun_btnnew_info .yiyun_btnnew_infolabel{
  3951. margin-left: 10px;
  3952. font-size: 14px;
  3953. position: relative;
  3954. top: -7px;
  3955. }
  3956. .newfiledialog{
  3957. position: fixed;
  3958. top: 130px;
  3959. left: 50%;
  3960. width: 680px;
  3961. margin-left: -340px;
  3962. background-color: rgba(50, 50, 60, 0);
  3963. overflow-y: auto;
  3964. z-index: 11;
  3965. }
  3966. .dia_8{
  3967. width: 100%;
  3968. height:100%;
  3969. position:fixed;
  3970. left: 0px;
  3971. top: 0px;
  3972. background-color: rgba(50, 50, 60, 0.42);
  3973. z-index: 10;
  3974. overflow-y: auto;
  3975. }
  3976. .el-message-box__wrapper{
  3977. background-color: rgba(50, 50, 60, 0.42);
  3978. }
  3979. .dragareaBox{
  3980. display: flex;
  3981. align-items: center;
  3982. width: 680px;
  3983. height: 100px;
  3984. margin : 0 auto;
  3985. border-radius: 10px;
  3986. background-color: rgba(252, 252, 252, 1);
  3987. box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  3988. }
  3989. .dragarea_top{
  3990. width: 100%;
  3991. height: 100px;
  3992. border-radius: 10px;
  3993. background-color: rgba(255, 255, 255, 1);
  3994. text-align: center;
  3995. cursor: pointer;
  3996. }
  3997. .yiyong_list_dalog{
  3998. margin-left: 10px;
  3999. }
  4000. .yiyong_list_dalog li{
  4001. float: left;
  4002. margin:10px 20px;
  4003. text-align: center;
  4004. cursor:pointer;
  4005. position: relative;
  4006. top: 0;
  4007. transition:ease all 0.5s;
  4008. }
  4009. .yiyong_list_dalog li:hover{
  4010. top: -5px;
  4011. }
  4012. .appfileImgIcon.dulicard{
  4013. /* height: 164px; */
  4014. position: relative;
  4015. }
  4016. .houzuidinwei{
  4017. position: absolute;
  4018. top: 132px;
  4019. font-size: 26px;
  4020. text-align: center;
  4021. right: 48px;
  4022. }
  4023. .dulicard img{
  4024. max-height: 148px;
  4025. display: block;
  4026. margin: 0 auto;
  4027. margin-top: 16px;
  4028. filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.3));
  4029. max-width: 148px;
  4030. }
  4031. .cardlistbox li{
  4032. float: left;
  4033. margin:15px 5px;
  4034. text-align: center;
  4035. cursor:pointer;
  4036. }
  4037. .creatbox_mid{
  4038. width: 100%;
  4039. overflow: hidden;
  4040. border-radius: 10px;
  4041. background-color: rgba(255, 255, 255, 1);
  4042. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  4043. /* padding-bottom: 20px; */
  4044. }
  4045. .mt-10{
  4046. margin-top: 10px;
  4047. }
  4048. .spanImg{
  4049. display: block;
  4050. width: 70px;
  4051. }
  4052. .appItemlist{
  4053. clear: both;
  4054. cursor:pointer;
  4055. }
  4056. .diahead{
  4057. padding:19px 16px;
  4058. padding-bottom: 0;
  4059. overflow: hidden;
  4060. }
  4061. .colosbtn{
  4062. background: url(/static/img/yiyunicon.png) no-repeat -194px -28px;
  4063. display: block;
  4064. width: 28px;
  4065. height: 28px;
  4066. cursor: pointer;
  4067. /* transition: ease all 0.5s; */
  4068. }
  4069. .colosbtn:hover{
  4070. background: url(/static/img/yiyunicon.png) no-repeat -194px -84px;
  4071. }
  4072. .spanTitle{
  4073. font-size: 13px;
  4074. color: rgba(0, 0, 0, 1);
  4075. font-size: 13px;
  4076. }
  4077. .rtbtn{
  4078. padding: 0 10px;
  4079. border-radius: 10px;
  4080. color: rgba(167, 168, 183, 1);
  4081. font-size: 12px;
  4082. border: 1px solid #A7A8B7;
  4083. cursor: pointer;
  4084. }
  4085. .dragarea_area{
  4086. /* line-height: 100px; */
  4087. text-align: center;
  4088. color: rgba(0, 0, 0, 1);
  4089. font-size: 16px;
  4090. }
  4091. .xiangdui{
  4092. position: relative;
  4093. }
  4094. .xiangdui .fl_icon{
  4095. position: absolute;
  4096. left: -30px;
  4097. }
  4098. .layerout_H2{
  4099. height: calc(100vh - 368px);
  4100. overflow-y: auto;
  4101. transition: ease all 0.5s;
  4102. background-color: #f6f6f6;
  4103. }
  4104. .layerout_H3{
  4105. min-height: 150px;
  4106. }
  4107. /* 滚动条宽度设置 */
  4108. .layerout_H2::-webkit-scrollbar {
  4109. width: 8px;
  4110. height: 8px;
  4111. }
  4112. /* 里面的滑块样式 */
  4113. .layerout_H2::-webkit-scrollbar-thumb {
  4114. border-radius: 4px;
  4115. background-color: #adadad;
  4116. }
  4117. .file_Imgbox{
  4118. position: absolute;
  4119. width: 132px;
  4120. height: 90px;
  4121. top: 42px;
  4122. left: 24px;
  4123. overflow: hidden;
  4124. vertical-align: middle;
  4125. text-align: center;
  4126. margin: 0 auto;
  4127. background-color: #fff;
  4128. display: flex;
  4129. justify-content: center;
  4130. align-items: center;
  4131. }
  4132. .file_Imgbox-mid{
  4133. position: absolute;
  4134. width: 100px;
  4135. height: 69px;
  4136. top: 36px;
  4137. left: 18px;
  4138. overflow: hidden;
  4139. vertical-align: middle;
  4140. text-align: center;
  4141. margin: 0 auto;
  4142. background-color: #fff;
  4143. display: flex;
  4144. justify-content: center;
  4145. align-items: center;
  4146. }
  4147. .file_Img{
  4148. max-width: 102px;
  4149. max-height: 69px;
  4150. position: relative;
  4151. top: 36px;
  4152. }
  4153. .searchsize{
  4154. font-size: 24px;
  4155. }
  4156. /* .scollbarBox{
  4157. min-height: 423px;
  4158. overflow: hidden;
  4159. overflow-y: auto;
  4160. } */
  4161. .mt-5{
  4162. margin-top: 5px;
  4163. }
  4164. .mt-0{
  4165. margin-top: 0px;
  4166. }
  4167. .mt-32{
  4168. margin-top: 32px;
  4169. }
  4170. .mt-48{
  4171. margin-top: 48px;
  4172. }
  4173. .mt-50{
  4174. margin-top: 50px;
  4175. }
  4176. .mt-54{
  4177. margin-top: 54px;
  4178. }
  4179. .listfilewarp{
  4180. overflow: hidden;
  4181. /* overflow-y: auto; */
  4182. background-color: #f0f0f0;
  4183. }
  4184. .listfilewarp1{
  4185. min-height: calc(100vh - 48px);
  4186. overflow: hidden;
  4187. overflow-y: auto;
  4188. background-color: #f0f0f0;
  4189. }
  4190. .btn_group button{
  4191. background-color: #fff;
  4192. border: 0;
  4193. padding: 5px 7px 6px 8px;
  4194. cursor: pointer;
  4195. color: rgba(98, 98, 111, 1);
  4196. font-size: 14px;
  4197. text-align: center;
  4198. }
  4199. .btn_group{
  4200. border-radius:5px;
  4201. height: 28px;
  4202. line-height: 28px;
  4203. background-color: #fff;
  4204. overflow: hidden;
  4205. }
  4206. .zongjianbox{
  4207. height: 55px;
  4208. background-color: rgba(235, 235, 235, 0.57);
  4209. }
  4210. .yiyun_section2{
  4211. width: calc(100vw - 120px);
  4212. margin: 0 auto
  4213. }
  4214. .zongjianbox .yiyuntitle{
  4215. line-height: 55px;
  4216. }
  4217. .btn_group button+button{
  4218. margin: 0
  4219. }
  4220. .mt-16{
  4221. margin-top: 16px;
  4222. }
  4223. .program{
  4224. background-color: #8C00FF !important;
  4225. padding: 5px 12px !important;
  4226. color: #fff!important;
  4227. }
  4228. .jindutiao{
  4229. width: 340px;
  4230. margin:0 auto;
  4231. height: 26px;
  4232. border-radius: 18px;
  4233. background-color: rgba(234, 199, 142, 1);
  4234. overflow: hidden;
  4235. position: relative;
  4236. }
  4237. div.mt-16{
  4238. margin-top: 16px;
  4239. }
  4240. .jindu{
  4241. width: 40px;
  4242. height: 26px;
  4243. background-color: rgba(226, 169, 75, 1);
  4244. position: absolute;
  4245. top: 0;
  4246. z-index: 2;
  4247. }
  4248. .jindulabel{
  4249. position: absolute;
  4250. right: 10px;
  4251. line-height: 28px;
  4252. }
  4253. .mt-7{
  4254. margin-top: 7px;
  4255. }
  4256. .row_painfr h5{
  4257. font-size: 18px;
  4258. }
  4259. .top_optionBar{
  4260. position: absolute;
  4261. right: 10px;
  4262. top: 4px;
  4263. /*background: #ccc;*/
  4264. display: block;
  4265. width: 16px;
  4266. height: 16px;
  4267. }
  4268. .el-icon-reseting{
  4269. background: url(/static/img/icon_16.png) no-repeat 0 -16px;
  4270. display: block;
  4271. width: 16px;
  4272. height: 16px;
  4273. }
  4274. .dropdownList{
  4275. display: block;
  4276. }
  4277. .mt-20{
  4278. margin-top: 20px;
  4279. }
  4280. .el-dropdown-menu{
  4281. padding: 0
  4282. }
  4283. .el-dropdown-menu__item--divided{
  4284. margin-top: 0
  4285. }
  4286. .yiyun_text_line{
  4287. line-height: 30px;
  4288. }
  4289. .wrate{
  4290. background-color: #5498ff;
  4291. background: -webkit-linear-gradient(#c3c3c3, black);
  4292. color: #fff;
  4293. line-height: 30px;
  4294. text-align: center;
  4295. }
  4296. .blue {
  4297. background: #fdee27;
  4298. color: #88690f;
  4299. }
  4300. .gray{
  4301. background:#e2e9f1;
  4302. }
  4303. /* 探索者UI */
  4304. .LoginTitleWel{
  4305. position: fixed;
  4306. top: 120px;
  4307. left: 100px;
  4308. font-size: 48px;
  4309. font-weight: 500;
  4310. color: #fff;
  4311. z-index: 2;
  4312. }
  4313. .tinyLabel{
  4314. font-size: 12px;
  4315. line-height: 16px;
  4316. width: 52px;
  4317. border-radius: 8px;
  4318. background-color: #8C00FF;
  4319. display: block;
  4320. text-align: center;
  4321. color:#fff;
  4322. margin-bottom: 7px;
  4323. }
  4324. .yiyun_btn_new{
  4325. border: 0;
  4326. color: #fff;
  4327. width: 120px;
  4328. height: 32px;
  4329. font-size: 14px;
  4330. border-radius: 21px;
  4331. background-color: rgba(140, 0, 255, 1);
  4332. cursor: pointer;
  4333. transition: ease all 0.5s;
  4334. font-family: PingFang SC;
  4335. }
  4336. .yiyun_btn_new:hover{
  4337. box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  4338. }
  4339. .PaincenterBox .el-form-item__label{
  4340. color: #EBEBF2;
  4341. font-size: 15px;
  4342. }
  4343. .PaincenterBox .bg_w .el-input__inner {
  4344. background-color: #32323c;
  4345. border-radius: 5px;
  4346. height: 44px;
  4347. line-height: 44px;
  4348. color: #fff;
  4349. border-bottom: 0;
  4350. border: 0;
  4351. box-shadow: 0 0 0;
  4352. }
  4353. .yiyunPlusmini{
  4354. display: inline-block;
  4355. width: 20px;
  4356. height: 20px;
  4357. background: url(/static/img/Plus_mini.png) 0 0 no-repeat;
  4358. position: relative;
  4359. top: 1px;
  4360. cursor: pointer;
  4361. }
  4362. .self_newitem{
  4363. position: relative;
  4364. }
  4365. .bianji_input{
  4366. padding-left: 0;
  4367. width: 100%;
  4368. text-indent: 16px;
  4369. }
  4370. .selfoptiongroup{
  4371. position: absolute;
  4372. z-index: 1;
  4373. right: 10px;
  4374. top: 16px;
  4375. }
  4376. .blockcheckbox .el-checkbox{
  4377. display: block;
  4378. margin: 10px 0;
  4379. font-size: 15px;
  4380. color: #000;
  4381. }
  4382. .blockcheckbox .el-checkbox+.el-checkbox{
  4383. margin-left: 0;
  4384. }
  4385. .blockcheckbox{
  4386. margin-left: 0px;
  4387. margin-top: 10px;
  4388. }
  4389. .qustionimgbox{
  4390. width: 79px;
  4391. height: 82px;
  4392. border-radius: 10px;
  4393. border: 1px solid rgba(216, 216, 216, 1);
  4394. margin-right: 10px;
  4395. overflow: hidden;
  4396. display: inline-block;
  4397. position: relative;
  4398. margin-top: 6px;
  4399. }
  4400. .qustionimgbox img{
  4401. width: 100%;
  4402. height: 100%;
  4403. cursor: pointer;
  4404. }
  4405. .guanbi{
  4406. position: absolute;
  4407. z-index: 9;
  4408. top: 6px;
  4409. right: 8px;
  4410. color: #8c00ff;
  4411. }
  4412. .noborder{
  4413. border: 0
  4414. }
  4415. .dibubtn{
  4416. position: absolute;
  4417. margin: 16px;
  4418. bottom: 0px;
  4419. left: 0px;
  4420. }
  4421. .dibubtn .el-button {
  4422. padding: 8px 20px;
  4423. width: 343px;
  4424. border-radius: 8px;
  4425. display: block;
  4426. border: 0;
  4427. font-size: 16px;
  4428. font-family: PingFang SC;
  4429. }
  4430. .pxline{
  4431. height: 1px;
  4432. background-color: #CCCDD7;
  4433. }
  4434. .user_info_role .el-input--suffix .el-input__inner {
  4435. padding-right: 0px;
  4436. background-color: transparent;
  4437. box-shadow: 0;
  4438. border-radius: 0px;
  4439. border: 0px solid rgba(227, 227, 227, 1);
  4440. color: rgba(255,255,255,1);
  4441. font-size: 12px;
  4442. }
  4443. .nobg .el-input--suffix .el-input__inner{
  4444. background: transparent;
  4445. box-shadow: 0 0 0;
  4446. border: 1px solid #ccc;
  4447. color: #fff;
  4448. }
  4449. .user_info_role .el-select .el-input .el-select__caret {
  4450. font-size: 0px;
  4451. }
  4452. .nomidline .bg_text_wirte .el-collapse,.nomidline .el-collapse{
  4453. border-top: 0px solid #62626f;
  4454. border-bottom: 0px solid #62626f;
  4455. }
  4456. .fulldialog{
  4457. width: calc(100vw);
  4458. height: calc(100vh);
  4459. position: fixed;
  4460. background: #fff;
  4461. z-index: 999;
  4462. left: 0;
  4463. top: 0;
  4464. overflow-y: auto;
  4465. }
  4466. .questionwarp{
  4467. width: 668px;
  4468. margin: 0 auto;
  4469. margin-top: 20px;
  4470. }
  4471. .dibulongbtn{
  4472. margin: 50px 0;
  4473. overflow: hidden;
  4474. }
  4475. .widt50{
  4476. width: 48%;
  4477. }
  4478. .widt50 .el-button--default{
  4479. width: 100%;
  4480. border-radius: 24px;
  4481. }
  4482. .guanbiques{
  4483. position: fixed;
  4484. right: 30px;
  4485. top: 22px;
  4486. }
  4487. .tianjiaxiezuorenBox .el-button {
  4488. padding: 3px 23px 2px 23px;
  4489. border: 0;
  4490. }
  4491. .tianjiaxiezuorenBox .el-button:focus,.tianjiaxiezuorenBox .el-button:hover {
  4492. color: #ffffff;
  4493. border-color: #8c00ff;
  4494. background-color: #8c00ff;
  4495. }
  4496. .texttips{
  4497. color: rgba(155, 155, 155, 1);
  4498. font-size: 14px;
  4499. }
  4500. .el-input__inner::-webkit-input-placeholder {
  4501. color: rgba(136, 136, 136, 1);
  4502. font-size: 15px;
  4503. }
  4504. .el-input__inner::-moz-placeholder {
  4505. color: rgba(136, 136, 136, 1);
  4506. font-size: 15px;
  4507. }
  4508. .el-input__inner::-ms-input-placeholder {
  4509. color: rgba(136, 136, 136, 1);
  4510. font-size: 15px;
  4511. }
  4512. .appImg{
  4513. width: 32px;
  4514. height: 32px;
  4515. margin-right: 10px;
  4516. background-color: #ccc;
  4517. margin-top: 6px;
  4518. margin-bottom: 6px;
  4519. }
  4520. .appNameBox{
  4521. width: 300px;
  4522. float: right;
  4523. line-height: 40px;
  4524. border-bottom: 1px solid #cccdd7;
  4525. }
  4526. .el-checkbox__inner::after {
  4527. height: 0px;
  4528. left: -5px;
  4529. top: 1px;
  4530. width: 0px;
  4531. }
  4532. .maxlongBtn{
  4533. height: 44px;
  4534. border-radius: 5px;
  4535. border: 1px solid rgba(167, 168, 183, 1);
  4536. color:rgba(167, 168, 183, 1);
  4537. line-height: 44px;
  4538. font-size: 18px;
  4539. cursor: pointer;
  4540. position: relative;
  4541. text-align: center;
  4542. transition: ease all 0.5s;
  4543. }
  4544. .rightIcon{
  4545. transform: rotate(180deg);
  4546. position: absolute;
  4547. right: 20px;
  4548. top: 0px;
  4549. font-size: 21px;
  4550. }
  4551. .maxlongBtn:hover{
  4552. color: #fff;
  4553. border: 1px solid #fff;
  4554. }
  4555. .edit120.el-button.is-round{
  4556. padding: 7px;
  4557. }
  4558. .midIcon{
  4559. position: relative;
  4560. top: 5px;
  4561. width: 55px;
  4562. }
  4563. .yiyun_row_recyle_warp{
  4564. width: 100%;
  4565. padding: 0 22px;
  4566. position: relative;
  4567. left: -44px;
  4568. }
  4569. .bghover:hover .top_optionBar{
  4570. opacity: 1;
  4571. }
  4572. .helpNodeDetailBox{
  4573. min-height: calc(100vh - 300px);
  4574. overflow-y: auto;
  4575. }
  4576. .helpNodeDetailBox p{
  4577. text-align: justify;
  4578. }
  4579. .helpNodeDetailBox p span{
  4580. font-size: 14px!important;
  4581. line-height: 30px;
  4582. text-align: justify;
  4583. display: block;
  4584. text-indent: 30px;
  4585. }
  4586. .appbg{
  4587. background: transparent;
  4588. }
  4589. .appbg .file_Imgbox{
  4590. width: 116px;
  4591. height: 116px;
  4592. border-radius: 16px;
  4593. background-color: #ccc;
  4594. left: 32px;
  4595. top: 32px;
  4596. }
  4597. .appbg .file_Imgbox img{
  4598. width: 100%;
  4599. height: 100%;
  4600. transform: scale(1.23);
  4601. }
  4602. .updateImg .webuploader-pick{
  4603. width: 79px;
  4604. height: 79px;
  4605. border-radius: 0!important;
  4606. border: 0!important;
  4607. background: url(/static/img/newadd.png) 0 0 no-repeat;
  4608. background-size: 100%;
  4609. background-color: transparent !important;
  4610. position: absolute;
  4611. top: -3px;
  4612. left: 0;
  4613. }
  4614. .selfaddbtn > span{
  4615. position: relative;
  4616. top: 10px;
  4617. }
  4618. .el-date-editor.el-input--suffix .el-input__inner {
  4619. text-indent: 6px;
  4620. }
  4621. .el-form-item__content >span{
  4622. display: -webkit-box;
  4623. -webkit-box-orient: vertical;
  4624. -webkit-line-clamp: 1;
  4625. overflow: hidden;
  4626. /* font-size: 15px; */
  4627. }
  4628. .el-button--text:hover,.el-button--text:focus{
  4629. background-color: transparent;
  4630. }
  4631. .yiyun_section1{
  4632. width: calc(100vw - 120px);
  4633. margin: 0 auto;
  4634. height: calc(100vh - 128px);
  4635. }
  4636. /* 2019-07-25 UI */
  4637. .title_section{
  4638. width: calc(100vw - 120px);
  4639. margin: 0 auto;
  4640. overflow: hidden;
  4641. }
  4642. .EC_searchBox{
  4643. width: 300px;
  4644. margin: 20px auto;
  4645. }
  4646. .el-table--border::after, .el-table--group::after, .el-table::before {
  4647. z-index: -1;
  4648. }
  4649. .cutimgBox{
  4650. width: 77px;
  4651. height: 77px;
  4652. overflow: hidden;
  4653. position: relative;
  4654. float: left;
  4655. margin-right: 9px;
  4656. margin-bottom: 9px;
  4657. border-radius: 10px;
  4658. border: 1px solid rgba(216, 216, 216, 1);
  4659. margin-top: 10px;
  4660. }
  4661. .cutimgBox img{
  4662. width: 100%;
  4663. height: 100%;
  4664. }
  4665. .guanbibtn{
  4666. position: absolute;
  4667. top: 7px;
  4668. right: 9px;
  4669. }
  4670. .guanbibtn:hover{
  4671. color: #8C00FF;
  4672. }
  4673. .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  4674. background-color: #8E909F;
  4675. border-radius: 5px;
  4676. }
  4677. .yiyun_headerfr>a.textgray{
  4678. color: #adadad;
  4679. width: 100px;
  4680. overflow: hidden;
  4681. text-overflow: ellipsis;
  4682. white-space: nowrap;
  4683. }
  4684. .yiyun_headerfr>a.textblock{
  4685. color: #000
  4686. }
  4687. /* 2019-07-25 探索者UI规范 */
  4688. /*公共默认样式*/
  4689. body{
  4690. margin : 0 ;
  4691. padding : 0 ;
  4692. overflow: hidden;
  4693. }
  4694. .fl{
  4695. float: left;
  4696. }
  4697. .fr{
  4698. float: right;
  4699. }
  4700. .clear{
  4701. clear: both;
  4702. }
  4703. .el-form-itemBox{
  4704. margin: 0 10px;
  4705. overflow: hidden;
  4706. /* max-height: 50px; */
  4707. }
  4708. .mlr-10{
  4709. margin: 0 10px;
  4710. }
  4711. .mlr-16{
  4712. margin-left: 16px;
  4713. margin-right: 16px;
  4714. }
  4715. .mt-8{
  4716. margin-top: 8px;
  4717. }
  4718. .secondListTitle{
  4719. font-size: 16px;
  4720. }
  4721. .yiyunTable_list_item div.textlabelgray .el-form-item__label{
  4722. color: #808080!important;
  4723. font-weight: 500
  4724. }
  4725. .yiyunTable_list_item div.textlabelblock .el-form-item__label{
  4726. color: #000!important;
  4727. font-weight: 600
  4728. }
  4729. div.textlabelgray .el-form-item__content{
  4730. font-size: 15px;
  4731. font-weight: 600;
  4732. }
  4733. .el-table,.el-table thead{
  4734. color: #000;
  4735. font-weight: 600;
  4736. }
  4737. .el-table-column--selection .cell{
  4738. padding: 0;
  4739. }
  4740. .largecontentBox{
  4741. height: calc(100vh - 258px);
  4742. overflow-y: auto;
  4743. position: relative;
  4744. }
  4745. /*边距*/
  4746. .ml-8 {
  4747. margin-left: 8px;
  4748. }
  4749. .mt-10{
  4750. margin-top: 10px;
  4751. }
  4752. .mb-10{
  4753. margin-bottom: 10px;
  4754. }
  4755. .ml-10{
  4756. margin-left:10px;
  4757. }
  4758. .mr-10{
  4759. margin-right:10px;
  4760. }
  4761. .mt-15{
  4762. margin-top: 15px;
  4763. }
  4764. .ml-15{
  4765. margin-left: 15px;
  4766. }
  4767. .mt-20{
  4768. margin-top: 20px;
  4769. }
  4770. .mb-20{
  4771. margin-bottom: 20px;
  4772. }
  4773. .ml-20{
  4774. margin-left: 20px;
  4775. }
  4776. .mr-20{
  4777. margin-right: 20px;
  4778. }
  4779. .mlr-20{
  4780. margin: 0 20px;
  4781. }
  4782. .mlr_30{
  4783. margin: 0 30px;
  4784. }
  4785. .mt-26{
  4786. margin-top: 26px;
  4787. }
  4788. .line_H60{
  4789. line-height: 60px;
  4790. }
  4791. /* 滚动条 */
  4792. .flex_right_pain_body::-webkit-scrollbar ,.largecontentBox::-webkit-scrollbar,.scollbarBox::-webkit-scrollbar,.middiaHeight::-webkit-scrollbar,
  4793. .tankuangaodu::-webkit-scrollbar,.jsmind-inner::-webkit-scrollbar,.newfiledialog::-webkit-scrollbar,.scollBar::-webkit-scrollbar,.fixtable::-webkit-scrollbar
  4794. ,.worklink::-webkit-scrollbar,#bigbody::-webkit-scrollbar,.fulldialog::-webkit-scrollbar,.appiframebox::-webkit-scrollbar,.appiframebox::-webkit-scrollbar,.listfilewarp1::-webkit-scrollbar{
  4795. width: 8px;
  4796. height: 8px;
  4797. }
  4798. .translatescoall::-webkit-scrollbar,.neibianju::-webkit-scrollbar,.neibianju1::-webkit-scrollbar,.fifleBox::-webkit-scrollbar{
  4799. width: 8px;
  4800. height:8px;
  4801. }
  4802. .flex_right_pain_body::-webkit-scrollbar-track ,.largecontentBox::-webkit-scrollbar-track,.scollbarBox::-webkit-scrollbar-track,.middiaHeight::-webkit-scrollbar-track,
  4803. .tankuangaodu::-webkit-scrollbar-track,.jsmind-inner::-webkit-scrollbar-track,.newfiledialog::-webkit-scrollbar-track,.scollBar::-webkit-scrollbar-track,.fixtable::-webkit-scrollbar-track
  4804. ,.worklink::-webkit-scrollbar-track,#bigbody::-webkit-scrollbar-track,.fulldialog::-webkit-scrollbar-track,.appiframebox::-webkit-scrollbar-track,.appiframebox::-webkit-scrollbar-track,.listfilewarp1::-webkit-scrollbar-track{
  4805. background-color:transparent;
  4806. -webkit-border-radius: 2em;
  4807. -moz-border-radius: 2em;
  4808. border-radius:2em;
  4809. }
  4810. .flex_right_pain_body::-webkit-scrollbar-thumb,.largecontentBox::-webkit-scrollbar-thumb,.scollbarBox::-webkit-scrollbar-thumb,.middiaHeight::-webkit-scrollbar-thumb,
  4811. .tankuangaodu::-webkit-scrollbar-thumb,.jsmind-inner::-webkit-scrollbar-thumb,.newfiledialog::-webkit-scrollbar-thumb,.scollBar::-webkit-scrollbar-thumb,.fixtable::-webkit-scrollbar-thumb
  4812. ,.worklink::-webkit-scrollbar-thumb,#bigbody::-webkit-scrollbar-thumb,.fulldialog::-webkit-scrollbar-thumb,.appiframebox::-webkit-scrollbar-thumb,.appiframebox::-webkit-scrollbar-thumb,.listfilewarp1::-webkit-scrollbar-thumb{
  4813. background-color:#adadad;
  4814. -webkit-border-radius: 2em;
  4815. -moz-border-radius: 2em;
  4816. border-radius:2em;
  4817. }
  4818. /*网格布局 24网格*/
  4819. .EC_col_1{
  4820. width: 4.166%;
  4821. float: left;
  4822. }
  4823. .EC_col_2{
  4824. width: 8.33%;
  4825. float: left;
  4826. }
  4827. .EC_col_3{
  4828. width: 12.5%;
  4829. float: left;
  4830. }
  4831. .EC_col_4{
  4832. width: 16.66%;
  4833. float: left;
  4834. }.EC_col_5{
  4835. width: 20.833%;
  4836. float: left;
  4837. }
  4838. .EC_col_6{
  4839. width: 25%;
  4840. float: left;
  4841. }
  4842. .EC_col_7{
  4843. width: 29.166%;
  4844. float: left;
  4845. }
  4846. .EC_col_8{
  4847. width: 33.33%;
  4848. float: left;
  4849. }
  4850. .EC_col_9{
  4851. width: 37.5%;
  4852. float: left;
  4853. }
  4854. .EC_col_10{
  4855. width: 41.66%;
  4856. float: left;
  4857. }
  4858. .EC_col_11{
  4859. width: 45.83%;
  4860. float: left;
  4861. }
  4862. .EC_col_12{
  4863. width: 50%;
  4864. float: left;
  4865. }
  4866. .EC_col_13{
  4867. width: 54.166%;
  4868. float: left;
  4869. }
  4870. .EC_col_14{
  4871. width: 58.33%;
  4872. float: left;
  4873. }
  4874. .EC_col_15{
  4875. width: 62.5%;
  4876. float: left;
  4877. }
  4878. .EC_col_16{
  4879. width: 66.66%;
  4880. float: left;
  4881. }
  4882. .EC_col_17{
  4883. width: 70.833%;
  4884. float: left;
  4885. }
  4886. .EC_col_18{
  4887. width: 75%;
  4888. float: left;
  4889. }
  4890. .EC_col_19{
  4891. width: 79.166%;
  4892. float: left;
  4893. }
  4894. .EC_col_20{
  4895. width: 83.33%;
  4896. float: left;
  4897. }
  4898. .EC_col_21{
  4899. width: 87.5%;
  4900. float: left;
  4901. }
  4902. .EC_col_22{
  4903. width: 91.66%;
  4904. float: left;
  4905. }
  4906. .EC_col_23{
  4907. width: 95.83%;
  4908. float: left;
  4909. }
  4910. .EC_col_24{
  4911. width: 100%;
  4912. float: left;
  4913. }
  4914. /*按钮开始*/
  4915. button + button{
  4916. margin:0 5px;
  4917. }
  4918. .topOption .page_button{
  4919. margin: 0
  4920. }
  4921. button:last-child{
  4922. margin-right: 0;
  4923. }
  4924. .EC_button{
  4925. border: 0.5px solid transparent;
  4926. font-size: 14px;
  4927. border-radius: 4px;
  4928. color: #fff;
  4929. padding: 4px 31px 6px 31px;
  4930. cursor: pointer;
  4931. transition: ease all 0.5s;
  4932. outline: none;
  4933. }
  4934. .cicle{
  4935. border-radius: 15px;
  4936. }
  4937. .normal{
  4938. color: #32323c;
  4939. background-color: #fff;
  4940. border-color: #d4d4d4;
  4941. }
  4942. .dark{
  4943. background-color: #62626F;
  4944. }
  4945. .dark:hover,.normal:hover,.normal:focus,.dark:focus{
  4946. color: #fff;
  4947. border-color: #8C00FF;
  4948. background-color: #8C00FF
  4949. }
  4950. .textborder:focus{
  4951. border-color: #8C00FF;
  4952. color: #8C00FF
  4953. }
  4954. button:hover:disabled,button:disabled{
  4955. color: #ADADAD;
  4956. background-color: #e3e3e3;
  4957. border-color: #e3e3e3;
  4958. cursor: not-allowed;
  4959. }
  4960. .strong{
  4961. background-color: #8C00FF;
  4962. color: #fff;
  4963. border-color: #8C00FF;
  4964. }
  4965. .strong:hover{
  4966. background-color: #a02dff;
  4967. }
  4968. .text{
  4969. border-color: transparent;
  4970. background-color: transparent;
  4971. color: #000;
  4972. }
  4973. .text:hover,.text:focus{
  4974. color: #8C00FF;
  4975. background-color: transparent;
  4976. border: transparent;
  4977. }
  4978. .textborder{
  4979. border-color: #D4D4D4;
  4980. background-color: transparent;
  4981. color: #000;
  4982. }
  4983. .textborder:hover{
  4984. border-color: #8C00FF;
  4985. color: #8C00FF;
  4986. }
  4987. .textStrong{
  4988. border-color: transparent;
  4989. background-color: transparent;
  4990. color: #8C00FF;
  4991. }
  4992. .shadow{
  4993. box-shadow: 0 1px 2px #848484;
  4994. border-color: #e8e8e8;
  4995. }
  4996. .strong.shadow{
  4997. border-color: #8C00FF;
  4998. }
  4999. .gradient{
  5000. color:#32323c;
  5001. border:0;
  5002. background: -webkit-linear-gradient(#E1E2E8,#B0B0B7); /* Safari 5.1 - 6.0 */
  5003. background: -o-linear-gradient(#E1E2E8,#B0B0B7); /* Opera 11.1 - 12.0 */
  5004. background: -moz-linear-gradient(#E1E2E8,#B0B0B7); /* Firefox 3.6 - 15 */
  5005. background: linear-gradient(#E1E2E8,#B0B0B7); /* 标准的语法 */
  5006. }
  5007. .gradient:hover,.gradient:focus{
  5008. background: #8C00FF;
  5009. color: #FFF;
  5010. }
  5011. .long{
  5012. display: block;
  5013. width: 100%;
  5014. padding: 5px 0;
  5015. margin: 0;
  5016. text-align: center;
  5017. }
  5018. /*
  5019. *按钮尺寸:大【bt_large】,中【bt_middle】,小【bt_small】,mini【bt_mini】,微小 【bt_tiny】
  5020. */
  5021. .bt_large{
  5022. font-size: 16px;
  5023. border-radius: 8px;
  5024. }
  5025. .bt_middle{
  5026. font-size: 14px;
  5027. }
  5028. .bt_small{
  5029. font-size: 13px;
  5030. padding: 2px 27px 4px;
  5031. }
  5032. .bt_small_24{
  5033. font-size: 13px;
  5034. padding: 3px 17px;
  5035. font-weight: 400;
  5036. color: #000;
  5037. background-color: #fff;
  5038. border-color: #e3e3e3;
  5039. }
  5040. .bt_small_20{
  5041. font-size: 13px;
  5042. padding: 1px 23px 1px 23px;
  5043. font-weight: 400;
  5044. color: #000;
  5045. background-color: #fff;
  5046. border-color: #e3e3e3;
  5047. }
  5048. .primaryBtn{
  5049. background-color: #8C00FF;
  5050. color: #fff;
  5051. border-color: #8C00FF;
  5052. }
  5053. .primaryBtn:hover{
  5054. background-color: #8C00FF;
  5055. color: #fff!important;
  5056. border-color: #8C00FF;
  5057. }
  5058. .bt_small_20:hover{
  5059. color: #8C00FF;
  5060. border-color: #8C00FF;
  5061. }
  5062. .bt_mini{
  5063. font-size: 12px;
  5064. padding: 2px 14px 3px;
  5065. }
  5066. .bt_tiny{
  5067. font-size: 11px;
  5068. padding: 1px 3px 2px;
  5069. }
  5070. /*开关*/
  5071. .el-switch__core:after {
  5072. top: -6px;
  5073. left: -7px;
  5074. width: 28px;
  5075. height: 28px;
  5076. background-color: #FFF;
  5077. border-radius: 18px;
  5078. box-shadow: 0 1px 3px rgba(0,0,0,0.4);
  5079. }
  5080. .el-switch__core {
  5081. width: 38px!important;
  5082. box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  5083. }
  5084. /* /*按钮结束 */
  5085. /* 用户后台2019-08-05 */
  5086. .wirteBg{
  5087. background-color: rgba(255, 255, 255, 1)!important;
  5088. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  5089. }
  5090. .companylogoBox,.messageBoxlarge{
  5091. height: 255px;
  5092. background-color: rgba(235, 235, 242, 1);
  5093. }
  5094. .companylogoBox{
  5095. height: 255px;
  5096. margin: 30px;
  5097. overflow: hidden;
  5098. }
  5099. .companylogoImgBox{
  5100. width: 180px;
  5101. height: 180px;
  5102. margin: 0 auto;
  5103. margin-top: 35px;
  5104. display: flex;
  5105. justify-content: center;
  5106. align-items: center;
  5107. }
  5108. .companylogoImgBox img{
  5109. max-width: 100%
  5110. }
  5111. .messageBoxlarge{
  5112. height: 182px;
  5113. margin: 5px 0;
  5114. border-top: 1px solid transparent;
  5115. border-radius: 5px;
  5116. }
  5117. .desclabel label{
  5118. color: #808080;
  5119. font-weight: 500;
  5120. display: inline-block;
  5121. width: 80px;
  5122. }
  5123. .desclabel label,.desclabel span{
  5124. font-size: 15px;
  5125. line-height: 40px;
  5126. }
  5127. .desclabel span{
  5128. color: #000;
  5129. font-weight: 500;
  5130. }
  5131. .titleChapter{
  5132. color: rgba(0, 0, 0, 1);
  5133. font-size: 15px;
  5134. vertical-align: baseline
  5135. }
  5136. .labtips{
  5137. color: rgba(140, 0, 255, 1);
  5138. font-size: 12px;
  5139. vertical-align: baseline
  5140. }
  5141. .scanlargeBtn{
  5142. text-decoration: none;
  5143. color: rgba(140, 0, 255, 1);
  5144. font-size: 14px;
  5145. line-height: 44px;
  5146. }
  5147. .ml-23{
  5148. margin-left: 23px;
  5149. }
  5150. .m-20{
  5151. margin: 20px;
  5152. }
  5153. .mt-40{
  5154. margin-top: 40px;
  5155. }
  5156. .mt-5{
  5157. margin-top: 5px;
  5158. }
  5159. .m10{
  5160. margin: 10px;
  5161. }
  5162. .chapter{
  5163. color: rgba(155, 155, 155, 1);
  5164. font-size: 14px;
  5165. }
  5166. .chapterWarp{
  5167. width: 920px;
  5168. margin-left:auto ;
  5169. margin-right: auto
  5170. }
  5171. .page_button{
  5172. font-size: 12px;
  5173. }
  5174. .massagecontentBox img{
  5175. max-width: 100%;
  5176. display: block;
  5177. margin: 0 auto;
  5178. }
  5179. .massagecontentBox{
  5180. color: rgba(0, 0, 0, 1);
  5181. font-size: 14px;
  5182. text-align: justify;
  5183. margin: 10px;
  5184. }
  5185. .chapterbox{
  5186. border-radius: 10px;
  5187. padding-bottom: 20px;
  5188. margin-bottom: 20px;
  5189. overflow: hidden;
  5190. min-height: calc(100vh - 300px);
  5191. }
  5192. .clearboth {
  5193. clear: both;
  5194. overflow: hidden;
  5195. }
  5196. .ProjTitleLabel>div>span{
  5197. cursor: pointer;
  5198. }
  5199. .ProjTitleLabel{
  5200. -moz-user-select: none; /*火狐*/
  5201. -webkit-user-select: none; /*webkit浏览器*/
  5202. -ms-user-select: none; /*IE10*/
  5203. -khtml-user-select: none; /*早期浏览器*/
  5204. user-select: none;
  5205. }
  5206. .Icon_EC{
  5207. width: 20px;
  5208. height: 20px;
  5209. display: block;
  5210. }
  5211. .EC_wornning{
  5212. background: url(/static/img/icon_pic_01.png) 0 0 no-repeat
  5213. }
  5214. .formtextlabelgray .el-form-item__label{
  5215. color: #9B9B9B;
  5216. font-weight: 400;
  5217. }
  5218. .formtextlabelblack .el-form-item__label{
  5219. color: #000;
  5220. font-weight: 400;
  5221. }
  5222. .formtextlabelgray .el-form-item{
  5223. margin-bottom: 0;
  5224. }
  5225. .formtextlabelblack .el-form-item{
  5226. margin-bottom: 10px;
  5227. }
  5228. .beizhutext{
  5229. color: #888;
  5230. font-weight: 400
  5231. }
  5232. .height100{
  5233. clear: both;
  5234. width: 100%;
  5235. height: 100px;
  5236. }
  5237. .dibuBtn{
  5238. position: absolute;
  5239. bottom: 0px;
  5240. left: 10px;
  5241. }
  5242. .ECaddicon{
  5243. width: 14px;
  5244. height: 14px;
  5245. background: url(/static/img/icon_pic_01.png) 0 -44px no-repeat;
  5246. overflow: hidden;
  5247. padding: 0;
  5248. }
  5249. .ECaddiconUser{
  5250. width: 14px;
  5251. height: 14px;
  5252. background: url(/static/img/icon_pic_01.png) -28px -44px no-repeat;
  5253. overflow: hidden;
  5254. padding: 0;
  5255. display: block;
  5256. margin-top: 1px;
  5257. }
  5258. .ECaddiconcard{
  5259. width: 14px;
  5260. height: 14px;
  5261. background: url(/static/img/icon_pic_01.png) -42px -44px no-repeat;
  5262. overflow: hidden;
  5263. padding: 0;
  5264. display: block;
  5265. margin-top: 1px;
  5266. }
  5267. .Ecdel{
  5268. margin-left: 14px;
  5269. cursor: pointer;
  5270. }
  5271. .Ecdel:hover {
  5272. border-radius: 50%;
  5273. color: #ffffff;
  5274. background-color: #f00;
  5275. }
  5276. .addInput .el-input-group__append{
  5277. border-color: transparent
  5278. }
  5279. .UserItem{
  5280. display: inline-block;
  5281. padding: 3px 7px;
  5282. border-radius: 4px;
  5283. background-color: rgba(167, 168, 183, 1);
  5284. color: #fff;
  5285. font-size: 12px;
  5286. overflow: hidden;
  5287. margin-right: 4px;
  5288. }
  5289. .usertext{
  5290. display:block;
  5291. float: left;
  5292. margin-left: 6px;
  5293. }
  5294. .selectuserBox{
  5295. padding: 8px 0 4px 8px;
  5296. border-radius: 4px;
  5297. background-color: rgba(244, 244, 246, 1);
  5298. position: relative;
  5299. min-height: 28px;
  5300. margin-top: 5px;
  5301. }
  5302. .inputactived{
  5303. background-color: rgba(204, 205, 215, 1);
  5304. }
  5305. .inputactived .UserItem{
  5306. background-color: rgba(140, 0, 255, 1);
  5307. }
  5308. .inputactived .ECaddicon{
  5309. background: url(/static/img/icon_pic_01.png) 0px -58px no-repeat;
  5310. }
  5311. .ECIcondingwei{
  5312. position: absolute;
  5313. top: 13px;
  5314. right: 7px;
  5315. cursor: pointer;
  5316. }
  5317. .selctspan span{
  5318. cursor: pointer;
  5319. /* margin-left: 12px; */
  5320. font-size: 22px!important;
  5321. }
  5322. .no-mlr{
  5323. margin-left: 0;
  5324. margin-right: 0;
  5325. }
  5326. .dialogIcon{
  5327. position: absolute;
  5328. top: 20px;
  5329. }
  5330. .diaTitle{
  5331. font-size: 18px;
  5332. /* line-height: 54px; */
  5333. text-align: center;
  5334. color: #000;
  5335. margin-bottom: 20px;
  5336. }
  5337. .centerfooter{
  5338. display: block;
  5339. text-align:center
  5340. }
  5341. .wornningDia .el-dialog{
  5342. width: 460px!important;
  5343. border-radius: 20px;
  5344. }
  5345. .centerfooter .el-button.is-round {
  5346. padding: 7px 84px;
  5347. }
  5348. .ECclockText{
  5349. color: rgba(136, 136, 136, 1);
  5350. font-size: 12px;
  5351. }
  5352. .ECclock{
  5353. display: inline-block;
  5354. width: 24px;
  5355. height: 24px;
  5356. background: url(/static/img/icon_pic_01.png) -24px -20px no-repeat;
  5357. }
  5358. .el-ecclock{
  5359. display: inline-block;
  5360. width: 20px;
  5361. height: 20px;
  5362. background: url(/static/img/icon_pic_01.png) -60px 0px no-repeat;
  5363. }
  5364. .el-ecclock-o{
  5365. display: inline-block;
  5366. width: 20px;
  5367. height: 20px;
  5368. background: url(/static/img/icon_pic_01.png) -140px 0px no-repeat;
  5369. }
  5370. .clockPostion{
  5371. position: relative;
  5372. top: 7px;
  5373. margin-left: 5px;
  5374. }
  5375. .Treenavbox{
  5376. overflow: hidden;
  5377. }
  5378. .treeNav{
  5379. margin: 0 px;
  5380. }
  5381. .treeNav li{
  5382. line-height:44px;
  5383. color: rgba(255, 255, 255, 1);
  5384. font-size: 17px;
  5385. padding-left: 16px;
  5386. cursor: pointer;
  5387. }
  5388. .treeNav li:hover{
  5389. transition: ease all 0.5s;
  5390. border-radius: 4px;
  5391. background-color: rgba(141, 143, 159, 0.1411764705882353);
  5392. }
  5393. .contentNav{
  5394. transition: ease all 0.5s;
  5395. border-radius: 4px;
  5396. background-color: rgba(167, 168, 183, 1);
  5397. }
  5398. .comlogoBox{
  5399. text-align: center;
  5400. width: 340px;
  5401. height: 255px;
  5402. line-height: 255px;
  5403. background-color: rgba(235, 235, 242, 1);
  5404. color: rgba(0, 0, 0, 1);
  5405. font-size: 17px;
  5406. cursor: pointer;
  5407. position: relative;
  5408. display: flex;
  5409. justify-content: center;
  5410. align-items: center;
  5411. }
  5412. .uploadImg{
  5413. position: absolute;
  5414. left: 50px;
  5415. }
  5416. .xindinwei{
  5417. top: 106px;
  5418. left: 195px;
  5419. }
  5420. .comlogoImgBox{
  5421. margin: 10px 0;
  5422. overflow: hidden;
  5423. }
  5424. .labelbiaoshi{
  5425. color: rgba(155, 155, 155, 1);
  5426. font-size: 14px;
  5427. display: block;
  5428. margin-bottom: 10px;
  5429. }
  5430. .bzInfo{
  5431. margin: 10px 10px 0 10px;
  5432. }
  5433. .labelTosize{
  5434. color: rgba(173, 173, 173, 1);
  5435. font-size: 16px;
  5436. }
  5437. .yiyunTable_list_item{
  5438. overflow: hidden;
  5439. }
  5440. .liulanqiImgBox,
  5441. .shoujiImgBox{
  5442. display: table;
  5443. vertical-align: middle;
  5444. text-align: center;
  5445. color: rgba(0, 0, 0, 1);
  5446. font-size: 17px;
  5447. height: 240px;
  5448. background-color: rgba(235, 235, 242, 1);
  5449. }
  5450. .liulanqiImgBox{
  5451. width: 340px;
  5452. }
  5453. .shoujiImgBox{
  5454. width: 135px;
  5455. }
  5456. .el-radio__input.is-checked+.el-radio__label {
  5457. color: #000;
  5458. }
  5459. .topyichu::before{
  5460. content: '';
  5461. }
  5462. .ECvh_row_2{
  5463. min-height: calc(50vh - 130px);
  5464. }
  5465. .bgblack{
  5466. background-color: #ccc;
  5467. }
  5468. .el-progress-bar__outer ,.el-progress-bar__inner{
  5469. border-radius: 4px;
  5470. }
  5471. .el-input--suffix .el-input__inner {
  5472. padding-right: 30px;
  5473. background-color: #fff;
  5474. box-shadow: 0 2px 2px #cacaca;
  5475. border-radius: 4px;
  5476. border: 0.5px solid rgba(227, 227, 227, 1);
  5477. color: rgba(140, 0, 255, 1);
  5478. font-size: 15px;
  5479. }
  5480. .el-select .el-input .el-select__caret {
  5481. font-size: 26px;
  5482. }
  5483. .el-form-item__content {
  5484. overflow: initial;
  5485. }
  5486. /* 模板与应用 */
  5487. .layout_warp_4{
  5488. width: calc(100vw - 80px);
  5489. overflow: hidden;
  5490. margin: 0 auto
  5491. }
  5492. .appListBox{
  5493. padding: 0;
  5494. margin: 0;
  5495. }
  5496. .appListBox li{
  5497. margin: 10px 20px;
  5498. padding: 0;
  5499. text-align: center;
  5500. list-style: none;
  5501. float: left;
  5502. cursor: pointer;
  5503. }
  5504. .appImgIcon{
  5505. position: relative;
  5506. width: 130px;
  5507. height: 130px;
  5508. }
  5509. .appmark{
  5510. position: absolute;
  5511. width: 32px;
  5512. height: 32px;
  5513. border-radius: 50%;
  5514. top: 10px;
  5515. left: 10px;
  5516. color: rgb(140, 0, 255);
  5517. background-color: #fff;
  5518. font-size: 30px;
  5519. box-shadow: 0 3px 10px rgba(0, 0, 0, 0.32);
  5520. }
  5521. .Appname{
  5522. text-align: center;
  5523. line-height: 21px;
  5524. color: rgba(0, 0, 0, 1);
  5525. font-size: 16px;
  5526. }
  5527. .mark_disable{
  5528. background: url(/static/img/icon_pic_01.png) -100px 0px no-repeat;
  5529. }
  5530. .mark_able{
  5531. background: url(/static/img/icon_pic_01.png) -20px 0px no-repeat;
  5532. }
  5533. .mark_openclock{
  5534. background: url(/static/img/icon_pic_01.png) -80px 0px no-repeat;
  5535. }
  5536. .mark_normal{
  5537. opacity: 0;
  5538. }
  5539. .templateBoxItem{
  5540. margin: 20px;
  5541. height: 119px;
  5542. border-radius: 8px;
  5543. background-color: rgba(255, 255, 255, 1);
  5544. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  5545. position: relative;
  5546. border-top: 1px solid transparent;
  5547. }
  5548. .primaryText{
  5549. color: rgba(140, 0, 255, 1);
  5550. font-size: 12px;
  5551. }
  5552. .card_title{
  5553. color: rgba(0, 0, 0, 1);
  5554. font-size: 17px;
  5555. }
  5556. .cardBoxItemInner{
  5557. margin: 16px 17px 10px 20px;
  5558. }
  5559. .optionBtnlabel .primaryText{
  5560. position: absolute;
  5561. bottom: 13px;
  5562. }
  5563. .optionBtnlabel .primaryopBtn{
  5564. position: absolute;
  5565. right: 17px;
  5566. bottom: 10px;
  5567. }
  5568. .noshadow{
  5569. background-color: transparent;
  5570. box-shadow: 0 0 0 0;
  5571. }
  5572. .disadbled{
  5573. color: rgba(172, 172, 172, 1);
  5574. font-size: 13px;
  5575. background-color: rgba(227, 227, 227, 1);
  5576. border: 0.5px solid rgba(212, 212, 212, 1);
  5577. }
  5578. .disadbled:hover{
  5579. color: rgba(172, 172, 172, 1);
  5580. background-color: rgba(227, 227, 227, 1);
  5581. border: 0.5px solid rgba(212, 212, 212, 1);
  5582. }
  5583. .disadbledText{
  5584. color: rgba(136, 136, 136, 1);
  5585. }
  5586. .addlebel{
  5587. color: rgba(136, 136, 136, 1);
  5588. font-size: 12px;
  5589. display: block;
  5590. text-align: center;
  5591. }
  5592. .redText{
  5593. color: #D6243A ;
  5594. }
  5595. .addpicImg_large{
  5596. display: block;
  5597. width: 50px;
  5598. height: 50px;
  5599. margin: 23px auto 17px auto;
  5600. background: url(/static/img/icon_pic_01.png) 0px -70px no-repeat;
  5601. }
  5602. .cuspinter{
  5603. cursor: pointer;
  5604. box-shadow: 0 0 0 0;
  5605. border-radius: 8px;
  5606. border: 1px solid rgba(216, 216, 216, 1);
  5607. overflow: hidden;
  5608. height: 118px;
  5609. }
  5610. .appImgBox{
  5611. display: block;
  5612. width: 180px;
  5613. height: 180px;
  5614. margin: 50px auto;
  5615. text-align: center;
  5616. line-height: 180px;
  5617. }
  5618. .applistInfo{
  5619. color: rgba(235, 235, 242, 1);
  5620. font-size: 16px;
  5621. line-height: 40px;
  5622. border-bottom: 1px solid #8E909F;
  5623. }
  5624. .applistInfo:last-child{
  5625. border-bottom: 0px solid #8E909F;
  5626. }
  5627. .applistInfo p{
  5628. font-size: 16px;
  5629. line-height: 24px;
  5630. }
  5631. .hid{
  5632. height: 40px;
  5633. }
  5634. .appListBox li:hover{
  5635. border-radius: 20px;
  5636. background-color: rgba(227, 227, 227, 0.86);
  5637. transition: ease all 0.5s;
  5638. }
  5639. .marketcardItem{
  5640. margin:20px;
  5641. height: 120px;
  5642. border-radius: 8px;
  5643. background-color: rgba(255, 255, 255, 1);
  5644. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  5645. }
  5646. .minitext{
  5647. width: 300px;
  5648. line-height: 20px;
  5649. color: rgba(136, 136, 136, 1);
  5650. font-size: 13px;
  5651. }
  5652. .appDesc{
  5653. margin: 20px 25px 20px 10px;
  5654. height: 119px;
  5655. border-bottom: 1px solid #CCCDD7;
  5656. }
  5657. .addprimaryopBtn.el-button.is-round{
  5658. padding: 5px 27px;
  5659. }
  5660. .selctIcon{
  5661. width: 24px;
  5662. height: 24px;
  5663. display: block;
  5664. background: url(/static/img/icon_pic_01.png) 0px -20px no-repeat;
  5665. cursor: pointer;
  5666. }
  5667. .topBtngroup{
  5668. width: 86px!important;
  5669. transform-origin: center top;
  5670. z-index: 2102;
  5671. position: absolute;
  5672. top: 86px;
  5673. left: 59px;
  5674. }
  5675. .el-popover{
  5676. min-width: auto;
  5677. border-radius:4px;
  5678. }
  5679. .popoverNav li{
  5680. color: rgba(50, 50, 60, 1);
  5681. font-size: 14px;
  5682. padding: 10px 15px;
  5683. }
  5684. .Icon_size_128{
  5685. width: 128px;
  5686. height: 128px;
  5687. }
  5688. .Icon_size_108{
  5689. width: 108px;
  5690. height: 108px;
  5691. }
  5692. .Icon_size_62{
  5693. width: 62px;
  5694. height: 62px;
  5695. }
  5696. .Icon_size_32{
  5697. width: 32px;
  5698. height: 32px;
  5699. }
  5700. .IconBg{
  5701. border: 1px solid transparent
  5702. }
  5703. .IconBg:hover{
  5704. border: 1px dashed #7a7a88;
  5705. cursor: pointer;
  5706. transition: all ease 0.5s;
  5707. }
  5708. .AppIcon_group{
  5709. position: relative;
  5710. width: 338px;
  5711. margin: 0 auto;
  5712. margin-top: 106px;
  5713. }
  5714. .IconBg img{
  5715. width: 100%;
  5716. }
  5717. .center{
  5718. text-align: center;
  5719. }
  5720. .beizhu_11{
  5721. color: rgba(209, 209, 209, 1);
  5722. font-size: 11px;
  5723. }
  5724. .label_primary{
  5725. color: rgba(140, 0, 255, 1);
  5726. }
  5727. .label_danger{
  5728. color: rgba(214, 36, 58, 1);
  5729. }
  5730. .appFileBox{
  5731. list-style: none;
  5732. margin: 0;
  5733. padding: 0;
  5734. overflow: hidden;
  5735. }
  5736. .appFileBox li{
  5737. margin: 20px;
  5738. padding: 0;
  5739. float: left;
  5740. border-radius: 20px;
  5741. cursor: pointer;
  5742. position: relative;
  5743. transition: ease all 0.5s;
  5744. }
  5745. .appFileBox li:hover{
  5746. background-color: rgba(227, 227, 227, 0.86);
  5747. }
  5748. .appFileBox li>.appfileBtn{
  5749. opacity: 0;
  5750. }
  5751. .appFileBox li:hover>.appfileBtn{
  5752. opacity: 1;
  5753. }
  5754. .appfileImgIcon{
  5755. width: 180px;
  5756. height: 180px;
  5757. display: flex;
  5758. justify-items: center;
  5759. align-items: center;
  5760. }
  5761. .appfileImgIconItem{
  5762. display: block;
  5763. width: 180px;
  5764. height: 180px;;
  5765. }
  5766. .defualtappImg{
  5767. background: url(/static/img/appFileImg.png) -1800px 0px no-repeat;
  5768. }
  5769. .appImgIcon_{
  5770. background: url(/static/img/appFileImg.png) -1440px 0px no-repeat;
  5771. }
  5772. .appImgIcon_dwg{
  5773. background: url(/static/img/appFileImg.png) 0px 0px no-repeat;
  5774. }
  5775. .appImgIcon_zip{
  5776. background: url(/static/img/appFileImg.png) -180px 0px no-repeat;
  5777. }
  5778. .appImgIcon_skr{
  5779. background: url(/static/img/appFileImg.png) -360px 0px no-repeat;
  5780. }
  5781. .appImgIcon_rvt{
  5782. background: url(/static/img/appFileImg.png) -540px 0px no-repeat;
  5783. }
  5784. .appImgIcon_rar{
  5785. background: url(/static/img/appFileImg.png) -720px 0px no-repeat;
  5786. }
  5787. .appImgIcon_nwc{
  5788. background: url(/static/img/appFileImg.png) -900px 0px no-repeat;
  5789. }
  5790. .appImgIcon_3dmax{
  5791. background: url(/static/img/appFileImg.png) -1080px 0px no-repeat;
  5792. }
  5793. .appImgIcon_dxf{
  5794. background: url(/static/img/appFileImg.png) -1260px 0px no-repeat;
  5795. }
  5796. .mt-4{
  5797. margin-top: 4px;
  5798. }
  5799. .mb-6{
  5800. margin-bottom: 6px;
  5801. }
  5802. .appfileBtn{
  5803. width: 16px;
  5804. height: 16px;
  5805. overflow: hidden;
  5806. position: absolute;
  5807. top: 20px;
  5808. right: 20px;
  5809. }
  5810. .IconSetting{
  5811. display: block;
  5812. width: 17px;
  5813. height: 17px;
  5814. background: url(/static/img/icon_16.png) 0px -32px no-repeat;
  5815. }
  5816. .el-table--enable-row-hover .el-table__body tr:hover>td {
  5817. background-color: #f0f0f0;
  5818. }
  5819. .addUpfile{
  5820. width: 106px;
  5821. height: 106px;
  5822. margin: 0 auto;
  5823. }
  5824. .addUpfile .webuploader-pick{
  5825. display: block;
  5826. width: 106px;
  5827. height: 106px;
  5828. background: url(/static/img/newadd.png) 0 0 no-repeat;
  5829. background-color: transparent!important;
  5830. border: 0!important;
  5831. }
  5832. .addUpfile .webuploader-pick~div{
  5833. left: 0!important;
  5834. }
  5835. .searchInput{
  5836. float:right;
  5837. width: auto
  5838. }
  5839. .searchInput.el-input--suffix .el-input__inner{
  5840. box-shadow: 0 0 0 ;
  5841. background-color: #eee;
  5842. border-radius: 15px;
  5843. border: 1px solid transparent
  5844. }
  5845. .searchInput .el-input-group__prepend{
  5846. border: 0;
  5847. padding: 0;
  5848. }
  5849. .searchInputzhankai{
  5850. position: relative;
  5851. }
  5852. .searchInputzhankai i{
  5853. color: rgb(166,167,182);
  5854. line-height: 30px;
  5855. float: left;
  5856. margin-right: 5px;
  5857. cursor: pointer;
  5858. }
  5859. .searchInputzhankai i:focus{
  5860. color: rgb(0,0,0);
  5861. }
  5862. .searchInputzhankai input{
  5863. width: 200px;
  5864. height: 30px;
  5865. border: 0;
  5866. background-color: #eee;
  5867. border-radius: 15px;
  5868. text-indent: 0px;
  5869. }
  5870. .biaoqianweizhi1{
  5871. position: absolute;
  5872. bottom: 50px;
  5873. left: 20px;
  5874. }
  5875. .biaoqianweizhi2{
  5876. position: absolute;
  5877. bottom: 15px;
  5878. left: 20px;
  5879. cursor:pointer;
  5880. }
  5881. h4.biaoqianweizhi2{
  5882. color: rgba(255, 255, 255, 1);
  5883. font-size: 25px;
  5884. text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  5885. font-weight: 500;
  5886. display: -webkit-box;
  5887. -webkit-box-orient: vertical;
  5888. -webkit-line-clamp: 1;
  5889. overflow: hidden;
  5890. }
  5891. .deletIocn{
  5892. font-size: 30px;
  5893. }
  5894. .juzhongtext{
  5895. padding: 100px 0;
  5896. text-align: center;
  5897. }
  5898. .el-form-item__error {
  5899. color: #F56C6C;
  5900. font-size: 12px;
  5901. line-height: 1;
  5902. padding-top: 4px;
  5903. position: absolute;
  5904. top: 28%;
  5905. left: auto;
  5906. right: 10px;
  5907. background-color: #fff;
  5908. }
  5909. .card_box_pane{
  5910. width: 260px;
  5911. height: 120px;
  5912. border-radius: 10px;
  5913. background-color: #fff;
  5914. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  5915. margin-top: 40px;
  5916. margin-bottom: 55px;
  5917. overflow: hidden;
  5918. position: relative;
  5919. float: left;
  5920. margin-right: 40px;
  5921. cursor: pointer;
  5922. }
  5923. .card_box_pane>img{
  5924. width: 100%;
  5925. height: 100%;
  5926. }
  5927. .icontree{
  5928. display: block
  5929. }
  5930. .tree-icon {
  5931. display:inline-block;
  5932. }
  5933. .el-tree-node__expand-icon.is-leaf {
  5934. color: transparent;
  5935. cursor: default;
  5936. width: 0;
  5937. }
  5938. .chengjitree .el-tree-node__expand-icon.is-leaf {
  5939. color: transparent;
  5940. cursor: default;
  5941. width: 19px;
  5942. }
  5943. .treeItembox i{
  5944. margin-right: 5px;
  5945. }
  5946. .treeItembox{
  5947. display: block;
  5948. width: 100%;
  5949. }
  5950. .el-icon-models{
  5951. background: url("/static/img/AdminImg/icon_model.png") 0 0;
  5952. width: 16px;
  5953. height: 16px;
  5954. margin-right: 0px;
  5955. }
  5956. .wenjianjialiebiao{
  5957. position: relative;
  5958. }
  5959. .mianbaoxiedinwei{
  5960. position: absolute;
  5961. top: 5px;
  5962. left: 5px;
  5963. z-index: 6;
  5964. }
  5965. .backprevIcon{
  5966. display: inline-block;
  5967. width: 17px;
  5968. height: 17px;
  5969. border-radius: 8px;
  5970. overflow: hidden;
  5971. text-align: center;
  5972. line-height: 16px;
  5973. background-color: rgba(255, 255, 255, 1);
  5974. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  5975. position: relative;
  5976. top: 3px;
  5977. margin-left: 7px;
  5978. margin-right: 10px;
  5979. }
  5980. .el-breadcrumb__item:last-child .el-breadcrumb__inner{
  5981. color: #000
  5982. }
  5983. .el-breadcrumb__inner{
  5984. line-height: 24px;
  5985. }
  5986. .el-breadcrumb__separator {
  5987. color: rgba(156, 0, 255, 1);
  5988. }
  5989. .el-form-item {
  5990. margin-bottom: 10px;
  5991. }
  5992. .kapian_card{
  5993. margin: 0 10px;
  5994. height: 120px;
  5995. border-radius: 10px;
  5996. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  5997. position: relative;
  5998. overflow: hidden;
  5999. }
  6000. .kapian_card img{
  6001. display: block;
  6002. width: 100%;
  6003. height: 100%;
  6004. cursor: pointer;
  6005. }
  6006. .cl_card{
  6007. margin: 0 20px 0 10px;
  6008. }
  6009. .ce_card{
  6010. margin: 0 20px 0 20px;
  6011. }
  6012. .cr_card{
  6013. margin: 0 10px 0 20px;
  6014. }
  6015. .el-tree-node__expand-icon{
  6016. font-size: 18px;
  6017. }
  6018. .el-tree-node__content>.el-tree-node__expand-icon {
  6019. padding: 1px;
  6020. }
  6021. .filebox{
  6022. width: 70px;
  6023. height: 100px;
  6024. overflow: hidden;
  6025. box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  6026. cursor: pointer;
  6027. }
  6028. .listimg{
  6029. width: 100px;
  6030. height: 100px;
  6031. overflow: hidden;
  6032. position: relative;
  6033. display: flex;
  6034. cursor: pointer;
  6035. filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.3));
  6036. justify-content: center;
  6037. align-items: center;
  6038. }
  6039. .listimg img{
  6040. max-width: 100px;
  6041. max-height: 100px;
  6042. }
  6043. .listimg .houzuidinwei{
  6044. font-size: 18px;
  6045. top: 71px;
  6046. right: 23px;
  6047. }
  6048. .wordicon{
  6049. background: url(/static/img/appfiletapy.png) 0 0;
  6050. }
  6051. .excelicon{
  6052. background: url(/static/img/appfiletapy.png) -70px 0;
  6053. }
  6054. .pdficon{
  6055. background: url(/static/img/appfiletapy.png) -140px 0;
  6056. }
  6057. .dwgicon{
  6058. background: url(/static/img/appfiletapy.png) -210px 0;
  6059. }
  6060. .dxficon{
  6061. background: url(/static/img/appfiletapy.png) -280px 0;
  6062. }
  6063. .maxicon{
  6064. background: url(/static/img/appfiletapy.png) -350px 0;
  6065. }
  6066. .nwcicon{
  6067. background: url(/static/img/appfiletapy.png) -420px 0;
  6068. }
  6069. .raricon{
  6070. background: url(/static/img/appfiletapy.png) -490px 0;
  6071. }
  6072. .rvticon{
  6073. background: url(/static/img/appfiletapy.png) -560px 0;
  6074. }
  6075. .skpicon{
  6076. background: url(/static/img/appfiletapy.png) -630px 0;
  6077. }
  6078. .zipicon{
  6079. background: url(/static/img/appfiletapy.png) -700px 0;
  6080. }
  6081. .abcicon{
  6082. background: url(/static/img/appfiletapy.png) -770px 0;
  6083. }
  6084. .addUpfile2 .webuploader-pick {
  6085. display: block;
  6086. width: 680px;
  6087. line-height: 100px;
  6088. height: 100px;
  6089. background-color: #fff!important;
  6090. border: 0!important;
  6091. border-radius: 10px!important;
  6092. text-indent: 58px;
  6093. }
  6094. .addUpfile2 .webuploader-pick:hover{
  6095. color: #323232!important
  6096. }
  6097. .addUpfile2 .webuploader-pick~div{
  6098. content: '点击上传';
  6099. position: absolute;
  6100. top: 0px;
  6101. left: 0px;
  6102. width: 680px;
  6103. height: 106px;
  6104. overflow: hidden;
  6105. bottom: auto;
  6106. right: auto;
  6107. }
  6108. .uploadBtn{
  6109. position: relative;
  6110. }
  6111. .uploadBtnImg{
  6112. position: absolute;
  6113. left: 26%;
  6114. top: 26%;
  6115. z-index: 1;
  6116. height: 48px;
  6117. }
  6118. .dragbox .shangchuandinwei{
  6119. width: 400px;
  6120. /* height: 120px; */
  6121. background-color: rgba(255,255,255,1);
  6122. border: 0;
  6123. }
  6124. /* .updatebox li{
  6125. background-color: #fff;
  6126. } */
  6127. .redlabel{
  6128. color: rgba(156, 0, 255, 1);
  6129. font-size: 13px;
  6130. text-align: left;
  6131. }
  6132. .gundontiao{
  6133. width: calc(100vw - 120px);
  6134. height: calc(100vh - 120px);
  6135. overflow-x: auto;
  6136. overflow-y: auto;
  6137. }
  6138. .searhNodeNameconcenter{
  6139. width: 300px;
  6140. margin: 0 auto;
  6141. }
  6142. .el-message-box {
  6143. border-radius: 8px;
  6144. }
  6145. .ecload.yiyunfile-Uploader .webuploader-pick {
  6146. border-radius: 4px !important;
  6147. font-size: 13px;
  6148. font-weight: 500;
  6149. width: 112px;
  6150. height: 19px;
  6151. line-height: 20px;
  6152. background: #fff!important;
  6153. color: #323232;
  6154. cursor: pointer;
  6155. border: 0.5px solid #e3e3e3!important;
  6156. box-shadow: 0 0 0 0;
  6157. display: inline-block;
  6158. font-family: Yahei
  6159. }
  6160. .ecload.yiyunfile-Uploader:hover .webuploader-pick {
  6161. color: #8C00FF!important;
  6162. border: 0.5px solid #8C00FF!important;
  6163. }
  6164. .ecBtngroup_Item{
  6165. display: inline-block;
  6166. margin-right: 5px;
  6167. }
  6168. .ecload{
  6169. position: relative;
  6170. top: 5px;
  6171. }
  6172. .meassageyichu{
  6173. height: 20px;
  6174. overflow: hidden;
  6175. }
  6176. /* 提示框 */
  6177. .el-message-box__container {
  6178. position: static;
  6179. }
  6180. .el-message-box__status+.el-message-box__message {
  6181. padding-left: 50px;
  6182. padding-right: 50px;
  6183. padding-top: 14px;
  6184. padding-bottom: 32px;
  6185. text-align: center;
  6186. }
  6187. .el-message-box__message {
  6188. text-align-last: left;
  6189. }
  6190. .el-message-box__status.el-icon-warning {
  6191. color: #F8D12A;
  6192. }
  6193. .el-message-box__status {
  6194. top: 16px;
  6195. left: 16px;
  6196. transform: none;
  6197. /* position: absolute;
  6198. top: -22px;
  6199. -webkit-transform: translateY(-50%);
  6200. transform: translateY(-50%);
  6201. font-size: 28px!important; */
  6202. }
  6203. .el-message-box {
  6204. position: relative;
  6205. box-shadow: 0px 12px 14px 0px rgba(0, 0, 0, 0.2);
  6206. width: 460px;
  6207. }
  6208. .el-message-box__message p {
  6209. margin: 0;
  6210. line-height: 24px;
  6211. font-size: 18px;
  6212. color: #000;
  6213. text-align-last: center;
  6214. text-align: center;
  6215. }
  6216. .el-message-box .el-message-box__btns .el-button{
  6217. width: 210px;
  6218. height: 30px;
  6219. padding: 7px 20px;
  6220. border-radius: 30px;
  6221. font-size: 14px;
  6222. }
  6223. .el-message-box__content {
  6224. padding: 40px 15px;
  6225. }
  6226. .el-dialog {
  6227. border-radius: 30px;
  6228. box-shadow: 0px 12px 14px 0px rgba(0, 0, 0, 0.2);
  6229. }
  6230. .el-dialog__header {
  6231. padding: 30px 20px 0px;
  6232. text-align: center;
  6233. }
  6234. .el-dialog__footer .el-button{
  6235. width: 200px;
  6236. height: 30px;
  6237. padding: 7px 20px;
  6238. border-radius: 30px;
  6239. font-size: 14px;
  6240. }
  6241. .el-dialog__headerbtn,.el-message-box__headerbtn {
  6242. font-size: 28px;
  6243. }
  6244. .el-message-box__header {
  6245. position: relative;
  6246. text-align: center;
  6247. }
  6248. .el-message-box__header {
  6249. padding: 40px 15px 10px;
  6250. }
  6251. .el-message-box__btns {
  6252. padding: 5px 15px 8px;
  6253. }
  6254. .el-dialog--center .el-dialog__body {
  6255. overflow: hidden;
  6256. }
  6257. .longform .el-cascader{
  6258. width: 410px;
  6259. }
  6260. /* 层级树 */
  6261. .avtarface{
  6262. width: 60px;
  6263. height: 60px;
  6264. border-radius: 30px;
  6265. /* background-color: rgba(235, 235, 242, 1); */
  6266. cursor: pointer;
  6267. overflow: hidden;
  6268. position: relative;
  6269. }
  6270. .avtarface img{
  6271. width: 100%;
  6272. height: 100%;
  6273. }
  6274. .avtarface:hover>.eiditIconimgBox{
  6275. position: absolute;
  6276. top: 0;
  6277. left: 0;
  6278. width: 100%;
  6279. height: 100%;
  6280. text-align: center;
  6281. background-color: rgba(0,0,0,.5);
  6282. transition: ease all 0.5s;
  6283. }
  6284. .eiditIconimg{
  6285. font-size: 26px;
  6286. width: 32px;
  6287. height: 32px;
  6288. border-radius: 16px;
  6289. background-color: #fff;
  6290. display: block;
  6291. margin: 0 auto;
  6292. margin-top: 14px;
  6293. line-height: 32px;
  6294. color: #8c00ff;
  6295. }
  6296. .vhLine{
  6297. width: 1px;
  6298. height: 24px;
  6299. background-color: rgba(50, 50, 60, 1);
  6300. margin-top: 20px
  6301. }
  6302. .Text_tiny{
  6303. font-size: 12px;
  6304. }
  6305. .firstPeople{
  6306. width: 60px;
  6307. overflow: hidden;
  6308. text-align: center;
  6309. }
  6310. .ECworkerList{
  6311. text-align: center;
  6312. margin-left: 6px;
  6313. }
  6314. .ECworkerList li{
  6315. float: left;
  6316. margin: 0 12px;
  6317. cursor: pointer;
  6318. margin-bottom: 10px;
  6319. position: relative
  6320. }
  6321. .largeaddEC{
  6322. line-height: 60px;
  6323. font-size: 32px;
  6324. color: rgba(50, 50, 60, 0.82);
  6325. }
  6326. .addBtn_new{
  6327. text-align: center;
  6328. transition: ease all 0.5s;
  6329. color: rgba(235, 235, 242, 1);
  6330. width: 20px;
  6331. height: 60px;
  6332. background-color: rgba(235, 235, 242, 1);
  6333. border-radius: 10px;
  6334. }
  6335. .middleaddEC{
  6336. line-height: 60px;
  6337. font-size: 16px;
  6338. color: rgb(80, 82, 92);
  6339. cursor: pointer;
  6340. }
  6341. .addBtn_new:hover{
  6342. background-color: rgb(248, 209, 42);
  6343. }
  6344. .ec_number{
  6345. font-style: normal;
  6346. }
  6347. .tinyText_wirte{
  6348. color: rgba(255, 255, 255, 1);
  6349. font-weight: 200;
  6350. font-size: 12px;
  6351. margin-top: 8px;
  6352. width: 62px;
  6353. display: -webkit-box;
  6354. -webkit-box-orient: vertical;
  6355. -webkit-line-clamp: 1;
  6356. overflow: hidden;
  6357. }
  6358. .chengyuanbox{
  6359. width: 82%;
  6360. }
  6361. .eidtrepFirst{
  6362. position: relative;
  6363. }
  6364. .eidtrepFirstIconBox{
  6365. position: absolute;
  6366. left: 0;
  6367. top: 0;
  6368. width: 60px;
  6369. height: 60px;
  6370. z-index: 2;
  6371. overflow: hidden;
  6372. border-radius: 30px;
  6373. background-color: rgba(0, 0, 0, 0.4);
  6374. cursor: pointer;
  6375. transition: ease all 0.5s;
  6376. overflow: hidden;
  6377. opacity: 0;
  6378. }
  6379. .eidtrepFirst:hover .eidtrepFirstIconBox{
  6380. opacity: 1;
  6381. }
  6382. .eidtrepFirstIcon {
  6383. width: 32px;
  6384. height: 32px;
  6385. text-align: center;
  6386. line-height: 32px;
  6387. background-color: #ffffffdb;
  6388. font-size: 20px;
  6389. padding: 0;
  6390. border-radius: 32px;
  6391. color: #8c00ff;
  6392. display: block;
  6393. margin: 0 auto;
  6394. margin-top: 15px
  6395. }
  6396. .shenlvbiox{
  6397. width: 144px;
  6398. height: 60px;
  6399. }
  6400. .morePeople{
  6401. float: left;
  6402. width: 32px;
  6403. height: 32px;
  6404. overflow: hidden;
  6405. border-radius: 16px;
  6406. margin: 14px 4px;
  6407. background-color: #fff;
  6408. }
  6409. .morePeople img{
  6410. width: 100%;
  6411. height: 100%;
  6412. }
  6413. .morePeopleBox{
  6414. width: 120px;
  6415. margin: 0 auto
  6416. }
  6417. .EC_searchBox .el-input--suffix .el-input__inner{
  6418. box-shadow: 0 0 0 ;
  6419. border: 1px solid transparent;
  6420. text-indent: 20px;
  6421. }
  6422. .EC_searchBox .el-input--suffix .el-input__inner:hover{
  6423. border: 1px solid rgba(140, 0, 255, 1);
  6424. }
  6425. .EC_searchBox .el-input__suffix{
  6426. top:5px;
  6427. width: 20px;
  6428. height: 20px;
  6429. border-radius: 10px;
  6430. background-color:rgba(214, 36, 58, 1);
  6431. background: url(/static/img/icon_pic_01.png) -120px 0 no-repeat
  6432. }
  6433. .EC_searchBox .el-input__suffix i,.searchInput .el-input__suffix i{
  6434. opacity: 0
  6435. }
  6436. .searchInput .el-input__suffix{
  6437. top: 3px;
  6438. width: 20px;
  6439. height: 20px;
  6440. border-radius: 10px;
  6441. background-color:rgba(214, 36, 58, 1);
  6442. background: url(/static/img/icon_pic_01.png) -120px 0 no-repeat
  6443. }
  6444. .huangguan{
  6445. display: block;
  6446. background: url(/static/img/huangguan.png) 0 -19px no-repeat;
  6447. width: 26px;
  6448. height: 19px;
  6449. float: left;
  6450. margin-top: 7px;
  6451. margin-right: 8px;
  6452. }
  6453. .huangguanactive{
  6454. display: block;
  6455. background: url(/static/img/huangguan.png) 0 0px no-repeat;
  6456. width: 26px;
  6457. height: 19px;
  6458. float: left;
  6459. margin-top: 7px;
  6460. margin-right: 8px;
  6461. }
  6462. .zhangkai_up{
  6463. display: block;
  6464. width: 58px;
  6465. height: 58px;
  6466. background: url(/static/img/updown.png) 0 0 no-repeat;
  6467. margin-left: 3px;
  6468. }
  6469. .zhangkai_down{
  6470. display: block;
  6471. width: 58px;
  6472. height: 58px;
  6473. background: url(/static/img/updown.png) 0 -58px no-repeat;
  6474. margin-left: 3px;
  6475. }
  6476. .newweizhi{
  6477. position: absolute;
  6478. left: 85px;
  6479. top: 0px;
  6480. }
  6481. .xiezuobox>div{
  6482. margin-bottom: 20px;
  6483. }
  6484. .large_huangguan{
  6485. display: block;
  6486. width: 60px;
  6487. height: 60px;
  6488. color: #878787;
  6489. font-size: 32px;
  6490. background-color: #EBEBF2;
  6491. text-align: center;
  6492. line-height: 60px;
  6493. }
  6494. .ec_dialog{
  6495. width: 100%;
  6496. height: 100%;
  6497. position: fixed;
  6498. top: 0;
  6499. background-color: rgba(0,0,0,0.0);
  6500. z-index: 999;
  6501. }
  6502. .ec_dialogBox{
  6503. width: 800px;
  6504. height: 500px;
  6505. border-radius: 8px;
  6506. background-color: rgba(255, 255, 255, 1);
  6507. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  6508. margin: 0 auto;
  6509. margin-top: 150px;
  6510. }
  6511. .ec_dialogBoxBody{
  6512. height: 360px;
  6513. }
  6514. .line{
  6515. clear: both;
  6516. height: 1px;
  6517. background-color: #EBEEF5;
  6518. }
  6519. .ec_dialogBoxHeadTitle{
  6520. margin-left: 16px;
  6521. line-height: 60px;
  6522. }
  6523. .ec_dialogBoxHeadclose{
  6524. line-height: 60px;
  6525. margin-right: 20px;
  6526. }
  6527. .ec_dialogBoxBody .el-cascader-panel.is-bordered {
  6528. width: 768px;
  6529. height: 344px;
  6530. border-radius: 8px;
  6531. background-color: rgba(246, 246, 246, 1);
  6532. border: 1px solid rgba(227, 227, 227, 1);
  6533. overflow-x: auto;
  6534. margin: 12px auto;
  6535. }
  6536. .ec_dialogBoxBody .el-cascader-menu__wrap{
  6537. height: 344px;
  6538. overflow-y: auto
  6539. }
  6540. .ec_dialogBoxBody .el-cascader-node{
  6541. padding: 0 20px 0 0;
  6542. }
  6543. .ec_dialogBoxBody .el-cascader-menu__list {
  6544. padding: 6px 16px;
  6545. }
  6546. .ec_dialogBoxBody .el-cascader-node__prefix {
  6547. position: absolute;
  6548. left: -10px;
  6549. }
  6550. .ec_dialogBoxBody .el-radio__inner {
  6551. border: 1px solid #62626F;
  6552. background-color: #62626F;
  6553. }
  6554. .ec_dialogBoxfooter .el-button {
  6555. display: inline-block;
  6556. transition: .1s;
  6557. font-weight: 500;
  6558. -moz-user-select: none;
  6559. font-size: 16px;
  6560. border-radius: 4px;
  6561. width: 369px;
  6562. height: 32px;
  6563. border-radius: 8px;
  6564. border: 0;
  6565. background-color: #fff;
  6566. margin: 10px;
  6567. box-shadow: 0 3px 7px 2px #d6d6d8;
  6568. padding: 0!important;
  6569. margin-top: 15px;
  6570. cursor: pointer;
  6571. }
  6572. .ec_dialogBoxBody .el-cascader-panel.is-bordered::-webkit-scrollbar {
  6573. width: 5px;
  6574. height: 5px;
  6575. }
  6576. .ec_dialogBoxBody .el-cascader-panel.is-bordered::-webkit-scrollbar-track {
  6577. background-color:transparent;
  6578. -webkit-border-radius: 2em;
  6579. -moz-border-radius: 2em;
  6580. border-radius:2em;
  6581. }
  6582. .ec_dialogBoxBody .el-cascader-panel.is-bordered::-webkit-scrollbar-thumb {
  6583. background-color:#adadad;
  6584. -webkit-border-radius: 2em;
  6585. -moz-border-radius: 2em;
  6586. border-radius:2em;
  6587. }
  6588. .mini_typeBtn.el-button {
  6589. padding: 2px 20px;
  6590. }
  6591. .tianjiaxiezuorenBox>.tianjiaxiezuorenBox{
  6592. padding-left: 25px;
  6593. }
  6594. .hand{
  6595. cursor: pointer;
  6596. transition: ease all 0.5s;
  6597. }
  6598. .diaform .el-form-item__label{
  6599. color: #606266;
  6600. }
  6601. .ECupload .el-upload-dragger {
  6602. width: 420px;
  6603. height: 32px;
  6604. }
  6605. .ECupload .el-upload-dragger .el-icon-upload {
  6606. font-size: 28px;
  6607. margin: -10px 21px 0px;
  6608. float: left;
  6609. }
  6610. .ECupload .el-upload-dragger .el-upload__text {
  6611. font-size: 12px;
  6612. float: left;
  6613. line-height: 30px;
  6614. }
  6615. .longUploder .webuploader-pick{
  6616. width: 100%;
  6617. }
  6618. .main_workerBox{
  6619. width: 380px;
  6620. height: 192px;
  6621. border-radius: 4px;
  6622. border: 1px solid rgba(255, 210, 50, 1);
  6623. }
  6624. .largehuangguan{
  6625. font-size: 48px;
  6626. color: rgba(248, 209, 42, 1);
  6627. margin-left: 10px;
  6628. margin-top: 10px;
  6629. display: inline-block;
  6630. }
  6631. .rentou_alrge{
  6632. width: 120px;
  6633. height: 120px;
  6634. margin: 0 auto;
  6635. background:url(/static/img/huangguan.png) 0 -98px no-repeat;
  6636. position: relative;
  6637. top: -26px;
  6638. }
  6639. .middlehuangguan{
  6640. /* font-size: 49px; */
  6641. font-size: 30px;
  6642. line-height:30px;
  6643. color: #FFD232;
  6644. /* position: relative; */
  6645. /* top: -10px; */
  6646. margin-right: 10px;
  6647. }
  6648. .mainpeople_H{
  6649. height: 26px;
  6650. border-radius: 4px;
  6651. border: 1px solid rgba(255, 210, 50, 1);
  6652. padding: 20px 10px;
  6653. }
  6654. .mainpeople_H.user_info_item .user_info_faceImg{
  6655. margin-top: 0;
  6656. }
  6657. .largeclose{
  6658. font-size: 16px;
  6659. position: relative;
  6660. top: -6px;
  6661. }
  6662. .diaTip{
  6663. width: 348px;
  6664. color: rgba(235, 235, 242, 1);
  6665. font-size: 14px;
  6666. text-align: left;
  6667. margin: 0 auto;
  6668. margin-top: 16px;
  6669. }
  6670. .self_slider .el-slider__runway,.self_slider .el-slider__bar{
  6671. height: 1px;
  6672. background-color: #D8D8D8 ;
  6673. }
  6674. .self_slider .el-slider__button{
  6675. width: 24px;
  6676. height: 24px;
  6677. border-radius: 50%;
  6678. background: rgba(255, 255, 255, 1);
  6679. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  6680. }
  6681. .self_slider .el-slider__button-wrapper{
  6682. top: -18px;
  6683. }
  6684. .midupload .webuploader-pick{
  6685. width: 80px;
  6686. height: 20px;
  6687. border-radius: 4px!important;
  6688. border: 0.5px solid rgba(227, 227, 227, 1)!important;
  6689. background-color: #fff!important;
  6690. line-height: 18px;
  6691. color: rgba(0, 0, 0, 1);
  6692. font-size: 13px;
  6693. text-align: center;
  6694. box-shadow: 0 1px 2px #848484;
  6695. transition: ease all 0.5s;
  6696. }
  6697. .midupload .webuploader-pick:hover{
  6698. color: #8C00FF!important;
  6699. border-color: #8C00FF!important;
  6700. }
  6701. .derect_right{
  6702. display: inline-block;
  6703. width: 16px;
  6704. height: 16px;
  6705. background: url(/static/img/icon_file2.png) 0 -80px no-repeat;
  6706. }
  6707. .fileIcon_16{
  6708. display: inline-block;
  6709. width: 16px;
  6710. height: 16px;
  6711. position: relative;
  6712. top: 3px;
  6713. background: url(/static/img/icon_file2.png) 0 -240px no-repeat;
  6714. }
  6715. .fileIcon_word{
  6716. background: url(/static/img/icon_file2.png) 0 -16px no-repeat;
  6717. }
  6718. .fileIcon_jpg,.fileIcon_png{
  6719. background: url(/static/img/icon_file2.png) 0 -16px no-repeat;
  6720. }
  6721. .fileIcon_dwg{
  6722. background: url(/static/img/icon_file2.png) 0 -96px no-repeat;
  6723. }
  6724. .fileIcon_rar{
  6725. background: url(/static/img/icon_file2.png) 0 -112px no-repeat;
  6726. }
  6727. .fileIcon_skp{
  6728. background: url(/static/img/icon_file2.png) 0 -128px no-repeat;
  6729. }
  6730. .fileIcon_rvt{
  6731. background: url(/static/img/icon_file2.png) 0 -144px no-repeat;
  6732. }
  6733. .fileIcon_zip{
  6734. background: url(/static/img/icon_file2.png) 0 -128px no-repeat;
  6735. }
  6736. .fileIcon_nwc{
  6737. background: url(/static/img/icon_file2.png) 0 -176px no-repeat;
  6738. }
  6739. .fileIcon_3dmax,.fileIcon_max{
  6740. background: url(/static/img/icon_file2.png) 0 -192px no-repeat;
  6741. }
  6742. .fileIcon_dxf{
  6743. background: url(/static/img/icon_file2.png) 0 -208px no-repeat;
  6744. }
  6745. .fileIcon_weizi{
  6746. background: url(/static/img/icon_file2.png) 0 -224px no-repeat;
  6747. }
  6748. .fileIcon_doc{
  6749. background: url(/static/img/icon_file2.png) 0 -304px no-repeat;
  6750. }
  6751. .fileIcon_pdf{
  6752. background: url(/static/img/icon_file2.png) 0 -272px no-repeat;
  6753. }
  6754. .fileIcon_ppt{
  6755. background: url(/static/img/icon_file2.png) 0 -288px no-repeat;
  6756. }
  6757. .fileIcon_excel{
  6758. background: url(/static/img/icon_file2.png) 0 -320px no-repeat;
  6759. }
  6760. .fileIcon_png,.fileIcon_jpg,.fileIcon_jpeg{
  6761. background: url(/static/img/icon_file2.png) 0 -336px no-repeat;
  6762. }
  6763. .fileIcon_other{
  6764. background: url(/static/img/icon_file2.png) 0 -352px no-repeat;
  6765. }
  6766. .noborderbtn .el-input-group__append{
  6767. border: 1px solid transparent;
  6768. color: #cccdd7;
  6769. background-color: rgba(244, 244, 246, 1);
  6770. }
  6771. .noborderbtn .el-input-group__append:hover{
  6772. color: #62626F;
  6773. }
  6774. .middiaHeight{
  6775. height: 300px;
  6776. overflow-y: auto;
  6777. }
  6778. .middiaHeight .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
  6779. background-color: rgba(97, 97, 111, 0.12);
  6780. }
  6781. .middiaHeight .el-tree-node__content:hover{
  6782. background-color: #f0f7ff;
  6783. }
  6784. .color1{
  6785. color: #8c00ff;
  6786. }
  6787. .color2{
  6788. color: #0012ff;
  6789. }
  6790. .DevtopIcon{
  6791. position: absolute;
  6792. left: 30px;
  6793. top: 17px;
  6794. }
  6795. .orginoverflow{
  6796. overflow: inherit;
  6797. }
  6798. .yiyuntitle.myFolderName{
  6799. font-size: 20px;
  6800. text-align: center;
  6801. line-height: 37px;
  6802. border: 0;
  6803. font-weight: 400;
  6804. font-family: PingFang SC;
  6805. cursor: pointer;
  6806. background-color: transparent;
  6807. padding: 0;
  6808. }
  6809. .yiyuntitle.nowFolderName{
  6810. white-space: nowrap;
  6811. text-overflow: ellipsis;
  6812. font-size: 20px;
  6813. border-radius: 8px;
  6814. background-color: rgba(255, 255, 255, 1);
  6815. /* box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); */
  6816. text-align: center;
  6817. /* line-height: 37px; */
  6818. /* padding: 4px 10px 5px; */
  6819. padding: 0 0 0 10px;
  6820. border: 0;
  6821. font-weight: 400;
  6822. font-family: PingFang SC;
  6823. cursor: pointer;
  6824. margin: 0 8px;
  6825. }
  6826. .shadowbtn{
  6827. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  6828. }
  6829. h3.defualth3{
  6830. color: #A7A8B7;
  6831. font-size: 18px;
  6832. float: left;
  6833. margin-right: 10px;
  6834. cursor: pointer;
  6835. line-height: 31px;
  6836. text-align: center;
  6837. transition: ease all 0.5s;
  6838. border-radius: 4px;
  6839. transition: 0.2s all linear;
  6840. padding: 0 10px;
  6841. font-weight: 400;
  6842. margin-left: 20px;
  6843. }
  6844. h3.defualth3:hover{
  6845. background-color: rgb(235,235,242);
  6846. }
  6847. .sectitle{
  6848. border: 0;
  6849. font-weight: 500;
  6850. font-family: PingFang SC;
  6851. padding: 0 8px;
  6852. margin: 0 8px;
  6853. height: 32px;
  6854. line-height: 32px;
  6855. border-radius: 8px;
  6856. background-color: rgba(250, 250, 250, 1);
  6857. color: rgba(136, 136, 136, 1);
  6858. font-size: 14px;
  6859. /* overflow: hidden;
  6860. text-overflow:ellipsis;
  6861. white-space: nowrap; */
  6862. cursor: pointer;
  6863. }
  6864. .sectitle:hover{
  6865. color: rgb(140, 0, 255);
  6866. }
  6867. /* h3.defualth3::before {
  6868. content: "";
  6869. position: absolute;
  6870. top: 0;
  6871. left: 100%;
  6872. width: 0;
  6873. height: 100%;
  6874. background-color: rgb(235,235,242);
  6875. transition: 0.2s all linear;
  6876. }
  6877. h3.defualth3:hover::before {
  6878. width: 100%;
  6879. height: 100%;
  6880. top: 0;
  6881. left: 0;
  6882. background-color: rgb(255,255,255);
  6883. transition-delay: 0.1s;
  6884. z-index: -1;
  6885. }
  6886. h3.defualth3:hover ~ h3.defualth3::before {
  6887. left: 0;
  6888. } */
  6889. h3.curactive{
  6890. color: #000000;
  6891. background-color: rgba(204, 205, 215, 1);
  6892. }
  6893. .hands{
  6894. cursor: pointer;
  6895. margin-right: 20px;
  6896. }
  6897. .hands:hover{
  6898. color: #409EFF;
  6899. }
  6900. .tabtltlebox{
  6901. display: flex;
  6902. vertical-align: baseline;
  6903. }
  6904. .icon-icon_shouqi.zhankaiIcon{
  6905. transform: rotate(180deg);
  6906. -ms-transform:rotate(180deg); /* IE 9 */
  6907. -moz-transform:rotate(180deg); /* Firefox */
  6908. -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
  6909. -o-transform:rotate(180deg); /* Opera */
  6910. }
  6911. .closepageH{
  6912. height: 54px;
  6913. transition: ease all 0.5s;
  6914. }
  6915. .myselfupload .el-upload-dragger {
  6916. height: 30px;
  6917. }
  6918. .myselfupload .el-upload-dragger .el-icon-upload {
  6919. font-size: 24px;
  6920. margin: 0;
  6921. line-height: 28px;
  6922. float: left;
  6923. padding-left: 30px;
  6924. }
  6925. .myselfupload .el-upload-dragger .el-upload__text{
  6926. line-height: 28px;
  6927. }
  6928. .contextmenu {
  6929. margin: 0;
  6930. background: #fff;
  6931. z-index: 3000;
  6932. position: absolute;
  6933. list-style-type: none;
  6934. padding: 5px 0;
  6935. border-radius: 4px;
  6936. font-size: 12px;
  6937. font-weight: 400;
  6938. color: #333;
  6939. box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.3);
  6940. }
  6941. .rightMenu>li{
  6942. line-height: 36px;
  6943. font-size: 14px;
  6944. padding: 0 20px;
  6945. color: #606266;
  6946. white-space: nowrap;
  6947. }
  6948. .rightMenu>li:hover{
  6949. cursor: pointer;
  6950. background-color: #ecf5ff;
  6951. color: #66b1ff;
  6952. }
  6953. li.secondMenu:hover{
  6954. background-color: transparent;
  6955. }
  6956. li.secondMenu ul li{
  6957. padding-left: 10px;
  6958. }
  6959. li.secondMenu ul li:hover {
  6960. background-color: rgb(230, 235, 241);
  6961. cursor: pointer;
  6962. }
  6963. .appImgiconbox{
  6964. width: 70px;
  6965. height: 70px;
  6966. border-radius: 35px;
  6967. margin: 10px auto;
  6968. }
  6969. .appImgiconbox img{
  6970. width: 70px;
  6971. }
  6972. .centertext{
  6973. text-align: center;
  6974. }
  6975. .yyerrtip{
  6976. color: red;
  6977. font-weight: bold;
  6978. position: absolute;
  6979. right: 12px;
  6980. top: 19px;
  6981. z-index: 999;
  6982. }
  6983. .loginright_btn.nopadding{
  6984. padding: 0;
  6985. }
  6986. .visontext{
  6987. line-height: 13px;
  6988. color: #4a90e2;
  6989. font-size: 10px;
  6990. text-align: center;
  6991. padding: 0px 12px;
  6992. border-radius: 10px;
  6993. display: inline-block;
  6994. margin-top: 20px;
  6995. transition: ease all 0.5s;
  6996. font-weight: 400;
  6997. }
  6998. .yiyun_wenjian_list{
  6999. text-align: center;
  7000. }
  7001. .yiyun_wenjian_list:hover>.visontext{
  7002. color: rgb(255, 255, 255);
  7003. background-color: #4a90e2;
  7004. }
  7005. .width4{
  7006. width: 33.33%;
  7007. }
  7008. .nobianju{
  7009. margin: 0;
  7010. }
  7011. .wirtebtn{
  7012. border: 0;
  7013. line-height: 28px;
  7014. color: rgba(0, 0, 0, 1);
  7015. font-size: 14px;
  7016. text-align: center;
  7017. background-color: rgba(255, 255, 255, 1);
  7018. border-radius: 6px;
  7019. padding: 0px 8px;
  7020. margin: 0 16px;
  7021. cursor: pointer;
  7022. transition: ease all 0.5s;
  7023. }
  7024. .wirtebtn:hover{
  7025. color: #8b35f0;
  7026. }
  7027. .overflowinit{
  7028. overflow: initial;
  7029. }
  7030. .webuploader-element-invisible{
  7031. visibility: hidden;
  7032. }
  7033. .neibianju {
  7034. background-color: #fff;
  7035. padding-top: 2px;
  7036. min-height: 259px;
  7037. max-height: 300px;
  7038. border-radius: 16px 16px 0 0;
  7039. box-shadow: 0 -3px 11px 1px rgba(0,0,0,0.06);
  7040. overflow-y: auto;
  7041. position: fixed;
  7042. bottom: 0;
  7043. width: 100%;
  7044. box-sizing: border-box;
  7045. }
  7046. .neibianju1 {
  7047. background-color: #fff;
  7048. padding-top: 5px;
  7049. height: calc(100vh - 168px);
  7050. border-radius: 16px 16px 0 0;
  7051. box-shadow: 0 -3px 11px 1px rgba(0,0,0,0.06);
  7052. overflow-y: auto;
  7053. background: linear-gradient(#fff,#fff);
  7054. }
  7055. /* 意见反馈 */
  7056. .yijianfankui{
  7057. position: absolute;
  7058. right: 23px;
  7059. bottom: 30px;
  7060. border: 0px;
  7061. width: 22px;
  7062. border-radius: 16px;
  7063. background-color: rgba(255, 255, 255, 1);
  7064. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  7065. color: rgba(50, 50, 60, 1);
  7066. font-size: 12px;
  7067. text-align: left;
  7068. cursor: pointer;
  7069. overflow: hidden;
  7070. }
  7071. .putonganniu{
  7072. width: 22px;
  7073. text-align: center;
  7074. font-size: 11px;
  7075. border: 0;
  7076. background-color: #fff;
  7077. font-weight: 900;
  7078. color: #000;
  7079. overflow: hidden;
  7080. padding: 3px 0;
  7081. }
  7082. .putonganniu:hover{
  7083. color: #8c00ff;
  7084. }
  7085. .quanxuanbtn{
  7086. position: absolute;
  7087. right: 30px;
  7088. }
  7089. .quanxuanbtn .el-checkbox__label{
  7090. font-size: 13px;
  7091. }
  7092. .btnlabelTitle{
  7093. font-size: 15px;
  7094. }
  7095. .el-checkbox__inner::after {
  7096. border: 0px solid #FFF;
  7097. }
  7098. .el-checkbox__inner {
  7099. border: 1px solid #DCDFE6;
  7100. background-color: #fff0;
  7101. }
  7102. .defualtBtnInfo.quitBtn{
  7103. height: 32px;
  7104. border-radius: 8px;
  7105. border: 0;
  7106. background-color: rgba(255, 255, 255, 1);
  7107. box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  7108. font-size: 16px;
  7109. font-family: PingFang SC;
  7110. }
  7111. .yiyun_app_info_box li::after,.yiyun_yinyongname::after{
  7112. content: '';
  7113. display: block;
  7114. height: 1px;
  7115. background-color: #d8d8d8;
  7116. position: relative;
  7117. }
  7118. .yiyun_app_info_box li::after{
  7119. top: 43px;
  7120. }
  7121. .yiyun_yinyongname::after{
  7122. top: 10px;
  7123. }
  7124. .editnone .el-form{
  7125. padding: 0 16px;
  7126. }
  7127. .workbtn{
  7128. width: 28px;
  7129. height: 28px;
  7130. border-radius: 4px;
  7131. color: #ADADAD;
  7132. line-height: 28px;
  7133. text-align: center;
  7134. background-color: rgba(250, 250, 250, 1);
  7135. cursor: pointer;
  7136. font-size: 24px;
  7137. transition: ease all 0.5s;
  7138. }
  7139. .drakbg{
  7140. border-radius: 4px;
  7141. background-color: rgba(167, 168, 183, 1);
  7142. color: #fff;
  7143. }
  7144. .anniuweizhi{
  7145. position: absolute;
  7146. left: -8px;
  7147. top: 14px;
  7148. }
  7149. .workbtn:hover{
  7150. /* box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.2); */
  7151. color: rgba(140, 0, 255, 1);
  7152. }
  7153. .rota180{
  7154. display: inline-block;
  7155. -webkit-transform: rotate(180deg);
  7156. -moz-transform: rotate(180deg);
  7157. -o-transform: rotate(180deg);
  7158. -ms-transform: rotate(180deg);
  7159. transform: rotate(180deg);
  7160. }
  7161. .rota90{
  7162. display: inline-block;
  7163. -webkit-transform: rotate(90deg);
  7164. -moz-transform: rotate(90deg);
  7165. -o-transform: rotate(90deg);
  7166. -ms-transform: rotate(90deg);
  7167. transform: rotate(90deg);
  7168. }
  7169. .workderct{
  7170. /* position: relative;
  7171. top: 5px; */
  7172. margin-left: 10px;
  7173. /* margin-top: 15px; */
  7174. }
  7175. /* .worktitlebox button+button{
  7176. margin: 0 8px;
  7177. } */
  7178. .worklink{
  7179. width: 100%;
  7180. width: calc(100vw - 64px);
  7181. height: calc(100vh - 114px);
  7182. display: flex;
  7183. align-items: center;
  7184. overflow-y: auto;
  7185. flex-direction: row;
  7186. }
  7187. .linkstart{
  7188. justify-content: start;
  7189. }
  7190. .worklinkBtngroup{
  7191. /* height: 54px; */
  7192. overflow: hidden;
  7193. float: left;
  7194. /* max-width: 368px; */
  7195. }
  7196. .worklinkBtngroup button{
  7197. margin: 0 8px;
  7198. }
  7199. /* .curbtn{
  7200. float: left;
  7201. margin-top: 7px;
  7202. } */
  7203. .currworkbutton{
  7204. border: 1.5px solid rgba(140, 0, 255, 1);
  7205. width: 106px;
  7206. height: 48px;
  7207. border-radius: 4px;
  7208. background-color: rgba(255, 255, 255, 1);
  7209. box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  7210. cursor: pointer;
  7211. }
  7212. .workbutton{
  7213. width: 106px;
  7214. height: 48px;
  7215. border-radius: 4px;
  7216. background-color: rgba(255, 255, 255, 1);
  7217. box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  7218. border: 1.5px solid rgba(140, 0, 255, 0);
  7219. padding: 0 16px;
  7220. cursor: pointer;
  7221. overflow: hidden;
  7222. text-overflow: ellipsis;
  7223. white-space: nowrap;
  7224. }
  7225. .workbutton:hover{
  7226. border: 1.5px solid rgba(140, 0, 255, 1);
  7227. }
  7228. .workbutton.current{
  7229. border: 1.5px solid rgba(140, 0, 255, 1);
  7230. }
  7231. .linkline{
  7232. width: 50px;
  7233. height: 1px;
  7234. background-color: rgba(204, 205, 215, 1);
  7235. display: inline-block;
  7236. position: relative;
  7237. top: -4px;
  7238. }
  7239. .workend{
  7240. background-color: rgba(140, 0, 255, 1);
  7241. }
  7242. .workheight{
  7243. height: calc(100vh - 48px);
  7244. transition: ease all 0.5s;
  7245. background-color: #f0f0f0;
  7246. }
  7247. .workheightinit{
  7248. /* height: calc(0); */
  7249. overflow: hidden;
  7250. transition: ease all 0.5s;
  7251. }
  7252. .bgwirte{
  7253. background-color: #fff;
  7254. }
  7255. .backwork{
  7256. height: 45px;
  7257. background-color: rgba(235, 235, 235, 0.57);
  7258. }
  7259. .worklinkHeight{
  7260. height: calc(100vh - 158px);
  7261. }
  7262. .warpbianju{
  7263. width: calc(100vw - 120px);
  7264. margin: 0 auto;
  7265. }
  7266. .largecheck .el-checkbox__inner {
  7267. width: 32px;
  7268. height: 32px;
  7269. border-radius: 16px;
  7270. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  7271. border: 5px solid #fff;
  7272. background-color: #fff;
  7273. }
  7274. .largecheck .el-checkbox__inner::after{
  7275. box-sizing: content-box;
  7276. content: "";
  7277. border: 2px solid #fff;
  7278. border-left: 0;
  7279. border-top: 0;
  7280. height: 16px;
  7281. height: 12px;
  7282. left: 7px;
  7283. position: absolute;
  7284. top: 2px;
  7285. transform: rotate(45deg) scaleY(0);
  7286. width: 6px;
  7287. transition: transform .15s ease-in .05s;
  7288. transform-origin: center;
  7289. }
  7290. .linedia .el-dialog__header{
  7291. text-align: left;
  7292. padding: 17px 16px;
  7293. border-bottom: 1px solid #dadbe2;
  7294. }
  7295. .linedia .el-dialog__headerbtn{
  7296. top: 9px;
  7297. }
  7298. .linedia .el-dialog__body{
  7299. padding: 16px;
  7300. }
  7301. .linedia .el-dialog{
  7302. border-radius: 8px;
  7303. }
  7304. .widthfile{
  7305. display: inline-block;
  7306. width: 300px;
  7307. }
  7308. .widthtext1{
  7309. display: inline-block;
  7310. width: 55px;
  7311. text-align: center;
  7312. }
  7313. .widthtext{
  7314. display: inline-block;
  7315. width: 180px;
  7316. }
  7317. .widthtext1.minitext,.widthtext.minitext{
  7318. text-align: center;
  7319. }
  7320. .largecheck .el-checkbox__input.is-checked .el-checkbox__inner,.largecheck .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  7321. background-color: #8c00ff;
  7322. border: 5px solid #fff;
  7323. }
  7324. .largecheck .el-checkbox__input.is-focus .el-checkbox__input{
  7325. border: 5px solid #fff;
  7326. }
  7327. .loginright_btn.top0{
  7328. top: 0;
  7329. }
  7330. .midtext{
  7331. width: 252px;
  7332. color: rgba(0, 0, 0, 1);
  7333. font-size: 16px;
  7334. text-align: left;
  7335. margin-left: 30px;
  7336. line-height: 16px;
  7337. display: inline-block;
  7338. text-overflow: ellipsis;
  7339. overflow: hidden;
  7340. position: relative;
  7341. top: 2px;
  7342. }
  7343. .minitext{
  7344. color: rgba(98, 98, 111, 1);
  7345. font-size: 12px;
  7346. text-align: left;
  7347. }
  7348. .link{
  7349. text-decoration: none;
  7350. }
  7351. .link:hover{
  7352. color: #8c00ff;
  7353. }
  7354. .visionlist li{
  7355. line-height: 48px;
  7356. }
  7357. .visionlist li:hover{
  7358. background-color: #CCCDD7 ;
  7359. border-radius: 8px;
  7360. cursor: pointer;
  7361. }
  7362. .visionlistTitle{
  7363. color: rgba(140, 0, 255, 1);
  7364. font-size: 14px;
  7365. text-align: left;
  7366. margin-bottom: 12px;
  7367. display: block;
  7368. margin-top: 10px;
  7369. }
  7370. .linedia .el-dialog__title {
  7371. line-height: 24px;
  7372. font-size: 17px;
  7373. color: #303133;
  7374. font-weight: bolder;
  7375. }
  7376. .tankuangaodu{
  7377. height: 296px;
  7378. overflow-y: auto;
  7379. }
  7380. .yijianxietong{
  7381. display: block;
  7382. /* width: 20px;
  7383. height: 20px;
  7384. background-color: #CCCDD7;
  7385. color: #fff;
  7386. border-radius: 10px; */
  7387. position: absolute;
  7388. left: 3px;
  7389. top: 4px;
  7390. }
  7391. .yijianIcon{
  7392. font-size: 24px;
  7393. left: -2px;
  7394. top: -3px;
  7395. position: relative;
  7396. }
  7397. .isonselect{
  7398. background-color: rgba(74, 226, 166, 1);
  7399. }
  7400. .isonselect_err{
  7401. background-color: rgba(214, 36, 58, 1);
  7402. }
  7403. .isonselect_update{
  7404. background-color: rgba(74, 144, 226, 1);
  7405. }
  7406. .tipMsg{
  7407. padding: 0px 2px;
  7408. background-color: #ED1B35;
  7409. border-radius: 10px;
  7410. font-size: 12px;
  7411. color: #fff;
  7412. font-style: normal;
  7413. margin-right: 6px;
  7414. }
  7415. .yiyun_wenjian_list .isonselect_defual{
  7416. opacity: 0;
  7417. transition: ease all 0.5s;
  7418. }
  7419. .yiyun_wenjian_list:hover .isonselect_defual{
  7420. opacity: 1;
  7421. }
  7422. .el-checkbox__label {
  7423. display: unset;
  7424. font-size: 13px;
  7425. }
  7426. .filestate{
  7427. position: absolute;
  7428. top: 35%;
  7429. left: 20%;
  7430. background-color: #E3E3E3;
  7431. padding: 3px 13px;
  7432. border-radius: 18px;
  7433. font-size: 16px;
  7434. }
  7435. .nobottom .el-form-item {
  7436. margin-bottom: 0px;
  7437. }
  7438. .flex_right_pain_body input[type="password"] {
  7439. letter-spacing: 0px;
  7440. font-size: 20px;
  7441. line-height: 10px;
  7442. }
  7443. input[type="password"]::-webkit-input-placeholder {
  7444. letter-spacing: 0;
  7445. font-size: 14px;
  7446. }
  7447. input[type="password"]:-moz-placeholder {
  7448. letter-spacing: 0;
  7449. font-size: 14px;
  7450. }
  7451. input[type="password"]::-moz-placeholder {
  7452. letter-spacing: 0;
  7453. font-size: 14px;
  7454. }
  7455. input[type="password"]:-ms-input-placeholder {
  7456. letter-spacing: 0;
  7457. font-size: 14px;
  7458. }
  7459. /* 上传进度 */
  7460. /* .shangchuandinwei{
  7461. position: absolute;
  7462. top: 25%;
  7463. left: 50%;
  7464. z-index: 9999;
  7465. max-height: 500px;
  7466. overflow-y: auto;
  7467. margin-left: -280px;
  7468. padding: 20px;
  7469. border: 0px;
  7470. width: 680px;
  7471. height: 254px;
  7472. border-radius: 8px!important;
  7473. background-color: rgba(255, 255, 255, 1);
  7474. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  7475. } */
  7476. i.iconmidle{
  7477. margin-top: 16px;
  7478. }
  7479. .bianjutop{
  7480. width: 15px;
  7481. }
  7482. .bianjutop2{
  7483. width: 14px;
  7484. }
  7485. .bianjutop{
  7486. position: relative;
  7487. top: 2px;
  7488. left: -1px;
  7489. }
  7490. .fulltreebox{
  7491. height: calc(100vh - 146px);
  7492. }
  7493. .iconduiqi .el-tree-node__content>.el-tree-node__expand-icon{
  7494. width: 20px;
  7495. }
  7496. .project_gantetubox_warp{
  7497. margin-top: 5px;
  7498. }
  7499. .btn_double{
  7500. width: 343px;
  7501. background-color: rgba(255, 255, 255, 1);
  7502. margin: 0 auto;
  7503. border-radius: 8px;
  7504. box-shadow: 0 3px 6px 4px rgba(0,0,0,0.1);
  7505. overflow: hidden;
  7506. }
  7507. .btn_double button+button{
  7508. margin: 0;
  7509. }
  7510. .btn_doubleItem{
  7511. height: 38px;
  7512. border: 0;
  7513. background-color: #fff;
  7514. color: #000;
  7515. line-height: 38px;
  7516. font-size: 16px;
  7517. font-family: PingFang SC;
  7518. display: block;
  7519. text-align: center;
  7520. width: 100%;
  7521. cursor: pointer;
  7522. transition: ease all 0.5s;
  7523. }
  7524. .btn_doubleItem:hover{
  7525. color: #8C00FF;
  7526. }
  7527. .flex_rightheight2{
  7528. height: calc(100vh - 342px);
  7529. }
  7530. .flex_rightheight3{
  7531. height: calc(100vh - 282px);
  7532. }
  7533. .flex_rightheight1{
  7534. height: calc(100vh - 262px);
  7535. }
  7536. .flex_rightheight0{
  7537. height: calc(100vh - 320px);
  7538. }
  7539. .nomargin .longBtn{
  7540. margin: 8px auto;
  7541. }
  7542. .m-7-18{
  7543. margin-top: 7px;
  7544. margin-bottom: 18px;
  7545. }
  7546. .nostyle{
  7547. margin: 0;
  7548. margin-bottom: 26px;
  7549. text-align: left;
  7550. }
  7551. .largecheck .el-radio__inner::after {
  7552. width: 6px!important;
  7553. height: 12px!important;
  7554. display: block;
  7555. -webkit-box-sizing: content-box;
  7556. box-sizing: content-box;
  7557. content: "";
  7558. border: 2px solid #FFF;
  7559. border-left: 0;
  7560. border-top: 0;
  7561. height: 7px;
  7562. left: 9px;
  7563. position: absolute;
  7564. top: 10px;
  7565. -webkit-transform: rotate(45deg) scaleY(0);
  7566. transform: rotate(69deg);
  7567. width: 3px;
  7568. -webkit-transition: -webkit-transform 0s ease-in 0s;
  7569. transition: -webkit-transform 0s ease-in 0s;
  7570. transition: transform 0s ease-in 0s;
  7571. transition: transform 0s ease-in 0s, -webkit-transform 0s ease-in 0s;
  7572. transition: transform 0s ease-in 0s,-webkit-transform 0s ease-in 0s;
  7573. -webkit-transform-origin: center;
  7574. transform-origin: center;
  7575. background-color:transparent;
  7576. border-radius:0
  7577. }
  7578. .largecheck .el-radio__inner {
  7579. width: 32px!important;
  7580. height: 32px!important;
  7581. border-radius: 16px;
  7582. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  7583. border: 5px solid #fff;
  7584. background-color: #fff;
  7585. transform: rotate(45deg);
  7586. }
  7587. .largecheck .el-radio__input.is-checked .el-radio__inner {
  7588. border-color: #ffffff!important;
  7589. background: #8c00ff!important;
  7590. }
  7591. .fileItemlistBox li{
  7592. padding: 0 16px;
  7593. height: 44px;
  7594. line-height: 44px;
  7595. transition: ease all 0.5s;
  7596. }
  7597. .fileItemlistBox li .el-radio__label{
  7598. font-size: 15px;
  7599. line-height: 44px;
  7600. }
  7601. .fileItemlistBox li:hover{
  7602. background-color: #f2f2f2;
  7603. }
  7604. .dulihang .el-radio__label::after{
  7605. content: '';
  7606. height: 1px;
  7607. width: 292px;
  7608. display: block;
  7609. background-color: #d8d8d8;
  7610. margin-left: 44px;
  7611. }
  7612. .largeBtn.el-button{
  7613. width: 305px;
  7614. height: 32px;
  7615. border-radius: 8px;
  7616. }
  7617. .mb-15{
  7618. margin-bottom: 16px;
  7619. }
  7620. .footernobianju .el-dialog__footer{
  7621. padding: 10px 0;
  7622. }
  7623. .bianjubtn{
  7624. margin: 0 23px;
  7625. margin-bottom: 6px;
  7626. }
  7627. .eldialogheight .el-dialog{
  7628. height: 310px;
  7629. }
  7630. .DiacenterBox{
  7631. height: 130px;
  7632. }
  7633. .logoarea{
  7634. display: flex;
  7635. justify-content: center;
  7636. align-items: center;
  7637. position: absolute;
  7638. width: calc(100vw);
  7639. height: calc(100vh);
  7640. top: 0px;
  7641. background-color: transparent;
  7642. }
  7643. .logintitlefirst span{
  7644. display: block;
  7645. line-height: 67px;
  7646. }
  7647. .intentinput .el-input__inner{
  7648. text-indent: 16px;
  7649. }
  7650. .loginimgboxa{
  7651. position: relative;
  7652. height: 429px;
  7653. width: 369px;
  7654. clip-path: polygon(
  7655. 0 25%,
  7656. 50% 0,
  7657. 100% 25%,
  7658. 100% 75%,
  7659. 50% 100%,
  7660. 0 75%
  7661. );
  7662. background: #33333d;
  7663. display: flex;
  7664. justify-content: center;
  7665. align-items: center;
  7666. z-index: 1;
  7667. }
  7668. .loginimgbordera{
  7669. position: absolute;
  7670. width: 100%;
  7671. z-index: 3;
  7672. }
  7673. .loginimgboxImga{
  7674. position: absolute;
  7675. background-size: 100%;
  7676. max-width: 100%;
  7677. max-height: 100%;
  7678. z-index: 2;
  7679. }
  7680. .righttabs .el-tabs__item{
  7681. padding: 0;
  7682. height: 40px;
  7683. font-weight: 500;
  7684. color: #000;
  7685. width: 187px;
  7686. text-align: center;
  7687. }
  7688. .righttabs .el-tabs__header{
  7689. margin: 0;
  7690. }
  7691. .righttabs .el-tabs__content{
  7692. overflow: inherit;
  7693. }
  7694. .righttabs .el-tabs__item.is-active{
  7695. color: #ED1B35;
  7696. }
  7697. .eidtTip{
  7698. position: absolute;
  7699. left: 50%;
  7700. top: 27%;
  7701. width: 86px;
  7702. height: 28px;
  7703. color: rgba(0, 0, 0, 1);
  7704. font-size: 12px;
  7705. line-height: 28px;
  7706. border-radius: 21px;
  7707. text-align: center;
  7708. background-color: #E3E3E3;
  7709. display: block;
  7710. margin-left: -43px;
  7711. }
  7712. .tixinpage{
  7713. overflow: hidden;
  7714. }
  7715. .opitcy1{
  7716. opacity: 1;
  7717. }
  7718. .opitcy0{
  7719. opacity: 0.5;
  7720. }
  7721. .settingIcon.minisize{
  7722. font-size: 16px;
  7723. margin-right: 4px;
  7724. }
  7725. .finger{
  7726. cursor: pointer;
  7727. }
  7728. .filelist{
  7729. overflow: hidden;
  7730. padding: 6px 0;
  7731. }
  7732. .filelist:nth-child(2n){
  7733. padding-right: 0px;
  7734. }
  7735. .filelist:nth-child(2n+1){
  7736. padding-right: 10px;
  7737. }
  7738. .filelist>span{
  7739. font-size: 15px;
  7740. }
  7741. .icon-icon_yijianxietong{
  7742. font-size: 18px;
  7743. top: 0;
  7744. left: 0;
  7745. }
  7746. .redtext{
  7747. color: #ED1B35;
  7748. }
  7749. .yiyun_headerfr_item_r>div span.dulibianjuspan{
  7750. margin-left: 10px;
  7751. }
  7752. .linkbtngroup{
  7753. display: inline-block;
  7754. /* overflow: hidden; */
  7755. position: relative;
  7756. }
  7757. .appiframebox{
  7758. width: calc(100vw - 40px);
  7759. height: calc(100vh - 54px);
  7760. overflow-y: auto;
  7761. }
  7762. .fullscreenDia .el-dialog__header{
  7763. padding: 5px 20px 0px;
  7764. }
  7765. .fullscreenDia .el-dialog__body{
  7766. padding: 0px 20px;
  7767. }
  7768. .fullscreenDia .el-dialog{
  7769. border-radius: 0;
  7770. }
  7771. .fullscreenDia .el-dialog__headerbtn {
  7772. top: 0px;
  7773. }
  7774. .bottext{
  7775. color: rgba(74, 74, 74, 1);
  7776. font-size: 14px;
  7777. text-align: left;
  7778. font-family: PingFang SC;
  7779. }
  7780. .textcolor1{
  7781. color: #32323C;
  7782. font-family: PingFang SC;
  7783. }
  7784. .botbtnr{
  7785. position: absolute;
  7786. bottom: 0px;
  7787. right: 10px;
  7788. }
  7789. .introlisttitle{
  7790. padding: 0 16px;
  7791. }
  7792. .topprev{
  7793. top: 10px;
  7794. }
  7795. h5.dulilabel{
  7796. font-size: 15px;
  7797. font-weight: 500;
  7798. margin-top: 12px;
  7799. }
  7800. .el-tree-node__content .el-dropdown{
  7801. opacity: 0;
  7802. }
  7803. .el-tree-node__content:hover>.custom-tree-node .el-dropdown{
  7804. opacity: 1;
  7805. }
  7806. .rightdesc{
  7807. font-family: PingFang SC;
  7808. font-weight: 400;
  7809. font-size: 15px;
  7810. line-height: 30px;
  7811. margin-top: 20px;
  7812. }
  7813. .fixtable{
  7814. /* border: 1px solid #cdd; */
  7815. width: calc(100vw - 122px);
  7816. height: calc(100vh - 150px);
  7817. overflow: scroll;
  7818. position: relative;
  7819. float: left;
  7820. top: 0px;
  7821. left: 0px;
  7822. font-size: 12px;
  7823. }
  7824. .bg1 {
  7825. position: fixed;
  7826. z-index: 10001;
  7827. width: 100px;
  7828. left: auto;
  7829. top: auto;
  7830. }
  7831. .bg2 {
  7832. position: sticky;
  7833. top: 0px;
  7834. margin-left: 192px;
  7835. /* width: 500px; */
  7836. z-index: 1000;
  7837. }
  7838. .bg3 {
  7839. left: 0px;
  7840. float: left;
  7841. position: sticky;
  7842. z-index: 1000;
  7843. width: 100px;
  7844. }
  7845. .bg4 {
  7846. left: 192px;
  7847. /* width: 500px; */
  7848. position: absolute;
  7849. }
  7850. .bg1,.bg2,.bg3,.bg4{
  7851. border-collapse:collapse;
  7852. border:none;
  7853. }
  7854. .bg1 td,.bg2 td,.bg3 td,.bg4 td{
  7855. border:solid #cdcdcd 1px;
  7856. }
  7857. .row-w-60{
  7858. width: 60px;
  7859. text-align: center;
  7860. }
  7861. .col-h-30{
  7862. height: 30px;
  7863. line-height: 30px;
  7864. }
  7865. .col-h-60{
  7866. height: 60px;
  7867. line-height: 60px;
  7868. overflow: hidden;
  7869. }
  7870. .col-h-58{
  7871. height: 60px;
  7872. line-height: 60px;
  7873. text-align: center;
  7874. }
  7875. .row-w-130{
  7876. width: 130px;
  7877. overflow: hidden;
  7878. text-align: center;
  7879. }
  7880. .tdheight{
  7881. height: 58px;
  7882. overflow: hidden;
  7883. }
  7884. .bg_write{
  7885. background-color: #fff;
  7886. }
  7887. .bg_gray_th{
  7888. background-color: #e3e3e3;
  7889. }
  7890. .bg_gray_td{
  7891. background-color: #ebebeb;
  7892. }
  7893. .bg_druk{
  7894. background-color: #adadad;
  7895. }
  7896. /* .listTemplateList li:hover,.selected{
  7897. background-color: rgba(204, 205, 215, 1);
  7898. } */
  7899. .listTemplateList li{
  7900. height: 48px;
  7901. border-radius: 8px;
  7902. margin: 8px 10px;
  7903. padding: 0 16px;
  7904. overflow: hidden;
  7905. line-height: 48px;
  7906. transition: ease all 0.5s;
  7907. cursor: pointer;
  7908. }
  7909. .listTemplateTextBig{
  7910. color: rgba(50, 50, 60, 1);
  7911. font-size: 18px;
  7912. width: 95px;
  7913. display: inline-block;
  7914. font-weight: 600;
  7915. }
  7916. .listTemplateText{
  7917. color: rgba(0, 0, 0, 1);
  7918. font-size: 15px;
  7919. text-align: left;
  7920. }
  7921. .diaTitle{
  7922. font-size: 17px;
  7923. }
  7924. .yuandian{
  7925. position: relative;
  7926. /* width: 158px; */
  7927. }
  7928. .yuandian:last-child .conterpoint {
  7929. width: 108px !important;
  7930. }
  7931. .upList{
  7932. top: 0;
  7933. }
  7934. .upList,.bottomlist{
  7935. position: absolute;
  7936. left: 8px;
  7937. }
  7938. .bottomlist{
  7939. position: absolute;
  7940. top: 22px;
  7941. }
  7942. .enterPoint,.outPoint{
  7943. position: absolute;
  7944. left: 7px;
  7945. }
  7946. .enterPoint{
  7947. bottom: 40px;
  7948. }
  7949. .outPoint{
  7950. top: 50px;
  7951. }
  7952. .enterPoint button,.outPoint button{
  7953. display: block;
  7954. margin-bottom: 16px;
  7955. }
  7956. .enterPoint .leftlinebox+.leftlinebox,.outPoint .leftlinebox+.leftlinebox{
  7957. margin: 0px;
  7958. margin-bottom: 10px;
  7959. }
  7960. .linkBtn1,.linkBtn2{
  7961. border: 1.5px dashed transparent;
  7962. height: 32px;
  7963. border-radius: 4px;
  7964. color: rgba(142, 144, 159, 1);
  7965. font-size: 13px;
  7966. font-family: PingFangSC-Regular;
  7967. transition: ease all 0.5s;
  7968. cursor: pointer;
  7969. padding: 0 10px;
  7970. }
  7971. .linkBtn1:hover,.linkBtn2:hover{
  7972. border-color:#4A90E2 ;
  7973. color: #4A90E2;
  7974. }
  7975. .linkBtn1{
  7976. background-color: rgba(255, 255, 255, 1);
  7977. }
  7978. .linkBtn2{
  7979. background-color: rgba(227, 227, 227, 1);
  7980. min-width: 72px;
  7981. max-width: 120px;
  7982. }
  7983. .enterLine{
  7984. width: 1px;
  7985. height: 20px;
  7986. background-color: rgba(204, 205, 215, 1);
  7987. position: absolute;
  7988. left: 0;
  7989. bottom: 0px;
  7990. }
  7991. .outLine{
  7992. position: relative;
  7993. width: 1px;
  7994. height: 20px;
  7995. background-color: rgba(204, 205, 215, 1);
  7996. top: 17px;
  7997. left: -7px;
  7998. }
  7999. .bottomenter{
  8000. position: absolute;
  8001. bottom: -6px;
  8002. left: -10px;
  8003. color: #CCCDD7;
  8004. font-size: 20px;
  8005. }
  8006. .leftlinebox{
  8007. position: relative;
  8008. display: block;
  8009. line-height: 30px;
  8010. margin-bottom: 11px;
  8011. }
  8012. .leftline{
  8013. position: absolute;
  8014. display: block;
  8015. width: 8px;
  8016. height: 1px;
  8017. position: absolute;
  8018. left: -8px;
  8019. top: 50%;
  8020. background-color: rgba(204, 205, 215, 1);
  8021. }
  8022. .leftline::after{
  8023. content: '';
  8024. height: 48px;
  8025. width: 1px;
  8026. position: absolute;
  8027. left: -1px;
  8028. top: 50%;
  8029. background-color: rgba(204, 205, 215, 1);
  8030. }
  8031. .worllistt2{
  8032. display: -webkit-box;
  8033. -webkit-box-orient: vertical;
  8034. -webkit-line-clamp: 1;
  8035. overflow: hidden;
  8036. }
  8037. .leftlin2{
  8038. height: 40px;
  8039. width: 1px;
  8040. position: relative;
  8041. background-color: rgba(204, 205, 215, 1);
  8042. left: 0;
  8043. top: 30px;
  8044. }
  8045. .conterpoint{
  8046. position: relative;
  8047. width: 157px;
  8048. }
  8049. /* .conterpoint:last-child{
  8050. width: 200px;
  8051. } */
  8052. .worningalert{
  8053. position: relative;
  8054. width: 355px;
  8055. height: 22px;
  8056. border-radius: 4px;
  8057. background-color: rgba(214, 36, 58, 1);
  8058. top: -14px;
  8059. text-indent: 16px;
  8060. color: #fff;
  8061. }
  8062. .EC_searchBox .el-input-group__prepend {
  8063. background-color: #ffffff;
  8064. vertical-align: middle;
  8065. display: table-cell;
  8066. position: relative;
  8067. border: 0px solid #ffffff;
  8068. white-space: nowrap;
  8069. position: absolute;
  8070. left: 7px;
  8071. padding: 0;
  8072. width: 0;
  8073. }
  8074. #bigbody{
  8075. height: calc(100vh - 40px);
  8076. overflow-y: auto;
  8077. }
  8078. .scorllbaron{
  8079. background-color: #fff;
  8080. box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  8081. }
  8082. /* 滑动的时候 顶部导航栏的底部阴影 */
  8083. .header-bottom-shadow::after {
  8084. /* box-shadow: 0 18px 18px 0 #f1f1f1; */
  8085. content:'';
  8086. display: block;
  8087. width: 100%;
  8088. height: 30px;
  8089. background: linear-gradient(rgba(#000, .06),rgba(#000, 0));
  8090. }
  8091. .tinylabel{
  8092. font-size: 12px;
  8093. display: block;
  8094. line-height: 20px;
  8095. color: #888;
  8096. }
  8097. .newapplay li{
  8098. height: 59px;
  8099. border-bottom: 1px solid #cccdd7;
  8100. margin: 0 16px;
  8101. padding: 0;
  8102. }
  8103. .searchPagebox{
  8104. width: calc(100vw - 60px);
  8105. height: calc(100vh - 75px);
  8106. }
  8107. .searchPagebox2{
  8108. width: calc(100vw - 120px);
  8109. margin: 0 auto;
  8110. }
  8111. .bj_label{
  8112. font-size: 14px;
  8113. color: #8e909f;
  8114. }
  8115. /* 适配 */
  8116. @media(max-width:1600px) {
  8117. .yiyun-col-md-4{
  8118. width: 33.3%
  8119. }
  8120. }
  8121. @media(max-width:1337px) {
  8122. .yiyun-col-md-4{
  8123. width: 33.3%
  8124. }
  8125. .yiyun_headerce>span {
  8126. padding: 13px 15px;
  8127. }
  8128. .LoginTitleWel{
  8129. top: 60px;
  8130. }
  8131. .loginbox{
  8132. bottom: 60px;
  8133. }
  8134. }
  8135. @media(max-width:1025px) {
  8136. .yiyun-col-sm-6{
  8137. width: 50%;
  8138. }
  8139. .bottomdialog {
  8140. width: calc(100vw - 20px);
  8141. left: calc(-50vw + 10px);
  8142. }
  8143. .yiyun_dialog_left {
  8144. margin-left: 20px;
  8145. }
  8146. .yiyun_dialog_right{
  8147. right: 20px;
  8148. }
  8149. .yiyun_headerce>span {
  8150. padding: 13px 9px;
  8151. }
  8152. .LoginTitleWel {
  8153. top: 30px;
  8154. font-size: 39px;
  8155. }
  8156. .logintitlefirst span {
  8157. line-height: 45px;
  8158. }
  8159. .loginlabel {
  8160. font-size: 22px;
  8161. }
  8162. .loginbox {
  8163. bottom: 30px;
  8164. }
  8165. }
  8166. @media(max-width:768px) {
  8167. .yiyun-col-ty-12{
  8168. width: 100%
  8169. }
  8170. .yiyun_headerce>span {
  8171. padding: 13px 8px;
  8172. font-size: 16px;
  8173. }
  8174. }
  8175. .drop_areabox{
  8176. position: fixed;
  8177. z-index: 999;
  8178. width: 480px;
  8179. height: 300px;
  8180. background-color: #ccc;
  8181. top: 50%;
  8182. left: 50%;
  8183. margin-left: -240px;
  8184. margin-top: -150px;
  8185. border: 1px dashed #8c00ff;
  8186. background-color: #ebebf2;
  8187. color: #8c00ff;
  8188. display: flex;
  8189. flex-direction: column;
  8190. justify-content: center;
  8191. align-items: center;
  8192. border-radius: 10px;
  8193. }
  8194. .yywenjiantitle{
  8195. display: inline-block;
  8196. width: 92px;
  8197. height: 31px;
  8198. color: #a7a8b7;
  8199. font-size: 18px;
  8200. line-height:31px;
  8201. margin-right: 16px;
  8202. border-radius: 4px;
  8203. background-color: transparent;
  8204. text-align: center;
  8205. cursor: pointer;
  8206. }
  8207. .yywenjiantitle.yyactive,.yywenjiantitle:hover{
  8208. color: #32323c;
  8209. background:#CCCDD7;
  8210. }
  8211. .fuzeren{
  8212. overflow: hidden;
  8213. padding-bottom: 11px;
  8214. border-bottom: 1px solid #8e909f;
  8215. }
  8216. .el-icon-warning::before{
  8217. content: "";
  8218. display: inline-block;
  8219. width: 28px;
  8220. height: 28px;
  8221. background-color: #ccc;
  8222. background: url(/static/img/icon_pic_01.png) no-repeat -180px 0px;
  8223. }
  8224. .el-icon-close::before {
  8225. content: "";
  8226. }
  8227. .el-icon-error::before{
  8228. content: "";
  8229. display: inline-block;
  8230. width: 28px;
  8231. height: 28px;
  8232. background-color: #ccc;
  8233. background: url(/static/img/严重警示.svg) no-repeat;
  8234. }
  8235. .selfupdate .webuploader-pick{
  8236. width: 120px
  8237. }
  8238. .right-algin{
  8239. text-align: right
  8240. }
  8241. .downloadIcon{
  8242. position: absolute;
  8243. width: 100%;
  8244. height: 120px;
  8245. left: 0;
  8246. top: 0;
  8247. }
  8248. .downloadIcon img,.downloadIcon span{
  8249. position: relative;
  8250. top: 30px;
  8251. }
  8252. .downloadIcon img.imgjuzhong,.downloadIcon span.spanjuzhong{
  8253. position: relative;
  8254. top: 45px;
  8255. }
  8256. .uploadText{
  8257. position: relative;
  8258. top: 40px;
  8259. left: 30px;
  8260. font-size: 13px
  8261. }
  8262. .minifont{
  8263. font-size: 11px;
  8264. color: #71717d;
  8265. margin-top: 2px
  8266. }
  8267. .largeicon{
  8268. color: #000;
  8269. font-size: 22px
  8270. }
  8271. .titlebar_head{
  8272. display: flex;
  8273. justify-content: space-between;
  8274. }
  8275. .toumin{
  8276. opacity: 0.5;
  8277. }
  8278. .showdowfix{
  8279. position: fixed;
  8280. background: linear-gradient(rgba(255, 255, 255, 0),rgba(0, 0, 0, 0.15));
  8281. height: 60px;
  8282. width: 100%;
  8283. bottom: 0;
  8284. }
  8285. .el-message-box__message p{
  8286. display: -webkit-box;
  8287. -webkit-box-orient: vertical;
  8288. /* -webkit-line-clamp: 3; */
  8289. overflow: hidden;
  8290. font-weight: 400;
  8291. word-break: break-all;
  8292. }
  8293. .mainbtn{
  8294. color: #8c00ff!important
  8295. }
  8296. .redbtn{
  8297. color: #d6243a!important
  8298. }
  8299. /* 竖线 */
  8300. .vertical-line {
  8301. float: left;
  8302. position: relative;
  8303. top: 12px;
  8304. width: 1px;
  8305. height: 24px;
  8306. background-color: rgba(153, 155, 157, 1);
  8307. margin: 0 7px 0 0;
  8308. }
  8309. /* 使用flex布局 */
  8310. .use-flex {
  8311. display: flex;
  8312. flex-wrap: wrap;
  8313. }
  8314. /* 相对定位 */
  8315. .use-relative {
  8316. position: relative;
  8317. }
  8318. /* 新项目人员列表超出部分滚动条样式 */
  8319. /* 滚动条样式 */
  8320. .personnel-list .content-wrap::-webkit-scrollbar,
  8321. .proj-detail .right-part .part-wrap::-webkit-scrollbar,
  8322. .proj-detail .proj-desc-wrap::-webkit-scrollbar,
  8323. .proj-detail .summary-wrap::-webkit-scrollbar,
  8324. .template_improve .summary-wrap::-webkit-scrollbar,
  8325. .template_nest .template_select_content::-webkit-scrollbar,
  8326. .template_improve .template_improve_content::-webkit-scrollbar,
  8327. .new-proj .template_select_content::-webkit-scrollbar {
  8328. width: 8px;
  8329. height: 8px;
  8330. border-radius: 4px;
  8331. /*其他样式,比如圆角等*/
  8332. }
  8333. /*滑块样式*/
  8334. .personnel-list .content-wrap::-webkit-scrollbar-thumb,
  8335. .right-part .part-wrap::-webkit-scrollbar-thumb,
  8336. .proj-detail .proj-desc-wrap::-webkit-scrollbar-thumb,
  8337. .proj-detail .summary-wrap::-webkit-scrollbar-thumb,
  8338. .template_improve .summary-wrap::-webkit-scrollbar-thumb,
  8339. .template_nest .template_select_content::-webkit-scrollbar-thumb,
  8340. .template_improve .template_improve_content::-webkit-scrollbar-thumb,
  8341. .new-proj .template_select_content::-webkit-scrollbar-thumb {
  8342. -webkit-border-radius: 4px;
  8343. border-radius: 4px;
  8344. height: 300px;
  8345. background-color: #adadad;
  8346. /* transition: background-color .3s linear; */
  8347. }
  8348. /* 当一定时间内不进行操作时滚动条修改颜色与底色一致 */
  8349. /* .hide-scrollbar-thumb {
  8350. background-color: #fcfcfc !important;
  8351. } */
  8352. /*当前窗口失去焦点时的滑块样式*/
  8353. .personnel-list .content-wrap::-webkit-scrollbar-thumb:window-inactive,
  8354. .right-part .part-wrap::-webkit-scrollbar-thumb:window-inactive,
  8355. .proj-detail .proj-desc-wrap::-webkit-scrollbar-thumb:window-inactive,
  8356. .proj-detail .summary-wrap::-webkit-scrollbar-thumb:window-inactive,
  8357. .template_improve .summary-wrap::-webkit-scrollbar-thumb:window-inactive,
  8358. .new-proj .template_select_content::-webkit-scrollbar-thumb:window-inactive {
  8359. background-color: #adadad;
  8360. /* background-color: transparent; */
  8361. }
  8362. /* 当前选中的工作负责人的框 */
  8363. .active-manager-mark {
  8364. border: 2px solid #7850ff;
  8365. border-radius: 8px;
  8366. background-color: #dededf;
  8367. }
  8368. .active-manager-mark-bottom-name {
  8369. position: relative;
  8370. top: -7px;
  8371. border-bottom-right-radius: 8px;
  8372. border-bottom-left-radius: 8px;
  8373. padding: 8px 0 5px;
  8374. width: 100%;
  8375. background-color: #7850ff;
  8376. color: rgba(255, 255, 255, 100);
  8377. font-size: 11px;
  8378. text-align: center;
  8379. z-index: 1;
  8380. font-family: PingFangSC-Regular;
  8381. }
  8382. /* 展示的负责人的框 */
  8383. .manager-mark {
  8384. border: 4px dashed rgba(140, 0, 255, 1) !important;
  8385. }
  8386. .mr-8 {
  8387. margin: 0 8px 0 0;
  8388. }
  8389. .ml-4 {
  8390. margin: 0 0 0 4px;
  8391. }
  8392. .mb-32 {
  8393. margin: 0 0 32px 4px;
  8394. }
  8395. .mt-32 {
  8396. margin: 32px 0 0 0;
  8397. }
  8398. /* 当前要进行工作指派的文件夹样式 */
  8399. .active-folder {
  8400. background-color: #dededf;
  8401. border-radius: 8px;
  8402. background-color: rgba(50, 50, 60, 0.15);
  8403. }
  8404. .folder-hover:hover {
  8405. border-radius: 8px;
  8406. background-color: rgba(50, 50, 60, 0.15);
  8407. }
  8408. /* 清除 浮动 */
  8409. .clear-fix::after {
  8410. content: '';
  8411. display: block;
  8412. clear: both;
  8413. height: 0;
  8414. visibility: hidden;
  8415. }
  8416. /* 新建样本文件弹框显示的图片 */
  8417. .defultImage-small {
  8418. margin: 0 auto;
  8419. width: 70px;
  8420. height: 70px;
  8421. background: url(/static/img/defult-mid.png) center/100%;
  8422. }
  8423. .video-small {
  8424. height: 70px;
  8425. width: 70px;
  8426. background: url(/static/img/FileType/video.svg) center/100%;
  8427. margin: 0 auto;
  8428. }
  8429. .border-box {
  8430. box-sizing: border-box;
  8431. }
  8432. /* 文件左上角图标 */
  8433. .green-icon, .gray-icon , .blue-icon {
  8434. display: block;
  8435. width: 24px;
  8436. height: 24px;
  8437. }
  8438. /* 绿色协同图标 */
  8439. .green-icon {
  8440. background: url('/static/img/FileStatus/已协同协同.svg') center/100%;
  8441. }
  8442. /* 灰色图标 未启用协同*/
  8443. .gray-icon {
  8444. background: url('/static/img/FileStatus/未启用协同.svg') center/100%;
  8445. }
  8446. /* 蓝色图标 待更新协同 */
  8447. .blue-icon {
  8448. background: url('/static/img/FileStatus/待更新协同.svg') center/100%;
  8449. }
  8450. /* 新版项目概况 工作指派微调样式 */
  8451. .header-wrap .app-header-back-btn {
  8452. left: 24px !important;
  8453. }
  8454. .header-wrap .app-header-content {
  8455. padding: 0 48px !important;
  8456. }
  8457. .adjust-top-radius {
  8458. border-top-left-radius: 8px;
  8459. border-top-right-radius: 8px;
  8460. }
  8461. /* 总后台 思维导图样式修改 */
  8462. #TszMind {
  8463. height: calc(100vh - 60px - 80px - 30px);
  8464. width: calc(100vw - 64px - 20px);
  8465. overflow: scroll;
  8466. }
  8467. /* 点击了节点按钮 右侧弹窗显示的时候修改左侧思维导图的宽度 */
  8468. .adjust-TszMind-pos {
  8469. width: calc(100vw - 30px - 375px - 64px - 20px) !important;
  8470. }
  8471. #TszMind::-webkit-scrollbar {
  8472. width: 8px;
  8473. height: 8px;
  8474. border-radius: 4px;
  8475. /*其他样式,比如圆角等*/
  8476. }
  8477. /*滑块样式*/
  8478. #TszMind::-webkit-scrollbar-thumb {
  8479. -webkit-border-radius: 4px;
  8480. border-radius: 4px;
  8481. height: 300px;
  8482. background-color: #adadad;
  8483. /* transition: background-color .3s linear; */
  8484. }
  8485. /*当前窗口失去焦点时的滑块样式*/
  8486. #TszMind::-webkit-scrollbar-thumb:window-inactive {
  8487. background-color: #adadad;
  8488. }
  8489. #TszMind::-webkit-scrollbar-button {
  8490. /* display: none; */
  8491. }
  8492. /* 使用translate 和 绝对定位 实现水平和垂直居中 */
  8493. .vert-hori-center {
  8494. position: absolute;
  8495. top: 50%;
  8496. left: 50%;
  8497. transform: translate(-50%, -50%);
  8498. }