notifyme.css 44 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854
  1. .notify{position:absolute;padding:15px 20px 20px 15px;z-index: 5000}
  2. .notify[data-position="right"]{right:0;bottom:0;top:60px;width:1000px}
  3. .notify[data-position="left"]{left:0;bottom:40px;top:40px;width:800px}
  4. /*.notify[data-position="right"]{right:0;bottom:0;top:0;max-width:300px}*/
  5. .notify[data-notify='default']{background:#ffffff}
  6. .notify-close{cursor:pointer;position:absolute;right:0;top:0;color:#777;padding:10px 20px;font-size:26px;text-decoration:none}
  7. .notify h3{margin:5px 0 10px 0;text-transform:uppercase;font-weight:300; display:inline-block}
  8. .notify .headBottonDiv{
  9. font-size:13px;
  10. font-weight:500;
  11. margin-right: 50px;
  12. float: right;
  13. }
  14. .notify .headBottonDiv .headMoveBottonDiv{
  15. width: 50px;
  16. height: 30px;
  17. text-align: center;
  18. background-image: none;
  19. color: #fff;
  20. line-height: 30px;
  21. background-position-x: 0%;
  22. background-position-y: 0%;
  23. background-repeat: repeat;
  24. background-attachment: scroll;
  25. float: left;
  26. cursor: pointer;
  27. border-top-left-radius: 3px;
  28. border-top-right-radius: 3px;
  29. border-bottom-right-radius: 3px;
  30. border-bottom-left-radius: 3px;
  31. background-clip: border-box;
  32. background-origin: padding-box;
  33. background-size: auto;
  34. background-color: rgb(63, 132, 233);
  35. }
  36. .notify .headBottonDiv .headEditBottonDiv{
  37. width: 50px;
  38. height: 30px;
  39. margin-left:20px;
  40. text-align: center;
  41. background-image: none;
  42. color: #fff;
  43. line-height: 30px;
  44. background-position-x: 0%;
  45. background-position-y: 0%;
  46. background-repeat: repeat;
  47. background-attachment: scroll;
  48. float: left;
  49. cursor: pointer;
  50. border-top-left-radius: 3px;
  51. border-top-right-radius: 3px;
  52. border-bottom-right-radius: 3px;
  53. border-bottom-left-radius: 3px;
  54. background-clip: border-box;
  55. background-origin: padding-box;
  56. background-size: auto;
  57. background-color: rgb(63, 132, 233);
  58. }
  59. .notify .headBottonDiv .headMoreBottonDiv{
  60. width: 60px;
  61. height: 28px;
  62. text-align: center;
  63. background-image: none;
  64. color: #8d8986;
  65. background-position-x: 0%;
  66. background-position-y: 0%;
  67. margin-top: 0px;
  68. margin-right: 10px;
  69. margin-bottom: 0px;
  70. margin-left: 10px;
  71. background-repeat: repeat;
  72. background-attachment: scroll;
  73. border-top-color: #dcdcde;
  74. border-right-color: #dcdcde;
  75. border-bottom-color: #dcdcde;
  76. border-left-color: #dcdcde;
  77. border-top-width: 1px;
  78. border-right-width: 1px;
  79. border-bottom-width: 1px;
  80. border-left-width: 1px;
  81. border-top-style: solid;
  82. border-right-style: solid;
  83. border-bottom-style: solid;
  84. border-left-style: solid;
  85. float: left;
  86. cursor: pointer;
  87. border-top-left-radius: 3px;
  88. border-top-right-radius: 3px;
  89. border-bottom-right-radius: 3px;
  90. border-bottom-left-radius: 3px;
  91. background-clip: border-box;
  92. background-origin: padding-box;
  93. background-size: auto;
  94. border-image-source: none;
  95. border-image-slice: 100%;
  96. border-image-width: 1;
  97. border-image-outset: 0;
  98. border-image-repeat: stretch;
  99. background-color: rgb(255, 255, 255);
  100. }
  101. .notify .el-dropdown-menu {
  102. background-color: rgb(255, 255, 255);
  103. border-bottom-color: rgb(235, 238, 245);
  104. border-bottom-left-radius: 2px;
  105. border-bottom-right-radius: 2px;
  106. border-bottom-style: solid;
  107. border-bottom-width: 0.8px;
  108. border-image-outset: 0;
  109. border-image-repeat: stretch;
  110. border-image-slice: 100%;
  111. border-image-source: none;
  112. border-image-width: 1;
  113. border-left-color: rgb(235, 238, 245);
  114. border-left-style: solid;
  115. border-left-width: 0.8px;
  116. border-right-color: rgb(235, 238, 245);
  117. border-right-style: solid;
  118. border-right-width: 0.8px;
  119. border-top-color: rgb(235, 238, 245);
  120. border-top-left-radius: 2px;
  121. border-top-right-radius: 2px;
  122. border-top-style: solid;
  123. border-top-width: 0.8px;
  124. box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;
  125. box-sizing: border-box;
  126. color: rgb(51, 51, 51);
  127. font-family: MicrosoftYaHei, Avenir, Helvetica, Arial, sans-serif;
  128. font-size: 14px;
  129. right: 80px;
  130. line-height: 16.1px;
  131. margin-bottom: 5px;
  132. margin-left: 0px;
  133. margin-right: 0px;
  134. margin-top: 12px;
  135. padding-bottom: 10px;
  136. padding-left: 0px;
  137. padding-right: 0px;
  138. padding-top: 10px;
  139. position: absolute;
  140. text-rendering: optimizelegibility;
  141. top: 48px;
  142. transform-origin: 53.3px 0px;
  143. z-index: 10001;
  144. display:none;
  145. }
  146. .el-dropdown-menu .el-dropdown-menu__item {
  147. box-sizing: border-box;
  148. color: rgb(51, 51, 51);
  149. cursor: pointer;
  150. font-family: MicrosoftYaHei, Avenir, Helvetica, Arial, sans-serif;
  151. font-size: 13px;
  152. line-height: 36px;
  153. list-style-image: none;
  154. list-style-position: outside;
  155. list-style-type: none;
  156. margin-bottom: 0px;
  157. margin-left: 0px;
  158. margin-right: 0px;
  159. margin-top: 0px;
  160. outline-color: rgb(51, 51, 51);
  161. outline-style: none;
  162. outline-width: 0px;
  163. padding-bottom: 0px;
  164. padding-left: 20px;
  165. padding-right: 20px;
  166. padding-top: 0px;
  167. text-rendering: optimizelegibility;
  168. }
  169. .el-dropdown-menu .el-dropdown-menu__item:hover{background-color: #ECF3FD;}
  170. .el-dropdown-menu .popper__arrow{
  171. border-bottom-color: rgb(235, 238, 245);
  172. border-bottom-style: solid;
  173. border-bottom-width: 5.6px;
  174. border-left-color: rgba(0, 0, 0, 0);
  175. border-left-style: solid;
  176. border-left-width: 5.6px;
  177. border-right-color: rgba(0, 0, 0, 0);
  178. border-right-style: solid;
  179. border-right-width: 5.6px;
  180. border-top-color: rgba(0, 0, 0, 0);
  181. border-top-style: solid;
  182. border-top-width: 0px;
  183. box-sizing: border-box;
  184. color: rgb(51, 51, 51);
  185. display: block;
  186. /*filter: drop-shadow(rgba(0, 0, 0, 0.03) 0px 2px 12px);*/
  187. font-family: MicrosoftYaHei, Avenir, Helvetica, Arial, sans-serif;
  188. font-size: 14px;
  189. height: 5.6px;
  190. right: 20px;
  191. line-height: 16.1px;
  192. margin-bottom: 0px;
  193. margin-left: 0px;
  194. margin-right: 3px;
  195. margin-top: 0px;
  196. padding-bottom: 0px;
  197. padding-left: 0px;
  198. padding-right: 0px;
  199. padding-top: 0px;
  200. position: absolute;
  201. text-rendering: optimizelegibility;
  202. top: -6px;
  203. width: 11.2px;
  204. }
  205. .el-dropdown-menu .popper__arrow::after{
  206. border-bottom-color: rgb(255, 255, 255);
  207. border-bottom-style: solid;
  208. border-bottom-width: 5.6px;
  209. border-left-color: rgba(0, 0, 0, 0);
  210. border-left-style: solid;
  211. border-left-width: 5.6px;
  212. border-right-color: rgba(0, 0, 0, 0);
  213. border-right-style: solid;
  214. border-right-width: 5.6px;
  215. border-top-color: rgba(0, 0, 0, 0);
  216. border-top-style: solid;
  217. border-top-width: 0px;
  218. color: rgb(51, 51, 51);
  219. content: " ";
  220. display: block;
  221. font-family: MicrosoftYaHei, Avenir, Helvetica, Arial, sans-serif;
  222. font-size: 14px;
  223. height: 0px;
  224. line-height: 16.1px;
  225. margin-left: -6px;
  226. position: absolute;
  227. text-rendering: optimizelegibility;
  228. top: 1px;
  229. width: 0px;
  230. }
  231. .notify{
  232. border-block-end-color: rgb(235, 238, 245);
  233. border-block-end-style: solid;
  234. border-block-end-width: 0.8px;
  235. border-block-start-color: rgb(235, 238, 245);
  236. border-block-start-style: solid;
  237. border-block-start-width: 0.8px;
  238. border-bottom-color: rgb(235, 238, 245);
  239. border-bottom-left-radius: 4px;
  240. border-bottom-right-radius: 4px;
  241. border-bottom-style: solid;
  242. border-bottom-width: 0.8px;
  243. border-collapse: separate;
  244. border-end-end-radius: 4px;
  245. border-end-start-radius: 4px;
  246. border-image-outset: 0;
  247. border-image-repeat: stretch;
  248. border-image-slice: 100%;
  249. border-image-source: none;
  250. border-image-width: 1;
  251. border-inline-end-color: rgb(235, 238, 245);
  252. border-inline-end-style: solid;
  253. border-inline-end-width: 0.8px;
  254. border-inline-start-color: rgb(235, 238, 245);
  255. border-inline-start-style: solid;
  256. border-inline-start-width: 0.8px;
  257. border-left-color: rgb(235, 238, 245);
  258. border-left-style: solid;
  259. border-left-width: 0.8px;
  260. border-right-color: rgb(235, 238, 245);
  261. border-right-style: solid;
  262. border-right-width: 0.8px;
  263. border-spacing: 0px 0px;
  264. border-start-end-radius: 4px;
  265. border-start-start-radius: 4px;
  266. border-top-color: rgb(235, 238, 245);
  267. border-top-left-radius: 4px;
  268. border-top-right-radius: 4px;
  269. border-top-style: solid;
  270. border-top-width: 0.8px;
  271. }
  272. .div-inline{ display:inline-block}
  273. .briefdiv{padding:10px 0px 20px 0px;}
  274. .div-inline{padding:0px 80px 0px 0px;}
  275. .div-title{
  276. font-size:12px;
  277. color:#777;
  278. }
  279. .div-value{
  280. font-size:13px;
  281. color:#333;
  282. margin-top:10px;
  283. min-height:14px;
  284. }
  285. .tabPanel{
  286. background-color:#F5F6F9;
  287. margin-left:-15px;
  288. margin-right:-20px;
  289. padding-left:15px;
  290. }
  291. .tabPanel div{
  292. /*height:40px !important;*/
  293. line-height:40px !important;
  294. display:inline-block;
  295. background-color:#F5F6F9;
  296. font-size:13px !important;
  297. cursor:pointer;
  298. /*padding:0px 30px 0px 0px;*/
  299. }
  300. .tabPanel .hit{
  301. color:#3e84e9;
  302. border-bottom-color: #3e84e9;
  303. border-bottom-style: solid;
  304. border-bottom-width: 0.8px;
  305. }
  306. .panes {
  307. min-height:700px;
  308. position: relative;
  309. overflow-y: auto;
  310. /*-ms-overflow-x:hidden;*/
  311. overflow-x:hidden;
  312. -webkit-box-flex: 1;
  313. -ms-flex: 1;
  314. flex: 1;
  315. }
  316. .pane{
  317. min-height:100px;
  318. background-color:#fff;
  319. display:none;
  320. padding:15px 50px 20px 20px;
  321. }
  322. .pane p{padding:15px 15px 0 10px;}
  323. .mix-container{
  324. position: relative;
  325. border: 1px solid #e6e6e6;
  326. border-radius: 3px;
  327. }
  328. .mix-container .i-cont{
  329. padding: 8px 10px;
  330. }
  331. .el-textarea {
  332. position: relative;
  333. display: inline-block;
  334. width: 100%;
  335. vertical-align: bottom;
  336. font-size: 13px;
  337. }
  338. .i-cont .el-textarea__inner {
  339. border: none;
  340. padding: 0;
  341. }
  342. .el-textarea__inner {
  343. font-size:13px;
  344. display: block;
  345. resize: vertical;
  346. padding: 5px 5px;
  347. /*line-height: 1.5;*/
  348. -webkit-box-sizing: border-box;
  349. box-sizing: border-box;
  350. width: 284.2px;
  351. color: #333;
  352. background-color: #fff;
  353. background-image: none;
  354. border: 1px solid #ddd;
  355. border-radius: 3px;
  356. -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
  357. transition: border-color .2s cubic-bezier(.645,.045,.355,1);
  358. }
  359. textarea {
  360. overflow: auto;
  361. font-family:sans-serif;
  362. }
  363. /*.el-textarea__inner::input-placeholder {
  364. color: #c0c4cc;
  365. }
  366. [placeholder]{
  367. color: #c0c4cc;
  368. }*/
  369. .section-header div{
  370. display:inline-block;
  371. }
  372. .section-conent{
  373. display: flex;
  374. flex-wrap:wrap;
  375. padding:10px 8px 0px;
  376. /*height: 700px;*/
  377. overflow-x: hidden;
  378. overflow-y: auto;
  379. }
  380. .section-mark{
  381. border-left-width:2px;
  382. border-left-style:solid;
  383. border-left-color:rgb(70, 205, 207);
  384. height:10px;
  385. }
  386. .conent-inline{
  387. flex:0 0 50%;
  388. padding:10px 0px 10px 0px;
  389. }
  390. .conent-inline div{
  391. display:inline-block;
  392. }
  393. .conent-inline .conent-title{
  394. font-size:13px;
  395. color:#777;
  396. width:100px;
  397. margin-right:10px;
  398. }
  399. .conent-inline .conent-value{
  400. font-size:13px;
  401. color:#333;
  402. }
  403. #notifyEdit{
  404. z-index:15000;
  405. }
  406. .mask {
  407. position: absolute;
  408. top: 0;
  409. right: 0;
  410. bottom: 0;
  411. left: 0;
  412. overflow: hidden;
  413. outline: 0;
  414. -webkit-overflow-scrolling: touch;
  415. background-color: rgb(0, 0, 0);
  416. filter: alpha(opacity=60);
  417. background-color: rgba(0, 0, 0, 0.6);
  418. z-index: 13000;
  419. }
  420. #notifyEdit .notify-content{
  421. padding:10px 8px 0px 8px;
  422. }
  423. #notifyEdit .conent-inline div{
  424. display:block;
  425. }
  426. #notifyEdit .conent-inline .conent-title{
  427. font-size:13px;
  428. color:#333;
  429. width:100px;
  430. margin-right:10px;
  431. }
  432. #notifyEdit .conent-inline .conent-value{
  433. box-sizing: border-box;
  434. color: rgb(48, 49, 51);
  435. font-family: MicrosoftYaHei, Avenir, Helvetica, Arial, sans-serif;
  436. font-size: 14px;
  437. line-height: 40px;
  438. margin-bottom: 0px;
  439. margin-left: 0px;
  440. margin-right: 0px;
  441. margin-top: 0px;
  442. padding-bottom: 0px;
  443. padding-left: 0px;
  444. padding-right: 0px;
  445. padding-top: 0px;
  446. position: relative;
  447. text-align: left;
  448. text-rendering: optimizelegibility;
  449. }
  450. .inline-input{
  451. background-color: rgb(255, 255, 255);
  452. background-image: none;
  453. border-bottom-color: rgb(221, 221, 221);
  454. border-bottom-left-radius: 3px;
  455. border-bottom-right-radius: 3px;
  456. border-bottom-style: solid;
  457. border-bottom-width: 0.8px;
  458. border-image-outset: 0;
  459. border-image-repeat: stretch;
  460. border-image-slice: 100%;
  461. border-image-source: none;
  462. border-image-width: 1;
  463. border-left-color: rgb(221, 221, 221);
  464. border-left-style: solid;
  465. border-left-width: 0.8px;
  466. border-right-color: rgb(221, 221, 221);
  467. border-right-style: solid;
  468. border-right-width: 0.8px;
  469. border-top-color: rgb(221, 221, 221);
  470. border-top-left-radius: 3px;
  471. border-top-right-radius: 3px;
  472. border-top-style: solid;
  473. border-top-width: 0.8px;
  474. box-sizing: border-box;
  475. color: rgb(51, 51, 51);
  476. display: inline-block;
  477. font-family: sans-serif;
  478. font-size: 13px;
  479. height: 34px;
  480. line-height: 34px;
  481. margin-bottom: 0px;
  482. margin-left: 0px;
  483. margin-right: 0px;
  484. margin-top: 0px;
  485. outline-color: rgb(51, 51, 51);
  486. outline-style: none;
  487. outline-width: 0px;
  488. overflow: visible;
  489. overflow-x: visible;
  490. overflow-y: visible;
  491. padding-bottom: 0px;
  492. padding-left: 8px;
  493. padding-right: 8px;
  494. padding-top: 0px;
  495. text-align: start;
  496. text-rendering: optimizelegibility;
  497. transition-delay: 0s;
  498. transition-duration: 0.2s;
  499. transition-property: border-color;
  500. transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  501. width: 284.2px;
  502. -moz-appearance: none;
  503. }
  504. .section_button{
  505. box-sizing: border-box;
  506. color: rgb(48, 49, 51);
  507. font-family: MicrosoftYaHei, Avenir, Helvetica, Arial, sans-serif;
  508. font-size: 14px;
  509. line-height: 16.1px;
  510. margin-bottom: 0px;
  511. margin-left: 0px;
  512. margin-right: 0px;
  513. margin-top: 0px;
  514. padding-bottom: 0px;
  515. padding-left: 0px;
  516. padding-right: 0px;
  517. padding-top: 0px;
  518. position: absolute;
  519. bottom:18px;
  520. text-align: left;
  521. text-rendering: optimizelegibility;
  522. }
  523. .section_button div{
  524. position:relative;
  525. left:630px;
  526. }
  527. .section_button .el-button {
  528. display: inline-block;
  529. line-height: 1;
  530. white-space: nowrap;
  531. cursor: pointer;
  532. background: #fff;
  533. border: 1px solid #ddd;
  534. color: #333;
  535. -webkit-appearance: none;
  536. text-align: center;
  537. -webkit-box-sizing: border-box;
  538. box-sizing: border-box;
  539. outline: none;
  540. margin: 0;
  541. -webkit-transition: .1s;
  542. transition: .1s;
  543. font-weight: 500;
  544. -moz-user-select: none;
  545. -webkit-user-select: none;
  546. -ms-user-select: none;
  547. padding: 8px 12px;
  548. font-size: 13px;
  549. border-radius: 2px;
  550. }
  551. .section_button .handle-button{
  552. float: right;
  553. margin-top: 5px;
  554. margin-right: 20px;
  555. }
  556. .section_button .el-button-primary {
  557. color: #fff;
  558. background-color: #3e84e9;
  559. border-color: #3e84e9;
  560. }
  561. .section_button .el-button-primary span{
  562. color:#fff;
  563. }
  564. #dvMsgBox{
  565. display:none;
  566. z-index:10999;
  567. position:absolute;
  568. /*width:420px;*/
  569. overflow:hidden;
  570. border-radius:4px;
  571. background-color: #fff;
  572. font-size:13px;
  573. font-family: MicrosoftYaHei, Avenir, Helvetica, Arial, sans-serif;
  574. min-width:300px;
  575. }
  576. #dvMsgBox .top{height:40px;padding-left:16px; float:left; width:100%;}
  577. #dvMsgBox .top .right{height:100%;padding-right:6px;}
  578. #dvMsgBox .top .right .title{height:100%;line-height:40px;color:#303133;vertical-align:middle;font-size:18px;overflow:hidden;}
  579. #dvMsgBox .body{padding-left:10px;}
  580. #dvMsgBox .body .right{padding-right:2px;}
  581. #dvMsgBox .body .right .ct{ line-height: 60px;
  582. vertical-align: middle;
  583. width: 100%;
  584. text-align: center;
  585. }
  586. #dvMsgBox .body .right .ct .pro{width:280px;border:solid 1px #6593cf;height:25px;background:#ffffff;line-height:23px;overflow:hidden;}
  587. #dvMsgBox .body .right .ct .pro .bg{width:0%;height:100%;background:#c9dffc;}
  588. #dvMsgBox .bottom{padding-left:6px;}
  589. #dvMsgBox .bottom .right{height:100%;/*background:transparent url(right-corners.png) no-repeat right bottom;*/padding-right:6px;}
  590. input.btn{width:56px; border-radius: 3px; cursor:pointer; color:#303133; border:none; height:25px; text-align:center; background-color: #F5F6F9;text-align:center; margin:0px auto;}
  591. input.btnfocus{ background-color:rgb(62, 132, 233); border-radius: 3px;width:56px;margin:0px auto; border:none; height:25px; cursor:pointer; color:#fff;}
  592. #dvMsgBox .icon{width:32px;height:32px;float:left;margin-right:10px;}
  593. #dvMsgBox .error{background:url(icon-error.gif) no-repeat;}
  594. #dvMsgBox .info{background:url(icon-info.gif) no-repeat;}
  595. #dvMsgBox .warning{background:url(icon-warning.gif) no-repeat;}
  596. #dvMsgBox .clear{clear:both;}
  597. #dvMsgBox .height{height:10px;line-height:10px;}
  598. #ShowBolightBox{display:none;-moz-opacity:0.5;filter:alpha(opacity=50);opacity:0.5;background-color:#000000;z-index:10100;position:absolute;left:0px;top:0px;}
  599. #dvMsgBtns{ text-align:center; width:100%;}
  600. .bar-cont {
  601. background-color: #f9f9f9;
  602. padding: 8px 0px;
  603. }
  604. .vux-flex-col, .vux-flex-row {
  605. -webkit-box-direction: normal;
  606. }
  607. .vux-flex-row {
  608. box-direction: row;
  609. box-orient: horizontal;
  610. -webkit-box-orient: horizontal;
  611. -ms-flex-direction: row;
  612. flex-direction: row;
  613. }
  614. .vux-flexbox {
  615. width: 100%;
  616. text-align: left;
  617. display: -webkit-box;
  618. display: -ms-flexbox;
  619. display: flex;
  620. display: -webkit-flex;
  621. box-align: center;
  622. -webkit-box-align: center;
  623. -ms-flex-align: center;
  624. align-items: center;
  625. }
  626. .bar-cont .bar-item {
  627. width: auto;
  628. padding-left: 20px;
  629. position: relative;
  630. cursor: pointer;
  631. }
  632. .bar-cont .bar-item .bar-input {
  633. position: absolute;
  634. top: 0;
  635. right: 0;
  636. height: 15px;
  637. width: 68px;
  638. opacity: 0;
  639. font-size: 0;
  640. cursor: pointer;
  641. }
  642. .bar-cont .bar-item .bar-img {
  643. display: block;
  644. width: 15px;
  645. height: 15px;
  646. margin-right: 8px;
  647. }
  648. .bar-cont .bar-item .bar-title {
  649. color: #777;
  650. font-size: 12px;
  651. }
  652. .fileList .fileItem {
  653. padding-left:10px;
  654. padding-top:5px;
  655. font-size: 13px !important;
  656. }
  657. .fileList .fileItem div{
  658. display: inline-block;
  659. }
  660. .fileList .fileItem .fname {
  661. width:40%;
  662. }
  663. .fileList .fileItem .fsize {
  664. width:30%;
  665. }
  666. .follow .follow-info {
  667. padding: 5px 10px;
  668. background-color: #f5f7fa;
  669. color: #999;
  670. height: 40px;
  671. line-height: 40px;
  672. border-radius: 28px;
  673. font-size: 12px;
  674. margin-right: 10px;
  675. }
  676. .fl-h-b {
  677. width:20%;
  678. }
  679. .fl-h .fl-h-img {
  680. display: block;
  681. width: 34px;
  682. height: 34px;
  683. border-radius: 17px;
  684. margin-right: 8px;
  685. }
  686. .div-photo {
  687. background-size: 100% 100%;
  688. background-repeat: no-repeat;
  689. display: inline-block;
  690. }
  691. .fl-h .fl-h-b .fl-h-name {
  692. font-size: 13px;
  693. color: #333;
  694. }
  695. .fl-h .fl-h-b .fl-h-time {
  696. font-size: 12px;
  697. color: #999;
  698. margin-top: 3px;
  699. }
  700. .log-cont {
  701. margin: 30px 0;
  702. border: 1px solid #e6e6e6;
  703. border-radius: 2px;
  704. font-size: 13px;
  705. }
  706. .log-items {
  707. min-height: 400px;
  708. position: relative;
  709. }
  710. .log-inner2 {
  711. position: relative;
  712. }
  713. .fl-c:first-child::before {
  714. display: none;
  715. }
  716. .fl-c::before {
  717. content: " ";
  718. position: absolute;
  719. top: 0;
  720. right: 0;
  721. height: 1px;
  722. border-top: 1px solid #e5e5e5;
  723. color: #e5e5e5;
  724. -webkit-transform-origin: 0 0;
  725. transform-origin: 0 0;
  726. -webkit-transform: scaleY(.5);
  727. transform: scaleY(.5);
  728. left: 15px;
  729. z-index: 2;
  730. }
  731. .fl-c {
  732. background-color: #fff;
  733. padding: 10px 20px;
  734. position: relative;
  735. }
  736. .fl-b {
  737. margin: 20px 0 0 40px;
  738. }
  739. .fl-b .fl-b-content {
  740. font-size: 13px;
  741. color: #333;
  742. margin-bottom: 10px;
  743. white-space: pre-wrap;
  744. word-wrap: break-word;
  745. letter-spacing: .5px;
  746. line-height: 18px;
  747. }
  748. .full-container {
  749. position: fixed;
  750. top: 0;
  751. right: 0;
  752. bottom: 0;
  753. left: 0;
  754. overflow: auto;
  755. margin: 0;
  756. background-color: rgba(0,0,0,.3);
  757. }
  758. .se-section {
  759. position: relative;
  760. margin: 5px 0;
  761. height: 40px;
  762. line-height: 40px;
  763. }
  764. .se-section .se-name {
  765. font-size: 12px;
  766. color: #333;
  767. margin-right: 5px;
  768. }
  769. .el-dropdown {
  770. display: inline-block;
  771. position: relative;
  772. color: #333;
  773. font-size: 13px;
  774. }
  775. .se-section .se-select {
  776. border: 1px solid #dcdfe6;
  777. font-size: 12px;
  778. color: #606266;
  779. padding: 0px 0px 0px 8px;
  780. border-radius: 2px;
  781. font-weight: 500;
  782. height: 25px;
  783. }
  784. .se-section .se-select .el-icon--right img{
  785. padding-top:15px;
  786. padding-left:5px;
  787. }
  788. .se-section .se-datepicker {
  789. font-size: 12px;
  790. width: 200px;
  791. margin-right: 20px;
  792. }
  793. .se-section .se-send {
  794. position: absolute;
  795. right: 0;
  796. bottom:7px;
  797. padding: 5px 15px;
  798. }
  799. .se-section .el-button {
  800. display: inline-block;
  801. line-height: 1;
  802. white-space: nowrap;
  803. cursor: pointer;
  804. background: #fff;
  805. border: 1px solid #ddd;
  806. color: #333;
  807. -webkit-appearance: none;
  808. text-align: center;
  809. -webkit-box-sizing: border-box;
  810. box-sizing: border-box;
  811. outline: none;
  812. margin: 0;
  813. -webkit-transition: .1s;
  814. transition: .1s;
  815. font-weight: 500;
  816. -moz-user-select: none;
  817. -webkit-user-select: none;
  818. -ms-user-select: none;
  819. /*padding: 8px 12px;*/
  820. font-size: 13px;
  821. border-radius: 2px;
  822. }
  823. .se-section .el-button--primary {
  824. color: #fff;
  825. background-color: #3e84e9;
  826. border-color: #3e84e9;
  827. }
  828. .el-dropdown-type {
  829. background-color: rgb(255, 255, 255);
  830. border-bottom-color: rgb(235, 238, 245);
  831. border-bottom-left-radius: 2px;
  832. border-bottom-right-radius: 2px;
  833. border-bottom-style: solid;
  834. border-bottom-width: 0.8px;
  835. border-image-outset: 0;
  836. border-image-repeat: stretch;
  837. border-image-slice: 100%;
  838. border-image-source: none;
  839. border-image-width: 1;
  840. border-left-color: rgb(235, 238, 245);
  841. border-left-style: solid;
  842. border-left-width: 0.8px;
  843. border-right-color: rgb(235, 238, 245);
  844. border-right-style: solid;
  845. border-right-width: 0.8px;
  846. border-top-color: rgb(235, 238, 245);
  847. border-top-left-radius: 2px;
  848. border-top-right-radius: 2px;
  849. border-top-style: solid;
  850. border-top-width: 0.8px;
  851. box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;
  852. box-sizing: border-box;
  853. color: rgb(51, 51, 51);
  854. font-family: MicrosoftYaHei, Avenir, Helvetica, Arial, sans-serif;
  855. font-size: 14px;
  856. /*left: 1351px;*/
  857. line-height: 16.1px;
  858. margin-bottom: 5px;
  859. margin-left: 50px;
  860. margin-right: 0px;
  861. margin-top: 12px;
  862. padding-bottom: 10px;
  863. padding-left: 0px;
  864. padding-right: 0px;
  865. padding-top: 10px;
  866. position: fixed;
  867. text-rendering: optimizelegibility;
  868. top: 385px;
  869. transform-origin: 53.3px 0px;
  870. z-index: 10001;
  871. /*display:none;*/
  872. }
  873. .el-dropdown-type .el-dropdown-menu__item {
  874. box-sizing: border-box;
  875. color: rgb(51, 51, 51);
  876. cursor: pointer;
  877. font-family: MicrosoftYaHei, Avenir, Helvetica, Arial, sans-serif;
  878. font-size: 13px;
  879. line-height: 36px;
  880. list-style-image: none;
  881. list-style-position: outside;
  882. list-style-type: none;
  883. margin-bottom: 0px;
  884. margin-left: 0px;
  885. margin-right: 0px;
  886. margin-top: 0px;
  887. outline-color: rgb(51, 51, 51);
  888. outline-style: none;
  889. outline-width: 0px;
  890. padding-bottom: 0px;
  891. padding-left: 20px;
  892. padding-right: 20px;
  893. padding-top: 0px;
  894. text-rendering: optimizelegibility;
  895. }
  896. .el-dropdown-type .el-dropdown-menu__item:hover{background-color: #ECF3FD;}
  897. .el-dropdown-type .popper__arrow{
  898. border-bottom-color: rgb(235, 238, 245);
  899. border-bottom-style: solid;
  900. border-bottom-width: 5.6px;
  901. border-left-color: rgba(0, 0, 0, 0);
  902. border-left-style: solid;
  903. border-left-width: 5.6px;
  904. border-right-color: rgba(0, 0, 0, 0);
  905. border-right-style: solid;
  906. border-right-width: 5.6px;
  907. border-top-color: rgba(0, 0, 0, 0);
  908. border-top-style: solid;
  909. border-top-width: 0px;
  910. box-sizing: border-box;
  911. color: rgb(51, 51, 51);
  912. display: block;
  913. /*filter: drop-shadow(rgba(0, 0, 0, 0.03) 0px 2px 12px);*/
  914. font-family: MicrosoftYaHei, Avenir, Helvetica, Arial, sans-serif;
  915. font-size: 14px;
  916. height: 5.6px;
  917. left: 27.7px;
  918. line-height: 16.1px;
  919. margin-bottom: 0px;
  920. margin-left: 0px;
  921. margin-right: 3px;
  922. margin-top: 0px;
  923. padding-bottom: 0px;
  924. padding-left: 0px;
  925. padding-right: 0px;
  926. padding-top: 0px;
  927. position: absolute;
  928. text-rendering: optimizelegibility;
  929. top: -6px;
  930. width: 11.2px;
  931. }
  932. .el-dropdown-type .popper__arrow::after{
  933. border-bottom-color: rgb(255, 255, 255);
  934. border-bottom-style: solid;
  935. border-bottom-width: 5.6px;
  936. border-left-color: rgba(0, 0, 0, 0);
  937. border-left-style: solid;
  938. border-left-width: 5.6px;
  939. border-right-color: rgba(0, 0, 0, 0);
  940. border-right-style: solid;
  941. border-right-width: 5.6px;
  942. border-top-color: rgba(0, 0, 0, 0);
  943. border-top-style: solid;
  944. border-top-width: 0px;
  945. color: rgb(51, 51, 51);
  946. content: " ";
  947. display: block;
  948. font-family: MicrosoftYaHei, Avenir, Helvetica, Arial, sans-serif;
  949. font-size: 14px;
  950. height: 0px;
  951. line-height: 16.1px;
  952. margin-left: -6px;
  953. position: absolute;
  954. text-rendering: optimizelegibility;
  955. top: 1px;
  956. width: 0px;
  957. }
  958. .el-dropdown-selfdefine {
  959. cursor: pointer;
  960. }
  961. .el-date-editor .hasDatepicker {
  962. border: 1px solid #dcdfe6;
  963. font-size: 12px;
  964. color: #606266;
  965. padding: 0px 0px 0px 8px;
  966. border-radius: 2px;
  967. font-weight: 500;
  968. height: 25px;
  969. }
  970. .rc-cont {
  971. position: relative;
  972. /*padding: 0 20px 20px;*/
  973. }
  974. .rc-cont .rc-head {
  975. margin-bottom: 15px;
  976. position: relative;
  977. }
  978. .rc-head-item {
  979. width: 60px;
  980. text-align: center;
  981. font-size:13px;
  982. background-image: none;
  983. color: #fff;
  984. line-height: 30px;
  985. background-position-x: 0%;
  986. background-position-y: 0%;
  987. background-repeat: repeat;
  988. background-attachment: scroll;
  989. float: left;
  990. cursor: pointer;
  991. margin-left: 20px;
  992. border-top-left-radius: 3px;
  993. border-top-right-radius: 3px;
  994. border-bottom-right-radius: 3px;
  995. border-bottom-left-radius: 3px;
  996. background-clip: border-box;
  997. background-origin: padding-box;
  998. background-size: auto;
  999. background-color: rgb(63, 132, 233);
  1000. }
  1001. .rc-head-file {
  1002. position: absolute;
  1003. top: 0;
  1004. right: 0;
  1005. height: 30px;
  1006. width: 60px;
  1007. opacity: 0;
  1008. cursor: pointer;
  1009. }
  1010. .el-table__footer-wrapper, .el-table__header-wrapper {
  1011. overflow: hidden;
  1012. }
  1013. .el-table {
  1014. font-size: 14px;
  1015. color: #333;
  1016. }
  1017. .el-table__body, .el-table__footer, .el-table__header {
  1018. table-layout: fixed;
  1019. border-collapse: separate;
  1020. }
  1021. .el-table thead {
  1022. color: #909399;
  1023. font-weight: 500;
  1024. }
  1025. .el-table td, th, tr {
  1026. font-weight: 400;
  1027. }
  1028. .el-table thead th {
  1029. background-color: #f5f5f5;
  1030. font-weight: 400;
  1031. font-size: 12px;
  1032. }
  1033. .el-table td, .el-table th.is-leaf {
  1034. border-bottom: 1px solid #e6e6e6;
  1035. min-height:40px;
  1036. font-size:12px;
  1037. padding-left:5px;
  1038. }
  1039. .el-table__body-wrapper {
  1040. overflow: hidden;
  1041. position: relative;
  1042. }
  1043. .el-table__body-wrapper, .el-table__footer-wrapper, .el-table__header-wrapper {
  1044. width: 100%;
  1045. }
  1046. .el-table__body, .el-table__footer, .el-table__header {
  1047. table-layout: fixed;
  1048. border-collapse: separate;
  1049. }
  1050. .el-table__empty-block {
  1051. min-height: 60px;
  1052. text-align: center;
  1053. width: 100%;
  1054. height: 100%;
  1055. display: -webkit-box;
  1056. display: -ms-flexbox;
  1057. display: flex;
  1058. -webkit-box-pack: center;
  1059. -ms-flex-pack: center;
  1060. justify-content: center;
  1061. -webkit-box-align: center;
  1062. -ms-flex-align: center;
  1063. align-items: center;
  1064. }
  1065. .el-table__empty-text {
  1066. line-height: 60px;
  1067. width: 50%;
  1068. color: #909399;
  1069. }
  1070. .el-table__header th {
  1071. text-align: left;
  1072. padding-left:5px;
  1073. }
  1074. .attOption {
  1075. cursor: pointer;
  1076. }
  1077. .load{
  1078. color: #999;
  1079. font-size: 13px;
  1080. margin: 0 auto 15px;
  1081. text-align: center;
  1082. }
  1083. .load .el-button, .load .el-button:focus {
  1084. color: #ccc;
  1085. cursor: auto;
  1086. }
  1087. .el-button--text {
  1088. border-color: transparent;
  1089. color: #3e84e9;
  1090. background: transparent;
  1091. padding-left: 0;
  1092. padding-right: 0;
  1093. }
  1094. .load .el-button {
  1095. display: inline-block;
  1096. line-height: 1;
  1097. white-space: nowrap;
  1098. cursor: pointer;
  1099. background: #fff;
  1100. /*border: 1px solid #ddd;*/
  1101. color: #ccc;
  1102. -webkit-appearance: none;
  1103. text-align: center;
  1104. -webkit-box-sizing: border-box;
  1105. box-sizing: border-box;
  1106. outline: none;
  1107. margin: 0;
  1108. -webkit-transition: .1s;
  1109. transition: .1s;
  1110. font-weight: 500;
  1111. -moz-user-select: none;
  1112. -webkit-user-select: none;
  1113. -ms-user-select: none;
  1114. padding: 8px 12px;
  1115. font-size: 13px;
  1116. border-radius: 2px;
  1117. }
  1118. .empty-mask {
  1119. /*position: absolute;*/
  1120. z-index: 2000;
  1121. background-color: hsla(0,0%,100%,.98);
  1122. margin: 0;
  1123. top: 0;
  1124. right: 0;
  1125. bottom: 0;
  1126. left: 0;
  1127. }
  1128. .empty-content {
  1129. top: 50%;
  1130. margin-top: -100px;
  1131. width: 100%;
  1132. text-align: center;
  1133. position: absolute;
  1134. }
  1135. .empty-icon {
  1136. display: block;
  1137. width: 150px;
  1138. margin: 0 auto 20px;
  1139. }
  1140. .empty-text {
  1141. margin: 3px 0;
  1142. color: #aaa;
  1143. font-size: 13px;
  1144. }
  1145. .el-loading-mask {
  1146. position: absolute;
  1147. z-index: 2000;
  1148. background-color: hsla(0,0%,100%,.9);
  1149. margin: 0;
  1150. top: 0;
  1151. right: 0;
  1152. bottom: 0;
  1153. left: 0;
  1154. -webkit-transition: opacity .3s;
  1155. transition: opacity .3s;
  1156. }
  1157. .ct .handle-item-content {
  1158. border: 1px solid #dcdfe6;
  1159. font-size: 15px;
  1160. color: #606266;
  1161. padding: 0px 0px 0px 8px;
  1162. border-radius: 2px;
  1163. font-weight: 500;
  1164. min-width:260px;
  1165. cursor:pointer;
  1166. }
  1167. .ct .el-dropdown-confirm {
  1168. background-color: rgb(255, 255, 255);
  1169. border-bottom-color: rgb(235, 238, 245);
  1170. border-bottom-left-radius: 2px;
  1171. border-bottom-right-radius: 2px;
  1172. border-bottom-style: solid;
  1173. border-bottom-width: 0.8px;
  1174. border-image-outset: 0;
  1175. border-image-repeat: stretch;
  1176. border-image-slice: 100%;
  1177. border-image-source: none;
  1178. border-image-width: 1;
  1179. border-left-color: rgb(235, 238, 245);
  1180. border-left-style: solid;
  1181. border-left-width: 0.8px;
  1182. border-right-color: rgb(235, 238, 245);
  1183. border-right-style: solid;
  1184. border-right-width: 0.8px;
  1185. border-top-color: rgb(235, 238, 245);
  1186. border-top-left-radius: 2px;
  1187. border-top-right-radius: 2px;
  1188. border-top-style: solid;
  1189. border-top-width: 0.8px;
  1190. box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;
  1191. box-sizing: border-box;
  1192. color: rgb(51, 51, 51);
  1193. font-family: MicrosoftYaHei, Avenir, Helvetica, Arial, sans-serif;
  1194. font-size: 14px;
  1195. left: 120px;
  1196. line-height: 16.1px;
  1197. margin-bottom: 5px;
  1198. margin-left: 0px;
  1199. margin-right: 0px;
  1200. margin-top: 12px;
  1201. padding-bottom: 10px;
  1202. padding-left: 0px;
  1203. padding-right: 0px;
  1204. padding-top: 10px;
  1205. position: absolute;
  1206. text-rendering: optimizelegibility;
  1207. top: 120px;
  1208. width:260px;
  1209. transform-origin: 53.3px 0px;
  1210. z-index: 10001;
  1211. display:none;
  1212. }
  1213. .el-dropdown-confirm .el-dropdown-menu__item {
  1214. box-sizing: border-box;
  1215. color: rgb(51, 51, 51);
  1216. cursor: pointer;
  1217. font-family: MicrosoftYaHei, Avenir, Helvetica, Arial, sans-serif;
  1218. font-size: 15px;
  1219. line-height: 36px;
  1220. list-style-image: none;
  1221. list-style-position: outside;
  1222. list-style-type: none;
  1223. margin-bottom: 0px;
  1224. margin-left: 0px;
  1225. margin-right: 0px;
  1226. margin-top: 0px;
  1227. outline-color: rgb(51, 51, 51);
  1228. outline-style: none;
  1229. outline-width: 0px;
  1230. padding-bottom: 0px;
  1231. padding-left: 20px;
  1232. padding-right: 20px;
  1233. padding-top: 0px;
  1234. text-rendering: optimizelegibility;
  1235. text-align:left;
  1236. }
  1237. .el-dropdown-confirm .popper__arrow {
  1238. border-bottom-color: rgb(235, 238, 245);
  1239. border-bottom-style: solid;
  1240. border-bottom-width: 5.6px;
  1241. border-left-color: rgba(0, 0, 0, 0);
  1242. border-left-style: solid;
  1243. border-left-width: 5.6px;
  1244. border-right-color: rgba(0, 0, 0, 0);
  1245. border-right-style: solid;
  1246. border-right-width: 5.6px;
  1247. border-top-color: rgba(0, 0, 0, 0);
  1248. border-top-style: solid;
  1249. border-top-width: 0px;
  1250. box-sizing: border-box;
  1251. color: rgb(51, 51, 51);
  1252. display: block;
  1253. font-family: MicrosoftYaHei, Avenir, Helvetica, Arial, sans-serif;
  1254. font-size: 14px;
  1255. height: 5.6px;
  1256. left:35.7px;
  1257. line-height: 16.1px;
  1258. margin-bottom: 0px;
  1259. margin-left: 0px;
  1260. margin-right: 3px;
  1261. margin-top: 0px;
  1262. padding-bottom: 0px;
  1263. padding-left: 0px;
  1264. padding-right: 0px;
  1265. padding-top: 0px;
  1266. position: absolute;
  1267. text-rendering: optimizelegibility;
  1268. top: -6px;
  1269. width: 11.2px;
  1270. }
  1271. .ct .el-radio-group {
  1272. padding-top: 10px;
  1273. }
  1274. .ct .el-radio {
  1275. margin-right:20px;
  1276. }
  1277. .ct .el-checkbox-group {
  1278. padding-top: 10px;
  1279. }
  1280. .ct .el-checkbox {
  1281. margin-right:20px;
  1282. }
  1283. .el-radio {
  1284. cursor: pointer;
  1285. }
  1286. .ha-cont {
  1287. font-size: 12px;
  1288. position: relative;
  1289. line-height: 20px;
  1290. min-height: 40px;
  1291. padding-top: 3px;
  1292. }
  1293. .vux-flex-col, .vux-flex-row {
  1294. -webkit-box-direction: normal;
  1295. }
  1296. .ha-cont .ha-week {
  1297. margin: 0 20px 0 0px;
  1298. -ms-flex-negative: 0;
  1299. flex-shrink: 0;
  1300. color: #777;
  1301. width: 110px;
  1302. }
  1303. .ha-cont .ha-circle {
  1304. -ms-flex-negative: 0;
  1305. flex-shrink: 0;
  1306. width: 12px;
  1307. height: 12px;
  1308. border-radius: 12px;
  1309. background-color: #fff;
  1310. border: 5px solid #a5ecd7;
  1311. z-index:1;
  1312. }
  1313. .ha-cont .ha-time {
  1314. padding: 0 10px 0 24px;
  1315. -ms-flex-negative: 0;
  1316. flex-shrink: 0;
  1317. color: #aaa;
  1318. }
  1319. .ha-cont .ha-img {
  1320. -ms-flex-negative: 0;
  1321. flex-shrink: 0;
  1322. margin: -3px 10px 0;
  1323. display: block;
  1324. width: 30px;
  1325. height: 30px;
  1326. border-radius: 15px;
  1327. }
  1328. .div-photo {
  1329. background-size: 100% 100%;
  1330. background-repeat: no-repeat;
  1331. display: inline-block;
  1332. }
  1333. .xs-photo-parent--relative {
  1334. position: relative !important;
  1335. }
  1336. .photo-wrap {
  1337. position: absolute;
  1338. z-index: 1;
  1339. margin: 0;
  1340. top: 0;
  1341. right: 0;
  1342. bottom: 0;
  1343. left: 0;
  1344. }
  1345. .photo-wrap .photo-content {
  1346. width: 100%;
  1347. height: 100%;
  1348. border-radius: 50%;
  1349. background-color: #2486e4;
  1350. color: #fff;
  1351. }
  1352. .ha-cont .ha-name {
  1353. padding: 0px 10px 0px 10px;
  1354. -ms-flex-negative: 0;
  1355. flex-shrink: 0;
  1356. color: #333;
  1357. }
  1358. .ha-cont .ha-content {
  1359. padding: 0px 10px 0px 10px;
  1360. -webkit-box-flex: 1;
  1361. -ms-flex: 1;
  1362. flex: 1;
  1363. color: #333;
  1364. }
  1365. .ha-cont .ha-line {
  1366. position: absolute;
  1367. /*z-index: -1;*/
  1368. width: 1px;
  1369. top: 3px;
  1370. bottom: -3px;
  1371. left: 140px;
  1372. background-color: #e6e6e6;
  1373. margin: 0;
  1374. padding: 0;
  1375. -webkit-box-sizing: border-box;
  1376. }
  1377. .cbx {
  1378. -webkit-user-select: none;
  1379. user-select: none;
  1380. cursor: pointer;
  1381. padding: 6px 8px;
  1382. border-radius: 6px;
  1383. overflow: hidden;
  1384. transition: all 0.2s ease;
  1385. }
  1386. .cbx:not(:last-child) {
  1387. margin-right: 6px;
  1388. }
  1389. .cbxx:hover {
  1390. /*background: rgba(125,100,247,0.06);*/
  1391. }
  1392. .cbx span {
  1393. float: left;
  1394. vertical-align: middle;
  1395. transform: translate3d(0, 0, 0);
  1396. }
  1397. .cbx span:first-child {
  1398. position: relative;
  1399. width: 14px;
  1400. height: 14px;
  1401. border-radius: 4px;
  1402. transform: scale(1);
  1403. border: 2px solid #c8ccd4;
  1404. transition: all 0.2s ease;
  1405. }
  1406. .cbx span:first-child svg {
  1407. position: absolute;
  1408. top: 2px;
  1409. left: 1px;
  1410. fill: none;
  1411. stroke: #fff;
  1412. stroke-width: 2;
  1413. stroke-linecap: round;
  1414. stroke-linejoin: round;
  1415. stroke-dasharray: 16px;
  1416. stroke-dashoffset: 16px;
  1417. transition: all 0.3s ease;
  1418. transition-delay: 0.1s;
  1419. transform: translate3d(0, 0, 0);
  1420. }
  1421. .cbx span:last-child {
  1422. padding-left: 8px;
  1423. line-height: 18px;
  1424. }
  1425. .cbxx:hover span:first-child {
  1426. /*border-color: #7d64f7;*/
  1427. border-color: rgb(62, 132, 233);
  1428. }
  1429. .inp-cbx:checked + .cbx span:first-child {
  1430. background: rgb(62, 132, 233);
  1431. border-color: rgb(62, 132, 233);
  1432. animation: wave 0.4s ease;
  1433. }
  1434. .inp-cbx:checked + .cbx span:first-child svg {
  1435. stroke-dashoffset: 0;
  1436. }
  1437. .inline-svg {
  1438. position: absolute;
  1439. width: 0;
  1440. height: 0;
  1441. pointer-events: none;
  1442. user-select: none;
  1443. }
  1444. .timeDiv {
  1445. text-align: center;
  1446. }
  1447. .timeDiv .timeItemDiv {
  1448. padding-bottom:8px;
  1449. }
  1450. .timeOk {
  1451. float: right;
  1452. padding:5px 10px;
  1453. border:1px solid #dcdfe6;
  1454. border-radius:2px;
  1455. font-size:16px;
  1456. width:35px;
  1457. margin-right:20px;
  1458. cursor:pointer;
  1459. }
  1460. .inputtime {
  1461. width: 90%;
  1462. height: 35px;
  1463. background-color: rgb(255, 255, 255);
  1464. background-image: none;
  1465. border-bottom-color: rgb(221, 221, 221);
  1466. border-bottom-left-radius: 3px;
  1467. border-bottom-right-radius: 3px;
  1468. border-bottom-style: solid;
  1469. border-bottom-width: 0.8px;
  1470. border-image-outset: 0;
  1471. border-image-repeat: stretch;
  1472. border-image-slice: 100%;
  1473. border-image-source: none;
  1474. border-image-width: 1;
  1475. border-left-color: rgb(221, 221, 221);
  1476. border-left-style: solid;
  1477. border-left-width: 0.8px;
  1478. border-right-color: rgb(221, 221, 221);
  1479. border-right-style: solid;
  1480. border-right-width: 0.8px;
  1481. border-top-color: rgb(221, 221, 221);
  1482. border-top-left-radius: 3px;
  1483. border-top-right-radius: 3px;
  1484. border-top-style: solid;
  1485. border-top-width: 0.8px;
  1486. box-sizing: border-box;
  1487. color: rgb(51, 51, 51);
  1488. font-family: sans-serif;
  1489. font-size: 14px;
  1490. margin-bottom: 0px;
  1491. margin-top: 0px;
  1492. outline-color: rgb(51, 51, 51);
  1493. outline-style: none;
  1494. outline-width: 0px;
  1495. padding-bottom: 0px;
  1496. padding-top: 0px;
  1497. text-align: center;
  1498. cursor:pointer;
  1499. }
  1500. .quickNew {
  1501. background-color: rgb(255, 255, 255);
  1502. border-bottom-color: rgb(235, 238, 245);
  1503. border-bottom-left-radius: 2px;
  1504. border-bottom-right-radius: 2px;
  1505. border-bottom-style: solid;
  1506. border-bottom-width: 0.8px;
  1507. border-image-outset: 0;
  1508. border-image-repeat: stretch;
  1509. border-image-slice: 100%;
  1510. border-image-source: none;
  1511. border-image-width: 1;
  1512. border-left-color: rgb(235, 238, 245);
  1513. border-left-style: solid;
  1514. border-left-width: 0.8px;
  1515. border-right-color: rgb(235, 238, 245);
  1516. border-right-style: solid;
  1517. border-right-width: 0.8px;
  1518. border-top-color: rgb(235, 238, 245);
  1519. border-top-left-radius: 2px;
  1520. border-top-right-radius: 2px;
  1521. border-top-style: solid;
  1522. border-top-width: 0.8px;
  1523. box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.1);
  1524. box-sizing: border-box;
  1525. color: rgb(51, 51, 51);
  1526. font-family: MicrosoftYaHei, Avenir, Helvetica, Arial, sans-serif;
  1527. font-size: 14px;
  1528. line-height: 16.1px;
  1529. margin-bottom: 5px;
  1530. margin-left: 50px;
  1531. margin-right: 0px;
  1532. margin-top: 12px;
  1533. padding-bottom: 10px;
  1534. padding-left: 0px;
  1535. padding-right: 0px;
  1536. padding-top: 10px;
  1537. position: fixed;
  1538. text-rendering: optimizelegibility;
  1539. top: 70px;
  1540. left: 150px;
  1541. transform-origin: 53.3px 0px;
  1542. z-index: 10001;
  1543. display:none;
  1544. }
  1545. .quickNew_conent {
  1546. padding:10px 15px 0px 15px;
  1547. }
  1548. .quickNew_item {
  1549. height: 34px;
  1550. line-height: 28px;
  1551. width: 100px;
  1552. margin-bottom: 14px;
  1553. border: 1px solid #eee;
  1554. background: #f7f8fa;
  1555. border-radius: 3px;
  1556. cursor:pointer;
  1557. }
  1558. .quickNew_item .sImg {
  1559. margin-top: 5px;
  1560. margin-left: 10px;
  1561. margin-right: 20px;
  1562. float: left;
  1563. }
  1564. .vux_flex_row {
  1565. flex-wrap: wrap;
  1566. display: flex;
  1567. }
  1568. .vux-flexbox-item {
  1569. flex: 0 0 47%;
  1570. padding: 8px 15px 8px 0px;
  1571. background: #fff;
  1572. /*border: 1px solid #eee;
  1573. border-radius: 3px;*/
  1574. }
  1575. .jianbao-icon-content {
  1576. padding: 8px 0px;
  1577. background-color: #f2f2f5;
  1578. border-radius: 3px;
  1579. }
  1580. .jianbao-icon-content .jianbao-icon {
  1581. display: block;
  1582. width: 23px;
  1583. margin-left: 5px;
  1584. margin-right: 10px;
  1585. }
  1586. .jianbao-icon-content .jianbao-title {
  1587. color: #333;
  1588. font-size: 15px;
  1589. margin-right: 10px;
  1590. }
  1591. .jianbao-icon-content .jianbao-value {
  1592. color: #333;
  1593. text-align: right;
  1594. margin-right: 10px;
  1595. font-size: 13px;
  1596. -webkit-box-flex: 1;
  1597. -ms-flex: 1;
  1598. flex: 1;
  1599. }
  1600. .openDiv {
  1601. position: fixed;
  1602. left: 0px;
  1603. top: 0;
  1604. bottom: 0;
  1605. right: 0;
  1606. background-color: #fff;
  1607. padding: 0px;
  1608. z-index: 1000;
  1609. display:none;
  1610. }
  1611. .headNode {
  1612. position: relative;
  1613. margin: 0;
  1614. padding: 0;
  1615. -webkit-box-sizing: border-box;
  1616. box-sizing: border-box;
  1617. }
  1618. .headNode .title {
  1619. padding: 0 20px;
  1620. font-size: 18px;
  1621. line-height: 60px;
  1622. }
  1623. .headNode .search-input {
  1624. width: 300px;
  1625. margin: -18px 0 0 -150px;
  1626. position: absolute;
  1627. left: 50%;
  1628. top: 50%;
  1629. line-height: normal;
  1630. display: inline-table;
  1631. border-collapse: separate;
  1632. border-spacing: 0;
  1633. }
  1634. .headNode .el-input__inner::placeholder {
  1635. color: #c0c4cc;
  1636. }
  1637. .headNode .el-input__inner {
  1638. vertical-align: middle;
  1639. display: table-cell;
  1640. padding: 0 8px;
  1641. -webkit-appearance: none;
  1642. background-color: #fff;
  1643. background-image: none;
  1644. border-radius: 3px;
  1645. border: 1px solid #ddd;
  1646. box-sizing: border-box;
  1647. font-size: inherit;
  1648. height: 34px;
  1649. line-height: 34px;
  1650. outline: none;
  1651. transition: border-color .2s cubic-bezier(.645,.045,.355,1);
  1652. width: 100%;
  1653. font-family: sans-serif;
  1654. border-top-right-radius: 0;
  1655. border-bottom-right-radius: 0;
  1656. margin: 0;
  1657. overflow:visible
  1658. }
  1659. .headNode .el-input-group__append {
  1660. background-color: #f5f7fa;
  1661. color: #909399;
  1662. vertical-align: middle;
  1663. display: table-cell;
  1664. position: relative;
  1665. border: 1px solid #ddd;
  1666. border-radius: 3px;
  1667. padding: 0 20px;
  1668. width: 1px;
  1669. white-space: nowrap;
  1670. border-top-left-radius: 0;
  1671. border-bottom-left-radius: 0;
  1672. border-left: 0;
  1673. cursor:pointer;
  1674. }
  1675. .headNode .close {
  1676. display: block;
  1677. float: right;
  1678. width: 40px;
  1679. height: 40px;
  1680. margin-left: 20px;
  1681. margin-top: 10px;
  1682. margin-right: 20px;
  1683. padding: 10px;
  1684. cursor: pointer;
  1685. border-style: none;
  1686. box-sizing: border-box;
  1687. }
  1688. .lsitBody {
  1689. top: 48px;
  1690. min-height: 786px;
  1691. border-bottom: 1px solid #e6e6e6;
  1692. }
  1693. .el-table__bd tr.current-row > td {
  1694. background-color:#fafdff;
  1695. }
  1696. .lsitBody td, .lsitBody th {
  1697. border-top: 1px solid #e6e6e6;
  1698. border-bottom: 1px solid #e6e6e6;
  1699. height: 60px;
  1700. }
  1701. .lsitBody td {
  1702. -webkit-box-sizing: border-box;
  1703. box-sizing: border-box;
  1704. overflow: hidden;
  1705. text-overflow: ellipsis;
  1706. white-space: normal;
  1707. word-break: break-all;
  1708. line-height: 23px;
  1709. padding-left: 10px;
  1710. padding-right: 10px;
  1711. font-weight:400;
  1712. font-size:18px;
  1713. color:#333;
  1714. }
  1715. .firstCol {
  1716. width:20%;
  1717. border-right: 1px solid #e6e6e6;
  1718. }
  1719. .el-table__bd tr:nth-child(odd) {
  1720. background-color: #f8f8f8;
  1721. }
  1722. .el-tooltip {
  1723. color:rgb(62, 132, 233);
  1724. }
  1725. .fl-b-files {
  1726. margin-top:10px;
  1727. padding: 0;
  1728. box-sizing: border-box;
  1729. }
  1730. .fl-b-files .cell {
  1731. padding: 8px;
  1732. background-color: #f5f7fa;
  1733. border-radius: 2px;
  1734. position: relative;
  1735. }
  1736. .fl-b-files .cell .cell-head {
  1737. display: block;
  1738. width: 15px;
  1739. height: 15px;
  1740. margin-right: 8px;
  1741. }
  1742. .fl-b-files .cell .cell-body{
  1743. -webkit-box-flex: 1;
  1744. flex: 1;
  1745. color: #333;
  1746. font-size: 13px;
  1747. }
  1748. .fl-b-files .cell .el-button--primary {
  1749. color: #fff;
  1750. background-color: #3e84e9;
  1751. border-color: #3e84e9;
  1752. padding:8px 12px;
  1753. font-size:14px;
  1754. border-radius:2px;
  1755. font-weight:500;
  1756. cursor: pointer;
  1757. }
  1758. .fl-b-files .cell .el-button--primary span{
  1759. margin-left:5px;
  1760. }
  1761. .relate-cell {
  1762. padding: 8px;
  1763. background-color: #f5f7fa;
  1764. border-radius: 2px;
  1765. position: relative;
  1766. margin:0px 0 0 40px;
  1767. width:95.8%;
  1768. font-size:14px;
  1769. }
  1770. .relate-cell .cell-head {
  1771. display: block;
  1772. width: 16px;
  1773. height: 16px;
  1774. margin-right: 8px;
  1775. }
  1776. .contentLeftItemDiv {
  1777. position: relative;
  1778. height: 50px;
  1779. line-height: 50px;
  1780. padding: 0 20px;
  1781. font-size: 13px;
  1782. cursor: pointer;
  1783. color: #333;
  1784. border-right: 2px solid transparent;
  1785. }
  1786. .contentLeftItemSelectd {
  1787. position: relative;
  1788. height: 50px;
  1789. line-height: 50px;
  1790. padding: 0 20px;
  1791. font-size: 13px;
  1792. cursor: pointer;
  1793. color: #409eff;
  1794. border-right: 2px solid #3e84e9;
  1795. background-color: #ecf5ff;
  1796. }
  1797. .headTableNode-left {
  1798. border-radius: 3px;
  1799. border: 1px solid #ddd;
  1800. display: inline-block;
  1801. width: 160px;
  1802. height: 30px;
  1803. line-height:30px;
  1804. font-size:13px;
  1805. margin: 15px 20px 5px 20px;
  1806. }
  1807. .headTableNode-left .el-dropdown {
  1808. margin-top: 3px;
  1809. width: 160px;
  1810. }
  1811. .headTableNode-left .se-select-name {
  1812. width: 125px;
  1813. }
  1814. .headTableNode-right {
  1815. border-radius: 3px;
  1816. border: 1px solid #ddd;
  1817. display: inline-block;
  1818. width: 120px;
  1819. height: 30px;
  1820. line-height:30px;
  1821. font-size:13px;
  1822. margin: 15px 20px 5px 0px;
  1823. }
  1824. .headTableNode-right .el-dropdown {
  1825. margin-top: 3px;
  1826. width: 120px;
  1827. }
  1828. .headTableNode-right .se-select-name {
  1829. width: 86px;
  1830. }