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

9200 行
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. .video-mid{
  2352. position: relative;
  2353. top: 18px;
  2354. left: 15px;
  2355. }
  2356. .txt {
  2357. background: url("/static/img/fileType/txt.svg") no-repeat;
  2358. }
  2359. .txt-mid {
  2360. background: url("/static/img/fileType/txt.svg") no-repeat;
  2361. background-size:80% 76%;
  2362. }
  2363. .zip{
  2364. background: url("/static/img/fileType/zip.svg") no-repeat;
  2365. }
  2366. .zip-mid{
  2367. background: url("/static/img/fileType/zip.svg") no-repeat;
  2368. background-size:80% 76%;
  2369. }
  2370. .ae{
  2371. background: url("/static/img/fileType/ae.svg") no-repeat;
  2372. }
  2373. .ae-mid{
  2374. background: url("/static/img/fileType/ae.svg") no-repeat;
  2375. background-size:80% 76%;
  2376. }
  2377. .ai{
  2378. background: url("/static/img/fileType/ai.svg") no-repeat;
  2379. }
  2380. .ai-mid{
  2381. background: url("/static/img/fileType/ai.svg") no-repeat;
  2382. background-size:80% 76%;
  2383. }
  2384. .idml{
  2385. background: url("/static/img/fileType/idml.svg") no-repeat;
  2386. }
  2387. .idml-mid{
  2388. background: url("/static/img/fileType/idml.svg") no-repeat;
  2389. background-size:80% 76%;
  2390. }
  2391. .indd{
  2392. background: url("/static/img/fileType/indd.svg") no-repeat;
  2393. }
  2394. .indd-mid{
  2395. background: url("/static/img/fileType/indd.svg") no-repeat;
  2396. background-size:80% 76%;
  2397. }
  2398. .mp3{
  2399. background: url("/static/img/fileType/mp3.svg") no-repeat;
  2400. }
  2401. .mp3-mid{
  2402. background: url("/static/img/fileType/mp3.svg") no-repeat;
  2403. background-size:80% 76%;
  2404. }
  2405. .pr{
  2406. background: url("/static/img/fileType/pr.svg") no-repeat;
  2407. }
  2408. .pr-mid{
  2409. background: url("/static/img/fileType/pr.svg") no-repeat;
  2410. background-size:80% 76%;
  2411. }
  2412. .ps{
  2413. background: url("/static/img/fileType/ps.svg") no-repeat;
  2414. }
  2415. .ps-mid{
  2416. background: url("/static/img/fileType/ps.svg") no-repeat;
  2417. background-size:80% 76%;
  2418. }
  2419. .sketch{
  2420. background: url("/static/img/fileType/sketch.svg") no-repeat;
  2421. }
  2422. .sketch-mid{
  2423. background: url("/static/img/fileType/sketch.svg") no-repeat;
  2424. background-size:80% 76%;
  2425. }
  2426. .video{
  2427. background: url("/static/img/fileType/video.svg") no-repeat;
  2428. }
  2429. .video-mid{
  2430. background: url("/static/img/fileType/video.svg") no-repeat;
  2431. background-size:80% 76%;
  2432. }
  2433. .xmind{
  2434. background: url("/static/img/fileType/xmind.svg") no-repeat;
  2435. }
  2436. .xmind-mid{
  2437. background: url("/static/img/fileType/xmind.svg") no-repeat;
  2438. background-size:80% 76%;
  2439. }
  2440. .skp{
  2441. background: url("/static/img/bgtupian.png") no-repeat -1800px 0;
  2442. }
  2443. .skp-mid{
  2444. background: url("/static/img/bgtupian.png") no-repeat -1371px -200px;
  2445. }
  2446. .rvt{
  2447. background: url("/static/img/bgtupian.png") no-repeat -1980px 0;
  2448. }
  2449. .rvt-mid{
  2450. background: url("/static/img/bgtupian.png") no-repeat -1507px -200px;
  2451. }
  2452. .rar{
  2453. background: url("/static/img/bgtupian.png") no-repeat -2160px 0;
  2454. }
  2455. .rar-mid{
  2456. background: url("/static/img/bgtupian.png") no-repeat -1642px -200px;
  2457. }
  2458. .nwc{
  2459. background: url("/static/img/bgtupian.png") no-repeat -2340px 0;
  2460. }
  2461. .nwc-mid{
  2462. background: url("/static/img/bgtupian.png") no-repeat -1779px -200px;
  2463. }
  2464. .max{
  2465. background: url("/static/img/bgtupian.png") no-repeat -2520px 0;
  2466. }
  2467. .max-mid{
  2468. background: url("/static/img/bgtupian.png") no-repeat -1915px -200px;
  2469. }
  2470. .dxf{
  2471. background: url("/static/img/bgtupian.png") no-repeat -2700px 0;
  2472. }
  2473. .dxf-mid{
  2474. background: url("/static/img/bgtupian.png") no-repeat -2051px -200px;
  2475. }
  2476. .dwg{
  2477. background: url("/static/img/bgtupian.png") no-repeat -2880px 0;
  2478. }
  2479. .dwg-mid{
  2480. background: url("/static/img/bgtupian.png") no-repeat -2183px -200px;
  2481. }
  2482. /* yun icon end */
  2483. .svfzip {
  2484. background: url("/static/img/AppHeadImg/appImg_com.png") 0 -1438px no-repeat;
  2485. }
  2486. .svfzip-mid {
  2487. background: url("/static/img/AppHeadImg/appImg_com.png") -178px -1414px no-repeat;
  2488. }
  2489. .map {
  2490. background: url("/static/img/AppHeadImg/appImg_com.png") 0 -1259px no-repeat;
  2491. }
  2492. .map-mid {
  2493. background: url("/static/img/AppHeadImg/appImg_com.png") -180px -1278px no-repeat;
  2494. }
  2495. .supermap{
  2496. background: url("/static/img/AppHeadImg/appImg_com.png") 0 -1620px no-repeat;
  2497. }
  2498. .supermap-mid{
  2499. background: url("/static/img/AppHeadImg/appImg_com.png") -180px -1550px no-repeat;
  2500. }
  2501. .showAllAppProject {
  2502. height: auto;
  2503. }
  2504. .bianju_item_fr2 {
  2505. margin-right: 0;
  2506. }
  2507. .yiyun_header .flex_right_pain_head {
  2508. line-height: 22px;
  2509. }
  2510. .yiyun_header .flex_right_pain_body {
  2511. line-height: 22px;
  2512. }
  2513. .user_Img {
  2514. width: 100px;
  2515. height: 100px;
  2516. margin: 20px auto 8px auto;
  2517. background-color: #DCDCDC;
  2518. border-radius: 50px;
  2519. overflow: hidden;
  2520. display: flex;
  2521. justify-content: center;
  2522. align-items: center;
  2523. }
  2524. .self_Inputwork {
  2525. margin: 10px 0;
  2526. font-weight: bold;
  2527. font-size: 16px;
  2528. height: 30px;
  2529. line-height: 30px;
  2530. border-radius: 15px;
  2531. line-height: 30px;
  2532. }
  2533. .addself_workbtn {
  2534. width: 382px;
  2535. height: 30px;
  2536. border-radius: 21px;
  2537. font-size: 14px;
  2538. color: #000;
  2539. background-color: rgba(227, 227, 227, 1);
  2540. border: 0.5px solid rgba(212, 212, 212, 1);
  2541. transition: all ease 0.5s;
  2542. }
  2543. .webuploader-pick {
  2544. width: 382px;
  2545. height: 30px;
  2546. padding: 0 !important;
  2547. line-height: 30px;
  2548. border-radius: 21px !important;
  2549. font-size: 13px;
  2550. color: #000 !important;
  2551. background-color: rgba(227, 227, 227, 1) !important;
  2552. border: 0.5px solid rgba(212, 212, 212, 1) !important;
  2553. transition: all ease 0.5s;
  2554. }
  2555. .webuploader-pick:hover {
  2556. background: #9c23ff !important;
  2557. border-color: #9c23ff !important;
  2558. color: #fff !important;
  2559. }
  2560. .user_Img img {
  2561. max-width: 100px;
  2562. max-height: 100px;
  2563. }
  2564. .userNamelabel {
  2565. text-align: center;
  2566. font-size: 18px;
  2567. margin-bottom: 19px;
  2568. }
  2569. .rightLabel {
  2570. line-height: 42px;
  2571. cursor: pointer;
  2572. color: rgba(235, 235, 242, 1);
  2573. font-size: 12px;
  2574. }
  2575. .rightLabelDelete {
  2576. margin-right: 10px;
  2577. }
  2578. .touxiangBox {
  2579. width: 120px;
  2580. margin: 0 auto;
  2581. }
  2582. .editImgHead .el-dialog {
  2583. width: 30%;
  2584. }
  2585. .floderselect.el-select {
  2586. width: 100%;
  2587. }
  2588. .right-list_btn {
  2589. float: right;
  2590. color: #9b9b9b;
  2591. line-height: 44px;
  2592. font-size: 26px;
  2593. margin-right: -6px;
  2594. }
  2595. #upload_btn {
  2596. opacity: 0;
  2597. display: block;
  2598. width: 1px;
  2599. overflow: hidden;
  2600. margin-right: 0;
  2601. }
  2602. .left-list_btn {
  2603. float: left;
  2604. color: #9b9b9b;
  2605. line-height: 24px;
  2606. font-size: 30px;
  2607. margin-right: 0;
  2608. cursor: pointer;
  2609. }
  2610. .yiyun_app_info_box li:hover {
  2611. background-color: #f2f2f2;
  2612. cursor: pointer;
  2613. }
  2614. .right-list_beizhu {
  2615. font-size: 14px;
  2616. color: #9b9b9b;
  2617. line-height: 44px;
  2618. float: right;
  2619. }
  2620. .biaotititle {
  2621. width: 284px;
  2622. text-align: center;
  2623. margin: 0 auto;
  2624. }
  2625. .downtext_beizhu {
  2626. font-size: 14px;
  2627. color: #9b9b9b;
  2628. line-height: 20px;
  2629. margin-top: 10px;
  2630. padding: 0 16px;
  2631. }
  2632. .eidtimg {
  2633. position: relative;
  2634. }
  2635. .eidtimg>div {
  2636. position: absolute;
  2637. width: 100px;
  2638. height: 100px;
  2639. text-align: center;
  2640. line-height: 100px;
  2641. background-color: rgba(167, 168, 183, 0.7);
  2642. color: #fff;
  2643. transition: all ease 0.5s;
  2644. top: 0;
  2645. left: 0;
  2646. display: none;
  2647. cursor: pointer;
  2648. }
  2649. .eidtimg:hover>div {
  2650. display: block;
  2651. }
  2652. .yiyunfile-Uploader .webuploader-pick {
  2653. border: 0 !important;
  2654. border-radius: 4px !important;
  2655. font-size: 14px;
  2656. width: 80px;
  2657. height: 28px;
  2658. line-height: 28px;
  2659. background: #fff;
  2660. color: #323232;
  2661. cursor: pointer;
  2662. box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  2663. }
  2664. .baisebtn.yiyunfile-Uploader .webuploader-pick{
  2665. background: #e3e3e3!important;
  2666. }
  2667. .right-list_btn {
  2668. float: right;
  2669. color: #9b9b9b;
  2670. line-height: 44px;
  2671. font-size: 22px;
  2672. margin-right: 0;
  2673. }
  2674. #upload_btn {
  2675. opacity: 0;
  2676. display: block;
  2677. width: 1px;
  2678. overflow: hidden;
  2679. margin-right: 0;
  2680. }
  2681. .yiyun_app_info_box li:hover {
  2682. background-color: #f2f2f2;
  2683. cursor: pointer;
  2684. }
  2685. .right-list_beizhu {
  2686. font-size: 14px;
  2687. color: #9b9b9b;
  2688. line-height: 44px;
  2689. float: right;
  2690. }
  2691. .downtext_beizhu {
  2692. font-size: 14px;
  2693. color: #9b9b9b;
  2694. line-height: 20px;
  2695. margin-top: 10px;
  2696. }
  2697. .eidtimg {
  2698. position: relative;
  2699. }
  2700. .eidtimg > img {
  2701. cursor: pointer;
  2702. }
  2703. .eidtimg>div {
  2704. position: absolute;
  2705. width: 100px;
  2706. height: 100px;
  2707. text-align: center;
  2708. line-height: 100px;
  2709. background-color: rgba(167, 168, 183, 0.7);
  2710. color: #fff;
  2711. transition: all ease 0.5s;
  2712. top: 0;
  2713. left: 0;
  2714. display: none;
  2715. cursor: pointer;
  2716. }
  2717. .eidtimg:hover>div {
  2718. display: block;
  2719. }
  2720. .cloudpan_headbox .flex_right_pain_head {
  2721. color: #000
  2722. }
  2723. .col-12-yiyun {
  2724. width: 100%;
  2725. }
  2726. .yiyun_text-title a {
  2727. text-decoration: none;
  2728. color: #A7A8B7;
  2729. float: left;
  2730. }
  2731. .yiyun_text-title>a:last-child a,
  2732. .yiyun_text-title a:hover {
  2733. color: #fff;
  2734. }
  2735. .mr-10 {
  2736. margin-right: 10px;
  2737. }
  2738. .mr-5 {
  2739. margin-right: 5px;
  2740. }
  2741. .user_info_companyName {
  2742. font-size: 12px;
  2743. color: #cccdd7;
  2744. margin: 0 6px 0 14px;
  2745. display: inline-block;
  2746. width: 90px;
  2747. text-overflow: ellipsis;
  2748. word-break: keep-all;
  2749. overflow: hidden;
  2750. }
  2751. .imgHead {
  2752. max-width: 100%;
  2753. max-height: 100%;
  2754. /* transform: scale(1.5); */
  2755. }
  2756. .v-modal{
  2757. width: 0;
  2758. height: 0
  2759. }
  2760. /*探索者企业后台 2019年3月21日-添加-开始*/
  2761. .yiyun_headerfl.houtai,
  2762. .yiyun_headerfr.houtai {
  2763. width: 19%;
  2764. margin-right: 0;
  2765. }
  2766. .yiyun_headerce.houtai {
  2767. width: 50%;
  2768. }
  2769. .yiyun_headerfr.houtai a {
  2770. float: right;
  2771. }
  2772. .Nowactive {
  2773. border-bottom: 2px solid #8C00FF;
  2774. }
  2775. .fl_navBox {
  2776. width: 400px;
  2777. height: calc(100vh - 156px);
  2778. float: left;
  2779. }
  2780. .fl_contentBox {
  2781. width: calc(100vw - 540px);
  2782. height: calc(100vh - 156px);
  2783. float: right;
  2784. overflow: initial;
  2785. }
  2786. .adminnavBox {
  2787. margin-bottom: 10px;
  2788. height: 37px;
  2789. overflow: hidden;
  2790. margin-top: 23px;
  2791. cursor: pointer;
  2792. }
  2793. .adminnavBox h3 {
  2794. display: inline-block;
  2795. color: rgba(0, 0, 0, 1);
  2796. font-size: 24px;
  2797. font-weight: 400;
  2798. }
  2799. .adminnavBox h3 .el-icon-arrow-left{
  2800. font-size: 30px;
  2801. position: relative;
  2802. top: 3px;
  2803. left: -6px;
  2804. margin-right: -3px;
  2805. }
  2806. .admin_treeBox,
  2807. .admin_contentBox_body {
  2808. width: 100%;
  2809. height: calc(100vh - 145px);
  2810. border-radius: 10px;
  2811. overflow-y: auto;
  2812. }
  2813. .admin_treeBox {
  2814. border-radius: 10px;
  2815. background-color: rgba(98, 98, 111, 1);
  2816. box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  2817. }
  2818. .admin_contentBox_body {
  2819. background-color: rgba(255, 255, 255, 1);
  2820. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  2821. }
  2822. .adminnavBox span {
  2823. color: rgba(142, 144, 159, 1);
  2824. font-size: 22px;
  2825. }
  2826. .admintitle {
  2827. color: rgba(0, 0, 0, 1);
  2828. font-size: 17px;
  2829. display: inline-block;
  2830. font-weight: 400;
  2831. }
  2832. .timelabel{
  2833. font-size: 12px;
  2834. color: #999;
  2835. line-height: 21px;
  2836. }
  2837. .border-line {
  2838. width: 100%;
  2839. height: 1px;
  2840. background-color: rgba(204, 205, 215, 1);
  2841. margin: 5px 0;
  2842. }
  2843. .border-line_light {
  2844. width: 100%;
  2845. height: 1px;
  2846. background-color: rgba(216, 216, 216, 1);
  2847. margin: 5px 0;
  2848. }
  2849. .topOption .el-button--text {
  2850. color: #000;
  2851. font-size: 13px;
  2852. }
  2853. .el-button--text:focus,
  2854. .el-button--text:hover {
  2855. color: #8c00ff;
  2856. border:1px solid transparent
  2857. }
  2858. .el-table td,
  2859. .el-table th {
  2860. padding: 7px 0;
  2861. }
  2862. .el-table {
  2863. font-size: 12px;
  2864. }
  2865. .toxiang_box {
  2866. width: 32px;
  2867. height: 32px;
  2868. background-color: #ccc;
  2869. border-radius: 15px;
  2870. overflow: hidden;
  2871. }
  2872. .admin_contentBox_bodyPain {
  2873. margin: 10px;
  2874. min-width: 666px;
  2875. }
  2876. .el-table th {
  2877. height: 27px;
  2878. background-color: #EBEBF2;
  2879. }
  2880. .el-button--text {
  2881. color: #62626f;
  2882. font-size: 12px;
  2883. }
  2884. .large_headImg {
  2885. width: 50px;
  2886. height: 50px;
  2887. border-radius: 25px;
  2888. background-color: #f2f2f2;
  2889. float: left;
  2890. overflow: hidden;
  2891. }
  2892. .uploadImg .webuploader-pick {
  2893. width: 120px;
  2894. margin-left: 10px;
  2895. top: 5px;
  2896. margin-top: 9px;
  2897. position: relative;
  2898. display: inline-block;
  2899. cursor: pointer;
  2900. background: #ffffff !important;
  2901. padding: 6px 13px;
  2902. color: #fff;
  2903. text-align: center;
  2904. border-radius: 0px;
  2905. overflow: hidden;
  2906. border: 1px solid #c6e2ff;
  2907. margin-top: 3px;
  2908. }
  2909. .hei40 .webuploader-pick {
  2910. width: 100%;
  2911. border-radius: 4px !important;
  2912. font-size: 13px;
  2913. background-color: rgb(255, 255, 255) !important;
  2914. border: 0.5px solid rgb(255, 255, 255) !important;
  2915. transition: all ease 0.5s;
  2916. }
  2917. .hei40:hover .webuploader-pick{
  2918. color: #8c00ff!important;
  2919. }
  2920. .el-input__inner {
  2921. height: 40px;
  2922. line-height: 40px;
  2923. background-color: #f4f4f6;
  2924. border: 0;
  2925. }
  2926. .yiyunTable_list_item>h3 {
  2927. font-size: 16px;
  2928. font-weight: 600;
  2929. margin-top: 4px;
  2930. }
  2931. /*树*/
  2932. .navtree .el-tree {
  2933. position: relative;
  2934. cursor: default;
  2935. background: transparent;
  2936. color: #d0d0d0;
  2937. font-size: 12px;
  2938. line-height: 30px;
  2939. }
  2940. .el-icon-floder {
  2941. background: url(/static/img/icon_file.png) 0 0;
  2942. width: 16px;
  2943. height: 16px;
  2944. margin-right: 5px;
  2945. position: relative;
  2946. top: 3px;
  2947. }
  2948. .is-current {
  2949. background-color: transparent;
  2950. }
  2951. /*探索者企业后台 2019年3月21日-添加-结束*/
  2952. .easycloudTreeleafe {
  2953. display: block;
  2954. float: left;
  2955. width: 100%;
  2956. }
  2957. .easycloudTreeleafe i {
  2958. display: block;
  2959. float: left;
  2960. margin-top: 12px;
  2961. }
  2962. .custom-tree-node {
  2963. width: 100%;
  2964. }
  2965. .el-tree-node:focus>.el-tree-node__content {
  2966. background-color: #868694;
  2967. }
  2968. .treeeditInput {
  2969. width: 190px;
  2970. }
  2971. .el-input--mini .el-input__inner {
  2972. height: 20px;
  2973. line-height: 20px;
  2974. margin-top: 12px;
  2975. }
  2976. .yiyunnodelabel {
  2977. line-height: 48px;
  2978. }
  2979. .treeeditInputChild.el-input {
  2980. width: 100px;
  2981. }
  2982. .perentbtn.el-button {
  2983. padding: 2px 4px;
  2984. display: inline-block;
  2985. margin-top: -3px;
  2986. position: relative;
  2987. top: -10px;
  2988. }
  2989. .perentbtn2 {
  2990. padding: 2px 4px;
  2991. display: inline-block;
  2992. position: relative;
  2993. top: 5px;
  2994. }
  2995. .morebtn {
  2996. color: #fff;
  2997. transform: rotate(90deg);
  2998. margin-right: 10px;
  2999. }
  3000. .morebtn:hover {
  3001. color: #8C00FF;
  3002. }
  3003. .el-tree-node__content .custom-tree-node:hover >.rightdrop{
  3004. opacity: 1;
  3005. transition: all ease 0.5s;
  3006. }
  3007. .rightdrop{
  3008. opacity: 0;
  3009. }
  3010. .toptree {
  3011. margin-top: 10px;
  3012. }
  3013. .el-tree-node__content:hover {
  3014. background-color: #23232B;
  3015. }
  3016. .nohoverbg .el-tree-node__content:hover {
  3017. background-color: #f2f2f2;
  3018. }
  3019. .noborder .el-form-item__label {
  3020. border: 0;
  3021. }
  3022. .DivInputHeight .el-cascader {
  3023. width: 100%;
  3024. }
  3025. .el-date-editor.el-input,
  3026. .el-date-editor.el-input__inner {
  3027. width: 100%;
  3028. }
  3029. .el-select {
  3030. width: 100%;
  3031. }
  3032. .upHeadImg .webuploader-pick {
  3033. margin: 0 auto;
  3034. display: block;
  3035. }
  3036. .el-dialog__header {
  3037. padding: 10px 20px 10px;
  3038. }
  3039. .ft26 {
  3040. font-size: 26px;
  3041. color: #8c00ff;
  3042. }
  3043. .labelinputbefore .el-input__inner {
  3044. color: #ffffff;
  3045. font-size: 15px;
  3046. line-height: 44px;
  3047. height: 44px;
  3048. border-radius: 5px;
  3049. background-color: rgba(50, 50, 60, 1);
  3050. }
  3051. /*2019-04-04 总后台--客户列表*/
  3052. .mr-20 {
  3053. margin-right: 20px;
  3054. }
  3055. .el-slider__runway {
  3056. overflow: unset;
  3057. }
  3058. .el-slider__button {
  3059. width: 36px;
  3060. height: 18px;
  3061. border: 0px solid #409EFF;
  3062. background-color: #fff;
  3063. border-radius: 4px;
  3064. background: url(/static/img/gundong.png) 0 0 no-repeat;
  3065. }
  3066. .el-slider__button.dragging,
  3067. .el-slider__button.hover,
  3068. .el-slider__button:hover {
  3069. -webkit-transform: scale(1);
  3070. transform: scale(1);
  3071. }
  3072. .el-slider__bar {
  3073. background-color: #8c00ff;
  3074. }
  3075. .el-switch.is-checked .el-switch__core {
  3076. border-color: #8c00ff;
  3077. background-color: #8c00ff;
  3078. }
  3079. .user_Imgsize_largerbox {
  3080. width: 150px;
  3081. height: 130px;
  3082. }
  3083. .user_Imgsize_larger {
  3084. width: 150px;
  3085. height: 150px;
  3086. border-radius: 50%;
  3087. margin-top: 40px;
  3088. }
  3089. .user_Imgsize_larger img {
  3090. width: 100%;
  3091. height: 100%;
  3092. }
  3093. .weizhiImghead {
  3094. margin: 10px auto;
  3095. position: relative;
  3096. top: -50px;
  3097. }
  3098. .navtree {
  3099. position: relative;
  3100. }
  3101. .bottombtn {
  3102. position: absolute;
  3103. width: 94%;
  3104. font-size: 16px;
  3105. left: 3%;
  3106. line-height: 36px;
  3107. bottom: 10px;
  3108. text-align: center;
  3109. background: -webkit-linear-gradient(#B0B0B7, #E1E2E8);
  3110. cursor: pointer;
  3111. transition: ease all 0.5s;
  3112. height: 36px;
  3113. border-radius: 8px;
  3114. box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  3115. }
  3116. .bottombtn:hover {
  3117. background: -webkit-linear-gradient(#E1E2E8, #B0B0B7);
  3118. }
  3119. .editnone .el-form-item__label {
  3120. border-bottom: 0px solid #62626f;
  3121. color: #62626f
  3122. }
  3123. .editnone .el-form-item__content {
  3124. line-height: 22px;
  3125. position: relative;
  3126. font-size: 14px;
  3127. }
  3128. .yiyun_wenjian_list {
  3129. position: relative;
  3130. cursor: pointer;
  3131. }
  3132. .yiyun_wenjian_list:hover .downloadBtn_yiyun {
  3133. display: block;
  3134. color: #676580;
  3135. right: -3px;
  3136. }
  3137. .locationbtn .el-input__inner {
  3138. border-radius: 5px 0 0 5px;
  3139. }
  3140. .nullproduct {
  3141. margin: 10% auto;
  3142. text-align: center;
  3143. line-height: 50px;
  3144. display: flex;
  3145. flex-direction: column;
  3146. justify-content: center;
  3147. align-items: center;
  3148. }
  3149. .noprotext{
  3150. color:#8f8f8f;
  3151. font-size: 16px
  3152. }
  3153. .newcreat {
  3154. color: #8b35f0;
  3155. }
  3156. .deleteBtnFlie {
  3157. font-size: 26px;
  3158. position: absolute;
  3159. right: 12px;
  3160. top: 10px;
  3161. color: #fff;
  3162. display: none;
  3163. }
  3164. .yupan_card_box ul li:hover>.deleteBtnFlie {
  3165. display: block;
  3166. }
  3167. .pageImgBox {
  3168. background-color: rgb(50, 50, 60);
  3169. border: 1px solid rgba(151, 151, 151, 1);
  3170. margin-bottom: 14px;
  3171. text-align: center;
  3172. width: 400px;
  3173. height: 245px;
  3174. border-radius: 10px;
  3175. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  3176. margin-left: 100px;
  3177. position: relative;
  3178. overflow: hidden;
  3179. border: 0;
  3180. display: inline-grid;
  3181. }
  3182. .pageImgBox > img {
  3183. min-width: 400px;
  3184. min-height: 245px;
  3185. max-width: 120%;
  3186. max-height: 120%;
  3187. transform: scale(1);
  3188. cursor: pointer;
  3189. vertical-align: middle;
  3190. margin: 0 auto;
  3191. }
  3192. .fandatupian{
  3193. max-width: 100%;
  3194. /* max-height: 100%; */
  3195. transform: scale(1.1);
  3196. cursor: pointer;
  3197. margin: 0 auto;
  3198. display: block;
  3199. position: inherit!important;
  3200. min-height: 245px;
  3201. /* min-width: 100%; */
  3202. }
  3203. .listUpdateBtn{
  3204. position: absolute;
  3205. bottom: 4px;
  3206. left: 10px;
  3207. }
  3208. .listUpdateBtn.editCoverBtn{
  3209. width: 64px;
  3210. height: 28px;
  3211. border-radius: 4px !important;
  3212. border: 0.5px solid rgba(227, 227, 227, 1);
  3213. box-sizing: border-box;
  3214. bottom: 10px;
  3215. font-size: 14px;
  3216. background-color: #fff;
  3217. color: #000;
  3218. text-align: center;
  3219. line-height: 28px;
  3220. }
  3221. .listUpdateBtn .webuploader-pick{
  3222. width: 80px;
  3223. height: 20px;
  3224. border-radius: 4px !important;
  3225. border: 0.5px solid rgba(227, 227, 227, 1);
  3226. line-height: 20px;
  3227. }
  3228. .mt-29 {
  3229. margin-top: 29px;
  3230. }
  3231. .mt-20 {
  3232. margin-top: 20px;
  3233. }
  3234. .mt-66{
  3235. margin-top: 66px;
  3236. }
  3237. .mt-96{
  3238. margin-top: 96px;
  3239. }
  3240. .selfradio .el-radio__label {
  3241. font-size: 16px;
  3242. }
  3243. .selfradio .el-radio__inner {
  3244. border: 1px solid #ffffff;
  3245. width: 20px;
  3246. height: 20px;
  3247. background-color: transparent;
  3248. }
  3249. .selfradio .el-radio__inner::after {
  3250. width: 0;
  3251. }
  3252. .forminfocom{
  3253. color: #fff;
  3254. }
  3255. .faceBtn{
  3256. color: rgba(204, 205, 215, 1);
  3257. font-size: 11px;
  3258. position: absolute;
  3259. bottom: 11px;
  3260. left: 106px;
  3261. cursor: pointer;
  3262. }
  3263. .selfradio .el-radio__input.is-checked .el-radio__inner {
  3264. border-color: #ffffff;
  3265. background: #8c00ff;
  3266. }
  3267. .selfradio .el-radio__input.is-checked+.el-radio__label {
  3268. color: #ffffff;
  3269. }
  3270. .yiyun_app_info_box li>span.fl {
  3271. font-family: PingFang SC;
  3272. font-weight: 400;
  3273. font-size: 15px;
  3274. }
  3275. .yiyun_headerce.houtai.width6 {
  3276. width: 60%;
  3277. }
  3278. .el-tree-node__content {
  3279. height: 28px;
  3280. }
  3281. .user_info_item span .el-checkbox__inner {
  3282. top: -22px;
  3283. }
  3284. .el-collapse-item__content .user_info_item .el-checkbox.checkBoxCol {
  3285. width: 97%;
  3286. }
  3287. .el-checkbox__label {
  3288. width: 100%
  3289. }
  3290. .bottombtnitem {
  3291. position: absolute;
  3292. bottom: 6px;
  3293. width: 100%;
  3294. border-top: 1px solid #e1e1e2;
  3295. }
  3296. .bottombtnitem .el-button {
  3297. width: 100%
  3298. }
  3299. .bottombtnitemlonBtn{
  3300. margin: 0px 16px;
  3301. }
  3302. .navtree .el-tree-node__content:hover,.navtree .el-tree-node__content:focus,.el-tree-node:focus>.el-tree-node__content {
  3303. /* background-color: #8E909F; */
  3304. background-color: rgba(141, 143, 159, 0.14);
  3305. border-radius: 5px;
  3306. }
  3307. .navtreebox {
  3308. /* height: calc(100vh - 242px); */
  3309. height: calc(100vh - 30px - 40px - 80px - 61px - 65px);
  3310. margin: 0 0 0 10px;
  3311. overflow-y: auto;
  3312. }
  3313. .navtreebox-inclient {
  3314. height: calc(100vh - 30px - 60px - 80px - 61px - 65px);
  3315. }
  3316. .navtreebox2 {
  3317. height: calc(100vh - 228px);
  3318. }
  3319. .UserEditinfoBox .el-form-item__label {
  3320. font-size: 14px;
  3321. }
  3322. .el-tree-node.is-expanded.is-focusable:focus {
  3323. outline: -webkit-focus-ring-color auto 5px;
  3324. outline: none;
  3325. border-radius: 5px;
  3326. }
  3327. .nullclass {
  3328. font-size: 17px !important;
  3329. color: #000 !important;
  3330. }
  3331. .nullclass:hover {
  3332. color: #000 !important;
  3333. }
  3334. .huiclass {
  3335. color: #adadad !important;
  3336. }
  3337. .huiclass:hover {
  3338. color: #adadad !important;
  3339. }
  3340. .graybtn,.graybtn:hover {
  3341. color: #acacac!important;
  3342. height: 20px;
  3343. background-color: rgba(227, 227, 227, 1)!important;
  3344. border: 0.5px solid rgba(212, 212, 212, 1);
  3345. }
  3346. /*新登录页面*/
  3347. .loginbox_warp {
  3348. height: calc(100vh);
  3349. width: calc(100vw);
  3350. overflow: hidden;
  3351. }
  3352. .loginbox {
  3353. width: 355px;
  3354. height: 322px;
  3355. border-radius: 10px;
  3356. position: fixed;
  3357. bottom: 100px;
  3358. left: 100px;
  3359. z-index: 4;
  3360. }
  3361. .login_title {
  3362. color: rgba(140, 0, 255, 1);
  3363. font-size: 28px;
  3364. margin: 57px auto;
  3365. text-align: center;
  3366. }
  3367. .formlogin{
  3368. overflow: hidden;
  3369. }
  3370. .loginlabel {
  3371. line-height: 32px;
  3372. margin-left: 0px;
  3373. color: rgba(255, 255, 255, 1);
  3374. font-size: 32px;
  3375. margin-bottom: 21px;
  3376. display: block;
  3377. position: relative;
  3378. }
  3379. .loginlabel_resit {
  3380. line-height: 14px;
  3381. color: rgba(140, 0, 255, 1);
  3382. font-size: 11px;
  3383. line-height: 32px;
  3384. margin-left: 20px;
  3385. text-decoration: none;
  3386. position: absolute;
  3387. right: 16px;
  3388. top: 16px;
  3389. }
  3390. .combackreturn{
  3391. font-size: 30px;
  3392. cursor: pointer;
  3393. position: absolute;
  3394. left: -28px;
  3395. }
  3396. .login_input {
  3397. display: block;
  3398. font-size: 15px;
  3399. color: #000;
  3400. width: 355px;
  3401. height: 44px;
  3402. background-color: rgba(244, 244, 244, 1);
  3403. border: 0;
  3404. margin: 10px auto;
  3405. border-radius: 4px;
  3406. text-indent: 16px;
  3407. }
  3408. .login_input::-webkit-input-placeholder {
  3409. /* WebKit browsers */
  3410. color:#888;
  3411. }
  3412. .login_input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  3413. color:#888;
  3414. }
  3415. .login_input::-moz-placeholder { /* Mozilla Firefox 19+ */
  3416. color:#888;
  3417. }
  3418. .login_input:-ms-input-placeholder { /* Internet Explorer 10+ */
  3419. color:#888;
  3420. }
  3421. .login_line {
  3422. height: 1px;
  3423. background-color: #D8D8D8
  3424. }
  3425. .login_formBox {
  3426. height: 190px;
  3427. }
  3428. .formlogin_item{
  3429. overflow: hidden;
  3430. position: relative;
  3431. }
  3432. .login_btn {
  3433. display: block;
  3434. border: 0;
  3435. color: #fff;
  3436. cursor: pointer;
  3437. width: 178px;
  3438. height: 30px;
  3439. border-radius: 8px;
  3440. background-color: rgba(140, 0, 255, 1);
  3441. box-shadow: 0 4px 6px #1d1d2f;
  3442. margin-top: 4px;
  3443. font-size: 16px;
  3444. line-height: 30px;
  3445. margin-top: 28px;
  3446. }
  3447. .login_btn_defualt {
  3448. display: block;
  3449. cursor: pointer;
  3450. color: rgba(255, 255, 255, 1);
  3451. font-size: 16px;
  3452. margin-top: 34px;
  3453. }
  3454. .loginbox .el-checkbox__input.is-checked+.el-checkbox__label{
  3455. color: #fff;
  3456. }
  3457. .loginright_btn {
  3458. width: 98px;
  3459. height: 36px;
  3460. border-radius: 4px;
  3461. background-color: rgba(140, 0, 255, 1);
  3462. color: #fff;
  3463. position: absolute;
  3464. border: 0;
  3465. right: 4px;
  3466. top: 14px;
  3467. text-align: center;
  3468. text-decoration: none;
  3469. line-height: 36px;
  3470. font-size: 13px;
  3471. }
  3472. .rightBtn_input {
  3473. position: relative;
  3474. }
  3475. .mr-l {
  3476. padding-left: 0;
  3477. margin-left: 10;
  3478. margin-top: 0;
  3479. }
  3480. .bg_w .el-input__inner {
  3481. background-color: #32323c;
  3482. border-radius: 5px;
  3483. height: 44px;
  3484. line-height: 44px;
  3485. color: #fff;
  3486. border-bottom: 0;
  3487. }
  3488. .yiyunlargeItem .el-select .el-input .el-select__caret{
  3489. font-size: 26px;
  3490. }
  3491. .yiyunTable_list_item .UserEditinfoBox .el-form-item__label {
  3492. color: #606266;
  3493. }
  3494. .yiyun_wenjian_list:hover>.defultImage {
  3495. background-color: #d8d8d8;
  3496. transition: all ease 0.5s;
  3497. cursor: pointer;
  3498. border-radius: 10px;
  3499. }
  3500. .yiyunTable_list{
  3501. clear: both;
  3502. }
  3503. .el-input_mini .el-input__inner {
  3504. border: 1px solid transparent;
  3505. }
  3506. .el-input_mini .el-input__inner:hover {
  3507. border: 1px solid #8c00ff;
  3508. transition: ease all 0.5s;
  3509. }
  3510. /* 右键菜单 */
  3511. .menu__item {
  3512. display: block;
  3513. line-height: 20px;
  3514. text-align: center;
  3515. margin:10px;
  3516. cursor: default;
  3517. }
  3518. .menu__item:hover{
  3519. color: #66B1FF;
  3520. }
  3521. .automenu{
  3522. height: auto;
  3523. width: auto;
  3524. position: absolute;
  3525. font-size: 14px;
  3526. text-align: left;
  3527. border-radius: 10px;
  3528. border: 1px solid #c1c1c1;
  3529. background-color: #ffffff;
  3530. }
  3531. #tableMenu{
  3532. z-index: 9;
  3533. }
  3534. .Cicon{
  3535. /* font-size: 28px; */
  3536. font-size: 32px;
  3537. line-height: 32px;
  3538. color: #A7A8B7;
  3539. transition: ease all 0.5s;
  3540. cursor: pointer;
  3541. -webkit-font-smoothing:antialiased;/*设置字体的光滑度属性,也就是CSS3用于webkit引擎(chrome)
  3542. 设置字体抗锯齿属性*/
  3543. /*-webkit-text-stroke-width:.2px;设置文字边框*/
  3544. -moz-osx-font-smoothing:grayscale;/*该属性是为了让字体显示的更清晰的作用*/
  3545. }
  3546. .Cicon:hover{
  3547. color: #9c22ff
  3548. }
  3549. .text_wirte {
  3550. color: #fff;
  3551. }
  3552. .AnimatedRightIn{
  3553. right: 16px;
  3554. }
  3555. .flex_right_pain_head{
  3556. overflow: hidden;
  3557. height: 48px;
  3558. background-color: #fcfcfc;
  3559. }
  3560. .flex_right_pain_body{
  3561. padding: 0 0px;
  3562. height: calc(100vh - 210px);
  3563. overflow-y: auto;
  3564. }
  3565. .tianjiaxiezuorenBox div{
  3566. overflow: hidden;
  3567. }
  3568. .iconsize_mini{
  3569. font-size: 24px;
  3570. }
  3571. .el-input--prefix .el-input__inner{
  3572. border:1px solid transparent;
  3573. transition: ease all 0.5s;
  3574. }
  3575. .el-input--prefix .el-input__inner:focus{
  3576. border:1px solid #9c22ff;
  3577. }
  3578. .admininput_search{
  3579. height: 30px;
  3580. overflow: hidden;
  3581. margin: 10px;
  3582. }
  3583. .yiyun_headerfr>a{
  3584. font-size: 17px;
  3585. }
  3586. /* .navtreebox .el-tree-node__content:hover {
  3587. background-color: #8E909F;
  3588. border-radius: 5px;
  3589. } */
  3590. .el-switch__core:after {
  3591. position: absolute;
  3592. top: -6px;
  3593. left: -7px;
  3594. border-radius: 100%;
  3595. -webkit-transition: all .3s;
  3596. transition: all .3s;
  3597. width: 28px;
  3598. height: 28px;
  3599. background-color: #fff;
  3600. box-shadow: 0 3px 1px rgba(0,0,0,0.15);
  3601. border: 0.5px solid rgba(0, 0, 0, 0.04);
  3602. }
  3603. .el-switch__core {
  3604. margin-right: 8px;
  3605. border-radius: 10px;
  3606. background-color: rgba(216, 216, 216, 1);
  3607. box-shadow: undefined, inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  3608. }
  3609. .yiyun_app_info_box li > span{
  3610. margin-left: 0px;
  3611. }
  3612. .userlist_table.el-table td, .userlist_table.el-table th{
  3613. height: 40px;
  3614. padding: 0;
  3615. }
  3616. .userlist_table.el-table .el-checkbox__inner{
  3617. margin-top: 15px;
  3618. margin-left: -10px;
  3619. }
  3620. .userlist_table.el-table .el-checkbox {
  3621. height: 40px;
  3622. width: 40px;
  3623. }
  3624. .userlist_table.el-table .el-table-column--selection .cell, .el-table th div {
  3625. text-overflow: clip;
  3626. }
  3627. .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  3628. top: 9px;
  3629. }
  3630. .img_bg{
  3631. background: url(/static/img/file_img_bg.png) 0 0 no-repeat;
  3632. }
  3633. .img_bg-mid{
  3634. background: url(/static/img/file_img_bg.png) 0 -154px no-repeat;
  3635. }
  3636. .checkboxlabelitem{
  3637. height: 40px;
  3638. overflow: hidden;
  3639. }
  3640. .user_info_item span .el-checkbox__inner {
  3641. top: -18px;
  3642. }
  3643. .el-form-item__content {
  3644. overflow: hidden;
  3645. }
  3646. .dialogcontentbody{
  3647. width: 100%;
  3648. }
  3649. .centerWarpDia{
  3650. width: 800px;
  3651. margin: 0 auto;
  3652. overflow: hidden;
  3653. }
  3654. .linescoll{
  3655. height: 1px;
  3656. background-color: #8E909F;
  3657. position: relative;
  3658. top: -12px;
  3659. }
  3660. .dialogcontentbodyrow::-webkit-scrollbar,.navtreebox::-webkit-scrollbar ,.dataLarge::-webkit-scrollbar{
  3661. width: 10px;
  3662. padding-right: 4px;
  3663. border-radius: 4px;
  3664. background-color: transparent;
  3665. /*其他样式,比如圆角等*/
  3666. }
  3667. /*滑块样式*/
  3668. .dialogcontentbodyrow::-webkit-scrollbar-thumb,.navtreebox::-webkit-scrollbar-thumb ,.dataLarge::-webkit-scrollbar-thumb{
  3669. -webkit-border-radius: 10px;
  3670. border-radius: 10px;
  3671. height: 10px;
  3672. background-color: #adadad;
  3673. }
  3674. /*当前窗口失去焦点时的滑块样式*/
  3675. .dialogcontentbodyrow::-webkit-scrollbar-thumb:window-inactive,.navtreebox::-webkit-scrollbar-thumb:window-inactive ,.dataLarge::-webkit-scrollbar-thumb:window-inactive{
  3676. background-color: #adadad;
  3677. }
  3678. .dialogcontentbodyrow{
  3679. margin: 0 10px;
  3680. height: calc(100vh - 144px);
  3681. overflow-y: scroll;
  3682. }
  3683. .icon-icon_yunpan{
  3684. text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  3685. }
  3686. /* 探索者布局CSS样式 */
  3687. .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{
  3688. position: relative;
  3689. min-width: 1px;
  3690. display: block;
  3691. overflow: hidden;
  3692. }
  3693. .yiyun_row{
  3694. position: relative;
  3695. margin: 0 30px;
  3696. }
  3697. .yiyun-rows{
  3698. width: 100%;
  3699. }
  3700. .yiyun-col-12{
  3701. width: 100%;
  3702. }
  3703. .yiyun-col-11{
  3704. width: 91.66%;
  3705. float: left;
  3706. }
  3707. .yiyun-col-10{
  3708. width: 83.33%;
  3709. float: left;
  3710. }
  3711. .yiyun-col-9{
  3712. width: 75%;
  3713. float: left;
  3714. }
  3715. .yiyun-col-8{
  3716. width: 66.66%;
  3717. float: left;
  3718. }
  3719. .yiyun-col-7{
  3720. width: 58.33%;
  3721. float: left;
  3722. }
  3723. .yiyun-col-6{
  3724. width: 50%;
  3725. float: left;
  3726. }
  3727. .yiyun-col-5{
  3728. width: 41.66%;
  3729. float: left;
  3730. }
  3731. .yiyun-col-4{
  3732. width: 33.33%;
  3733. float: left;
  3734. }
  3735. .yiyun-col-3{
  3736. width: 25%;
  3737. float: left;
  3738. }
  3739. .yiyun-col-2{
  3740. width: 16.66%;
  3741. float: left;
  3742. }
  3743. .yiyun-col-1{
  3744. width: 8.33%;
  3745. float: left;
  3746. }
  3747. .layout_content {
  3748. /* height: calc(100vh - 48px);
  3749. overflow-y: auto; */
  3750. width: 100%;
  3751. overflow-x: hidden;
  3752. position: relative;
  3753. }
  3754. .yiyun_warpContent{
  3755. width:calc(100vw - 60px);
  3756. margin: 0 auto;
  3757. }
  3758. .header_w{
  3759. background-color: #f6f6f6;
  3760. }
  3761. .header_t{
  3762. background-color: transparent;
  3763. }
  3764. .mt-30{
  3765. margin-top: 30px;
  3766. }
  3767. .mb-40{
  3768. margin-bottom: 40px;
  3769. }
  3770. .setIcon{
  3771. display: block;
  3772. width: 28px;
  3773. height: 28px;
  3774. line-height: 28px;
  3775. font-size: 22px;
  3776. border-radius: 14px;
  3777. color: #fff;
  3778. text-align: center;
  3779. background-color: rgba(0, 0, 0, 0.5);
  3780. cursor: pointer;
  3781. }
  3782. /* 文本样式 */
  3783. /* 头部标题文本start */
  3784. .title_warp{
  3785. width: calc(100vw - 120px);
  3786. margin: 0 auto;
  3787. }
  3788. /* 协作文件超出部分滚动条 */
  3789. .fifleBox{
  3790. min-height: 204px;
  3791. /* max-height: 204px; */
  3792. /* min-height: 215px;
  3793. max-height: 215px; */
  3794. max-height: 255px;
  3795. /* max-height: 275px; */
  3796. overflow-y: scroll;
  3797. }
  3798. .fifleBox::-webkit-scrollbar-thumb {
  3799. border-radius:4px;
  3800. background-color: #adadad;
  3801. }
  3802. .neibianju1 .fifleBox{
  3803. height: calc(100% - 70px);
  3804. max-height: calc(100% - 70px);
  3805. overflow-y: auto;
  3806. }
  3807. .yiyun_title_label{
  3808. text-align: center;
  3809. font-size: 20px;
  3810. margin: 0 0px;
  3811. cursor: pointer;
  3812. font-weight: 400;
  3813. font-family: Pingfang SC;
  3814. line-height: 48px;
  3815. display: -webkit-box;
  3816. -webkit-box-orient: vertical;
  3817. -webkit-line-clamp: 1;
  3818. }
  3819. .toplefttext{
  3820. font-size: 17px;
  3821. line-height: 48px;
  3822. font-weight: 300;
  3823. }
  3824. .icon-icon_shezhi-weijihuo{
  3825. position: relative;
  3826. right: -8px;
  3827. top: 5px;
  3828. }
  3829. /* 头部标题文本end */
  3830. /* 云盘文件start */
  3831. .yinyun_file_row{
  3832. position: relative;
  3833. margin: 0 34px;
  3834. }
  3835. .yiyun_file_box{
  3836. margin: 0 6px;
  3837. }
  3838. .yiyun_cloud_fileList li{
  3839. margin: 0 24px;
  3840. width: 180px;
  3841. height: 258px;
  3842. float: left;
  3843. position: relative;
  3844. }
  3845. .yiyun_cloud_fileList.middle-icon li{
  3846. margin: 0 16px;
  3847. width: 136px;
  3848. height: 200px;
  3849. border-radius: 12px;
  3850. float: left;
  3851. position: relative;
  3852. transition: ease all 0.5s;
  3853. }
  3854. .yiyun_cloud_fileList.middle-icon li:hover{
  3855. background-color: #32323c;
  3856. }
  3857. .font-set{
  3858. color: #fff;
  3859. font-size: 16px;
  3860. }
  3861. .tip_icon_set{
  3862. position: absolute;
  3863. top: 6px;
  3864. right: 6px;
  3865. opacity: 0;
  3866. transform: ease all 0.5s;
  3867. }
  3868. .yiyun_cloud_fileList.middle-icon>li:hover .tip_icon_set{
  3869. opacity: 1;
  3870. }
  3871. .yiyun_cloud_fileList li .bghover{
  3872. display: block;
  3873. width: 180px;
  3874. height: 180px;
  3875. border-radius: 20px;
  3876. cursor: pointer;
  3877. transition: ease all 0.5s;
  3878. }
  3879. .yiyun_cloud_fileList li .bghover-mid{
  3880. display: block;
  3881. width: 136px;
  3882. height: 136px;
  3883. border-radius: 12px;
  3884. cursor: pointer;
  3885. transition: ease all 0.5s;
  3886. }
  3887. .webuploader-pick {
  3888. margin-top: 0px;
  3889. }
  3890. .yiyun_cloud_fileList li:hover>.deleteBtnFlie {
  3891. display: block;
  3892. }
  3893. .yiyun_cloud_fileList li:hover>.downloadBtn_yiyun {
  3894. display: block;
  3895. }
  3896. .yiyun_cloud_fileList li:hover>.bghover{
  3897. background-color: #32323c;
  3898. }
  3899. /* 云盘文件end */
  3900. /* 协作文件start */
  3901. .bg_color_company{
  3902. /* height: 54px;
  3903. line-height: 54px; */
  3904. background-color: #f0f0f0;
  3905. }
  3906. .yiyun_warpBar {
  3907. display: inline-block;
  3908. }
  3909. .bottomBloder{
  3910. border-bottom: 0.5px solid rgb(204,205,215);
  3911. }
  3912. .yiyun_Headtitle_center{
  3913. margin:0 24px;
  3914. }
  3915. .font-line-text{
  3916. line-height: 54px!important;
  3917. }
  3918. /* 协作文件end */
  3919. /* 矩阵模板start */
  3920. .table1 td {
  3921. border: 1px solid black;
  3922. }
  3923. .table1 td:hover {
  3924. color: aliceblue;
  3925. cursor:pointer
  3926. }
  3927. /* 矩阵模板end */
  3928. /* 2019-06-04 workspace界面 */
  3929. .yiyun_line_border{
  3930. width: 100%;
  3931. height: 1px;
  3932. background-color: #d8d8d8
  3933. }
  3934. .newbtn img.wenjian_bg_img{
  3935. display: block;
  3936. width: 86px;
  3937. height: 86px;
  3938. margin: 10px auto;
  3939. margin-top: 40px;
  3940. }
  3941. .newbtn{
  3942. text-align: center;
  3943. }
  3944. .yiyun_wenjian_list:hover > .newbtn{
  3945. background-color: transparent;
  3946. }
  3947. .newbtn_label{
  3948. color: #32323C;
  3949. font-size: 14px;
  3950. }
  3951. .duiqi{
  3952. display: inline-block;
  3953. position: relative;
  3954. top: 4px;
  3955. left: 10px;
  3956. cursor: pointer;
  3957. }
  3958. .yiyun_btnnew_info .yiyun_btnnew_infolabel{
  3959. margin-left: 10px;
  3960. font-size: 14px;
  3961. position: relative;
  3962. top: -7px;
  3963. }
  3964. .newfiledialog{
  3965. position: fixed;
  3966. top: 130px;
  3967. left: 50%;
  3968. width: 680px;
  3969. margin-left: -340px;
  3970. background-color: rgba(50, 50, 60, 0);
  3971. overflow-y: auto;
  3972. z-index: 11;
  3973. }
  3974. .dia_8{
  3975. width: 100%;
  3976. height:100%;
  3977. position:fixed;
  3978. left: 0px;
  3979. top: 0px;
  3980. background-color: rgba(50, 50, 60, 0.42);
  3981. z-index: 10;
  3982. overflow-y: auto;
  3983. }
  3984. .el-message-box__wrapper{
  3985. background-color: rgba(50, 50, 60, 0.42);
  3986. }
  3987. .dragareaBox{
  3988. display: flex;
  3989. align-items: center;
  3990. width: 680px;
  3991. height: 100px;
  3992. margin : 0 auto;
  3993. border-radius: 10px;
  3994. background-color: rgba(252, 252, 252, 1);
  3995. box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  3996. }
  3997. .dragarea_top{
  3998. width: 100%;
  3999. height: 100px;
  4000. border-radius: 10px;
  4001. background-color: rgba(255, 255, 255, 1);
  4002. text-align: center;
  4003. cursor: pointer;
  4004. }
  4005. .yiyong_list_dalog{
  4006. margin-left: 10px;
  4007. }
  4008. .yiyong_list_dalog li{
  4009. float: left;
  4010. margin:10px 20px;
  4011. text-align: center;
  4012. cursor:pointer;
  4013. position: relative;
  4014. top: 0;
  4015. transition:ease all 0.5s;
  4016. }
  4017. .yiyong_list_dalog li:hover{
  4018. top: -5px;
  4019. }
  4020. .appfileImgIcon.dulicard{
  4021. /* height: 164px; */
  4022. position: relative;
  4023. }
  4024. .houzuidinwei{
  4025. position: absolute;
  4026. top: 132px;
  4027. font-size: 26px;
  4028. text-align: center;
  4029. right: 48px;
  4030. }
  4031. .dulicard img{
  4032. max-height: 148px;
  4033. display: block;
  4034. margin: 0 auto;
  4035. margin-top: 16px;
  4036. filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.3));
  4037. max-width: 148px;
  4038. }
  4039. .cardlistbox li{
  4040. float: left;
  4041. margin:15px 5px;
  4042. text-align: center;
  4043. cursor:pointer;
  4044. }
  4045. .creatbox_mid{
  4046. width: 100%;
  4047. overflow: hidden;
  4048. border-radius: 10px;
  4049. background-color: rgba(255, 255, 255, 1);
  4050. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  4051. /* padding-bottom: 20px; */
  4052. }
  4053. .mt-10{
  4054. margin-top: 10px;
  4055. }
  4056. .spanImg{
  4057. display: block;
  4058. width: 70px;
  4059. }
  4060. .appItemlist{
  4061. clear: both;
  4062. cursor:pointer;
  4063. }
  4064. .diahead{
  4065. padding:19px 16px;
  4066. padding-bottom: 0;
  4067. overflow: hidden;
  4068. }
  4069. .colosbtn{
  4070. background: url(/static/img/yiyunicon.png) no-repeat -194px -28px;
  4071. display: block;
  4072. width: 28px;
  4073. height: 28px;
  4074. cursor: pointer;
  4075. /* transition: ease all 0.5s; */
  4076. }
  4077. .colosbtn:hover{
  4078. background: url(/static/img/yiyunicon.png) no-repeat -194px -84px;
  4079. }
  4080. .spanTitle{
  4081. font-size: 13px;
  4082. color: rgba(0, 0, 0, 1);
  4083. font-size: 13px;
  4084. }
  4085. .rtbtn{
  4086. padding: 0 10px;
  4087. border-radius: 10px;
  4088. color: rgba(167, 168, 183, 1);
  4089. font-size: 12px;
  4090. border: 1px solid #A7A8B7;
  4091. cursor: pointer;
  4092. }
  4093. .dragarea_area{
  4094. /* line-height: 100px; */
  4095. text-align: center;
  4096. color: rgba(0, 0, 0, 1);
  4097. font-size: 16px;
  4098. }
  4099. .xiangdui{
  4100. position: relative;
  4101. }
  4102. .xiangdui .fl_icon{
  4103. position: absolute;
  4104. left: -30px;
  4105. }
  4106. .layerout_H2{
  4107. height: calc(100vh - 64px - 259px);
  4108. overflow-y: auto;
  4109. transition: ease all 0.5s;
  4110. background-color: #f6f6f6;
  4111. }
  4112. .layerout_H3{
  4113. min-height: 150px;
  4114. }
  4115. /* 滚动条宽度设置 */
  4116. .layerout_H2::-webkit-scrollbar {
  4117. width: 8px;
  4118. height: 8px;
  4119. }
  4120. /* 里面的滑块样式 */
  4121. .layerout_H2::-webkit-scrollbar-thumb {
  4122. border-radius: 4px;
  4123. background-color: #adadad;
  4124. }
  4125. .file_Imgbox{
  4126. position: absolute;
  4127. width: 132px;
  4128. height: 90px;
  4129. top: 42px;
  4130. left: 24px;
  4131. overflow: hidden;
  4132. vertical-align: middle;
  4133. text-align: center;
  4134. margin: 0 auto;
  4135. background-color: #fff;
  4136. display: flex;
  4137. justify-content: center;
  4138. align-items: center;
  4139. }
  4140. .file_Imgbox-mid{
  4141. position: absolute;
  4142. width: 100px;
  4143. height: 69px;
  4144. top: 36px;
  4145. left: 18px;
  4146. overflow: hidden;
  4147. vertical-align: middle;
  4148. text-align: center;
  4149. margin: 0 auto;
  4150. background-color: #fff;
  4151. display: flex;
  4152. justify-content: center;
  4153. align-items: center;
  4154. }
  4155. .file_Img{
  4156. max-width: 102px;
  4157. max-height: 69px;
  4158. position: relative;
  4159. top: 36px;
  4160. }
  4161. .searchsize{
  4162. font-size: 24px;
  4163. }
  4164. /* .scollbarBox{
  4165. min-height: 423px;
  4166. overflow: hidden;
  4167. overflow-y: auto;
  4168. } */
  4169. .mt-5{
  4170. margin-top: 5px;
  4171. }
  4172. .mt-0{
  4173. margin-top: 0px;
  4174. }
  4175. .mt-32{
  4176. margin-top: 32px;
  4177. }
  4178. .mt-48{
  4179. margin-top: 48px;
  4180. }
  4181. .mt-50{
  4182. margin-top: 50px;
  4183. }
  4184. .mt-54{
  4185. margin-top: 54px;
  4186. }
  4187. .listfilewarp{
  4188. overflow: hidden;
  4189. /* overflow-y: auto; */
  4190. background-color: #f0f0f0;
  4191. }
  4192. .listfilewarp1{
  4193. min-height: calc(100vh - 48px);
  4194. overflow: hidden;
  4195. overflow-y: auto;
  4196. background-color: #f0f0f0;
  4197. }
  4198. .btn_group button{
  4199. background-color: #fff;
  4200. border: 0;
  4201. padding: 5px 7px 6px 8px;
  4202. cursor: pointer;
  4203. color: rgba(98, 98, 111, 1);
  4204. font-size: 14px;
  4205. text-align: center;
  4206. }
  4207. .btn_group{
  4208. border-radius:5px;
  4209. height: 28px;
  4210. line-height: 28px;
  4211. background-color: #fff;
  4212. overflow: hidden;
  4213. }
  4214. .zongjianbox{
  4215. height: 55px;
  4216. background-color: rgba(235, 235, 235, 0.57);
  4217. }
  4218. .yiyun_section2{
  4219. width: calc(100vw - 120px);
  4220. margin: 0 auto
  4221. }
  4222. .zongjianbox .yiyuntitle{
  4223. line-height: 55px;
  4224. }
  4225. .btn_group button+button{
  4226. margin: 0
  4227. }
  4228. .mt-16{
  4229. margin-top: 16px;
  4230. }
  4231. .program{
  4232. background-color: #8C00FF !important;
  4233. padding: 5px 12px !important;
  4234. color: #fff!important;
  4235. }
  4236. .jindutiao{
  4237. width: 340px;
  4238. margin:0 auto;
  4239. height: 26px;
  4240. border-radius: 18px;
  4241. background-color: rgba(234, 199, 142, 1);
  4242. overflow: hidden;
  4243. position: relative;
  4244. }
  4245. div.mt-16{
  4246. margin-top: 16px;
  4247. }
  4248. .jindu{
  4249. width: 40px;
  4250. height: 26px;
  4251. background-color: rgba(226, 169, 75, 1);
  4252. position: absolute;
  4253. top: 0;
  4254. z-index: 2;
  4255. }
  4256. .jindulabel{
  4257. position: absolute;
  4258. right: 10px;
  4259. line-height: 28px;
  4260. }
  4261. .mt-7{
  4262. margin-top: 7px;
  4263. }
  4264. .row_painfr h5{
  4265. font-size: 18px;
  4266. }
  4267. .top_optionBar{
  4268. position: absolute;
  4269. right: 10px;
  4270. top: 4px;
  4271. /*background: #ccc;*/
  4272. display: block;
  4273. width: 16px;
  4274. height: 16px;
  4275. }
  4276. .el-icon-reseting{
  4277. background: url(/static/img/icon_16.png) no-repeat 0 -16px;
  4278. display: block;
  4279. width: 16px;
  4280. height: 16px;
  4281. }
  4282. .dropdownList{
  4283. display: block;
  4284. }
  4285. .mt-20{
  4286. margin-top: 20px;
  4287. }
  4288. .el-dropdown-menu{
  4289. padding: 0
  4290. }
  4291. .el-dropdown-menu__item--divided{
  4292. margin-top: 0
  4293. }
  4294. .yiyun_text_line{
  4295. line-height: 30px;
  4296. }
  4297. .wrate{
  4298. background-color: #5498ff;
  4299. background: -webkit-linear-gradient(#c3c3c3, black);
  4300. color: #fff;
  4301. line-height: 30px;
  4302. text-align: center;
  4303. }
  4304. .blue {
  4305. background: #fdee27;
  4306. color: #88690f;
  4307. }
  4308. .gray{
  4309. background:#e2e9f1;
  4310. }
  4311. /* 探索者UI */
  4312. .LoginTitleWel{
  4313. position: fixed;
  4314. top: 120px;
  4315. left: 100px;
  4316. font-size: 48px;
  4317. font-weight: 500;
  4318. color: #fff;
  4319. z-index: 2;
  4320. }
  4321. .tinyLabel{
  4322. font-size: 12px;
  4323. line-height: 16px;
  4324. width: 52px;
  4325. border-radius: 8px;
  4326. background-color: #8C00FF;
  4327. display: block;
  4328. text-align: center;
  4329. color:#fff;
  4330. margin-bottom: 7px;
  4331. }
  4332. .yiyun_btn_new{
  4333. border: 0;
  4334. color: #fff;
  4335. width: 200px;
  4336. height: 40px;
  4337. font-size: 16px;
  4338. border-radius: 8px;
  4339. text-align: center;
  4340. background-color: rgba(120, 80, 255, 1);
  4341. box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1), 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
  4342. cursor: pointer;
  4343. transition: ease all 0.5s;
  4344. font-family: PingFangSC-Regular;
  4345. }
  4346. .yiyun_btn_new:active {
  4347. background-color: rgba(68, 43, 170, 1);
  4348. }
  4349. .PaincenterBox .el-form-item__label{
  4350. color: #EBEBF2;
  4351. font-size: 15px;
  4352. }
  4353. .PaincenterBox .bg_w .el-input__inner {
  4354. background-color: #32323c;
  4355. border-radius: 5px;
  4356. height: 44px;
  4357. line-height: 44px;
  4358. color: #fff;
  4359. border-bottom: 0;
  4360. border: 0;
  4361. box-shadow: 0 0 0;
  4362. }
  4363. .yiyunPlusmini{
  4364. display: inline-block;
  4365. width: 20px;
  4366. height: 20px;
  4367. background: url(/static/img/Plus_mini.png) 0 0 no-repeat;
  4368. position: relative;
  4369. top: 1px;
  4370. cursor: pointer;
  4371. }
  4372. .self_newitem{
  4373. position: relative;
  4374. }
  4375. .bianji_input{
  4376. padding-left: 0;
  4377. width: 100%;
  4378. text-indent: 16px;
  4379. }
  4380. .selfoptiongroup{
  4381. position: absolute;
  4382. z-index: 1;
  4383. right: 10px;
  4384. top: 16px;
  4385. }
  4386. .blockcheckbox .el-checkbox{
  4387. display: block;
  4388. margin: 10px 0;
  4389. font-size: 15px;
  4390. color: #000;
  4391. }
  4392. .blockcheckbox .el-checkbox+.el-checkbox{
  4393. margin-left: 0;
  4394. }
  4395. .blockcheckbox{
  4396. margin-left: 0px;
  4397. margin-top: 10px;
  4398. }
  4399. .qustionimgbox{
  4400. width: 79px;
  4401. height: 82px;
  4402. border-radius: 10px;
  4403. border: 1px solid rgba(216, 216, 216, 1);
  4404. margin-right: 10px;
  4405. overflow: hidden;
  4406. display: inline-block;
  4407. position: relative;
  4408. margin-top: 6px;
  4409. }
  4410. .qustionimgbox img{
  4411. width: 100%;
  4412. height: 100%;
  4413. cursor: pointer;
  4414. }
  4415. .guanbi{
  4416. position: absolute;
  4417. z-index: 9;
  4418. top: 6px;
  4419. right: 8px;
  4420. color: #8c00ff;
  4421. }
  4422. .noborder{
  4423. border: 0
  4424. }
  4425. .dibubtn{
  4426. position: absolute;
  4427. margin: 16px;
  4428. bottom: 0px;
  4429. left: 0px;
  4430. }
  4431. .dibubtn .el-button {
  4432. padding: 8px 20px;
  4433. width: 343px;
  4434. border-radius: 8px;
  4435. display: block;
  4436. border: 0;
  4437. font-size: 16px;
  4438. font-family: PingFang SC;
  4439. }
  4440. .pxline{
  4441. height: 1px;
  4442. background-color: #CCCDD7;
  4443. }
  4444. .user_info_role .el-input--suffix .el-input__inner {
  4445. padding-right: 0px;
  4446. background-color: transparent;
  4447. box-shadow: 0;
  4448. border-radius: 0px;
  4449. border: 0px solid rgba(227, 227, 227, 1);
  4450. color: rgba(255,255,255,1);
  4451. font-size: 12px;
  4452. }
  4453. .nobg .el-input--suffix .el-input__inner{
  4454. background: transparent;
  4455. box-shadow: 0 0 0;
  4456. border: 1px solid #ccc;
  4457. color: #fff;
  4458. }
  4459. .user_info_role .el-select .el-input .el-select__caret {
  4460. font-size: 0px;
  4461. }
  4462. .nomidline .bg_text_wirte .el-collapse,.nomidline .el-collapse{
  4463. border-top: 0px solid #62626f;
  4464. border-bottom: 0px solid #62626f;
  4465. }
  4466. .fulldialog{
  4467. width: calc(100vw);
  4468. height: calc(100vh);
  4469. position: fixed;
  4470. background: #fff;
  4471. z-index: 999;
  4472. left: 0;
  4473. top: 0;
  4474. overflow-y: auto;
  4475. }
  4476. .questionwarp{
  4477. width: 668px;
  4478. margin: 0 auto;
  4479. margin-top: 20px;
  4480. }
  4481. .dibulongbtn{
  4482. margin: 50px 0;
  4483. overflow: hidden;
  4484. }
  4485. .widt50{
  4486. width: 48%;
  4487. }
  4488. .widt50 .el-button--default{
  4489. width: 100%;
  4490. border-radius: 24px;
  4491. }
  4492. .guanbiques{
  4493. position: fixed;
  4494. right: 30px;
  4495. top: 22px;
  4496. }
  4497. .tianjiaxiezuorenBox .el-button {
  4498. padding: 3px 23px 2px 23px;
  4499. border: 0;
  4500. }
  4501. .tianjiaxiezuorenBox .el-button:focus,.tianjiaxiezuorenBox .el-button:hover {
  4502. color: #ffffff;
  4503. border-color: #8c00ff;
  4504. background-color: #8c00ff;
  4505. }
  4506. .texttips{
  4507. color: rgba(155, 155, 155, 1);
  4508. font-size: 14px;
  4509. }
  4510. .el-input__inner::-webkit-input-placeholder {
  4511. color: rgba(136, 136, 136, 1);
  4512. font-size: 15px;
  4513. }
  4514. .el-input__inner::-moz-placeholder {
  4515. color: rgba(136, 136, 136, 1);
  4516. font-size: 15px;
  4517. }
  4518. .el-input__inner::-ms-input-placeholder {
  4519. color: rgba(136, 136, 136, 1);
  4520. font-size: 15px;
  4521. }
  4522. .appImg{
  4523. width: 32px;
  4524. height: 32px;
  4525. margin-right: 10px;
  4526. background-color: #ccc;
  4527. margin-top: 6px;
  4528. margin-bottom: 6px;
  4529. }
  4530. .appNameBox{
  4531. width: 300px;
  4532. float: right;
  4533. line-height: 40px;
  4534. border-bottom: 1px solid #cccdd7;
  4535. }
  4536. .el-checkbox__inner::after {
  4537. height: 0px;
  4538. left: -5px;
  4539. top: 1px;
  4540. width: 0px;
  4541. }
  4542. .maxlongBtn{
  4543. height: 44px;
  4544. border-radius: 5px;
  4545. border: 1px solid rgba(167, 168, 183, 1);
  4546. color:rgba(167, 168, 183, 1);
  4547. line-height: 44px;
  4548. font-size: 18px;
  4549. cursor: pointer;
  4550. position: relative;
  4551. text-align: center;
  4552. transition: ease all 0.5s;
  4553. }
  4554. .rightIcon{
  4555. transform: rotate(180deg);
  4556. position: absolute;
  4557. right: 20px;
  4558. top: 0px;
  4559. font-size: 21px;
  4560. }
  4561. .maxlongBtn:hover{
  4562. color: #fff;
  4563. border: 1px solid #fff;
  4564. }
  4565. .edit120.el-button.is-round{
  4566. padding: 7px;
  4567. }
  4568. .midIcon{
  4569. position: relative;
  4570. top: 5px;
  4571. width: 55px;
  4572. }
  4573. .yiyun_row_recyle_warp{
  4574. width: 100%;
  4575. padding: 0 22px;
  4576. position: relative;
  4577. left: -44px;
  4578. }
  4579. .bghover:hover .top_optionBar{
  4580. opacity: 1;
  4581. }
  4582. .helpNodeDetailBox{
  4583. min-height: calc(100vh - 300px);
  4584. overflow-y: auto;
  4585. }
  4586. .helpNodeDetailBox p{
  4587. text-align: justify;
  4588. }
  4589. .helpNodeDetailBox p span{
  4590. font-size: 14px!important;
  4591. line-height: 30px;
  4592. text-align: justify;
  4593. display: block;
  4594. text-indent: 30px;
  4595. }
  4596. .appbg{
  4597. background: transparent;
  4598. }
  4599. .appbg .file_Imgbox{
  4600. width: 116px;
  4601. height: 116px;
  4602. border-radius: 16px;
  4603. background-color: #ccc;
  4604. left: 32px;
  4605. top: 32px;
  4606. }
  4607. .appbg .file_Imgbox img{
  4608. width: 100%;
  4609. height: 100%;
  4610. transform: scale(1.23);
  4611. }
  4612. .updateImg .webuploader-pick{
  4613. width: 79px;
  4614. height: 79px;
  4615. border-radius: 0!important;
  4616. border: 0!important;
  4617. background: url(/static/img/newadd.png) 0 0 no-repeat;
  4618. background-size: 100%;
  4619. background-color: transparent !important;
  4620. position: absolute;
  4621. top: -3px;
  4622. left: 0;
  4623. }
  4624. .selfaddbtn > span{
  4625. position: relative;
  4626. top: 10px;
  4627. }
  4628. .el-date-editor.el-input--suffix .el-input__inner {
  4629. text-indent: 6px;
  4630. }
  4631. .el-form-item__content >span{
  4632. display: -webkit-box;
  4633. -webkit-box-orient: vertical;
  4634. -webkit-line-clamp: 1;
  4635. overflow: hidden;
  4636. /* font-size: 15px; */
  4637. }
  4638. .el-button--text:hover,.el-button--text:focus{
  4639. background-color: transparent;
  4640. }
  4641. .yiyun_section1{
  4642. width: calc(100vw - 120px);
  4643. margin: 0 auto;
  4644. height: calc(100vh - 128px);
  4645. }
  4646. /* 2019-07-25 UI */
  4647. .title_section{
  4648. width: calc(100vw - 120px);
  4649. margin: 0 auto;
  4650. overflow: hidden;
  4651. }
  4652. .EC_searchBox{
  4653. width: 300px;
  4654. margin: 20px auto;
  4655. }
  4656. .el-table--border::after, .el-table--group::after, .el-table::before {
  4657. z-index: -1;
  4658. }
  4659. .cutimgBox{
  4660. width: 77px;
  4661. height: 77px;
  4662. overflow: hidden;
  4663. position: relative;
  4664. float: left;
  4665. margin-right: 9px;
  4666. margin-bottom: 9px;
  4667. border-radius: 10px;
  4668. border: 1px solid rgba(216, 216, 216, 1);
  4669. margin-top: 10px;
  4670. }
  4671. .cutimgBox img{
  4672. width: 100%;
  4673. height: 100%;
  4674. }
  4675. .guanbibtn{
  4676. position: absolute;
  4677. top: 7px;
  4678. right: 9px;
  4679. }
  4680. .guanbibtn:hover{
  4681. color: #8C00FF;
  4682. }
  4683. .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  4684. background-color: #8E909F;
  4685. border-radius: 5px;
  4686. }
  4687. .yiyun_headerfr>a.textgray{
  4688. color: #adadad;
  4689. width: 100px;
  4690. overflow: hidden;
  4691. text-overflow: ellipsis;
  4692. white-space: nowrap;
  4693. }
  4694. .yiyun_headerfr>a.textblock{
  4695. color: #000
  4696. }
  4697. /* 2019-07-25 探索者UI规范 */
  4698. /*公共默认样式*/
  4699. body{
  4700. margin : 0 ;
  4701. padding : 0 ;
  4702. overflow: hidden;
  4703. }
  4704. .fl{
  4705. float: left;
  4706. }
  4707. .fr{
  4708. float: right;
  4709. }
  4710. .clear{
  4711. clear: both;
  4712. }
  4713. .el-form-itemBox{
  4714. margin: 0 10px;
  4715. overflow: hidden;
  4716. /* max-height: 50px; */
  4717. }
  4718. .mlr-10{
  4719. margin: 0 10px;
  4720. }
  4721. .mlr-16{
  4722. margin-left: 16px;
  4723. margin-right: 16px;
  4724. }
  4725. .mt-8{
  4726. margin-top: 8px;
  4727. }
  4728. .secondListTitle{
  4729. font-size: 16px;
  4730. }
  4731. .yiyunTable_list_item div.textlabelgray .el-form-item__label{
  4732. color: #808080!important;
  4733. font-weight: 500
  4734. }
  4735. .yiyunTable_list_item div.textlabelblock .el-form-item__label{
  4736. color: #000!important;
  4737. font-weight: 600
  4738. }
  4739. div.textlabelgray .el-form-item__content{
  4740. font-size: 15px;
  4741. font-weight: 600;
  4742. }
  4743. .el-table,.el-table thead{
  4744. color: #000;
  4745. font-weight: 600;
  4746. }
  4747. .el-table-column--selection .cell{
  4748. padding: 0;
  4749. }
  4750. .largecontentBox{
  4751. height: calc(100vh - 258px);
  4752. overflow-y: auto;
  4753. position: relative;
  4754. }
  4755. /*边距*/
  4756. .ml-8 {
  4757. margin-left: 8px;
  4758. }
  4759. .mt-10{
  4760. margin-top: 10px;
  4761. }
  4762. .mb-10{
  4763. margin-bottom: 10px;
  4764. }
  4765. .ml-10{
  4766. margin-left:10px;
  4767. }
  4768. .mr-10{
  4769. margin-right:10px;
  4770. }
  4771. .mt-15{
  4772. margin-top: 15px;
  4773. }
  4774. .ml-15{
  4775. margin-left: 15px;
  4776. }
  4777. .mt-20{
  4778. margin-top: 20px;
  4779. }
  4780. .mb-20{
  4781. margin-bottom: 20px;
  4782. }
  4783. .ml-20{
  4784. margin-left: 20px;
  4785. }
  4786. .mr-20{
  4787. margin-right: 20px;
  4788. }
  4789. .mlr-20{
  4790. margin: 0 20px;
  4791. }
  4792. .mlr_30{
  4793. margin: 0 30px;
  4794. }
  4795. .mt-26{
  4796. margin-top: 26px;
  4797. }
  4798. .ml-64 {
  4799. margin-left: 64px;
  4800. }
  4801. .line_H60{
  4802. line-height: 60px;
  4803. }
  4804. /* 滚动条 */
  4805. .flex_right_pain_body::-webkit-scrollbar ,.largecontentBox::-webkit-scrollbar,.scollbarBox::-webkit-scrollbar,.middiaHeight::-webkit-scrollbar,
  4806. .tankuangaodu::-webkit-scrollbar,.jsmind-inner::-webkit-scrollbar,.newfiledialog::-webkit-scrollbar,.scollBar::-webkit-scrollbar,.fixtable::-webkit-scrollbar
  4807. ,.worklink::-webkit-scrollbar,#bigbody::-webkit-scrollbar,.fulldialog::-webkit-scrollbar,.appiframebox::-webkit-scrollbar,.appiframebox::-webkit-scrollbar,.listfilewarp1::-webkit-scrollbar{
  4808. width: 8px;
  4809. height: 8px;
  4810. }
  4811. .translatescoall::-webkit-scrollbar,.neibianju::-webkit-scrollbar,.neibianju1::-webkit-scrollbar,.fifleBox::-webkit-scrollbar{
  4812. width: 8px;
  4813. height:8px;
  4814. }
  4815. .flex_right_pain_body::-webkit-scrollbar-track ,.largecontentBox::-webkit-scrollbar-track,.scollbarBox::-webkit-scrollbar-track,.middiaHeight::-webkit-scrollbar-track,
  4816. .tankuangaodu::-webkit-scrollbar-track,.jsmind-inner::-webkit-scrollbar-track,.newfiledialog::-webkit-scrollbar-track,.scollBar::-webkit-scrollbar-track,.fixtable::-webkit-scrollbar-track
  4817. ,.worklink::-webkit-scrollbar-track,#bigbody::-webkit-scrollbar-track,.fulldialog::-webkit-scrollbar-track,.appiframebox::-webkit-scrollbar-track,.appiframebox::-webkit-scrollbar-track,.listfilewarp1::-webkit-scrollbar-track{
  4818. background-color:transparent;
  4819. -webkit-border-radius: 2em;
  4820. -moz-border-radius: 2em;
  4821. border-radius:2em;
  4822. }
  4823. .flex_right_pain_body::-webkit-scrollbar-thumb,.largecontentBox::-webkit-scrollbar-thumb,.scollbarBox::-webkit-scrollbar-thumb,.middiaHeight::-webkit-scrollbar-thumb,
  4824. .tankuangaodu::-webkit-scrollbar-thumb,.jsmind-inner::-webkit-scrollbar-thumb,.newfiledialog::-webkit-scrollbar-thumb,.scollBar::-webkit-scrollbar-thumb,.fixtable::-webkit-scrollbar-thumb
  4825. ,.worklink::-webkit-scrollbar-thumb,#bigbody::-webkit-scrollbar-thumb,.fulldialog::-webkit-scrollbar-thumb,.appiframebox::-webkit-scrollbar-thumb,.appiframebox::-webkit-scrollbar-thumb,.listfilewarp1::-webkit-scrollbar-thumb{
  4826. background-color:#adadad;
  4827. -webkit-border-radius: 2em;
  4828. -moz-border-radius: 2em;
  4829. border-radius:2em;
  4830. }
  4831. /*网格布局 24网格*/
  4832. .EC_col_1{
  4833. width: 4.166%;
  4834. float: left;
  4835. }
  4836. .EC_col_2{
  4837. width: 8.33%;
  4838. float: left;
  4839. }
  4840. .EC_col_3{
  4841. width: 12.5%;
  4842. float: left;
  4843. }
  4844. .EC_col_4{
  4845. width: 16.66%;
  4846. float: left;
  4847. }.EC_col_5{
  4848. width: 20.833%;
  4849. float: left;
  4850. }
  4851. .EC_col_6{
  4852. width: 25%;
  4853. float: left;
  4854. }
  4855. .EC_col_7{
  4856. width: 29.166%;
  4857. float: left;
  4858. }
  4859. .EC_col_8{
  4860. width: 33.33%;
  4861. float: left;
  4862. }
  4863. .EC_col_9{
  4864. width: 37.5%;
  4865. float: left;
  4866. }
  4867. .EC_col_10{
  4868. width: 41.66%;
  4869. float: left;
  4870. }
  4871. .EC_col_11{
  4872. width: 45.83%;
  4873. float: left;
  4874. }
  4875. .EC_col_12{
  4876. width: 50%;
  4877. float: left;
  4878. }
  4879. .EC_col_13{
  4880. width: 54.166%;
  4881. float: left;
  4882. }
  4883. .EC_col_14{
  4884. width: 58.33%;
  4885. float: left;
  4886. }
  4887. .EC_col_15{
  4888. width: 62.5%;
  4889. float: left;
  4890. }
  4891. .EC_col_16{
  4892. width: 66.66%;
  4893. float: left;
  4894. }
  4895. .EC_col_17{
  4896. width: 70.833%;
  4897. float: left;
  4898. }
  4899. .EC_col_18{
  4900. width: 75%;
  4901. float: left;
  4902. }
  4903. .EC_col_19{
  4904. width: 79.166%;
  4905. float: left;
  4906. }
  4907. .EC_col_20{
  4908. width: 83.33%;
  4909. float: left;
  4910. }
  4911. .EC_col_21{
  4912. width: 87.5%;
  4913. float: left;
  4914. }
  4915. .EC_col_22{
  4916. width: 91.66%;
  4917. float: left;
  4918. }
  4919. .EC_col_23{
  4920. width: 95.83%;
  4921. float: left;
  4922. }
  4923. .EC_col_24{
  4924. width: 100%;
  4925. float: left;
  4926. }
  4927. /*按钮开始*/
  4928. button + button{
  4929. margin:0 5px;
  4930. }
  4931. .topOption .page_button{
  4932. margin: 0
  4933. }
  4934. button:last-child{
  4935. margin-right: 0;
  4936. }
  4937. .EC_button{
  4938. border: 0.5px solid transparent;
  4939. font-size: 14px;
  4940. border-radius: 4px;
  4941. color: #fff;
  4942. padding: 4px 31px 6px 31px;
  4943. cursor: pointer;
  4944. transition: ease all 0.5s;
  4945. outline: none;
  4946. }
  4947. .cicle{
  4948. border-radius: 15px;
  4949. }
  4950. .normal{
  4951. color: #32323c;
  4952. background-color: #fff;
  4953. border-color: #d4d4d4;
  4954. }
  4955. .dark{
  4956. background-color: #62626F;
  4957. }
  4958. .dark:hover,.normal:hover,.normal:focus,.dark:focus{
  4959. color: #fff;
  4960. border-color: #8C00FF;
  4961. background-color: #8C00FF
  4962. }
  4963. .textborder:focus{
  4964. border-color: #8C00FF;
  4965. color: #8C00FF
  4966. }
  4967. button:hover:disabled,button:disabled{
  4968. color: #ADADAD;
  4969. background-color: #e3e3e3;
  4970. border-color: #e3e3e3;
  4971. cursor: not-allowed;
  4972. }
  4973. .strong{
  4974. background-color: #8C00FF;
  4975. color: #fff;
  4976. border-color: #8C00FF;
  4977. }
  4978. .strong:hover{
  4979. background-color: #a02dff;
  4980. }
  4981. .text{
  4982. border-color: transparent;
  4983. background-color: transparent;
  4984. color: #000;
  4985. }
  4986. .text:hover,.text:focus{
  4987. color: #8C00FF;
  4988. background-color: transparent;
  4989. border: transparent;
  4990. }
  4991. .textborder{
  4992. border-color: #D4D4D4;
  4993. background-color: transparent;
  4994. color: #000;
  4995. }
  4996. .textborder:hover{
  4997. border-color: #8C00FF;
  4998. color: #8C00FF;
  4999. }
  5000. .textStrong{
  5001. border-color: transparent;
  5002. background-color: transparent;
  5003. color: #8C00FF;
  5004. }
  5005. .shadow{
  5006. box-shadow: 0 1px 2px #848484;
  5007. border-color: #e8e8e8;
  5008. }
  5009. .strong.shadow{
  5010. border-color: #8C00FF;
  5011. }
  5012. .gradient{
  5013. color:#32323c;
  5014. border:0;
  5015. background: -webkit-linear-gradient(#E1E2E8,#B0B0B7); /* Safari 5.1 - 6.0 */
  5016. background: -o-linear-gradient(#E1E2E8,#B0B0B7); /* Opera 11.1 - 12.0 */
  5017. background: -moz-linear-gradient(#E1E2E8,#B0B0B7); /* Firefox 3.6 - 15 */
  5018. background: linear-gradient(#E1E2E8,#B0B0B7); /* 标准的语法 */
  5019. }
  5020. .gradient:hover,.gradient:focus{
  5021. background: #8C00FF;
  5022. color: #FFF;
  5023. }
  5024. .long{
  5025. display: block;
  5026. width: 100%;
  5027. padding: 5px 0;
  5028. margin: 0;
  5029. text-align: center;
  5030. }
  5031. /*
  5032. *按钮尺寸:大【bt_large】,中【bt_middle】,小【bt_small】,mini【bt_mini】,微小 【bt_tiny】
  5033. */
  5034. .bt_large{
  5035. font-size: 16px;
  5036. border-radius: 8px;
  5037. }
  5038. .bt_middle{
  5039. font-size: 14px;
  5040. }
  5041. .bt_small{
  5042. font-size: 13px;
  5043. padding: 2px 27px 4px;
  5044. }
  5045. .bt_small_24{
  5046. font-size: 13px;
  5047. padding: 3px 17px;
  5048. font-weight: 400;
  5049. color: #000;
  5050. background-color: #fff;
  5051. border-color: #e3e3e3;
  5052. }
  5053. .bt_small_20{
  5054. font-size: 13px;
  5055. padding: 1px 23px 1px 23px;
  5056. font-weight: 400;
  5057. color: #000;
  5058. background-color: #fff;
  5059. border-color: #e3e3e3;
  5060. }
  5061. .primaryBtn{
  5062. background-color: #8C00FF;
  5063. color: #fff;
  5064. border-color: #8C00FF;
  5065. }
  5066. .primaryBtn:hover{
  5067. background-color: #8C00FF;
  5068. color: #fff!important;
  5069. border-color: #8C00FF;
  5070. }
  5071. .bt_small_20:hover{
  5072. color: #8C00FF;
  5073. border-color: #8C00FF;
  5074. }
  5075. .bt_mini{
  5076. font-size: 12px;
  5077. padding: 2px 14px 3px;
  5078. }
  5079. .bt_tiny{
  5080. font-size: 11px;
  5081. padding: 1px 3px 2px;
  5082. }
  5083. /*开关*/
  5084. .el-switch__core:after {
  5085. top: -6px;
  5086. left: -7px;
  5087. width: 28px;
  5088. height: 28px;
  5089. background-color: #FFF;
  5090. border-radius: 18px;
  5091. box-shadow: 0 1px 3px rgba(0,0,0,0.4);
  5092. }
  5093. .el-switch__core {
  5094. width: 38px!important;
  5095. box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  5096. }
  5097. /* /*按钮结束 */
  5098. /* 用户后台2019-08-05 */
  5099. .wirteBg{
  5100. background-color: rgba(255, 255, 255, 1)!important;
  5101. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  5102. }
  5103. .companylogoBox,.messageBoxlarge{
  5104. height: 255px;
  5105. background-color: rgba(235, 235, 242, 1);
  5106. }
  5107. .companylogoBox{
  5108. height: 255px;
  5109. margin: 30px;
  5110. overflow: hidden;
  5111. }
  5112. .companylogoImgBox{
  5113. width: 180px;
  5114. height: 180px;
  5115. margin: 0 auto;
  5116. margin-top: 35px;
  5117. display: flex;
  5118. justify-content: center;
  5119. align-items: center;
  5120. }
  5121. .companylogoImgBox img{
  5122. max-width: 100%
  5123. }
  5124. .messageBoxlarge{
  5125. height: 182px;
  5126. margin: 5px 0;
  5127. border-top: 1px solid transparent;
  5128. border-radius: 5px;
  5129. }
  5130. .desclabel label{
  5131. color: #808080;
  5132. font-weight: 500;
  5133. display: inline-block;
  5134. width: 80px;
  5135. }
  5136. .desclabel label,.desclabel span{
  5137. font-size: 15px;
  5138. line-height: 40px;
  5139. }
  5140. .desclabel span{
  5141. color: #000;
  5142. font-weight: 500;
  5143. }
  5144. .titleChapter{
  5145. color: rgba(0, 0, 0, 1);
  5146. font-size: 15px;
  5147. vertical-align: baseline
  5148. }
  5149. .labtips{
  5150. color: rgba(140, 0, 255, 1);
  5151. font-size: 12px;
  5152. vertical-align: baseline
  5153. }
  5154. .scanlargeBtn{
  5155. text-decoration: none;
  5156. color: rgba(140, 0, 255, 1);
  5157. font-size: 14px;
  5158. line-height: 44px;
  5159. }
  5160. .ml-23{
  5161. margin-left: 23px;
  5162. }
  5163. .m-20{
  5164. margin: 20px;
  5165. }
  5166. .mt-40{
  5167. margin-top: 40px;
  5168. }
  5169. .mt-5{
  5170. margin-top: 5px;
  5171. }
  5172. .m10{
  5173. margin: 10px;
  5174. }
  5175. .chapter{
  5176. color: rgba(155, 155, 155, 1);
  5177. font-size: 14px;
  5178. }
  5179. .chapterWarp{
  5180. width: 920px;
  5181. margin-left:auto ;
  5182. margin-right: auto
  5183. }
  5184. .page_button{
  5185. font-size: 12px;
  5186. }
  5187. .massagecontentBox img{
  5188. max-width: 100%;
  5189. display: block;
  5190. margin: 0 auto;
  5191. }
  5192. .massagecontentBox{
  5193. color: rgba(0, 0, 0, 1);
  5194. font-size: 14px;
  5195. text-align: justify;
  5196. margin: 10px;
  5197. }
  5198. .chapterbox{
  5199. border-radius: 10px;
  5200. padding-bottom: 20px;
  5201. margin-bottom: 20px;
  5202. overflow: hidden;
  5203. min-height: calc(100vh - 300px);
  5204. }
  5205. .clearboth {
  5206. clear: both;
  5207. overflow: hidden;
  5208. }
  5209. .ProjTitleLabel>div>span{
  5210. cursor: pointer;
  5211. }
  5212. .ProjTitleLabel{
  5213. -moz-user-select: none; /*火狐*/
  5214. -webkit-user-select: none; /*webkit浏览器*/
  5215. -ms-user-select: none; /*IE10*/
  5216. -khtml-user-select: none; /*早期浏览器*/
  5217. user-select: none;
  5218. }
  5219. .Icon_EC{
  5220. width: 20px;
  5221. height: 20px;
  5222. display: block;
  5223. }
  5224. .EC_wornning{
  5225. background: url(/static/img/icon_pic_01.png) 0 0 no-repeat
  5226. }
  5227. .formtextlabelgray .el-form-item__label{
  5228. color: #9B9B9B;
  5229. font-weight: 400;
  5230. }
  5231. .formtextlabelblack .el-form-item__label{
  5232. color: #000;
  5233. font-weight: 400;
  5234. }
  5235. .formtextlabelgray .el-form-item{
  5236. margin-bottom: 0;
  5237. }
  5238. .formtextlabelblack .el-form-item{
  5239. margin-bottom: 10px;
  5240. }
  5241. .beizhutext{
  5242. color: #888;
  5243. font-weight: 400
  5244. }
  5245. .height100{
  5246. clear: both;
  5247. width: 100%;
  5248. height: 100px;
  5249. }
  5250. .dibuBtn{
  5251. position: absolute;
  5252. bottom: 0px;
  5253. left: 10px;
  5254. }
  5255. .ECaddicon{
  5256. width: 14px;
  5257. height: 14px;
  5258. background: url(/static/img/icon_pic_01.png) 0 -44px no-repeat;
  5259. overflow: hidden;
  5260. padding: 0;
  5261. }
  5262. .ECaddiconUser{
  5263. width: 14px;
  5264. height: 14px;
  5265. background: url(/static/img/icon_pic_01.png) -28px -44px no-repeat;
  5266. overflow: hidden;
  5267. padding: 0;
  5268. display: block;
  5269. margin-top: 1px;
  5270. }
  5271. .ECaddiconcard{
  5272. width: 14px;
  5273. height: 14px;
  5274. background: url(/static/img/icon_pic_01.png) -42px -44px no-repeat;
  5275. overflow: hidden;
  5276. padding: 0;
  5277. display: block;
  5278. margin-top: 1px;
  5279. }
  5280. .Ecdel{
  5281. margin-left: 14px;
  5282. cursor: pointer;
  5283. }
  5284. .Ecdel:hover {
  5285. border-radius: 50%;
  5286. color: #ffffff;
  5287. background-color: #f00;
  5288. }
  5289. .addInput .el-input-group__append{
  5290. border-color: transparent
  5291. }
  5292. .UserItem{
  5293. display: inline-block;
  5294. padding: 3px 7px;
  5295. border-radius: 4px;
  5296. background-color: rgba(167, 168, 183, 1);
  5297. color: #fff;
  5298. font-size: 12px;
  5299. overflow: hidden;
  5300. margin-right: 4px;
  5301. }
  5302. .usertext{
  5303. display:block;
  5304. float: left;
  5305. margin-left: 6px;
  5306. }
  5307. .selectuserBox{
  5308. padding: 8px 0 4px 8px;
  5309. border-radius: 4px;
  5310. background-color: rgba(244, 244, 246, 1);
  5311. position: relative;
  5312. min-height: 28px;
  5313. margin-top: 5px;
  5314. }
  5315. .inputactived{
  5316. background-color: rgba(204, 205, 215, 1);
  5317. }
  5318. .inputactived .UserItem{
  5319. background-color: rgba(140, 0, 255, 1);
  5320. }
  5321. .inputactived .ECaddicon{
  5322. background: url(/static/img/icon_pic_01.png) 0px -58px no-repeat;
  5323. }
  5324. .ECIcondingwei{
  5325. position: absolute;
  5326. top: 13px;
  5327. right: 7px;
  5328. cursor: pointer;
  5329. }
  5330. .selctspan span{
  5331. cursor: pointer;
  5332. /* margin-left: 12px; */
  5333. font-size: 22px!important;
  5334. }
  5335. .no-mlr{
  5336. margin-left: 0;
  5337. margin-right: 0;
  5338. }
  5339. .dialogIcon{
  5340. position: absolute;
  5341. top: 20px;
  5342. }
  5343. .diaTitle{
  5344. font-size: 18px;
  5345. /* line-height: 54px; */
  5346. text-align: center;
  5347. color: #000;
  5348. margin-bottom: 20px;
  5349. }
  5350. .centerfooter{
  5351. display: block;
  5352. text-align:center
  5353. }
  5354. .wornningDia .el-dialog{
  5355. width: 460px!important;
  5356. border-radius: 20px;
  5357. }
  5358. .centerfooter .el-button.is-round {
  5359. padding: 7px 84px;
  5360. }
  5361. .ECclockText{
  5362. color: rgba(136, 136, 136, 1);
  5363. font-size: 12px;
  5364. }
  5365. .ECclock{
  5366. display: inline-block;
  5367. width: 24px;
  5368. height: 24px;
  5369. background: url(/static/img/icon_pic_01.png) -24px -20px no-repeat;
  5370. }
  5371. .el-ecclock{
  5372. display: inline-block;
  5373. width: 20px;
  5374. height: 20px;
  5375. background: url(/static/img/icon_pic_01.png) -60px 0px no-repeat;
  5376. }
  5377. .el-ecclock-o{
  5378. display: inline-block;
  5379. width: 20px;
  5380. height: 20px;
  5381. background: url(/static/img/icon_pic_01.png) -140px 0px no-repeat;
  5382. }
  5383. .clockPostion{
  5384. position: relative;
  5385. top: 7px;
  5386. margin-left: 5px;
  5387. }
  5388. .Treenavbox{
  5389. overflow: hidden;
  5390. }
  5391. .treeNav{
  5392. margin: 0 px;
  5393. }
  5394. .treeNav li{
  5395. line-height:44px;
  5396. color: rgba(255, 255, 255, 1);
  5397. font-size: 17px;
  5398. padding-left: 16px;
  5399. cursor: pointer;
  5400. }
  5401. .treeNav li:hover{
  5402. transition: ease all 0.5s;
  5403. border-radius: 4px;
  5404. background-color: rgba(141, 143, 159, 0.1411764705882353);
  5405. }
  5406. .contentNav{
  5407. transition: ease all 0.5s;
  5408. border-radius: 4px;
  5409. background-color: rgba(167, 168, 183, 1);
  5410. }
  5411. .comlogoBox{
  5412. text-align: center;
  5413. width: 340px;
  5414. height: 255px;
  5415. line-height: 255px;
  5416. background-color: rgba(235, 235, 242, 1);
  5417. color: rgba(0, 0, 0, 1);
  5418. font-size: 17px;
  5419. cursor: pointer;
  5420. position: relative;
  5421. display: flex;
  5422. justify-content: center;
  5423. align-items: center;
  5424. }
  5425. .uploadImg{
  5426. position: absolute;
  5427. left: 50px;
  5428. }
  5429. .xindinwei{
  5430. top: 106px;
  5431. left: 195px;
  5432. }
  5433. .comlogoImgBox{
  5434. margin: 10px 0;
  5435. overflow: hidden;
  5436. }
  5437. .labelbiaoshi{
  5438. color: rgba(155, 155, 155, 1);
  5439. font-size: 14px;
  5440. display: block;
  5441. margin-bottom: 10px;
  5442. }
  5443. .bzInfo{
  5444. margin: 10px 10px 0 10px;
  5445. }
  5446. .labelTosize{
  5447. color: rgba(173, 173, 173, 1);
  5448. font-size: 16px;
  5449. }
  5450. .yiyunTable_list_item{
  5451. overflow: hidden;
  5452. }
  5453. .liulanqiImgBox,
  5454. .shoujiImgBox{
  5455. display: table;
  5456. vertical-align: middle;
  5457. text-align: center;
  5458. color: rgba(0, 0, 0, 1);
  5459. font-size: 17px;
  5460. height: 240px;
  5461. background-color: rgba(235, 235, 242, 1);
  5462. }
  5463. .liulanqiImgBox{
  5464. width: 340px;
  5465. }
  5466. .shoujiImgBox{
  5467. width: 135px;
  5468. }
  5469. .el-radio__input.is-checked+.el-radio__label {
  5470. color: #000;
  5471. }
  5472. .topyichu::before{
  5473. content: '';
  5474. }
  5475. .ECvh_row_2{
  5476. min-height: calc(50vh - 130px);
  5477. }
  5478. .bgblack{
  5479. background-color: #ccc;
  5480. }
  5481. .el-progress-bar__outer ,.el-progress-bar__inner{
  5482. border-radius: 4px;
  5483. }
  5484. .el-input--suffix .el-input__inner {
  5485. padding-right: 30px;
  5486. background-color: #fff;
  5487. box-shadow: 0 2px 2px #cacaca;
  5488. border-radius: 4px;
  5489. border: 0.5px solid rgba(227, 227, 227, 1);
  5490. color: rgba(140, 0, 255, 1);
  5491. font-size: 15px;
  5492. }
  5493. .el-select .el-input .el-select__caret {
  5494. font-size: 26px;
  5495. }
  5496. .el-form-item__content {
  5497. overflow: initial;
  5498. }
  5499. /* 模板与应用 */
  5500. .layout_warp_4{
  5501. width: calc(100vw - 80px);
  5502. overflow: hidden;
  5503. margin: 0 auto
  5504. }
  5505. .appListBox{
  5506. padding: 0;
  5507. margin: 0;
  5508. }
  5509. .appListBox li{
  5510. margin: 10px 20px;
  5511. padding: 0;
  5512. text-align: center;
  5513. list-style: none;
  5514. float: left;
  5515. cursor: pointer;
  5516. }
  5517. .appImgIcon{
  5518. position: relative;
  5519. width: 130px;
  5520. height: 130px;
  5521. }
  5522. .appmark{
  5523. position: absolute;
  5524. width: 32px;
  5525. height: 32px;
  5526. border-radius: 50%;
  5527. top: 10px;
  5528. left: 10px;
  5529. color: rgb(140, 0, 255);
  5530. background-color: #fff;
  5531. font-size: 30px;
  5532. box-shadow: 0 3px 10px rgba(0, 0, 0, 0.32);
  5533. }
  5534. .Appname{
  5535. text-align: center;
  5536. line-height: 21px;
  5537. color: rgba(0, 0, 0, 1);
  5538. font-size: 16px;
  5539. }
  5540. .mark_disable{
  5541. background: url(/static/img/icon_pic_01.png) -100px 0px no-repeat;
  5542. }
  5543. .mark_able{
  5544. background: url(/static/img/icon_pic_01.png) -20px 0px no-repeat;
  5545. }
  5546. .mark_openclock{
  5547. background: url(/static/img/icon_pic_01.png) -80px 0px no-repeat;
  5548. }
  5549. .mark_normal{
  5550. opacity: 0;
  5551. }
  5552. .templateBoxItem{
  5553. margin: 20px;
  5554. height: 119px;
  5555. border-radius: 8px;
  5556. background-color: rgba(255, 255, 255, 1);
  5557. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  5558. position: relative;
  5559. border-top: 1px solid transparent;
  5560. }
  5561. .primaryText{
  5562. color: rgba(140, 0, 255, 1);
  5563. font-size: 12px;
  5564. }
  5565. .card_title{
  5566. color: rgba(0, 0, 0, 1);
  5567. font-size: 17px;
  5568. }
  5569. .cardBoxItemInner{
  5570. margin: 16px 17px 10px 20px;
  5571. }
  5572. .optionBtnlabel .primaryText{
  5573. position: absolute;
  5574. bottom: 13px;
  5575. }
  5576. .optionBtnlabel .primaryopBtn{
  5577. position: absolute;
  5578. right: 17px;
  5579. bottom: 10px;
  5580. }
  5581. .noshadow{
  5582. background-color: transparent;
  5583. box-shadow: 0 0 0 0;
  5584. }
  5585. .disadbled{
  5586. color: rgba(172, 172, 172, 1);
  5587. font-size: 13px;
  5588. background-color: rgba(227, 227, 227, 1);
  5589. border: 0.5px solid rgba(212, 212, 212, 1);
  5590. }
  5591. .disadbled:hover{
  5592. color: rgba(172, 172, 172, 1);
  5593. background-color: rgba(227, 227, 227, 1);
  5594. border: 0.5px solid rgba(212, 212, 212, 1);
  5595. }
  5596. .disadbledText{
  5597. color: rgba(136, 136, 136, 1);
  5598. }
  5599. .addlebel{
  5600. color: rgba(136, 136, 136, 1);
  5601. font-size: 12px;
  5602. display: block;
  5603. text-align: center;
  5604. }
  5605. .redText{
  5606. color: #D6243A ;
  5607. }
  5608. .addpicImg_large{
  5609. display: block;
  5610. width: 50px;
  5611. height: 50px;
  5612. margin: 23px auto 17px auto;
  5613. background: url(/static/img/icon_pic_01.png) 0px -70px no-repeat;
  5614. }
  5615. .cuspinter{
  5616. cursor: pointer;
  5617. box-shadow: 0 0 0 0;
  5618. border-radius: 8px;
  5619. border: 1px solid rgba(216, 216, 216, 1);
  5620. overflow: hidden;
  5621. height: 118px;
  5622. }
  5623. .appImgBox{
  5624. display: block;
  5625. width: 180px;
  5626. height: 180px;
  5627. margin: 50px auto;
  5628. text-align: center;
  5629. line-height: 180px;
  5630. }
  5631. .applistInfo{
  5632. color: rgba(235, 235, 242, 1);
  5633. font-size: 16px;
  5634. line-height: 40px;
  5635. border-bottom: 1px solid #8E909F;
  5636. }
  5637. .applistInfo:last-child{
  5638. border-bottom: 0px solid #8E909F;
  5639. }
  5640. .applistInfo p{
  5641. font-size: 16px;
  5642. line-height: 24px;
  5643. }
  5644. .hid{
  5645. height: 40px;
  5646. }
  5647. .appListBox li:hover{
  5648. border-radius: 20px;
  5649. background-color: rgba(227, 227, 227, 0.86);
  5650. transition: ease all 0.5s;
  5651. }
  5652. .marketcardItem{
  5653. margin:20px;
  5654. height: 120px;
  5655. border-radius: 8px;
  5656. background-color: rgba(255, 255, 255, 1);
  5657. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  5658. }
  5659. .minitext{
  5660. width: 300px;
  5661. line-height: 20px;
  5662. color: rgba(136, 136, 136, 1);
  5663. font-size: 13px;
  5664. }
  5665. .appDesc{
  5666. margin: 20px 25px 20px 10px;
  5667. height: 119px;
  5668. border-bottom: 1px solid #CCCDD7;
  5669. }
  5670. .addprimaryopBtn.el-button.is-round{
  5671. padding: 5px 27px;
  5672. }
  5673. .selctIcon{
  5674. width: 24px;
  5675. height: 24px;
  5676. display: block;
  5677. background: url(/static/img/icon_pic_01.png) 0px -20px no-repeat;
  5678. cursor: pointer;
  5679. }
  5680. .topBtngroup{
  5681. width: 86px!important;
  5682. transform-origin: center top;
  5683. z-index: 2102;
  5684. position: absolute;
  5685. top: 86px;
  5686. left: 59px;
  5687. }
  5688. .el-popover{
  5689. min-width: auto;
  5690. border-radius:4px;
  5691. }
  5692. .popoverNav li{
  5693. color: rgba(50, 50, 60, 1);
  5694. font-size: 14px;
  5695. padding: 10px 15px;
  5696. }
  5697. .Icon_size_128{
  5698. width: 128px;
  5699. height: 128px;
  5700. }
  5701. .Icon_size_108{
  5702. width: 108px;
  5703. height: 108px;
  5704. }
  5705. .Icon_size_62{
  5706. width: 62px;
  5707. height: 62px;
  5708. }
  5709. .Icon_size_32{
  5710. width: 32px;
  5711. height: 32px;
  5712. }
  5713. .IconBg{
  5714. border: 1px solid transparent
  5715. }
  5716. .IconBg:hover{
  5717. border: 1px dashed #7a7a88;
  5718. cursor: pointer;
  5719. transition: all ease 0.5s;
  5720. }
  5721. .AppIcon_group{
  5722. position: relative;
  5723. width: 338px;
  5724. margin: 0 auto;
  5725. margin-top: 106px;
  5726. }
  5727. .IconBg img{
  5728. width: 100%;
  5729. }
  5730. .center{
  5731. text-align: center;
  5732. }
  5733. .beizhu_11{
  5734. color: rgba(209, 209, 209, 1);
  5735. font-size: 11px;
  5736. }
  5737. .label_primary{
  5738. color: rgba(140, 0, 255, 1);
  5739. }
  5740. .label_danger{
  5741. color: rgba(214, 36, 58, 1);
  5742. }
  5743. .appFileBox{
  5744. list-style: none;
  5745. margin: 0;
  5746. padding: 0;
  5747. overflow: hidden;
  5748. }
  5749. .appFileBox li{
  5750. margin: 20px;
  5751. padding: 0;
  5752. float: left;
  5753. border-radius: 20px;
  5754. cursor: pointer;
  5755. position: relative;
  5756. transition: ease all 0.5s;
  5757. }
  5758. .appFileBox li:hover{
  5759. background-color: rgba(227, 227, 227, 0.86);
  5760. }
  5761. .appFileBox li>.appfileBtn{
  5762. opacity: 0;
  5763. }
  5764. .appFileBox li:hover>.appfileBtn{
  5765. opacity: 1;
  5766. }
  5767. .appfileImgIcon{
  5768. width: 180px;
  5769. height: 180px;
  5770. display: flex;
  5771. justify-items: center;
  5772. align-items: center;
  5773. }
  5774. .appfileImgIconItem{
  5775. display: block;
  5776. width: 180px;
  5777. height: 180px;;
  5778. }
  5779. .defualtappImg{
  5780. background: url(/static/img/appFileImg.png) -1800px 0px no-repeat;
  5781. }
  5782. .appImgIcon_{
  5783. background: url(/static/img/appFileImg.png) -1440px 0px no-repeat;
  5784. }
  5785. .appImgIcon_dwg{
  5786. background: url(/static/img/appFileImg.png) 0px 0px no-repeat;
  5787. }
  5788. .appImgIcon_zip{
  5789. background: url(/static/img/appFileImg.png) -180px 0px no-repeat;
  5790. }
  5791. .appImgIcon_skr{
  5792. background: url(/static/img/appFileImg.png) -360px 0px no-repeat;
  5793. }
  5794. .appImgIcon_rvt{
  5795. background: url(/static/img/appFileImg.png) -540px 0px no-repeat;
  5796. }
  5797. .appImgIcon_rar{
  5798. background: url(/static/img/appFileImg.png) -720px 0px no-repeat;
  5799. }
  5800. .appImgIcon_nwc{
  5801. background: url(/static/img/appFileImg.png) -900px 0px no-repeat;
  5802. }
  5803. .appImgIcon_3dmax{
  5804. background: url(/static/img/appFileImg.png) -1080px 0px no-repeat;
  5805. }
  5806. .appImgIcon_dxf{
  5807. background: url(/static/img/appFileImg.png) -1260px 0px no-repeat;
  5808. }
  5809. .mt-4{
  5810. margin-top: 4px;
  5811. }
  5812. .mb-6{
  5813. margin-bottom: 6px;
  5814. }
  5815. .appfileBtn{
  5816. width: 16px;
  5817. height: 16px;
  5818. overflow: hidden;
  5819. position: absolute;
  5820. top: 20px;
  5821. right: 20px;
  5822. }
  5823. .IconSetting{
  5824. display: block;
  5825. width: 17px;
  5826. height: 17px;
  5827. background: url(/static/img/icon_16.png) 0px -32px no-repeat;
  5828. }
  5829. .el-table--enable-row-hover .el-table__body tr:hover>td {
  5830. background-color: #f0f0f0;
  5831. }
  5832. .addUpfile{
  5833. width: 106px;
  5834. height: 106px;
  5835. margin: 0 auto;
  5836. }
  5837. .addUpfile .webuploader-pick{
  5838. display: block;
  5839. width: 106px;
  5840. height: 106px;
  5841. background: url(/static/img/newadd.png) 0 0 no-repeat;
  5842. background-color: transparent!important;
  5843. border: 0!important;
  5844. }
  5845. .addUpfile .webuploader-pick~div{
  5846. left: 0!important;
  5847. }
  5848. .searchInput{
  5849. float:right;
  5850. width: auto
  5851. }
  5852. .searchInput.el-input--suffix .el-input__inner{
  5853. box-shadow: 0 0 0 ;
  5854. background-color: #eee;
  5855. border-radius: 15px;
  5856. border: 1px solid transparent
  5857. }
  5858. .searchInput .el-input-group__prepend{
  5859. border: 0;
  5860. padding: 0;
  5861. }
  5862. .searchInputzhankai{
  5863. position: relative;
  5864. }
  5865. .searchInputzhankai i{
  5866. color: rgb(166,167,182);
  5867. line-height: 30px;
  5868. float: left;
  5869. margin-right: 5px;
  5870. cursor: pointer;
  5871. }
  5872. .searchInputzhankai i:focus{
  5873. color: rgb(0,0,0);
  5874. }
  5875. .searchInputzhankai input{
  5876. width: 200px;
  5877. height: 30px;
  5878. border: 0;
  5879. background-color: #eee;
  5880. border-radius: 15px;
  5881. text-indent: 0px;
  5882. }
  5883. .biaoqianweizhi1{
  5884. position: absolute;
  5885. bottom: 50px;
  5886. left: 20px;
  5887. }
  5888. .biaoqianweizhi2{
  5889. position: absolute;
  5890. bottom: 15px;
  5891. left: 20px;
  5892. cursor:pointer;
  5893. }
  5894. h4.biaoqianweizhi2{
  5895. color: rgba(255, 255, 255, 1);
  5896. font-size: 25px;
  5897. text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  5898. font-weight: 500;
  5899. display: -webkit-box;
  5900. -webkit-box-orient: vertical;
  5901. -webkit-line-clamp: 1;
  5902. overflow: hidden;
  5903. }
  5904. .main-title {
  5905. text-align: center;
  5906. color: rgba(50, 50, 60, 100);
  5907. font-size: 18px;
  5908. text-shadow: 0 0 1px #32323c;
  5909. text-align: center;
  5910. font-family: PingFangSC-Semibold;
  5911. }
  5912. .deletIocn{
  5913. font-size: 30px;
  5914. }
  5915. .juzhongtext{
  5916. padding: 100px 0;
  5917. text-align: center;
  5918. }
  5919. .el-form-item__error {
  5920. color: #F56C6C;
  5921. font-size: 12px;
  5922. line-height: 1;
  5923. padding-top: 4px;
  5924. position: absolute;
  5925. top: 28%;
  5926. left: auto;
  5927. right: 0px;
  5928. }
  5929. .card_box_pane{
  5930. width: 260px;
  5931. height: 120px;
  5932. border-radius: 10px;
  5933. background-color: #fff;
  5934. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  5935. margin-top: 40px;
  5936. margin-bottom: 55px;
  5937. overflow: hidden;
  5938. position: relative;
  5939. float: left;
  5940. margin-right: 40px;
  5941. cursor: pointer;
  5942. }
  5943. .card_box_pane>img{
  5944. width: 100%;
  5945. height: 100%;
  5946. }
  5947. .icontree{
  5948. display: block
  5949. }
  5950. .tree-icon {
  5951. display:inline-block;
  5952. }
  5953. .el-tree-node__expand-icon.is-leaf {
  5954. color: transparent;
  5955. cursor: default;
  5956. width: 0;
  5957. }
  5958. .chengjitree .el-tree-node__expand-icon.is-leaf {
  5959. color: transparent;
  5960. cursor: default;
  5961. width: 19px;
  5962. }
  5963. .treeItembox i{
  5964. margin-right: 5px;
  5965. }
  5966. .treeItembox{
  5967. display: block;
  5968. width: 100%;
  5969. }
  5970. .el-icon-models{
  5971. background: url("/static/img/AdminImg/icon_model.png") 0 0;
  5972. width: 16px;
  5973. height: 16px;
  5974. margin-right: 0px;
  5975. }
  5976. .wenjianjialiebiao{
  5977. position: relative;
  5978. }
  5979. .mianbaoxiedinwei{
  5980. position: absolute;
  5981. top: 5px;
  5982. left: 5px;
  5983. z-index: 6;
  5984. }
  5985. .backprevIcon{
  5986. display: inline-block;
  5987. width: 17px;
  5988. height: 17px;
  5989. border-radius: 8px;
  5990. overflow: hidden;
  5991. text-align: center;
  5992. line-height: 16px;
  5993. background-color: rgba(255, 255, 255, 1);
  5994. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  5995. position: relative;
  5996. top: 3px;
  5997. margin-left: 7px;
  5998. margin-right: 10px;
  5999. }
  6000. .el-breadcrumb__item:last-child .el-breadcrumb__inner{
  6001. color: #000
  6002. }
  6003. .el-breadcrumb__inner{
  6004. line-height: 24px;
  6005. }
  6006. .el-breadcrumb__separator {
  6007. color: rgba(156, 0, 255, 1);
  6008. }
  6009. .el-form-item {
  6010. margin-bottom: 10px;
  6011. }
  6012. .kapian_card{
  6013. margin: 0 10px;
  6014. height: 120px;
  6015. border-radius: 10px;
  6016. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  6017. position: relative;
  6018. overflow: hidden;
  6019. }
  6020. .kapian_card img{
  6021. display: block;
  6022. width: 100%;
  6023. height: 100%;
  6024. cursor: pointer;
  6025. }
  6026. .cl_card{
  6027. margin: 0 20px 0 10px;
  6028. }
  6029. .ce_card{
  6030. margin: 0 20px 0 20px;
  6031. }
  6032. .cr_card{
  6033. margin: 0 10px 0 20px;
  6034. }
  6035. .el-tree-node__expand-icon{
  6036. font-size: 18px;
  6037. }
  6038. .el-tree-node__content>.el-tree-node__expand-icon {
  6039. padding: 1px;
  6040. }
  6041. .filebox{
  6042. width: 70px;
  6043. height: 100px;
  6044. overflow: hidden;
  6045. box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  6046. cursor: pointer;
  6047. }
  6048. .listimg{
  6049. width: 100px;
  6050. height: 100px;
  6051. overflow: hidden;
  6052. position: relative;
  6053. display: flex;
  6054. cursor: pointer;
  6055. filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.3));
  6056. justify-content: center;
  6057. align-items: center;
  6058. }
  6059. .listimg img{
  6060. max-width: 100px;
  6061. max-height: 100px;
  6062. }
  6063. .listimg .houzuidinwei{
  6064. font-size: 18px;
  6065. top: 71px;
  6066. right: 23px;
  6067. }
  6068. .wordicon{
  6069. background: url(/static/img/appfiletapy.png) 0 0;
  6070. }
  6071. .excelicon{
  6072. background: url(/static/img/appfiletapy.png) -70px 0;
  6073. }
  6074. .pdficon{
  6075. background: url(/static/img/appfiletapy.png) -140px 0;
  6076. }
  6077. .dwgicon{
  6078. background: url(/static/img/appfiletapy.png) -210px 0;
  6079. }
  6080. .dxficon{
  6081. background: url(/static/img/appfiletapy.png) -280px 0;
  6082. }
  6083. .maxicon{
  6084. background: url(/static/img/appfiletapy.png) -350px 0;
  6085. }
  6086. .nwcicon{
  6087. background: url(/static/img/appfiletapy.png) -420px 0;
  6088. }
  6089. .raricon{
  6090. background: url(/static/img/appfiletapy.png) -490px 0;
  6091. }
  6092. .rvticon{
  6093. background: url(/static/img/appfiletapy.png) -560px 0;
  6094. }
  6095. .skpicon{
  6096. background: url(/static/img/appfiletapy.png) -630px 0;
  6097. }
  6098. .zipicon{
  6099. background: url(/static/img/appfiletapy.png) -700px 0;
  6100. }
  6101. .abcicon{
  6102. background: url(/static/img/appfiletapy.png) -770px 0;
  6103. }
  6104. .addUpfile2 .webuploader-pick {
  6105. display: block;
  6106. width: 680px;
  6107. line-height: 100px;
  6108. height: 100px;
  6109. background-color: #fff!important;
  6110. border: 0!important;
  6111. border-radius: 10px!important;
  6112. text-indent: 58px;
  6113. }
  6114. .addUpfile2 .webuploader-pick:hover{
  6115. color: #323232!important
  6116. }
  6117. .addUpfile2 .webuploader-pick~div{
  6118. content: '点击上传';
  6119. position: absolute;
  6120. top: 0px;
  6121. left: 0px;
  6122. width: 680px;
  6123. height: 106px;
  6124. overflow: hidden;
  6125. bottom: auto;
  6126. right: auto;
  6127. }
  6128. .uploadBtn{
  6129. position: relative;
  6130. }
  6131. .uploadBtnImg{
  6132. position: absolute;
  6133. left: 26%;
  6134. top: 26%;
  6135. z-index: 1;
  6136. height: 48px;
  6137. }
  6138. .dragbox .shangchuandinwei{
  6139. width: 400px;
  6140. /* height: 120px; */
  6141. background-color: rgba(255,255,255,1);
  6142. border: 0;
  6143. }
  6144. /* .updatebox li{
  6145. background-color: #fff;
  6146. } */
  6147. .redlabel{
  6148. color: rgba(156, 0, 255, 1);
  6149. font-size: 13px;
  6150. text-align: left;
  6151. }
  6152. .gundontiao{
  6153. width: calc(100vw - 120px);
  6154. height: calc(100vh - 120px);
  6155. overflow-x: auto;
  6156. overflow-y: auto;
  6157. }
  6158. .searhNodeNameconcenter{
  6159. width: 300px;
  6160. margin: 0 auto;
  6161. }
  6162. .el-message-box {
  6163. border-radius: 8px;
  6164. }
  6165. .ecload.yiyunfile-Uploader .webuploader-pick {
  6166. border-radius: 4px !important;
  6167. font-size: 13px;
  6168. font-weight: 500;
  6169. width: 112px;
  6170. height: 19px;
  6171. line-height: 20px;
  6172. background: #fff!important;
  6173. color: #323232;
  6174. cursor: pointer;
  6175. border: 0.5px solid #e3e3e3!important;
  6176. box-shadow: 0 0 0 0;
  6177. display: inline-block;
  6178. font-family: Yahei
  6179. }
  6180. .ecload.yiyunfile-Uploader:hover .webuploader-pick {
  6181. color: #8C00FF!important;
  6182. border: 0.5px solid #8C00FF!important;
  6183. }
  6184. .ecBtngroup_Item{
  6185. display: inline-block;
  6186. margin-right: 5px;
  6187. }
  6188. .ecload{
  6189. position: relative;
  6190. top: 5px;
  6191. }
  6192. .meassageyichu{
  6193. height: 20px;
  6194. overflow: hidden;
  6195. }
  6196. /* 提示框 */
  6197. .el-message-box__container {
  6198. position: static;
  6199. }
  6200. .el-message-box__status+.el-message-box__message {
  6201. padding-left: 50px;
  6202. padding-right: 50px;
  6203. padding-top: 14px;
  6204. padding-bottom: 32px;
  6205. text-align: center;
  6206. }
  6207. .el-message-box__message {
  6208. text-align-last: left;
  6209. }
  6210. .el-message-box__status.el-icon-warning {
  6211. color: #F8D12A;
  6212. }
  6213. .el-message-box__status {
  6214. top: 16px;
  6215. left: 16px;
  6216. transform: none;
  6217. /* position: absolute;
  6218. top: -22px;
  6219. -webkit-transform: translateY(-50%);
  6220. transform: translateY(-50%);
  6221. font-size: 28px!important; */
  6222. }
  6223. .el-message-box {
  6224. position: relative;
  6225. box-shadow: 0px 12px 14px 0px rgba(0, 0, 0, 0.2);
  6226. width: 460px;
  6227. }
  6228. .el-message-box__message p {
  6229. margin: 0;
  6230. line-height: 24px;
  6231. font-size: 18px;
  6232. color: #000;
  6233. text-align-last: center;
  6234. text-align: center;
  6235. }
  6236. .el-message-box .el-message-box__btns .el-button{
  6237. width: 210px;
  6238. height: 30px;
  6239. padding: 7px 20px;
  6240. border-radius: 30px;
  6241. font-size: 14px;
  6242. }
  6243. .el-message-box__content {
  6244. padding: 40px 15px;
  6245. }
  6246. .el-dialog {
  6247. border-radius: 30px;
  6248. box-shadow: 0px 12px 14px 0px rgba(0, 0, 0, 0.2);
  6249. }
  6250. .el-dialog__header {
  6251. padding: 30px 20px 0px;
  6252. text-align: center;
  6253. }
  6254. .el-dialog__footer .el-button{
  6255. width: 200px;
  6256. height: 30px;
  6257. padding: 7px 20px;
  6258. border-radius: 30px;
  6259. font-size: 14px;
  6260. }
  6261. .el-dialog__headerbtn,.el-message-box__headerbtn {
  6262. font-size: 28px;
  6263. }
  6264. .el-message-box__header {
  6265. position: relative;
  6266. text-align: center;
  6267. }
  6268. .el-message-box__header {
  6269. padding: 40px 15px 10px;
  6270. }
  6271. .el-message-box__btns {
  6272. padding: 5px 15px 8px;
  6273. }
  6274. .el-dialog--center .el-dialog__body {
  6275. overflow: hidden;
  6276. }
  6277. .longform .el-cascader{
  6278. width: 410px;
  6279. }
  6280. /* 层级树 */
  6281. .avtarface{
  6282. width: 60px;
  6283. height: 60px;
  6284. border-radius: 30px;
  6285. /* background-color: rgba(235, 235, 242, 1); */
  6286. cursor: pointer;
  6287. overflow: hidden;
  6288. position: relative;
  6289. }
  6290. .avtarface img{
  6291. width: 100%;
  6292. height: 100%;
  6293. }
  6294. .avtarface:hover>.eiditIconimgBox{
  6295. position: absolute;
  6296. top: 0;
  6297. left: 0;
  6298. width: 100%;
  6299. height: 100%;
  6300. text-align: center;
  6301. background-color: rgba(0,0,0,.5);
  6302. transition: ease all 0.5s;
  6303. }
  6304. .eiditIconimg{
  6305. font-size: 26px;
  6306. width: 32px;
  6307. height: 32px;
  6308. border-radius: 16px;
  6309. background-color: #fff;
  6310. display: block;
  6311. margin: 0 auto;
  6312. margin-top: 14px;
  6313. line-height: 32px;
  6314. color: #8c00ff;
  6315. }
  6316. .vhLine{
  6317. width: 1px;
  6318. height: 24px;
  6319. background-color: rgba(50, 50, 60, 1);
  6320. margin-top: 20px
  6321. }
  6322. .Text_tiny{
  6323. font-size: 12px;
  6324. }
  6325. .firstPeople{
  6326. width: 60px;
  6327. overflow: hidden;
  6328. text-align: center;
  6329. }
  6330. .ECworkerList{
  6331. text-align: center;
  6332. margin-left: 6px;
  6333. }
  6334. .ECworkerList li{
  6335. float: left;
  6336. margin: 0 12px;
  6337. cursor: pointer;
  6338. margin-bottom: 10px;
  6339. position: relative
  6340. }
  6341. .largeaddEC{
  6342. line-height: 60px;
  6343. font-size: 32px;
  6344. color: rgba(50, 50, 60, 0.82);
  6345. }
  6346. .addBtn_new{
  6347. text-align: center;
  6348. transition: ease all 0.5s;
  6349. color: rgba(235, 235, 242, 1);
  6350. width: 20px;
  6351. height: 60px;
  6352. background-color: rgba(235, 235, 242, 1);
  6353. border-radius: 10px;
  6354. }
  6355. .middleaddEC{
  6356. line-height: 60px;
  6357. font-size: 16px;
  6358. color: rgb(80, 82, 92);
  6359. cursor: pointer;
  6360. }
  6361. .addBtn_new:hover{
  6362. background-color: rgb(248, 209, 42);
  6363. }
  6364. .ec_number{
  6365. font-style: normal;
  6366. }
  6367. .tinyText_wirte{
  6368. color: rgba(255, 255, 255, 1);
  6369. font-weight: 200;
  6370. font-size: 12px;
  6371. margin-top: 8px;
  6372. width: 62px;
  6373. display: -webkit-box;
  6374. -webkit-box-orient: vertical;
  6375. -webkit-line-clamp: 1;
  6376. overflow: hidden;
  6377. }
  6378. .chengyuanbox{
  6379. width: 82%;
  6380. }
  6381. .eidtrepFirst{
  6382. position: relative;
  6383. }
  6384. .eidtrepFirstIconBox{
  6385. position: absolute;
  6386. left: 0;
  6387. top: 0;
  6388. width: 60px;
  6389. height: 60px;
  6390. z-index: 2;
  6391. overflow: hidden;
  6392. border-radius: 30px;
  6393. background-color: rgba(0, 0, 0, 0.4);
  6394. cursor: pointer;
  6395. transition: ease all 0.5s;
  6396. overflow: hidden;
  6397. opacity: 0;
  6398. }
  6399. .eidtrepFirst:hover .eidtrepFirstIconBox{
  6400. opacity: 1;
  6401. }
  6402. .eidtrepFirstIcon {
  6403. width: 32px;
  6404. height: 32px;
  6405. text-align: center;
  6406. line-height: 32px;
  6407. background-color: #ffffffdb;
  6408. font-size: 20px;
  6409. padding: 0;
  6410. border-radius: 32px;
  6411. color: #8c00ff;
  6412. display: block;
  6413. margin: 0 auto;
  6414. margin-top: 15px
  6415. }
  6416. .shenlvbiox{
  6417. width: 144px;
  6418. height: 60px;
  6419. }
  6420. .morePeople{
  6421. float: left;
  6422. width: 32px;
  6423. height: 32px;
  6424. overflow: hidden;
  6425. border-radius: 16px;
  6426. margin: 14px 4px;
  6427. background-color: #fff;
  6428. }
  6429. .morePeople img{
  6430. width: 100%;
  6431. height: 100%;
  6432. }
  6433. .morePeopleBox{
  6434. width: 120px;
  6435. margin: 0 auto
  6436. }
  6437. .EC_searchBox .el-input--suffix .el-input__inner{
  6438. box-shadow: 0 0 0 ;
  6439. border: 1px solid transparent;
  6440. text-indent: 20px;
  6441. }
  6442. .EC_searchBox .el-input--suffix .el-input__inner:hover{
  6443. border: 1px solid rgba(140, 0, 255, 1);
  6444. }
  6445. .EC_searchBox .el-input__suffix{
  6446. top:5px;
  6447. width: 20px;
  6448. height: 20px;
  6449. border-radius: 10px;
  6450. background-color:rgba(214, 36, 58, 1);
  6451. background: url(/static/img/icon_pic_01.png) -120px 0 no-repeat
  6452. }
  6453. .EC_searchBox .el-input__suffix i,.searchInput .el-input__suffix i{
  6454. opacity: 0
  6455. }
  6456. .searchInput .el-input__suffix{
  6457. top: 3px;
  6458. width: 20px;
  6459. height: 20px;
  6460. border-radius: 10px;
  6461. background-color:rgba(214, 36, 58, 1);
  6462. background: url(/static/img/icon_pic_01.png) -120px 0 no-repeat
  6463. }
  6464. .huangguan{
  6465. display: block;
  6466. background: url(/static/img/huangguan.png) 0 -19px no-repeat;
  6467. width: 26px;
  6468. height: 19px;
  6469. float: left;
  6470. margin-top: 7px;
  6471. margin-right: 8px;
  6472. }
  6473. .huangguanactive{
  6474. display: block;
  6475. background: url(/static/img/huangguan.png) 0 0px no-repeat;
  6476. width: 26px;
  6477. height: 19px;
  6478. float: left;
  6479. margin-top: 7px;
  6480. margin-right: 8px;
  6481. }
  6482. .zhangkai_up{
  6483. display: block;
  6484. width: 58px;
  6485. height: 58px;
  6486. background: url(/static/img/updown.png) 0 0 no-repeat;
  6487. margin-left: 3px;
  6488. }
  6489. .zhangkai_down{
  6490. display: block;
  6491. width: 58px;
  6492. height: 58px;
  6493. background: url(/static/img/updown.png) 0 -58px no-repeat;
  6494. margin-left: 3px;
  6495. }
  6496. .newweizhi{
  6497. position: absolute;
  6498. left: 85px;
  6499. top: 0px;
  6500. }
  6501. .xiezuobox>div{
  6502. margin-bottom: 20px;
  6503. }
  6504. .large_huangguan{
  6505. display: block;
  6506. width: 60px;
  6507. height: 60px;
  6508. color: #878787;
  6509. font-size: 32px;
  6510. background-color: #EBEBF2;
  6511. text-align: center;
  6512. line-height: 60px;
  6513. }
  6514. .ec_dialog{
  6515. width: 100%;
  6516. height: 100%;
  6517. position: fixed;
  6518. top: 0;
  6519. background-color: rgba(0,0,0,0.0);
  6520. z-index: 999;
  6521. }
  6522. .ec_dialogBox{
  6523. width: 800px;
  6524. height: 500px;
  6525. border-radius: 8px;
  6526. background-color: rgba(255, 255, 255, 1);
  6527. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  6528. margin: 0 auto;
  6529. margin-top: 150px;
  6530. }
  6531. .ec_dialogBoxBody{
  6532. height: 360px;
  6533. }
  6534. .line{
  6535. clear: both;
  6536. height: 1px;
  6537. background-color: #EBEEF5;
  6538. }
  6539. .ec_dialogBoxHeadTitle{
  6540. margin-left: 16px;
  6541. line-height: 60px;
  6542. }
  6543. .ec_dialogBoxHeadclose{
  6544. line-height: 60px;
  6545. margin-right: 20px;
  6546. }
  6547. .ec_dialogBoxBody .el-cascader-panel.is-bordered {
  6548. width: 768px;
  6549. height: 344px;
  6550. border-radius: 8px;
  6551. background-color: rgba(246, 246, 246, 1);
  6552. border: 1px solid rgba(227, 227, 227, 1);
  6553. overflow-x: auto;
  6554. margin: 12px auto;
  6555. }
  6556. .ec_dialogBoxBody .el-cascader-menu__wrap{
  6557. height: 344px;
  6558. overflow-y: auto
  6559. }
  6560. .ec_dialogBoxBody .el-cascader-node{
  6561. padding: 0 20px 0 0;
  6562. }
  6563. .ec_dialogBoxBody .el-cascader-menu__list {
  6564. padding: 6px 16px;
  6565. }
  6566. .ec_dialogBoxBody .el-cascader-node__prefix {
  6567. position: absolute;
  6568. left: -10px;
  6569. }
  6570. .ec_dialogBoxBody .el-radio__inner {
  6571. border: 1px solid #62626F;
  6572. background-color: #62626F;
  6573. }
  6574. .ec_dialogBoxfooter .el-button {
  6575. display: inline-block;
  6576. transition: .1s;
  6577. font-weight: 500;
  6578. -moz-user-select: none;
  6579. font-size: 16px;
  6580. border-radius: 4px;
  6581. width: 369px;
  6582. height: 32px;
  6583. border-radius: 8px;
  6584. border: 0;
  6585. background-color: #fff;
  6586. margin: 10px;
  6587. box-shadow: 0 3px 7px 2px #d6d6d8;
  6588. padding: 0!important;
  6589. margin-top: 15px;
  6590. cursor: pointer;
  6591. }
  6592. .ec_dialogBoxBody .el-cascader-panel.is-bordered::-webkit-scrollbar {
  6593. width: 5px;
  6594. height: 5px;
  6595. }
  6596. .ec_dialogBoxBody .el-cascader-panel.is-bordered::-webkit-scrollbar-track {
  6597. background-color:transparent;
  6598. -webkit-border-radius: 2em;
  6599. -moz-border-radius: 2em;
  6600. border-radius:2em;
  6601. }
  6602. .ec_dialogBoxBody .el-cascader-panel.is-bordered::-webkit-scrollbar-thumb {
  6603. background-color:#adadad;
  6604. -webkit-border-radius: 2em;
  6605. -moz-border-radius: 2em;
  6606. border-radius:2em;
  6607. }
  6608. .mini_typeBtn.el-button {
  6609. padding: 2px 20px;
  6610. }
  6611. .tianjiaxiezuorenBox>.tianjiaxiezuorenBox{
  6612. padding-left: 25px;
  6613. }
  6614. .hand{
  6615. cursor: pointer;
  6616. transition: ease all 0.5s;
  6617. }
  6618. .diaform .el-form-item__label{
  6619. color: #606266;
  6620. }
  6621. .ECupload .el-upload-dragger {
  6622. width: 420px;
  6623. height: 32px;
  6624. }
  6625. .ECupload .el-upload-dragger .el-icon-upload {
  6626. font-size: 28px;
  6627. margin: -10px 21px 0px;
  6628. float: left;
  6629. }
  6630. .ECupload .el-upload-dragger .el-upload__text {
  6631. font-size: 12px;
  6632. float: left;
  6633. line-height: 30px;
  6634. }
  6635. .longUploder .webuploader-pick{
  6636. width: 100%;
  6637. }
  6638. .main_workerBox{
  6639. width: 380px;
  6640. height: 192px;
  6641. border-radius: 4px;
  6642. border: 1px solid rgba(255, 210, 50, 1);
  6643. }
  6644. .largehuangguan{
  6645. font-size: 48px;
  6646. color: rgba(248, 209, 42, 1);
  6647. margin-left: 10px;
  6648. margin-top: 10px;
  6649. display: inline-block;
  6650. }
  6651. .rentou_alrge{
  6652. width: 120px;
  6653. height: 120px;
  6654. margin: 0 auto;
  6655. background:url(/static/img/huangguan.png) 0 -98px no-repeat;
  6656. position: relative;
  6657. top: -26px;
  6658. }
  6659. .middlehuangguan{
  6660. /* font-size: 49px; */
  6661. font-size: 30px;
  6662. line-height:30px;
  6663. color: #FFD232;
  6664. /* position: relative; */
  6665. /* top: -10px; */
  6666. margin-right: 10px;
  6667. }
  6668. .mainpeople_H{
  6669. height: 26px;
  6670. border-radius: 4px;
  6671. border: 1px solid rgba(255, 210, 50, 1);
  6672. padding: 20px 10px;
  6673. }
  6674. .mainpeople_H.user_info_item .user_info_faceImg{
  6675. margin-top: 0;
  6676. }
  6677. .largeclose{
  6678. font-size: 16px;
  6679. position: relative;
  6680. top: -6px;
  6681. }
  6682. .diaTip{
  6683. width: 348px;
  6684. color: rgba(235, 235, 242, 1);
  6685. font-size: 14px;
  6686. text-align: left;
  6687. margin: 0 auto;
  6688. margin-top: 16px;
  6689. }
  6690. .self_slider .el-slider__runway,.self_slider .el-slider__bar{
  6691. height: 1px;
  6692. background-color: #D8D8D8 ;
  6693. }
  6694. .self_slider .el-slider__button{
  6695. width: 24px;
  6696. height: 24px;
  6697. border-radius: 50%;
  6698. background: rgba(255, 255, 255, 1);
  6699. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  6700. }
  6701. .self_slider .el-slider__button-wrapper{
  6702. top: -18px;
  6703. }
  6704. .midupload .webuploader-pick{
  6705. width: 80px;
  6706. height: 20px;
  6707. border-radius: 4px!important;
  6708. border: 0.5px solid rgba(227, 227, 227, 1)!important;
  6709. background-color: #fff!important;
  6710. line-height: 18px;
  6711. color: rgba(0, 0, 0, 1);
  6712. font-size: 13px;
  6713. text-align: center;
  6714. box-shadow: 0 1px 2px #848484;
  6715. transition: ease all 0.5s;
  6716. }
  6717. .midupload .webuploader-pick:hover{
  6718. color: #8C00FF!important;
  6719. border-color: #8C00FF!important;
  6720. }
  6721. .derect_right{
  6722. display: inline-block;
  6723. width: 16px;
  6724. height: 16px;
  6725. background: url(/static/img/icon_file2.png) 0 -80px no-repeat;
  6726. }
  6727. .fileIcon_16{
  6728. display: inline-block;
  6729. width: 16px;
  6730. height: 16px;
  6731. position: relative;
  6732. top: 3px;
  6733. background: url(/static/img/icon_file2.png) 0 -240px no-repeat;
  6734. }
  6735. .fileIcon_word{
  6736. background: url(/static/img/icon_file2.png) 0 -16px no-repeat;
  6737. }
  6738. .fileIcon_jpg,.fileIcon_png{
  6739. background: url(/static/img/icon_file2.png) 0 -16px no-repeat;
  6740. }
  6741. .fileIcon_dwg{
  6742. background: url(/static/img/icon_file2.png) 0 -96px no-repeat;
  6743. }
  6744. .fileIcon_rar{
  6745. background: url(/static/img/icon_file2.png) 0 -112px no-repeat;
  6746. }
  6747. .fileIcon_skp{
  6748. background: url(/static/img/icon_file2.png) 0 -128px no-repeat;
  6749. }
  6750. .fileIcon_rvt{
  6751. background: url(/static/img/icon_file2.png) 0 -144px no-repeat;
  6752. }
  6753. .fileIcon_zip{
  6754. background: url(/static/img/icon_file2.png) 0 -128px no-repeat;
  6755. }
  6756. .fileIcon_nwc{
  6757. background: url(/static/img/icon_file2.png) 0 -176px no-repeat;
  6758. }
  6759. .fileIcon_3dmax,.fileIcon_max{
  6760. background: url(/static/img/icon_file2.png) 0 -192px no-repeat;
  6761. }
  6762. .fileIcon_dxf{
  6763. background: url(/static/img/icon_file2.png) 0 -208px no-repeat;
  6764. }
  6765. .fileIcon_weizi{
  6766. background: url(/static/img/icon_file2.png) 0 -224px no-repeat;
  6767. }
  6768. .fileIcon_doc{
  6769. background: url(/static/img/icon_file2.png) 0 -304px no-repeat;
  6770. }
  6771. .fileIcon_pdf{
  6772. background: url(/static/img/icon_file2.png) 0 -272px no-repeat;
  6773. }
  6774. .fileIcon_ppt{
  6775. background: url(/static/img/icon_file2.png) 0 -288px no-repeat;
  6776. }
  6777. .fileIcon_excel{
  6778. background: url(/static/img/icon_file2.png) 0 -320px no-repeat;
  6779. }
  6780. .fileIcon_png,.fileIcon_jpg,.fileIcon_jpeg{
  6781. background: url(/static/img/icon_file2.png) 0 -336px no-repeat;
  6782. }
  6783. .fileIcon_other{
  6784. background: url(/static/img/icon_file2.png) 0 -352px no-repeat;
  6785. }
  6786. .noborderbtn .el-input-group__append{
  6787. border: 1px solid transparent;
  6788. color: #cccdd7;
  6789. background-color: rgba(244, 244, 246, 1);
  6790. }
  6791. .noborderbtn .el-input-group__append:hover{
  6792. color: #62626F;
  6793. }
  6794. .middiaHeight{
  6795. height: 300px;
  6796. overflow-y: auto;
  6797. }
  6798. .middiaHeight .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
  6799. background-color: rgba(97, 97, 111, 0.12);
  6800. }
  6801. .middiaHeight .el-tree-node__content:hover{
  6802. background-color: #f0f7ff;
  6803. }
  6804. .color1{
  6805. color: #8c00ff;
  6806. }
  6807. .color2{
  6808. color: #0012ff;
  6809. }
  6810. .DevtopIcon{
  6811. position: absolute;
  6812. left: 30px;
  6813. top: 7px;
  6814. }
  6815. .orginoverflow{
  6816. overflow: inherit;
  6817. }
  6818. .yiyuntitle.myFolderName{
  6819. font-size: 20px;
  6820. text-align: center;
  6821. line-height: 37px;
  6822. border: 0;
  6823. font-weight: 400;
  6824. font-family: PingFang SC;
  6825. cursor: pointer;
  6826. background-color: transparent;
  6827. padding: 0;
  6828. }
  6829. .yiyuntitle.nowFolderName{
  6830. white-space: nowrap;
  6831. text-overflow: ellipsis;
  6832. font-size: 20px;
  6833. border-radius: 8px;
  6834. background-color: rgba(255, 255, 255, 1);
  6835. /* box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); */
  6836. text-align: center;
  6837. /* line-height: 37px; */
  6838. /* padding: 4px 10px 5px; */
  6839. padding: 0 0 0 10px;
  6840. border: 0;
  6841. font-weight: 400;
  6842. font-family: PingFang SC;
  6843. cursor: pointer;
  6844. margin: 0 8px;
  6845. }
  6846. .yiyuntitle.nowFolderName:hover {
  6847. color: rgb(140, 0, 255);
  6848. }
  6849. .shadowbtn{
  6850. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  6851. }
  6852. h3.defualth3{
  6853. color: #A7A8B7;
  6854. font-size: 18px;
  6855. float: left;
  6856. margin-right: 10px;
  6857. cursor: pointer;
  6858. line-height: 31px;
  6859. text-align: center;
  6860. transition: ease all 0.5s;
  6861. border-radius: 4px;
  6862. transition: 0.2s all linear;
  6863. padding: 0 10px;
  6864. font-weight: 400;
  6865. margin-left: 20px;
  6866. }
  6867. h3.defualth3:hover{
  6868. background-color: rgb(235,235,242);
  6869. }
  6870. .sectitle{
  6871. border: 0;
  6872. font-weight: 500;
  6873. font-family: PingFang SC;
  6874. padding: 0 8px;
  6875. margin: 0 8px;
  6876. height: 32px;
  6877. line-height: 32px;
  6878. border-radius: 8px;
  6879. background-color: rgba(250, 250, 250, 1);
  6880. color: rgba(136, 136, 136, 1);
  6881. font-size: 14px;
  6882. /* overflow: hidden;
  6883. text-overflow:ellipsis;
  6884. white-space: nowrap; */
  6885. cursor: pointer;
  6886. }
  6887. .sectitle:hover{
  6888. color: rgb(140, 0, 255);
  6889. }
  6890. /* h3.defualth3::before {
  6891. content: "";
  6892. position: absolute;
  6893. top: 0;
  6894. left: 100%;
  6895. width: 0;
  6896. height: 100%;
  6897. background-color: rgb(235,235,242);
  6898. transition: 0.2s all linear;
  6899. }
  6900. h3.defualth3:hover::before {
  6901. width: 100%;
  6902. height: 100%;
  6903. top: 0;
  6904. left: 0;
  6905. background-color: rgb(255,255,255);
  6906. transition-delay: 0.1s;
  6907. z-index: -1;
  6908. }
  6909. h3.defualth3:hover ~ h3.defualth3::before {
  6910. left: 0;
  6911. } */
  6912. h3.curactive{
  6913. color: #000000;
  6914. background-color: rgba(204, 205, 215, 1);
  6915. }
  6916. .hands{
  6917. cursor: pointer;
  6918. margin-right: 20px;
  6919. }
  6920. .hands:hover{
  6921. color: #409EFF;
  6922. }
  6923. .tabtltlebox{
  6924. display: flex;
  6925. vertical-align: baseline;
  6926. }
  6927. .icon-icon_shouqi.zhankaiIcon{
  6928. transform: rotate(180deg);
  6929. -ms-transform:rotate(180deg); /* IE 9 */
  6930. -moz-transform:rotate(180deg); /* Firefox */
  6931. -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
  6932. -o-transform:rotate(180deg); /* Opera */
  6933. }
  6934. .closepageH{
  6935. height: 0px;
  6936. transition: ease all 0.5s;
  6937. }
  6938. .myselfupload .el-upload-dragger {
  6939. height: 30px;
  6940. }
  6941. .myselfupload .el-upload-dragger .el-icon-upload {
  6942. font-size: 24px;
  6943. margin: 0;
  6944. line-height: 28px;
  6945. float: left;
  6946. padding-left: 30px;
  6947. }
  6948. .myselfupload .el-upload-dragger .el-upload__text{
  6949. line-height: 28px;
  6950. }
  6951. .contextmenu {
  6952. margin: 0;
  6953. background: #fff;
  6954. z-index: 3000;
  6955. position: absolute;
  6956. list-style-type: none;
  6957. padding: 5px 0;
  6958. border-radius: 4px;
  6959. font-size: 12px;
  6960. font-weight: 400;
  6961. color: #333;
  6962. box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.3);
  6963. }
  6964. .rightMenu>li{
  6965. line-height: 36px;
  6966. font-size: 14px;
  6967. padding: 0 20px;
  6968. color: #606266;
  6969. white-space: nowrap;
  6970. }
  6971. .rightMenu>li:hover{
  6972. cursor: pointer;
  6973. background-color: #ecf5ff;
  6974. color: #66b1ff;
  6975. }
  6976. li.secondMenu:hover{
  6977. background-color: transparent;
  6978. }
  6979. li.secondMenu ul li{
  6980. padding-left: 10px;
  6981. }
  6982. li.secondMenu ul li:hover {
  6983. background-color: rgb(230, 235, 241);
  6984. cursor: pointer;
  6985. }
  6986. .appImgiconbox{
  6987. width: 70px;
  6988. height: 70px;
  6989. border-radius: 35px;
  6990. margin: 10px auto;
  6991. }
  6992. .appImgiconbox img{
  6993. width: 70px;
  6994. }
  6995. .centertext{
  6996. text-align: center;
  6997. }
  6998. .yyerrtip{
  6999. color: red;
  7000. font-weight: bold;
  7001. position: absolute;
  7002. right: 12px;
  7003. top: 19px;
  7004. z-index: 999;
  7005. }
  7006. .loginright_btn.nopadding{
  7007. padding: 0;
  7008. }
  7009. .visontext{
  7010. line-height: 13px;
  7011. color: #4a90e2;
  7012. font-size: 10px;
  7013. text-align: center;
  7014. padding: 0px 12px;
  7015. border-radius: 10px;
  7016. display: inline-block;
  7017. margin-top: 20px;
  7018. transition: ease all 0.5s;
  7019. font-weight: 400;
  7020. }
  7021. .yiyun_wenjian_list{
  7022. text-align: center;
  7023. }
  7024. .yiyun_wenjian_list:hover>.visontext{
  7025. color: rgb(255, 255, 255);
  7026. background-color: #4a90e2;
  7027. }
  7028. .width4{
  7029. width: 33.33%;
  7030. }
  7031. .nobianju{
  7032. margin: 0;
  7033. }
  7034. .wirtebtn{
  7035. border: 0;
  7036. line-height: 28px;
  7037. color: rgba(0, 0, 0, 1);
  7038. font-size: 14px;
  7039. text-align: center;
  7040. background-color: rgba(255, 255, 255, 1);
  7041. border-radius: 6px;
  7042. padding: 0px 8px;
  7043. margin: 0 16px;
  7044. cursor: pointer;
  7045. transition: ease all 0.5s;
  7046. }
  7047. .wirtebtn:hover{
  7048. color: #8b35f0;
  7049. }
  7050. .overflowinit{
  7051. overflow: initial;
  7052. }
  7053. .webuploader-element-invisible{
  7054. visibility: hidden;
  7055. }
  7056. .neibianju {
  7057. background-color: #fff;
  7058. padding-top: 2px;
  7059. height: 259px;
  7060. min-height: 259px;
  7061. max-height: 300px;
  7062. border-radius: 16px 16px 0 0;
  7063. box-shadow: 0 -3px 11px 1px rgba(0,0,0,0.06);
  7064. overflow-y: hidden;
  7065. position: fixed;
  7066. bottom: 0;
  7067. width: 100%;
  7068. box-sizing: border-box;
  7069. }
  7070. .neibianju1 {
  7071. background-color: #fff;
  7072. padding-top: 5px;
  7073. height: 100%;
  7074. border-radius: 16px 16px 0 0;
  7075. box-shadow: 0 -3px 11px 1px rgba(0,0,0,0.06);
  7076. overflow-y: auto;
  7077. background: linear-gradient(#fff,#fff);
  7078. }
  7079. /* 意见反馈 */
  7080. .yijianfankui{
  7081. position: absolute;
  7082. right: 23px;
  7083. bottom: 30px;
  7084. border: 0px;
  7085. width: 22px;
  7086. border-radius: 16px;
  7087. background-color: rgba(255, 255, 255, 1);
  7088. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  7089. color: rgba(50, 50, 60, 1);
  7090. font-size: 12px;
  7091. text-align: left;
  7092. cursor: pointer;
  7093. overflow: hidden;
  7094. }
  7095. .putonganniu{
  7096. width: 22px;
  7097. text-align: center;
  7098. font-size: 11px;
  7099. border: 0;
  7100. background-color: #fff;
  7101. font-weight: 900;
  7102. color: #000;
  7103. overflow: hidden;
  7104. padding: 3px 0;
  7105. }
  7106. .putonganniu:hover{
  7107. color: #8c00ff;
  7108. }
  7109. .quanxuanbtn{
  7110. position: absolute;
  7111. right: 30px;
  7112. }
  7113. .quanxuanbtn .el-checkbox__label{
  7114. font-size: 13px;
  7115. }
  7116. .btnlabelTitle{
  7117. font-size: 15px;
  7118. }
  7119. .el-checkbox__inner::after {
  7120. border: 0px solid #FFF;
  7121. }
  7122. .el-checkbox__inner {
  7123. border: 1px solid #DCDFE6;
  7124. background-color: #fff0;
  7125. }
  7126. .defualtBtnInfo.quitBtn{
  7127. height: 32px;
  7128. border-radius: 8px;
  7129. border: 0;
  7130. background-color: rgba(255, 255, 255, 1);
  7131. box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  7132. font-size: 16px;
  7133. font-family: PingFang SC;
  7134. }
  7135. .yiyun_app_info_box li::after,.yiyun_yinyongname::after{
  7136. content: '';
  7137. display: block;
  7138. height: 1px;
  7139. background-color: #d8d8d8;
  7140. position: relative;
  7141. }
  7142. .yiyun_app_info_box li::after{
  7143. top: 43px;
  7144. }
  7145. .yiyun_yinyongname::after{
  7146. top: 10px;
  7147. }
  7148. .editnone .el-form{
  7149. padding: 0 16px;
  7150. }
  7151. .workbtn{
  7152. width: 28px;
  7153. height: 28px;
  7154. border-radius: 4px;
  7155. color: #ADADAD;
  7156. line-height: 28px;
  7157. text-align: center;
  7158. background-color: rgba(250, 250, 250, 1);
  7159. cursor: pointer;
  7160. font-size: 24px;
  7161. transition: ease all 0.5s;
  7162. }
  7163. .drakbg{
  7164. border-radius: 4px;
  7165. background-color: rgba(167, 168, 183, 1);
  7166. color: #fff;
  7167. }
  7168. .anniuweizhi{
  7169. position: absolute;
  7170. left: -8px;
  7171. top: 14px;
  7172. }
  7173. .workbtn:hover{
  7174. /* box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.2); */
  7175. color: rgba(140, 0, 255, 1);
  7176. }
  7177. .rota180{
  7178. display: inline-block;
  7179. -webkit-transform: rotate(180deg);
  7180. -moz-transform: rotate(180deg);
  7181. -o-transform: rotate(180deg);
  7182. -ms-transform: rotate(180deg);
  7183. transform: rotate(180deg);
  7184. }
  7185. .rota90{
  7186. display: inline-block;
  7187. -webkit-transform: rotate(90deg);
  7188. -moz-transform: rotate(90deg);
  7189. -o-transform: rotate(90deg);
  7190. -ms-transform: rotate(90deg);
  7191. transform: rotate(90deg);
  7192. }
  7193. .workderct{
  7194. /* position: relative;
  7195. top: 5px; */
  7196. margin-left: 10px;
  7197. /* margin-top: 15px; */
  7198. }
  7199. /* .worktitlebox button+button{
  7200. margin: 0 8px;
  7201. } */
  7202. .worklink{
  7203. /* width: 100%; */
  7204. width: calc(100vw - 64px);
  7205. display: flex;
  7206. align-items: center;
  7207. /* width: 100vw; */
  7208. height: calc(100vh - 114px);
  7209. overflow-y: auto;
  7210. }
  7211. .linkstart{
  7212. justify-content: start;
  7213. }
  7214. .worklinkBtngroup{
  7215. /* height: 54px; */
  7216. overflow: hidden;
  7217. float: left;
  7218. /* max-width: 368px; */
  7219. }
  7220. .worklinkBtngroup button{
  7221. margin: 0 8px;
  7222. }
  7223. /* .curbtn{
  7224. float: left;
  7225. margin-top: 7px;
  7226. } */
  7227. .currworkbutton{
  7228. border: 1.5px solid rgba(140, 0, 255, 1);
  7229. width: 106px;
  7230. height: 48px;
  7231. border-radius: 4px;
  7232. background-color: rgba(255, 255, 255, 1);
  7233. box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  7234. cursor: pointer;
  7235. }
  7236. .workbutton{
  7237. width: 106px;
  7238. height: 48px;
  7239. border-radius: 4px;
  7240. background-color: rgba(255, 255, 255, 1);
  7241. box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  7242. border: 1.5px solid rgba(140, 0, 255, 0);
  7243. padding: 0 16px;
  7244. cursor: pointer;
  7245. overflow: hidden;
  7246. text-overflow: ellipsis;
  7247. white-space: nowrap;
  7248. }
  7249. .workbutton:hover{
  7250. border: 1.5px solid rgba(140, 0, 255, 1);
  7251. }
  7252. .workbutton.current{
  7253. border: 1.5px solid rgba(140, 0, 255, 1);
  7254. }
  7255. .linkline{
  7256. width: 32px;
  7257. height: 1px;
  7258. background-color: rgba(204, 205, 215, 1);
  7259. display: inline-block;
  7260. position: relative;
  7261. top: -4px;
  7262. }
  7263. .workend{
  7264. background-color: rgba(140, 0, 255, 1);
  7265. }
  7266. .workheight{
  7267. height: calc(100vh - 48px);
  7268. transition: ease all 0.5s;
  7269. background-color: #f0f0f0;
  7270. }
  7271. .workheightinit{
  7272. /* height: calc(0); */
  7273. overflow: hidden;
  7274. transition: ease all 0.5s;
  7275. }
  7276. .bgwirte{
  7277. background-color: #fff;
  7278. }
  7279. .backwork{
  7280. height: 45px;
  7281. background-color: rgba(235, 235, 235, 0.57);
  7282. }
  7283. .worklinkHeight{
  7284. height: calc(100vh - 158px);
  7285. }
  7286. .warpbianju{
  7287. width: calc(100vw - 120px);
  7288. margin: 0 auto;
  7289. }
  7290. .largecheck .el-checkbox__inner {
  7291. width: 32px;
  7292. height: 32px;
  7293. border-radius: 16px;
  7294. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  7295. border: 5px solid #fff;
  7296. background-color: #fff;
  7297. }
  7298. .largecheck .el-checkbox__inner::after{
  7299. box-sizing: content-box;
  7300. content: "";
  7301. border: 2px solid #fff;
  7302. border-left: 0;
  7303. border-top: 0;
  7304. height: 16px;
  7305. height: 12px;
  7306. left: 7px;
  7307. position: absolute;
  7308. top: 2px;
  7309. transform: rotate(45deg) scaleY(0);
  7310. width: 6px;
  7311. transition: transform .15s ease-in .05s;
  7312. transform-origin: center;
  7313. }
  7314. .linedia .el-dialog__header{
  7315. text-align: left;
  7316. padding: 17px 16px;
  7317. border-bottom: 1px solid #dadbe2;
  7318. }
  7319. .linedia .el-dialog__headerbtn{
  7320. top: 9px;
  7321. }
  7322. .linedia .el-dialog__body{
  7323. padding: 16px;
  7324. }
  7325. .linedia .el-dialog{
  7326. border-radius: 8px;
  7327. }
  7328. .widthfile{
  7329. display: inline-block;
  7330. width: 300px;
  7331. }
  7332. .widthtext1{
  7333. display: inline-block;
  7334. width: 55px;
  7335. text-align: center;
  7336. }
  7337. .widthtext{
  7338. display: inline-block;
  7339. width: 180px;
  7340. }
  7341. .widthtext1.minitext,.widthtext.minitext{
  7342. text-align: center;
  7343. }
  7344. .largecheck .el-checkbox__input.is-checked .el-checkbox__inner,.largecheck .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  7345. background-color: #8c00ff;
  7346. border: 5px solid #fff;
  7347. }
  7348. .largecheck .el-checkbox__input.is-focus .el-checkbox__input{
  7349. border: 5px solid #fff;
  7350. }
  7351. .loginright_btn.top0{
  7352. top: 0;
  7353. }
  7354. .midtext{
  7355. width: 252px;
  7356. color: rgba(0, 0, 0, 1);
  7357. font-size: 16px;
  7358. text-align: left;
  7359. margin-left: 30px;
  7360. line-height: 16px;
  7361. display: inline-block;
  7362. text-overflow: ellipsis;
  7363. overflow: hidden;
  7364. position: relative;
  7365. top: 2px;
  7366. }
  7367. .minitext{
  7368. color: rgba(98, 98, 111, 1);
  7369. font-size: 12px;
  7370. text-align: left;
  7371. }
  7372. .link{
  7373. text-decoration: none;
  7374. }
  7375. .link:hover{
  7376. color: #8c00ff;
  7377. }
  7378. .visionlist li{
  7379. line-height: 48px;
  7380. }
  7381. .visionlist li:hover{
  7382. background-color: #CCCDD7 ;
  7383. border-radius: 8px;
  7384. cursor: pointer;
  7385. }
  7386. .visionlistTitle{
  7387. color: rgba(140, 0, 255, 1);
  7388. font-size: 14px;
  7389. text-align: left;
  7390. margin-bottom: 12px;
  7391. display: block;
  7392. margin-top: 10px;
  7393. }
  7394. .linedia .el-dialog__title {
  7395. line-height: 24px;
  7396. font-size: 17px;
  7397. color: #303133;
  7398. font-weight: bolder;
  7399. }
  7400. .tankuangaodu{
  7401. height: 296px;
  7402. overflow-y: auto;
  7403. }
  7404. .yijianxietong{
  7405. display: block;
  7406. /* width: 20px;
  7407. height: 20px;
  7408. background-color: #CCCDD7;
  7409. color: #fff;
  7410. border-radius: 10px; */
  7411. position: absolute;
  7412. left: 3px;
  7413. top: 4px;
  7414. }
  7415. .yijianIcon{
  7416. font-size: 24px;
  7417. left: -2px;
  7418. top: -3px;
  7419. position: relative;
  7420. }
  7421. .isonselect{
  7422. background-color: rgba(74, 226, 166, 1);
  7423. }
  7424. .isonselect_err{
  7425. background-color: rgba(214, 36, 58, 1);
  7426. }
  7427. .isonselect_update{
  7428. background-color: rgba(74, 144, 226, 1);
  7429. }
  7430. .tipMsg{
  7431. padding: 0px 2px;
  7432. background-color: #ED1B35;
  7433. border-radius: 10px;
  7434. font-size: 12px;
  7435. color: #fff;
  7436. font-style: normal;
  7437. margin-right: 6px;
  7438. }
  7439. .yiyun_wenjian_list .isonselect_defual{
  7440. opacity: 0;
  7441. transition: ease all 0.5s;
  7442. }
  7443. .yiyun_wenjian_list:hover .isonselect_defual{
  7444. opacity: 1;
  7445. }
  7446. .el-checkbox__label {
  7447. display: unset;
  7448. font-size: 13px;
  7449. }
  7450. .filestate{
  7451. position: absolute;
  7452. top: 35%;
  7453. left: 20%;
  7454. background-color: #E3E3E3;
  7455. padding: 3px 13px;
  7456. border-radius: 18px;
  7457. font-size: 16px;
  7458. }
  7459. .nobottom .el-form-item {
  7460. margin-bottom: 0px;
  7461. }
  7462. .flex_right_pain_body input[type="password"] {
  7463. letter-spacing: 0px;
  7464. font-size: 20px;
  7465. line-height: 10px;
  7466. }
  7467. input[type="password"]::-webkit-input-placeholder {
  7468. letter-spacing: 0;
  7469. font-size: 14px;
  7470. }
  7471. input[type="password"]:-moz-placeholder {
  7472. letter-spacing: 0;
  7473. font-size: 14px;
  7474. }
  7475. input[type="password"]::-moz-placeholder {
  7476. letter-spacing: 0;
  7477. font-size: 14px;
  7478. }
  7479. input[type="password"]:-ms-input-placeholder {
  7480. letter-spacing: 0;
  7481. font-size: 14px;
  7482. }
  7483. /* 上传进度 */
  7484. /* .shangchuandinwei{
  7485. position: absolute;
  7486. top: 25%;
  7487. left: 50%;
  7488. z-index: 9999;
  7489. max-height: 500px;
  7490. overflow-y: auto;
  7491. margin-left: -280px;
  7492. padding: 20px;
  7493. border: 0px;
  7494. width: 680px;
  7495. height: 254px;
  7496. border-radius: 8px!important;
  7497. background-color: rgba(255, 255, 255, 1);
  7498. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  7499. } */
  7500. i.iconmidle{
  7501. margin-top: 16px;
  7502. }
  7503. .bianjutop{
  7504. width: 15px;
  7505. }
  7506. .bianjutop2{
  7507. width: 14px;
  7508. }
  7509. .bianjutop{
  7510. position: relative;
  7511. top: 2px;
  7512. left: -1px;
  7513. }
  7514. .fulltreebox{
  7515. height: calc(100vh - 146px);
  7516. }
  7517. .iconduiqi .el-tree-node__content>.el-tree-node__expand-icon{
  7518. width: 20px;
  7519. }
  7520. .project_gantetubox_warp{
  7521. margin-top: 5px;
  7522. }
  7523. .btn_double{
  7524. width: 343px;
  7525. background-color: rgba(255, 255, 255, 1);
  7526. margin: 0 auto;
  7527. border-radius: 8px;
  7528. box-shadow: 0 3px 6px 4px rgba(0,0,0,0.1);
  7529. overflow: hidden;
  7530. }
  7531. .btn_double button+button{
  7532. margin: 0;
  7533. }
  7534. .btn_doubleItem{
  7535. height: 38px;
  7536. border: 0;
  7537. background-color: #fff;
  7538. color: #000;
  7539. line-height: 38px;
  7540. font-size: 16px;
  7541. font-family: PingFang SC;
  7542. display: block;
  7543. text-align: center;
  7544. width: 100%;
  7545. cursor: pointer;
  7546. transition: ease all 0.5s;
  7547. }
  7548. .btn_doubleItem:hover{
  7549. color: #8C00FF;
  7550. }
  7551. .flex_rightheight2{
  7552. height: calc(100vh - 342px);
  7553. }
  7554. .flex_rightheight3{
  7555. height: calc(100vh - 282px);
  7556. }
  7557. .flex_rightheight1{
  7558. height: calc(100vh - 262px);
  7559. }
  7560. .flex_rightheight0{
  7561. height: calc(100vh - 320px);
  7562. }
  7563. .nomargin .longBtn{
  7564. margin: 8px auto;
  7565. }
  7566. .m-7-18{
  7567. margin-top: 7px;
  7568. margin-bottom: 18px;
  7569. }
  7570. .nostyle{
  7571. margin: 0;
  7572. margin-bottom: 26px;
  7573. text-align: left;
  7574. }
  7575. .largecheck .el-radio__inner::after {
  7576. width: 6px!important;
  7577. height: 12px!important;
  7578. display: block;
  7579. -webkit-box-sizing: content-box;
  7580. box-sizing: content-box;
  7581. content: "";
  7582. border: 2px solid #FFF;
  7583. border-left: 0;
  7584. border-top: 0;
  7585. height: 7px;
  7586. left: 9px;
  7587. position: absolute;
  7588. top: 10px;
  7589. -webkit-transform: rotate(45deg) scaleY(0);
  7590. transform: rotate(69deg);
  7591. width: 3px;
  7592. -webkit-transition: -webkit-transform 0s ease-in 0s;
  7593. transition: -webkit-transform 0s ease-in 0s;
  7594. transition: transform 0s ease-in 0s;
  7595. transition: transform 0s ease-in 0s, -webkit-transform 0s ease-in 0s;
  7596. transition: transform 0s ease-in 0s,-webkit-transform 0s ease-in 0s;
  7597. -webkit-transform-origin: center;
  7598. transform-origin: center;
  7599. background-color:transparent;
  7600. border-radius:0
  7601. }
  7602. .largecheck .el-radio__inner {
  7603. width: 32px!important;
  7604. height: 32px!important;
  7605. border-radius: 16px;
  7606. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  7607. border: 5px solid #fff;
  7608. background-color: #fff;
  7609. transform: rotate(45deg);
  7610. }
  7611. .largecheck .el-radio__input.is-checked .el-radio__inner {
  7612. border-color: #ffffff!important;
  7613. background: #8c00ff!important;
  7614. }
  7615. .fileItemlistBox li{
  7616. padding: 0 16px;
  7617. height: 44px;
  7618. line-height: 44px;
  7619. transition: ease all 0.5s;
  7620. }
  7621. .fileItemlistBox li .el-radio__label{
  7622. font-size: 15px;
  7623. line-height: 44px;
  7624. }
  7625. .fileItemlistBox li:hover{
  7626. background-color: #f2f2f2;
  7627. }
  7628. .dulihang .el-radio__label::after{
  7629. content: '';
  7630. height: 1px;
  7631. width: 292px;
  7632. display: block;
  7633. background-color: #d8d8d8;
  7634. margin-left: 44px;
  7635. }
  7636. .largeBtn.el-button{
  7637. width: 305px;
  7638. height: 32px;
  7639. border-radius: 8px;
  7640. }
  7641. .mb-15{
  7642. margin-bottom: 16px;
  7643. }
  7644. .footernobianju .el-dialog__footer{
  7645. padding: 10px 0;
  7646. }
  7647. .bianjubtn{
  7648. margin: 0 23px;
  7649. margin-bottom: 6px;
  7650. }
  7651. .eldialogheight .el-dialog{
  7652. height: 310px;
  7653. }
  7654. .DiacenterBox{
  7655. height: 130px;
  7656. }
  7657. .logoarea{
  7658. display: flex;
  7659. justify-content: center;
  7660. align-items: center;
  7661. position: absolute;
  7662. width: calc(100vw);
  7663. height: calc(100vh);
  7664. top: 0px;
  7665. background-color: transparent;
  7666. }
  7667. .logintitlefirst span{
  7668. display: block;
  7669. line-height: 67px;
  7670. }
  7671. .intentinput .el-input__inner{
  7672. text-indent: 16px;
  7673. }
  7674. .loginimgboxa{
  7675. position: relative;
  7676. height: 429px;
  7677. width: 369px;
  7678. clip-path: polygon(
  7679. 0 25%,
  7680. 50% 0,
  7681. 100% 25%,
  7682. 100% 75%,
  7683. 50% 100%,
  7684. 0 75%
  7685. );
  7686. background: #33333d;
  7687. display: flex;
  7688. justify-content: center;
  7689. align-items: center;
  7690. z-index: 1;
  7691. }
  7692. .loginimgbordera{
  7693. position: absolute;
  7694. width: 100%;
  7695. z-index: 3;
  7696. }
  7697. .loginimgboxImga{
  7698. position: absolute;
  7699. background-size: 100%;
  7700. max-width: 100%;
  7701. max-height: 100%;
  7702. z-index: 2;
  7703. }
  7704. .righttabs .el-tabs__item{
  7705. padding: 0;
  7706. height: 40px;
  7707. font-weight: 500;
  7708. color: #000;
  7709. width: 187px;
  7710. text-align: center;
  7711. }
  7712. .righttabs .el-tabs__header{
  7713. margin: 0;
  7714. }
  7715. .righttabs .el-tabs__content{
  7716. overflow: inherit;
  7717. }
  7718. .righttabs .el-tabs__item.is-active{
  7719. color: #ED1B35;
  7720. }
  7721. .eidtTip{
  7722. position: absolute;
  7723. left: 50%;
  7724. top: 27%;
  7725. width: 86px;
  7726. height: 28px;
  7727. color: rgba(0, 0, 0, 1);
  7728. font-size: 12px;
  7729. line-height: 28px;
  7730. border-radius: 21px;
  7731. text-align: center;
  7732. background-color: #E3E3E3;
  7733. display: block;
  7734. margin-left: -43px;
  7735. }
  7736. .tixinpage{
  7737. overflow: hidden;
  7738. }
  7739. .opitcy1{
  7740. opacity: 1;
  7741. }
  7742. .opitcy0{
  7743. opacity: 0.5;
  7744. }
  7745. .settingIcon.minisize{
  7746. font-size: 16px;
  7747. margin-right: 4px;
  7748. }
  7749. .finger{
  7750. cursor: pointer;
  7751. }
  7752. .filelist{
  7753. overflow: hidden;
  7754. padding: 6px 0;
  7755. }
  7756. .filelist:nth-child(2n){
  7757. padding-right: 0px;
  7758. }
  7759. .filelist:nth-child(2n+1){
  7760. padding-right: 10px;
  7761. }
  7762. .filelist>span{
  7763. font-size: 15px;
  7764. }
  7765. .icon-icon_yijianxietong{
  7766. font-size: 18px;
  7767. top: 0;
  7768. left: 0;
  7769. }
  7770. .redtext{
  7771. color: #ED1B35;
  7772. }
  7773. .yiyun_headerfr_item_r>div span.dulibianjuspan{
  7774. margin-left: 10px;
  7775. }
  7776. .linkbtngroup{
  7777. display: inline-block;
  7778. /* overflow: hidden; */
  7779. position: relative;
  7780. }
  7781. .appiframebox{
  7782. width: calc(100vw - 40px);
  7783. height: calc(100vh - 54px);
  7784. overflow-y: auto;
  7785. }
  7786. .fullscreenDia .el-dialog__header{
  7787. padding: 5px 20px 0px;
  7788. }
  7789. .fullscreenDia .el-dialog__body{
  7790. padding: 0px 20px;
  7791. }
  7792. .fullscreenDia .el-dialog{
  7793. border-radius: 0;
  7794. }
  7795. .fullscreenDia .el-dialog__headerbtn {
  7796. top: 0px;
  7797. }
  7798. .bottext{
  7799. color: rgba(74, 74, 74, 1);
  7800. font-size: 14px;
  7801. text-align: left;
  7802. font-family: PingFang SC;
  7803. }
  7804. .textcolor1{
  7805. color: #32323C;
  7806. font-family: PingFang SC;
  7807. }
  7808. .botbtnr{
  7809. position: absolute;
  7810. bottom: 0px;
  7811. right: 10px;
  7812. }
  7813. .introlisttitle{
  7814. padding: 0 16px;
  7815. }
  7816. .topprev{
  7817. top: 10px;
  7818. }
  7819. h5.dulilabel{
  7820. font-size: 15px;
  7821. font-weight: 500;
  7822. margin-top: 12px;
  7823. }
  7824. .el-tree-node__content .el-dropdown{
  7825. opacity: 0;
  7826. }
  7827. .el-tree-node__content:hover>.custom-tree-node .el-dropdown{
  7828. opacity: 1;
  7829. }
  7830. .rightdesc{
  7831. font-family: PingFang SC;
  7832. font-weight: 400;
  7833. font-size: 15px;
  7834. line-height: 30px;
  7835. margin-top: 20px;
  7836. }
  7837. .fixtable{
  7838. /* border: 1px solid #cdd; */
  7839. width: calc(100vw - 122px);
  7840. height: calc(100vh - 150px);
  7841. overflow: scroll;
  7842. position: relative;
  7843. float: left;
  7844. top: 0px;
  7845. left: 0px;
  7846. font-size: 12px;
  7847. }
  7848. .bg1 {
  7849. position: fixed;
  7850. z-index: 10001;
  7851. width: 100px;
  7852. left: auto;
  7853. top: auto;
  7854. }
  7855. .bg2 {
  7856. position: sticky;
  7857. top: 0px;
  7858. margin-left: 192px;
  7859. /* width: 500px; */
  7860. z-index: 1000;
  7861. }
  7862. .bg3 {
  7863. left: 0px;
  7864. float: left;
  7865. position: sticky;
  7866. z-index: 1000;
  7867. width: 100px;
  7868. }
  7869. .bg4 {
  7870. left: 192px;
  7871. /* width: 500px; */
  7872. position: absolute;
  7873. }
  7874. .bg1,.bg2,.bg3,.bg4{
  7875. border-collapse:collapse;
  7876. border:none;
  7877. }
  7878. .bg1 td,.bg2 td,.bg3 td,.bg4 td{
  7879. border:solid #cdcdcd 1px;
  7880. }
  7881. .row-w-60{
  7882. width: 60px;
  7883. text-align: center;
  7884. }
  7885. .col-h-30{
  7886. height: 30px;
  7887. line-height: 30px;
  7888. }
  7889. .col-h-60{
  7890. height: 60px;
  7891. line-height: 60px;
  7892. overflow: hidden;
  7893. }
  7894. .col-h-58{
  7895. height: 60px;
  7896. line-height: 60px;
  7897. text-align: center;
  7898. }
  7899. .row-w-130{
  7900. width: 130px;
  7901. overflow: hidden;
  7902. text-align: center;
  7903. }
  7904. .tdheight{
  7905. height: 58px;
  7906. overflow: hidden;
  7907. }
  7908. .bg_write{
  7909. background-color: #fff;
  7910. }
  7911. .bg_gray_th{
  7912. background-color: #e3e3e3;
  7913. }
  7914. .bg_gray_td{
  7915. background-color: #ebebeb;
  7916. }
  7917. .bg_druk{
  7918. background-color: #adadad;
  7919. }
  7920. /* .listTemplateList li:hover,.selected{
  7921. background-color: rgba(204, 205, 215, 1);
  7922. } */
  7923. .listTemplateList li{
  7924. height: 48px;
  7925. border-radius: 8px;
  7926. margin: 8px 10px;
  7927. padding: 0 16px;
  7928. overflow: hidden;
  7929. line-height: 48px;
  7930. transition: ease all 0.5s;
  7931. cursor: pointer;
  7932. }
  7933. .listTemplateTextBig{
  7934. color: rgba(50, 50, 60, 1);
  7935. font-size: 18px;
  7936. width: 95px;
  7937. display: inline-block;
  7938. font-weight: 600;
  7939. }
  7940. .listTemplateText{
  7941. color: rgba(0, 0, 0, 1);
  7942. font-size: 15px;
  7943. text-align: left;
  7944. }
  7945. .diaTitle{
  7946. font-size: 17px;
  7947. }
  7948. .yuandian{
  7949. position: relative;
  7950. /* width: 158px; */
  7951. }
  7952. .yuandian:last-child .conterpoint {
  7953. width: 108px !important;
  7954. }
  7955. .upList{
  7956. top: 0;
  7957. }
  7958. .upList,.bottomlist{
  7959. position: absolute;
  7960. left: 8px;
  7961. }
  7962. .bottomlist{
  7963. position: absolute;
  7964. top: 22px;
  7965. }
  7966. .enterPoint,.outPoint{
  7967. position: absolute;
  7968. left: 7px;
  7969. }
  7970. .enterPoint{
  7971. bottom: 32px;
  7972. }
  7973. .outPoint{
  7974. top: 50px;
  7975. }
  7976. .enterPoint button,.outPoint button{
  7977. display: block;
  7978. margin-bottom: 16px;
  7979. }
  7980. .enterPoint .leftlinebox+.leftlinebox,.outPoint .leftlinebox+.leftlinebox{
  7981. margin: 0px;
  7982. margin-bottom: 10px;
  7983. }
  7984. .linkBtn1,.linkBtn2{
  7985. border: 1.5px dashed transparent;
  7986. height: 32px;
  7987. border-radius: 4px;
  7988. color: rgba(142, 144, 159, 1);
  7989. font-size: 13px;
  7990. font-family: PingFangSC-Regular;
  7991. transition: ease all 0.5s;
  7992. cursor: pointer;
  7993. padding: 0 10px;
  7994. }
  7995. .linkBtn1:hover,.linkBtn2:hover{
  7996. border-color:#4A90E2 ;
  7997. color: #4A90E2;
  7998. }
  7999. .linkBtn1{
  8000. background-color: rgba(255, 255, 255, 1);
  8001. }
  8002. .linkBtn2{
  8003. background-color: rgba(227, 227, 227, 1);
  8004. min-width: 72px;
  8005. max-width: 120px;
  8006. }
  8007. .enterLine{
  8008. width: 1px;
  8009. height: 20px;
  8010. background-color: rgba(204, 205, 215, 1);
  8011. position: absolute;
  8012. left: 0;
  8013. bottom: 0px;
  8014. }
  8015. .outLine{
  8016. position: relative;
  8017. width: 1px;
  8018. height: 20px;
  8019. background-color: rgba(204, 205, 215, 1);
  8020. top: 17px;
  8021. left: -7px;
  8022. }
  8023. .bottomenter{
  8024. position: absolute;
  8025. bottom: -6px;
  8026. left: -10px;
  8027. color: #CCCDD7;
  8028. font-size: 20px;
  8029. }
  8030. .leftlinebox{
  8031. position: relative;
  8032. display: block;
  8033. line-height: 30px;
  8034. margin-bottom: 11px;
  8035. }
  8036. .leftline{
  8037. position: absolute;
  8038. display: block;
  8039. width: 8px;
  8040. height: 1px;
  8041. position: absolute;
  8042. left: -8px;
  8043. top: 50%;
  8044. background-color: rgba(204, 205, 215, 1);
  8045. }
  8046. .leftline::after{
  8047. content: '';
  8048. height: 48px;
  8049. width: 1px;
  8050. position: absolute;
  8051. left: -1px;
  8052. top: 50%;
  8053. background-color: rgba(204, 205, 215, 1);
  8054. }
  8055. .worllistt2{
  8056. display: -webkit-box;
  8057. -webkit-box-orient: vertical;
  8058. -webkit-line-clamp: 1;
  8059. overflow: hidden;
  8060. }
  8061. .leftlin2{
  8062. height: 40px;
  8063. width: 1px;
  8064. position: relative;
  8065. background-color: rgba(204, 205, 215, 1);
  8066. left: 0;
  8067. top: 30px;
  8068. }
  8069. .conterpoint{
  8070. position: relative;
  8071. width: 138px;
  8072. }
  8073. /* .conterpoint:last-child{
  8074. width: 200px;
  8075. } */
  8076. .worningalert{
  8077. position: relative;
  8078. width: 355px;
  8079. height: 22px;
  8080. border-radius: 4px;
  8081. background-color: rgba(214, 36, 58, 1);
  8082. top: -14px;
  8083. text-indent: 16px;
  8084. color: #fff;
  8085. }
  8086. .EC_searchBox .el-input-group__prepend {
  8087. background-color: #ffffff;
  8088. vertical-align: middle;
  8089. display: table-cell;
  8090. position: relative;
  8091. border: 0px solid #ffffff;
  8092. white-space: nowrap;
  8093. position: absolute;
  8094. left: 7px;
  8095. padding: 0;
  8096. width: 0;
  8097. }
  8098. #bigbody{
  8099. height: calc(100vh - 40px);
  8100. overflow-y: auto;
  8101. }
  8102. .scorllbaron{
  8103. background-color: #fff;
  8104. box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  8105. }
  8106. /* 滑动的时候 顶部导航栏的底部阴影 */
  8107. .header-bottom-shadow::after {
  8108. /* box-shadow: 0 18px 18px 0 #f1f1f1; */
  8109. content:'';
  8110. display: block;
  8111. width: 100%;
  8112. height: 30px;
  8113. background: linear-gradient(rgba(#000, .06),rgba(#000, 0));
  8114. }
  8115. .tinylabel{
  8116. font-size: 12px;
  8117. display: block;
  8118. line-height: 20px;
  8119. color: #888;
  8120. }
  8121. .newapplay li{
  8122. height: 59px;
  8123. border-bottom: 1px solid #cccdd7;
  8124. margin: 0 16px;
  8125. padding: 0;
  8126. }
  8127. .searchPagebox{
  8128. width: calc(100vw - 60px);
  8129. height: calc(100vh - 75px);
  8130. }
  8131. .searchPagebox2{
  8132. width: calc(100vw - 120px);
  8133. margin: 0 auto;
  8134. }
  8135. .bj_label{
  8136. font-size: 14px;
  8137. color: #8e909f;
  8138. }
  8139. /* 适配 */
  8140. @media(max-width:1600px) {
  8141. .yiyun-col-md-4{
  8142. width: 33.3%
  8143. }
  8144. }
  8145. @media(max-width:1337px) {
  8146. .yiyun-col-md-4{
  8147. width: 33.3%
  8148. }
  8149. .yiyun_headerce>span {
  8150. padding: 13px 15px;
  8151. }
  8152. .LoginTitleWel{
  8153. top: 60px;
  8154. }
  8155. .loginbox{
  8156. bottom: 60px;
  8157. }
  8158. }
  8159. @media(max-width:1025px) {
  8160. .yiyun-col-sm-6{
  8161. width: 50%;
  8162. }
  8163. .bottomdialog {
  8164. width: calc(100vw - 20px);
  8165. left: calc(-50vw + 10px);
  8166. }
  8167. .yiyun_dialog_left {
  8168. margin-left: 20px;
  8169. }
  8170. .yiyun_dialog_right{
  8171. right: 20px;
  8172. }
  8173. .yiyun_headerce>span {
  8174. padding: 13px 9px;
  8175. }
  8176. .LoginTitleWel {
  8177. top: 30px;
  8178. font-size: 39px;
  8179. }
  8180. .logintitlefirst span {
  8181. line-height: 45px;
  8182. }
  8183. .loginlabel {
  8184. font-size: 22px;
  8185. }
  8186. .loginbox {
  8187. bottom: 30px;
  8188. }
  8189. }
  8190. @media(max-width:768px) {
  8191. .yiyun-col-ty-12{
  8192. width: 100%
  8193. }
  8194. .yiyun_headerce>span {
  8195. padding: 13px 8px;
  8196. font-size: 16px;
  8197. }
  8198. }
  8199. .drop_areabox{
  8200. position: fixed;
  8201. z-index: 999;
  8202. width: 480px;
  8203. height: 300px;
  8204. background-color: #ccc;
  8205. top: 50%;
  8206. left: 50%;
  8207. margin-left: -240px;
  8208. margin-top: -150px;
  8209. border: 1px dashed #8c00ff;
  8210. background-color: #ebebf2;
  8211. color: #8c00ff;
  8212. display: flex;
  8213. flex-direction: column;
  8214. justify-content: center;
  8215. align-items: center;
  8216. border-radius: 10px;
  8217. }
  8218. .yywenjiantitle{
  8219. display: inline-block;
  8220. width: 92px;
  8221. height: 31px;
  8222. color: #a7a8b7;
  8223. font-size: 18px;
  8224. line-height:31px;
  8225. margin-right: 16px;
  8226. border-radius: 4px;
  8227. background-color: transparent;
  8228. text-align: center;
  8229. cursor: pointer;
  8230. }
  8231. .yywenjiantitle.yyactive,.yywenjiantitle:hover{
  8232. color: #32323c;
  8233. background:#CCCDD7;
  8234. }
  8235. .fuzeren{
  8236. overflow: hidden;
  8237. padding-bottom: 11px;
  8238. border-bottom: 1px solid #8e909f;
  8239. }
  8240. .el-icon-warning::before{
  8241. content: "";
  8242. display: inline-block;
  8243. width: 28px;
  8244. height: 28px;
  8245. background-color: #ccc;
  8246. background: url(/static/img/icon_pic_01.png) no-repeat -180px 0px;
  8247. }
  8248. .el-icon-close::before {
  8249. content: "";
  8250. }
  8251. .el-icon-error::before{
  8252. content: "";
  8253. display: inline-block;
  8254. width: 28px;
  8255. height: 28px;
  8256. background-color: #ccc;
  8257. background: url(/static/img/严重警示.svg) no-repeat;
  8258. }
  8259. .selfupdate .webuploader-pick{
  8260. width: 120px
  8261. }
  8262. .right-algin{
  8263. text-align: right
  8264. }
  8265. .downloadIcon{
  8266. position: absolute;
  8267. width: 100%;
  8268. height: 120px;
  8269. left: 0;
  8270. top: 0;
  8271. }
  8272. .downloadIcon img,.downloadIcon span{
  8273. position: relative;
  8274. top: 30px;
  8275. }
  8276. .downloadIcon img.imgjuzhong,.downloadIcon span.spanjuzhong{
  8277. position: relative;
  8278. top: 45px;
  8279. }
  8280. .uploadText{
  8281. position: relative;
  8282. top: 40px;
  8283. left: 30px;
  8284. font-size: 13px
  8285. }
  8286. .minifont{
  8287. font-size: 11px;
  8288. color: #71717d;
  8289. margin-top: 2px
  8290. }
  8291. .largeicon{
  8292. color: #000;
  8293. font-size: 22px
  8294. }
  8295. .titlebar_head{
  8296. display: flex;
  8297. justify-content: space-between;
  8298. }
  8299. .toumin{
  8300. opacity: 0.5;
  8301. }
  8302. .showdowfix{
  8303. position: fixed;
  8304. background: linear-gradient(rgba(255, 255, 255, 0),rgba(0, 0, 0, 0.15));
  8305. height: 60px;
  8306. width: 100%;
  8307. bottom: 0;
  8308. z-index: -1;
  8309. }
  8310. .el-message-box__message p{
  8311. display: -webkit-box;
  8312. -webkit-box-orient: vertical;
  8313. /* -webkit-line-clamp: 3; */
  8314. overflow: hidden;
  8315. font-weight: 400;
  8316. word-break: break-all;
  8317. }
  8318. .mainbtn{
  8319. color: #8c00ff!important
  8320. }
  8321. .redbtn{
  8322. color: #d6243a!important
  8323. }
  8324. /* 竖线 */
  8325. .vertical-line {
  8326. float: left;
  8327. position: relative;
  8328. top: 12px;
  8329. width: 1px;
  8330. height: 24px;
  8331. background-color: rgba(153, 155, 157, 1);
  8332. margin: 0 7px 0 0;
  8333. }
  8334. /* 使用flex布局 */
  8335. .use-flex {
  8336. display: flex;
  8337. flex-wrap: wrap;
  8338. }
  8339. /* 相对定位 */
  8340. .use-relative {
  8341. position: relative;
  8342. }
  8343. /* 新项目人员列表超出部分滚动条样式 */
  8344. /* 滚动条样式 */
  8345. .personnel-list .content-wrap::-webkit-scrollbar,
  8346. .proj-detail .right-part .part-wrap::-webkit-scrollbar,
  8347. .proj-detail .proj-desc-wrap::-webkit-scrollbar,
  8348. .proj-detail .summary-wrap::-webkit-scrollbar,
  8349. .template_improve .summary-wrap::-webkit-scrollbar,
  8350. .template_nest .template_select_content::-webkit-scrollbar,
  8351. .template_improve .template_improve_content::-webkit-scrollbar,
  8352. .new-proj .template_select_content::-webkit-scrollbar {
  8353. width: 8px;
  8354. height: 8px;
  8355. border-radius: 4px;
  8356. /*其他样式,比如圆角等*/
  8357. }
  8358. /*滑块样式*/
  8359. .personnel-list .content-wrap::-webkit-scrollbar-thumb,
  8360. .right-part .part-wrap::-webkit-scrollbar-thumb,
  8361. .proj-detail .proj-desc-wrap::-webkit-scrollbar-thumb,
  8362. .proj-detail .summary-wrap::-webkit-scrollbar-thumb,
  8363. .template_improve .summary-wrap::-webkit-scrollbar-thumb,
  8364. .template_nest .template_select_content::-webkit-scrollbar-thumb,
  8365. .template_improve .template_improve_content::-webkit-scrollbar-thumb,
  8366. .new-proj .template_select_content::-webkit-scrollbar-thumb {
  8367. -webkit-border-radius: 4px;
  8368. border-radius: 4px;
  8369. height: 300px;
  8370. background-color: #adadad;
  8371. /* transition: background-color .3s linear; */
  8372. }
  8373. /* 当一定时间内不进行操作时滚动条修改颜色与底色一致 */
  8374. /* .hide-scrollbar-thumb {
  8375. background-color: #fcfcfc !important;
  8376. } */
  8377. /*当前窗口失去焦点时的滑块样式 */
  8378. .personnel-list .content-wrap::-webkit-scrollbar-thumb:window-inactive,
  8379. .right-part .part-wrap::-webkit-scrollbar-thumb:window-inactive,
  8380. .proj-detail .proj-desc-wrap::-webkit-scrollbar-thumb:window-inactive,
  8381. .proj-detail .summary-wrap::-webkit-scrollbar-thumb:window-inactive,
  8382. .template_improve .summary-wrap::-webkit-scrollbar-thumb:window-inactive,
  8383. .new-proj .template_select_content::-webkit-scrollbar-thumb:window-inactive {
  8384. /* background-color: #adadad; */
  8385. background-color: transparent;
  8386. }
  8387. /* 当前选中的工作负责人的框 */
  8388. .active-manager-mark {
  8389. border: 2px solid #7850ff;
  8390. border-radius: 8px;
  8391. background-color: #dededf;
  8392. }
  8393. .active-manager-mark-bottom-name {
  8394. position: relative;
  8395. top: -7px;
  8396. border-bottom-right-radius: 8px;
  8397. border-bottom-left-radius: 8px;
  8398. padding: 8px 0 5px;
  8399. width: 100%;
  8400. background-color: #7850ff;
  8401. color: rgba(255, 255, 255, 100);
  8402. font-size: 11px;
  8403. text-align: center;
  8404. z-index: 1;
  8405. font-family: PingFangSC-Regular;
  8406. }
  8407. /* 展示的负责人的框 */
  8408. .manager-mark {
  8409. border: 4px dashed rgba(140, 0, 255, 1) !important;
  8410. }
  8411. .mr-8 {
  8412. margin: 0 8px 0 0;
  8413. }
  8414. .ml-4 {
  8415. margin: 0 0 0 4px;
  8416. }
  8417. .mb-32 {
  8418. margin: 0 0 32px 4px;
  8419. }
  8420. .mb-36 {
  8421. margin: 0 0 36px 4px;
  8422. }
  8423. .mt-32 {
  8424. margin: 32px 0 0 0;
  8425. }
  8426. /* 当前要进行工作指派的文件夹样式 始终激活状态*/
  8427. .active-folder {
  8428. border-radius: 8px;
  8429. background-color: #dbdbdb !important;
  8430. }
  8431. /* 鼠标悬浮状态 */
  8432. .folder-hover:hover {
  8433. border-radius: 8px;
  8434. background-color:#eaeaeb !important;
  8435. }
  8436. /* 点击瞬间状态 */
  8437. .folder-click:active {
  8438. background-color: #ccc !important;
  8439. }
  8440. /* 清除 浮动 */
  8441. .clear-fix::after {
  8442. content: '';
  8443. display: block;
  8444. clear: both;
  8445. height: 0;
  8446. visibility: hidden;
  8447. }
  8448. /* 新建样本文件弹框显示的图片 */
  8449. .defultImage-small {
  8450. margin: 0 auto;
  8451. width: 70px;
  8452. height: 70px;
  8453. background: url(/static/img/defult-mid.png) center/100%;
  8454. }
  8455. .video-small {
  8456. height: 70px;
  8457. width: 70px;
  8458. background: url(/static/img/FileType/video.svg) center/100%;
  8459. margin: 0 auto;
  8460. }
  8461. .border-box {
  8462. box-sizing: border-box;
  8463. }
  8464. /* 文件左上角图标 */
  8465. .green-icon, .gray-icon , .blue-icon {
  8466. display: block;
  8467. width: 24px;
  8468. height: 24px;
  8469. }
  8470. /* 绿色协同图标 */
  8471. .green-icon {
  8472. background: url('/static/img/FileStatus/已协同协同.svg') center/100%;
  8473. }
  8474. /* 灰色图标 未启用协同*/
  8475. .gray-icon {
  8476. background: url('/static/img/FileStatus/未启用协同.svg') center/100%;
  8477. }
  8478. /* 蓝色图标 待更新协同 */
  8479. .blue-icon {
  8480. background: url('/static/img/FileStatus/待更新协同.svg') center/100%;
  8481. }
  8482. /* 新版项目概况 工作指派微调样式 */
  8483. .header-wrap .app-header-back-btn {
  8484. left: 24px !important;
  8485. }
  8486. .header-wrap .app-header-content {
  8487. padding: 0 48px !important;
  8488. }
  8489. .adjust-top-radius {
  8490. border-top-left-radius: 8px;
  8491. border-top-right-radius: 8px;
  8492. }
  8493. /* 总后台 思维导图样式修改 */
  8494. #TszMind {
  8495. height: calc(100vh - 60px - 80px - 30px);
  8496. width: calc(100vw - 64px - 20px);
  8497. overflow: scroll;
  8498. }
  8499. /* 点击了节点按钮 右侧弹窗显示的时候修改左侧思维导图的宽度 */
  8500. .adjust-TszMind-pos {
  8501. width: calc(100vw - 30px - 375px - 64px - 20px) !important;
  8502. }
  8503. #TszMind::-webkit-scrollbar {
  8504. width: 8px;
  8505. height: 8px;
  8506. border-radius: 4px;
  8507. /*其他样式,比如圆角等*/
  8508. }
  8509. /*滑块样式*/
  8510. #TszMind::-webkit-scrollbar-thumb {
  8511. -webkit-border-radius: 4px;
  8512. border-radius: 4px;
  8513. height: 300px;
  8514. background-color: #adadad;
  8515. /* transition: background-color .3s linear; */
  8516. }
  8517. /*当前窗口失去焦点时的滑块样式*/
  8518. #TszMind::-webkit-scrollbar-thumb:window-inactive {
  8519. background-color: #adadad;
  8520. }
  8521. #TszMind::-webkit-scrollbar-button {
  8522. /* display: none; */
  8523. }
  8524. /* 使用translate 和 绝对定位 实现水平和垂直居中 */
  8525. .vert-hori-center {
  8526. position: absolute;
  8527. top: 50%;
  8528. left: 50%;
  8529. transform: translate(-50%, -50%);
  8530. }