Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
 
 
 
 

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