Desktop.css 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056
  1. /*整体样式*/
  2. html {}
  3. html,
  4. body {
  5. cursor: default;
  6. height: 100%;
  7. position: absolute;
  8. top: 0;
  9. left: 0;
  10. margin: 0;
  11. padding: 0;
  12. border: 0;
  13. width: 100%;
  14. font-size: 12px;
  15. font-family: lucida, "Hiragino Sans GB", "微软雅黑", "WenQuanYi Micro Hei", sans-serif;
  16. color: #333;
  17. background-color: #FFF;
  18. }
  19. textarea,
  20. div[contentEditable='true'],
  21. input,
  22. div[class='UF_FW_Message U_MD_D_YesText'] div[class='U_MD_F_H_Z'] {
  23. outline: none;
  24. -khtml-user-select: text;
  25. -moz-user-input: enabled;
  26. -moz-user-focus: -moz-all;
  27. -webkit-user-select: text;
  28. -moz-user-select: -moz-all;
  29. -ms-user-select: text;
  30. cursor: text;
  31. }
  32. input[type="button"] {
  33. border: 0;
  34. }
  35. span {
  36. text-decoration: none;
  37. text-overflow: ellipsis;
  38. overflow: hidden;
  39. }
  40. /* 自定义滚动条样式 */
  41. body div ::-webkit-scrollbar {
  42. width: 12px;
  43. /*height: 12px 隐藏下方的滚动条*/
  44. }
  45. body div ::-webkit-scrollbar-button:vertical {
  46. display: none;
  47. }
  48. body div ::-webkit-scrollbar:vertical {
  49. background-color: #fff;
  50. }
  51. body div ::-webkit-scrollbar-track-piece {
  52. background: #fff;
  53. }
  54. body div ::-webkit-scrollbar-thumb {
  55. background-color: #8E8E8E;
  56. border-radius: 5px;
  57. }
  58. body div ::-webkit-scrollbar-thumb:hover {
  59. background-color: #3B3B3B;
  60. }
  61. body div ::-webkit-scrollbar-corner:vertical {
  62. background-color: #535353;
  63. }
  64. body div ::-webkit-scrollbar-resizer:vertical {
  65. background-color: #FF6E00;
  66. }
  67. /*主样式*/
  68. .usestudio {
  69. margin: 0;
  70. padding: 0;
  71. border: 0;
  72. width: 100%;
  73. height: 100%;
  74. position: absolute;
  75. top: 0;
  76. left: 0;
  77. background-color: White;
  78. }
  79. .usestudio_server {
  80. margin: 0;
  81. padding: 0;
  82. border: 0;
  83. width: 0;
  84. height: 0;
  85. cursor: default;
  86. -webkit-text-size-adjust: none;
  87. overflow: hidden;
  88. }
  89. .ErrorTip {
  90. display: block;
  91. font-style: normal;
  92. height: 21px;
  93. line-height: 21px;
  94. margin-top: -23px;
  95. font-size: 12px;
  96. color: #222;
  97. cursor: text;
  98. width: 250px;
  99. }
  100. /*提示区域*/
  101. /* ie */
  102. .Scrollbar {
  103. overflow: auto;
  104. scrollbar-arrow-color: #757778;
  105. scrollbar-face-color: #fff;
  106. scrollbar-darkshadow-color: #fff;
  107. scrollbar-highlight-color: #bec1c4;
  108. scrollbar-shadow-color: #bec1c4;
  109. scrollbar-track-color: #fff;
  110. scrollbar-3dlight-color: #fff;
  111. }
  112. /*云端切图*/
  113. .U_Img {
  114. background-image: url(/img/YS2017.png);
  115. _background-image: url(/img/YSD2014.gif);
  116. }
  117. .U_TaskbarImg {
  118. background-image: url(/img/taskbar.png);
  119. _background-image: url(/img/YSD2014.gif);
  120. }
  121. .U_TaskbarImg1 {
  122. background-position: -294px -20px;
  123. width: 30px;
  124. height: 30px;
  125. }
  126. .U_TaskbarImg2 {
  127. background-position: -248px -20px;
  128. width: 30px;
  129. height: 30px;
  130. }
  131. .U_TaskbarImg3 {
  132. background-position: -114px -20px;
  133. width: 30px;
  134. height: 30px;
  135. }
  136. .U_TaskbarImg4 {
  137. background-position: -339px -20px;
  138. width: 30px;
  139. height: 30px;
  140. }
  141. .U_TaskbarImg5 {
  142. background-position: -204px -20px;
  143. width: 30px;
  144. height: 30px;
  145. }
  146. .U_TaskbarImg6 {
  147. background-position: -69px -20px;
  148. width: 30px;
  149. height: 30px;
  150. }
  151. .U_TaskbarImg7 {
  152. background-position: -159px -20px;
  153. width: 30px;
  154. height: 30px;
  155. }
  156. .U_TaskbarImg8 {
  157. background-position: -384px -20px;
  158. width: 30px;
  159. height: 30px;
  160. }
  161. .U_MD_D_NotText {
  162. -webkit-text-size-adjust: none;
  163. -webkit-user-select: none;
  164. -khtml-user-select: none;
  165. -moz-user-select: -moz-none;
  166. -ms-user-select: none;
  167. -webkit-user-drag: none;
  168. -webkit-tap-highlight-color: transparent;
  169. }
  170. .U_MD_D_YesText {
  171. -webkit-user-select: text;
  172. -moz-user-select: -moz-all;
  173. -moz-user-input: enabled;
  174. -moz-user-focus: -moz-all;
  175. }
  176. /*.UD_ICON { background:url(/img/windowOE.png); _background:url(/img/windowOE.jpg); }*/
  177. /*常用圆角*/
  178. .U_MD_D_Radius_5 {
  179. -moz-border-radius: 5px;
  180. -moz-border-radius: 5px;
  181. -webkit-border-radius: 5px;
  182. -webkit-border--radius: 5px;
  183. border-radius: 5px;
  184. border-radius: 5px;
  185. }
  186. .U_MD_D_Radius_18 {
  187. -moz-border-radius: 18px;
  188. -moz-border-radius: 18px;
  189. -webkit-border-radius: 18px;
  190. -webkit-border--radius: 18px;
  191. border-radius: 18px;
  192. border-radius: 18px;
  193. }
  194. .U_MD_D_Radius_5_0 {
  195. -moz-border-radius: 5px 5px 0 0;
  196. -moz-border-radius: 5px 5px 0 0;
  197. -webkit-border-radius: 5px 5px 0 0;
  198. -webkit-border--radius: 5px 5px 0 0;
  199. border-radius: 5px 5px 0 0;
  200. border-radius: 5px 5px 0 0;
  201. }
  202. #U_MD_D_BG {
  203. position: absolute;
  204. z-index: 0;
  205. left: 0;
  206. right: 0;
  207. top: 0;
  208. bottom: 0;
  209. overflow-y: hidden;
  210. overflow-x: hidden;
  211. background: url("/img/icon/bgImg4.png") 0px 0px / 100% auto repeat rgb(240, 240, 240);
  212. /* background: url("/img/icon/mingdeBg.png") 0px 0px / 100% auto repeat rgb(240, 240, 240); */
  213. filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="/img/icon/bgImg4.png", sizingMethod=scale);
  214. background-size: cover;
  215. }
  216. #U_MD_D_BG_GM {
  217. position: absolute;
  218. z-index: 0;
  219. left: 0;
  220. right: 0;
  221. top: 0;
  222. bottom: 0;
  223. overflow-y: hidden;
  224. overflow-x: hidden;
  225. background: url("/img/icon/gm/bg.png") 0px 0px / 100% auto repeat rgb(240, 240, 240);
  226. /* background: url("/img/icon/mingdeBg.png") 0px 0px / 100% auto repeat rgb(240, 240, 240); */
  227. filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="/img/icon/bgImg4.png", sizingMethod=scale);
  228. background-size: cover;
  229. }
  230. /*云端首页*/
  231. .U_MD_Home {
  232. color: #000;
  233. font-size: 12px;
  234. width: 0;
  235. height: 0;
  236. overflow: hidden;
  237. }
  238. /*width:100%; height:100%; position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; color:#000; overflow:hidden;*/
  239. .U_MD_Home img {}
  240. .UD_Dtop {
  241. display: none;
  242. }
  243. /*文字处理区域*/
  244. .U_MD_D_Text_Abbreviation {
  245. text-decoration: none;
  246. text-overflow: ellipsis;
  247. white-space: nowrap;
  248. overflow: hidden;
  249. }
  250. /*桌面样式*/
  251. .U_MD_D {
  252. overflow: hidden;
  253. color: #FFF;
  254. position: absolute;
  255. left: 0;
  256. bottom: 0;
  257. top: 0;
  258. right: 0;
  259. }
  260. .U_MD_D_B {
  261. position: absolute;
  262. bottom: 30px;
  263. right: 5%;
  264. }
  265. .U_MD_D_BD {
  266. padding: 5px 10px;
  267. background-color: #5a5a5a;
  268. border-radius: 5px;
  269. position: absolute;
  270. right: 5%;
  271. top: 4px;
  272. }
  273. .U_MD_D_BDA {
  274. overflow: hidden;
  275. height: 30px;
  276. line-height: 32px;
  277. float: left;
  278. }
  279. .U_MD_D_BDI {
  280. float: left;
  281. background-position: -536px -373px;
  282. width: 30px;
  283. height: 30px;
  284. cursor: pointer;
  285. }
  286. .U_MD_D_BDI img {
  287. width: 30px;
  288. height: 30px;
  289. border-radius: 50%;
  290. }
  291. .U_MD_D_BDL {
  292. float: left;
  293. color: #FFF;
  294. font-family: Arial;
  295. cursor: pointer;
  296. display: flex;
  297. align-items: center;
  298. justify-content: space-between;
  299. flex-direction: row;
  300. width: 65px;
  301. }
  302. .U_MD_D_BDL div {
  303. float: left;
  304. font-size: 14px;
  305. height: 30px;
  306. color: #d9d9d9;
  307. }
  308. .U_MD_D_BDL div:hover {
  309. color: #fff;
  310. }
  311. .U_MD_D_BD_QRcode {
  312. padding: 5px 10px;
  313. background-color: #5A5A5A;
  314. border-radius: 0px 0px 10px 10px;
  315. position: absolute;
  316. right: -53px;
  317. top: 0px;
  318. }
  319. .U_MD_D_BD_QRcodeShare {
  320. display: none;
  321. padding: 5px 10px;
  322. background-color: #5A5A5A;
  323. position: absolute;
  324. right: -55px;
  325. top: 50px;
  326. }
  327. .U_MD_D_BD_QRcodeShare img {
  328. width: 100px;
  329. height: 100px;
  330. padding: 5px 5px;
  331. }
  332. .U_MD_D_BD_QRcode:hover+.U_MD_D_BD_QRcodeShare {
  333. display: block;
  334. }
  335. .U_MD_D_BD_notice_img {
  336. height: 20px !important;
  337. margin: 0 5px;
  338. display: none;
  339. }
  340. .U_MD_D_BD_notice_img>img {
  341. width: 100%;
  342. height: 100%;
  343. }
  344. .U_MD_D_BD_notice {
  345. display: none;
  346. /* padding: 5px 10px; */
  347. background-color: #0a2036cc;
  348. position: absolute;
  349. right: 0;
  350. top: 50px;
  351. border-radius: 10px;
  352. width: 300px;
  353. }
  354. .U_MD_D_BD_notice:hover {
  355. background-color: #0a2036e2;
  356. }
  357. .U_MD_D_BD_notice_title {
  358. width: 100%;
  359. display: flex;
  360. align-items: center;
  361. font-size: 15px;
  362. padding: 13px 15px;
  363. box-sizing: border-box;
  364. background: rgb(44, 44, 44);
  365. justify-content: space-between;
  366. border-top-left-radius: 10px;
  367. border-top-right-radius: 10px;
  368. }
  369. .U_MD_D_BD_notice_title {
  370. cursor: pointer;
  371. }
  372. .U_MD_D_BD_noticeBox {
  373. padding: 10px 15px;
  374. width: 100%;
  375. box-sizing: border-box;
  376. font-size: 15px;
  377. cursor: pointer;
  378. }
  379. .U_MD_D_BD_noticeBox+.U_MD_D_BD_noticeBox {
  380. border-top: 1px solid #5f5f5f84;
  381. }
  382. .U_MD_D_BD_noticeBox_title {
  383. width: 100%;
  384. display: flex;
  385. }
  386. .U_MD_D_BD_noticeBox_title>span:nth-child(1) {
  387. /* margin-left: 8px; */
  388. width: calc(100%);
  389. overflow: hidden;
  390. text-overflow: ellipsis;
  391. white-space: nowrap;
  392. word-break: break-word;
  393. }
  394. .U_MD_D_BD_noticeBox_content {
  395. margin-top: 5px;
  396. width: 100%;
  397. display: flex;
  398. }
  399. .U_MD_D_BD_noticeBox_content span {
  400. width: calc(100%);
  401. overflow: hidden;
  402. text-overflow: ellipsis;
  403. white-space: nowrap;
  404. word-break: break-word;
  405. color: #979797;
  406. }
  407. .U_MD_D_BD_noticeBox_time {
  408. margin-top: 5px;
  409. width: 100%;
  410. color: #979797;
  411. font-size: 14px;
  412. }
  413. .U_MD_D_BZMD {
  414. position: relative;
  415. }
  416. .U_MD_D_BZMS {
  417. height: 40px;
  418. line-height: 30px;
  419. width: 721px;
  420. margin: 10px auto 0 auto;
  421. text-align: center;
  422. }
  423. .U_MD_D_BZMSA {
  424. display: inline-block;
  425. *display: inline;
  426. *zoom: 1;
  427. margin: auto;
  428. text-align: left;
  429. height: 40px;
  430. line-height: 40px;
  431. }
  432. .U_MD_D_BZM {
  433. width: 741px;
  434. margin: 20px auto 0 auto;
  435. position: relative;
  436. height: 94px;
  437. text-align: center;
  438. }
  439. .U_MD_D_BZMN {
  440. position: absolute;
  441. top: -10px;
  442. left: -40px;
  443. height: 22px;
  444. background-color: #EEE;
  445. padding: 0 6px;
  446. border-radius: 3px
  447. }
  448. .U_MD_D_BZMNL {
  449. float: left;
  450. width: 15px;
  451. height: 15px;
  452. margin-top: 3px;
  453. }
  454. .U_MD_D_BZMNLI {
  455. background-position: -574px -372px;
  456. }
  457. .U_MD_D_BZMNLO {
  458. background-position: -614px -372px;
  459. }
  460. .U_MD_D_BZMNLT {
  461. background-position: -594px -371px;
  462. }
  463. .U_MD_D_BZMNR {
  464. float: left;
  465. color: #222;
  466. line-height: 22px;
  467. margin-left: 3px;
  468. width: 50px;
  469. }
  470. .U_MD_D_BZMA {
  471. position: relative;
  472. padding: 0 30px;
  473. overflow: hidden;
  474. margin: auto;
  475. display: inline-block;
  476. *display: inline;
  477. *zoom: 1;
  478. height: 100%;
  479. overflow: hidden;
  480. }
  481. .U_MD_D_BZMT {
  482. padding: 0px 10px;
  483. }
  484. .U_MD_D_BZMM {
  485. width: 100%;
  486. height: 100%;
  487. top: 0;
  488. left: 0;
  489. background: #444;
  490. filter: alpha(opacity=50);
  491. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  492. -moz-opacity: 0.5;
  493. -khtml-opacity: 0.5;
  494. opacity: 0.5;
  495. position: absolute;
  496. border-radius: 6px;
  497. }
  498. .U_MD_D_BZMO {
  499. margin: -1px 0 0 40px;
  500. cursor: pointer;
  501. width: 63px;
  502. height: 83px;
  503. float: left;
  504. }
  505. .U_MD_D_BZMOA {
  506. width: 51px;
  507. height: 54px;
  508. padding: 6px;
  509. /*border-radius: 3px;*/
  510. color: #FFF;
  511. cursor: pointer;
  512. }
  513. .U_MD_D_BZMOA:hover {
  514. padding: 5px;
  515. background-color: #505457;
  516. border: 1px solid #777;
  517. }
  518. .U_MD_D_BZMOI {
  519. width: 51px;
  520. height: 51px;
  521. }
  522. .U_MD_D_BZMON {
  523. width: 51px;
  524. height: 15px;
  525. line-height: 15px;
  526. margin-top: 6px;
  527. text-align: center;
  528. }
  529. .U_MD_D_B .U_MD_D_BS {
  530. margin: 30px auto 0 auto;
  531. float: none;
  532. width: 675px;
  533. height: 32px;
  534. }
  535. .U_MD_D_BCM {
  536. display: block;
  537. width: 721px;
  538. margin: 20px auto 0 auto;
  539. height: 40px;
  540. text-align: center;
  541. overflow: hidden;
  542. }
  543. .U_MD_D_BCMO {
  544. width: 125px;
  545. background-color: #666;
  546. float: left;
  547. height: 25px;
  548. line-height: 25px;
  549. padding: 3px 6px;
  550. margin: 5px 0 0 20px;
  551. text-align: left;
  552. position: relative;
  553. }
  554. .U_MD_D_BCMOL {
  555. float: left;
  556. height: 100%;
  557. text-align: center;
  558. color: #EEE;
  559. margin-left: 2px;
  560. }
  561. .U_MD_D_BCMOL div {
  562. float: none;
  563. }
  564. .U_MD_D_BCMOLS {
  565. font-size: 12px;
  566. }
  567. .U_MD_D_BCMOR {
  568. float: left;
  569. margin-left: 11px;
  570. font-size: 13px;
  571. color: #FFF;
  572. width: 85px;
  573. }
  574. .U_MD_D_BZ {
  575. color: #FFF;
  576. font-family: Arial;
  577. background-color: #676767;
  578. padding: 8px 15px;
  579. font-style: normal;
  580. cursor: pointer;
  581. display: none;
  582. }
  583. .U_MD_D_BZ div {
  584. text-align: center;
  585. }
  586. /*桌面图标使用 */
  587. .U_MD_D_K {
  588. top: 0;
  589. left: 0;
  590. height: 100%;
  591. position: absolute;
  592. }
  593. .U_MD_D_KO {
  594. cursor: pointer;
  595. width: 65px;
  596. height: 85px;
  597. position: absolute;
  598. top: 0;
  599. left: 80px;
  600. }
  601. .U_MD_D_KO:hover {
  602. background-color: #8eaad1;
  603. border-radius: 5px;
  604. box-sizing: border-box;
  605. }
  606. .U_MD_D_KO_GM {
  607. cursor: pointer;
  608. width: 124px;
  609. height: 145px;
  610. position: absolute;
  611. top: 0;
  612. left: 80px;
  613. }
  614. .U_MD_D_KO_GM:hover {
  615. background-color: #8eaad1;
  616. border-radius: 5px;
  617. box-sizing: border-box;
  618. }
  619. .U_MD_D_KOA {
  620. margin: 5px auto 0 auto;
  621. width: 57px;
  622. border-radius: 5px;
  623. display: flex;
  624. flex-direction: column;
  625. flex-wrap: nowrap;
  626. align-items: center;
  627. }
  628. .U_MD_D_KOS {
  629. width: 57px;
  630. height: 57px;
  631. }
  632. .U_Img {
  633. background-size: 100% 100%;
  634. }
  635. .U_MD_D_KOX {
  636. width: 51px;
  637. height: 15px;
  638. line-height: 15px;
  639. margin-top: 3px;
  640. text-align: center;
  641. }
  642. .U_MD_D_NewsTipsIcon {
  643. background: rgba(250, 250, 250, 0) url(/img/YSD20143.png);
  644. position: fixed;
  645. width: 51px;
  646. height: 54px;
  647. bottom: 80px;
  648. right: 90px;
  649. background-position: 85px 188px;
  650. border-radius: 38px;
  651. cursor: pointer;
  652. background-size: 1800%;
  653. visibility: visible;
  654. }
  655. .U_MD_D_T_taskbar_Bar_Operate_Button {
  656. font-size: 19px;
  657. cursor: pointer;
  658. text-align: center;
  659. }
  660. /*上传按钮*/
  661. .U_MD_D_filePrew {
  662. position: absolute;
  663. display: block;
  664. z-index: 1;
  665. border: 0;
  666. cursor: pointer;
  667. opacity: 0;
  668. filter: alpha(opacity 0);
  669. width: 100%;
  670. height: 100%;
  671. overflow: hidden;
  672. }
  673. /*上传控件*/
  674. .U_MD_D_filePrew_I {
  675. display: block;
  676. position: relative;
  677. width: 100%;
  678. height: 100%;
  679. cursor: pointer;
  680. border: 0;
  681. color: #666;
  682. background: #eee;
  683. -moz-user-select: -moz-none;
  684. -webkit-user-select: none;
  685. opacity: 0;
  686. filter: alpha(opacity=0);
  687. -moz-opacity: 0;
  688. }
  689. /*头部消息*/
  690. .U_MD_D_MG_A {
  691. position: relative;
  692. }
  693. .U_MD_D_MG_T {
  694. background-color: #60e480;
  695. color: White;
  696. text-align: center;
  697. width: 18px;
  698. height: 18px;
  699. line-height: 18px;
  700. position: absolute;
  701. top: -7px;
  702. left: 22px;
  703. font-size: 10px;
  704. border-radius: 50%;
  705. display: none;
  706. cursor: pointer;
  707. }
  708. .U_MD_D_MG_O {
  709. width: 300px;
  710. z-index: 3;
  711. position: absolute;
  712. font-family: arial, sans-serif;
  713. background-color: White;
  714. border: 1px solid #838383;
  715. cursor: default;
  716. display: none;
  717. top: 35px;
  718. right: -34px;
  719. max-height: 230px;
  720. overflow: auto;
  721. }
  722. .U_MD_D_MG_OA {
  723. width: 100%;
  724. background: rgb(237, 237, 237);
  725. height: 100%;
  726. }
  727. .U_MD_D_MG_OM {
  728. background-color: #f2f2f2;
  729. width: 100%;
  730. text-align: center;
  731. height: 20px;
  732. line-height: 20px;
  733. cursor: pointer;
  734. padding: 5px 0;
  735. color: #000;
  736. display: none;
  737. }
  738. .U_MD_D_MG_OM:hover {}
  739. .U_MD_D_MG_OMS {
  740. color: #0b7aeb;
  741. margin-left: 10px;
  742. }
  743. .U_MD_U_P_C_P_N_I {
  744. outline: none;
  745. border: 0;
  746. color: black;
  747. overflow: hidden;
  748. background-color: transparent;
  749. width: 100%;
  750. border-radius: 35px;
  751. }
  752. .form_delete-main,
  753. .form_delete-main-room {
  754. background: #fff;
  755. padding: 20px;
  756. margin: 10px auto 10px auto;
  757. width: 80%;
  758. height: 170px;
  759. }
  760. .form_delete-main-room {
  761. height: 360px !important;
  762. }
  763. #add_room,
  764. #invite_members {
  765. background: #f3f3f3 !important;
  766. }
  767. .form_delete-main_box {
  768. width: 320px;
  769. height: 40px;
  770. border: 1px solid #DCDFE6;
  771. text-indent: 10px;
  772. border-radius: 5px;
  773. margin: 18px 0 10px 0;
  774. }
  775. .remark {
  776. font-size: 14px;
  777. border-bottom: 1px solid #f1f1f1;
  778. padding: 0 0 15px 0;
  779. }
  780. .form-cencal,
  781. .form-confirm {
  782. background: #3E86FF;
  783. border: none;
  784. width: 96px;
  785. height: 38px;
  786. color: #fff;
  787. text-align: center;
  788. border-radius: 5px;
  789. line-height: 38px;
  790. cursor: pointer;
  791. }
  792. .form-btn,
  793. .copy-btn {
  794. display: flex;
  795. flex-direction: row;
  796. align-items: center;
  797. justify-content: space-evenly;
  798. margin: 20px 0;
  799. }
  800. .copy-btn {
  801. background: #DCDCDC;
  802. height: 40px;
  803. margin: 10px 0 0 0 !important;
  804. }
  805. .copy-message {
  806. background: #3085E4;
  807. color: #fff;
  808. border: none;
  809. width: 120px;
  810. height: 30px;
  811. border-radius: 20px;
  812. cursor: pointer;
  813. }
  814. .room_number {
  815. margin: 10px 0 30px 0;
  816. font-size: 14px;
  817. display: flex;
  818. flex-direction: row;
  819. justify-content: flex-start;
  820. align-items: center;
  821. }
  822. .avatar {
  823. width: 30px;
  824. min-width: 30px;
  825. margin-right: 5px;
  826. display: none;
  827. }
  828. .avatar>img {
  829. width: 100%;
  830. height: 100%;
  831. }
  832. .clickNav {
  833. margin: 10px 0;
  834. font-size: 14px;
  835. }
  836. .link,
  837. .roomNumber {
  838. margin: 10px 0 30px 0;
  839. font-size: 12px;
  840. color: #3085E4;
  841. }
  842. .roomNumber {
  843. font-size: 24px;
  844. margin-left: 10px;
  845. }
  846. .text {
  847. display: none;
  848. }
  849. .searchPerson {
  850. display: flex;
  851. position: relative;
  852. height: 25px;
  853. }
  854. .inputSearch {
  855. height: 30px;
  856. width: 100%;
  857. border: none;
  858. background: #eaeaea;
  859. border-radius: 10px;
  860. padding: 0 15px;
  861. font-size: 12px;
  862. }
  863. .checkboxPerson {
  864. margin: 20px 0;
  865. }
  866. .personAvatar {
  867. width: 55px;
  868. height: 50px;
  869. background: url("../../../img/icon/avatar.png") no-repeat;
  870. background-size: 100% 100%;
  871. margin: 0 10px;
  872. }
  873. .searchImg {
  874. width: 25px;
  875. height: 25px;
  876. position: absolute;
  877. right: 5px;
  878. top: 3px;
  879. background: url("../../../img/icon/search.png") no-repeat;
  880. background-size: 100% 100%;
  881. cursor: pointer;
  882. }
  883. .person {
  884. display: flex;
  885. flex-direction: row;
  886. justify-content: flex-start;
  887. align-items: center;
  888. }