Página inicial Explorar Ajuda
Entrar
CocoRoboLabs
/
CocoRoboDesktop
3
0
Fork 0
Arquivos Issues 0 Pull Requests 0 Wiki
Branch: master_en
Branches Tags
CocoRoboDesk...
/
css
/
Friend
/
Friend.css

Friend.css 22 KB
Link permanente Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261 
  1. .U_MD_F_T            {    min-width: 455px;height:48px;padding-top:6px;width: 100%;display: inline-block;border-bottom:1px solid #C7C7C7;}
    2. 

  2. /*好友消息区域*/
    3. 

  3. .U_MD_F             {height:100%;width: 100%;overflow:hidden;}
    4. 

  4. 

  5. div#U_MD_F {}/*position:absolute; border:1px solid #BFBFBF;top:150px; left:150px; background-color:White;*/
    6. 

  6. .U_MD_F_TA           { width:85%; float:left; overflow-y:hidden; height:40px; display:inline; position:relative; }
    7. 

  7. .U_MD_F:hover   .U_MD_F_TAI      { display:block; }
    8. 

  8. .U_MD_F_TA    div    { float:left; _display:inline; }
    9. 

  9. .U_MD_F_TAC          { width:20px; height:20px; background-position:-850px -60px; cursor:pointer; float:right; margin:5px 5px 0 0; }
    10. 

  10. .U_MD_F_TAB          { width:22px; height:20px; background-position:-590px -252px; cursor:pointer; top:11px; right:45px; position:absolute; }
    11. 

  11. .U_MD_F_TAB:hover    { background-position:-620px -230px; }
    12. 

  12. .U_MD_F_TG           { cursor:pointer; width:21px; margin:15px 0 0 9px; padding:0 0 14px 1px; border:1px solid #D9D9D9; font-size:24px; line-height: 0px; text-align: center; color:#A0A0A0; float:left; position:relative; z-index:1; visibility:hidden; }
    13. 

  13. .U_MD_F_TGO          { border-radius:13px; background-color:White; position:absolute; top: 20px; left: -23px; width:98px; border:1px solid #D9D9D9; padding:0px 9px 9px 9px; display:none; }
    14. 

  14. .U_MD_F_TGOO         { width:100%; height:25px; margin-top:9px; cursor:pointer; position:relative; }
    15. 

  15. .U_MD_F_TGOO:hover   { background-color:#F8F8F8; }
    16. 

  16. .U_MD_F_TGOOI        { width:25px; height:25px; float:left; }
    17. 

  17. .U_MD_F_TGOOI    img { width:25px; height:25px; }
    18. 

  18. .U_MD_F_TGOON        { text-align:left; color:#000; font-size:12px; line-height:25px; float:left; letter-spacing:0px; width:65px; margin-left:5px; }
    19. 

  19. .U_MD_F_TI           { margin:10px 10px 0 0; width:25px; height:20px; background-position:-658px -25px; float:right; cursor:pointer; position:relative; }
    20. 

  20. .U_MD_F_TI:hover     { background-position:-692px -25px; }
    21. 

  21. .U_MD_F_TO           { width:100px; margin:6px 0 0 9px; cursor:pointer; position:relative; border-radius:5px; padding:3px 2px; height:25px; position:relative; }
    22. 

  22. .U_MD_F_TOT          { background-color:#F6F6F6; border:1px solid #CCC; padding:2px 1px; }
    23. 

  23. .U_MD_F_TO:hover     { background-color:#C8C8C8; }
    24. 

  24. .U_MD_F_TOI          { background-position:-735px 0px; width:25px; height:25px; margin-left:3px; }
    25. 

  25. .U_MD_F_TOI  img     { width:25px; height:25px; border-radius:50%; float:left; }
    26. 

  26. .U_MD_F_TON          { line-height:25px; font-family:arial,sans-serif; width:67px; margin-left:5px; }
    27. 

  27. .U_MD_F_TOC          { position:absolute; width:22px; height:35px;top: -4px;right: -10px;/*right:-2px;*/ display:none;cursor:pointer;font-size:17px;line-height:35px; }
    28. 

  28. .U_MD_F_TOC:hover    { background-position:-776px -107px; }
    29. 

  29. .U_MD_F_TGOO:hover .U_MD_F_TOC, .U_MD_F_TO:hover .U_MD_F_TOC    { display:block}
    30. 

  30. .U_MD_F_C            {overflow-x: hidden;overflow-y: auto;width: 100%;}
    31. 

  31. .U_MD_F_T_B          { width: 121px;position: absolute;right: 2px;top: 25px; background: #fff; box-shadow: 3px 4px 7px #888888;z-index: 999;overflow: hidden; border:1px solid #dcdcdc; }
    32. 

  32. .U_MD_F_T_B div      { width: 100%; height: 25px;line-height: 25px; cursor: _context-menu; text-align:center; cursor:pointer; }
    33. 

  33. .U_MD_F_T_B div:hover{ background: rgb(217,237,249) !important}
    34. 

  34. /*好友聊天区域*/
    35. 

  35. .U_MD_F_H            { height:50px; padding-left:5px;  padding:8px 0 8px 15px; background-color:#f4f4f4; }
    36. 

  36. .U_MD_F_HH           { width:50px; height:50px; float:left; }
    37. 

  37. .U_MD_F_HH   img     { width:50px; height:50px; cursor:pointer; border-radius:50%; }
    38. 

  38. .U_MD_F_HT           {width: 80%;height:100%;float:left;margin-left:12px;}
    39. 

  39. .U_MD_F_HTN          {width: 100%;font-size:16px;color:#787878;font-family:微软雅黑;margin-top:4px;}
    40. 

  40. .U_MD_F_HTC          {width: 100%;margin-top:7px;height:17px;color:#787878;}
    41. 

  41. .U_MD_F_HG            { height:25px;background: #c8e4ff;}
    42. 

  42. .U_MD_U_P_P_Tips_Pos           { width:18px; height:18px; background-position:-763px -3px; float:left; margin-left:12px; }
    43. 

  43. .U_MD_F_GC           { margin-left:5px; float:left; height:25px; line-height:25px; color:#333333; font-family:arial,sans-serif; }
    44. 

  44. .U_MD_F_NA           {min-width: 455px;height:100%;width: 100%;overflow:hidden;}
    45. 

  45. .U_MD_F_N            {float:left;height: 100%;}
    46. 

  46. .U_MD_F_CA           {min-width:270px;white-space:nowrap;margin-top:10px; overflow:hidden; padding:0 5px; height:240px; width:auto; overflow-y:auto; position:relative; background-color:#FFF; }
    47. 

  47. .U_MD_F_C            {}
    48. 

  48. .U_MD_F_CI           { max-height:200px; max-width:250px; width:auto; height:auto; float:left; cursor:pointer; }
    49. 

  49. .U_MD_F_CO           { position:relative; margin:10px 0 0 12px; overflow:hidden; }
    50. 

  50. .U_MD_F_COL          { float:left;}
    51. 

  51. .U_MD_F_COLT         { width:10px; height:7px; background-position:-544px -95px; margin-left:20px  }
    52. 

  52. .U_MD_F_COLC         {max-width:355px;padding: 8px 15px;background-color:#eeeeee;color:Black;border-radius:10px;line-height:20px;font-size:13px;word-wrap:break-word;float:right;}
    53. 

  53. .U_MD_F_COLCI        { width:30px; height:30px; border-radius:50%; float:left; margin-top:3px; cursor:pointer; }
    54. 

  54. .U_MD_F_COLCO        {float:left;/* margin:5px 10px 0 10px; */max-width:315px;font-family:'微软雅黑';word-break: break-all;word-wrap:break-word;}
    55. 

  55. .U_MD_F_COLCOO       { margin-left:0; }
    56. 

  56. .U_MD_F_COLCOT       { margin-right:0; }
    57. 

  57. .U_MD_F_COT          { float:left; margin-left:10px; height:100%; color:#545454; width:80px; }
    58. 

  58. /*.U_MD_F_COTO       { width:80px; }*/
    59. 

  59. .U_MD_F_COTOK        { margin-top:1px; color:#545454; height:33px; overflow:hidden; }
    60. 

  60. .U_MD_F_CT           { margin:10px 12px 0 0; position:relative; overflow:hidden; }
    61. 

  61. .U_MD_F_CTO          { bottom:5px; }
    62. 

  62. .U_MD_F_CTL          { float:right; font-size:14px; max-width:293px; }
    63. 

  63. .U_MD_F_CTLC         {white-space:normal;background-color:#2683f5;color:White;margin:0 auto;/* min-width:35px; */word-wrap: break-word;word-break: normal;float:left;}
    64. 

  64. .U_MD_F_CTLC *       { background-color:transparent; }
    65. 

  65. .U_MD_F_CTLT         { background-position:-592px -13px; clear:both }
    66. 

  66. .U_MD_F_CTT          { float:left; }
    67. 

  67. .U_MD_F_CTTO         { float:right; margin-right:10px; }
    68. 

  68. 

  69. /*聊天文件.*/
    70. 

  70. .U_MD_F_F            { width: 230px; height: 110px; background-color: #F7F7F7; border: 1px solid #CCC; border-radius: 5px; font-size:12px; color:#000; cursor:pointer; }
    71. 

  71. .U_MD_F_FS           { height:69px;  padding: 15px 10px 0 10px; }
    72. 

  72. .U_MD_F_FSS          { width: 60px; height: 60px; float: left; line-height:60px; background-color:#1F6D43; font-size:16px; color:#FFF; text-align:center; overflow:hidden; }
    73. 

  73. .U_MD_F_FSX          { float: left; width: 140px; margin-left: 10px; }
    74. 

  74. .U_MD_F_FSXN         { font-size:15px; max-height:43px; overflow:hidden; }
    75. 

  75. .U_MD_F_FSXS         { color:#666; }
    76. 

  76. .U_MD_F_FX           { border-top: 1px solid #CCC; height:25px; line-height:25px; color:#666; }
    77. 

  77. .U_MD_F_FX   div     { float:right; margin-right:8px; }
    78. 

  78. .U_MD_F_FX   div:hover   { color:#006699; }
    79. 

  79. 

  80. .U_MD_F_D            { height:140px; padding:5px 15px 0 15px; }
    81. 

  81. .U_MD_F_DA           { width:100%; height:100%; float:right; }
    82. 

  82. .U_MD_F_DT           { height:30px; }
    83. 

  83. .U_MD_F_DT   div     { float:left; width:30px; height:24px; margin-left:13px; cursor:pointer; }
    84. 

  84. .U_MD_F_DT   .U_MD_F_DTZ      { position:relative; }
    85. 

  85. .U_MD_F_DT   .U_MD_F_DTJ      { float:right; }
    86. 

  86. .U_MD_F_DTS          { background-position:-1277px -401px; width:22px; height:17px; float:left; position:relative;margin-top:4px; }
    87. 

  87. .U_MD_F_DTZ          { background-position:-716px -244px; width:22px; height:22px; }
    88. 

  88. .U_MD_F_DTZ:hover    { background-position:-381px -119px;}
    89. 

  89. .U_MD_F_DTJ          { background-position:-475px -119px;}
    90. 

  90. .U_MD_F_DTJ:hover    { background-position:-412px -119px;}
    91. 

  91. .U_MD_F_DC           { height:83px; margin-top:2px; line-height:15px; border:0; background-color:#f7f7f7;  outline:none; overflow-x:hidden; overflow-y:auto; border:1px solid #bbb; padding:5px; -webkit-overflow-scrolling:touch; word-break: break-all; cursor:text; }
    92. 

  92. .U_MD_F_DC   p       { padding:0px; margin:0px; }
    93. 

  93. .U_MD_F_DJ           { background-position:-700px -9px; width:10px; height:10px; float:right; margin:-1px 53px 0 0; }
    94. 

  94. .U_MD_F_L            {width: 277px;float:left;height:100%;display:none;}
    95. 

  95. .U_MD_F_LA           {border-left:1px solid #BFBFBF;padding:0px 15px 6px 15px;overflow-x:hidden;overflow-y:auto;height: calc(100% - 37px);}
    96. 

  96. .U_MD_F_LB           {width:100%;height: 30px;border-left:1px solid #BFBFBF;border-top:1px solid #BFBFBF;}
    97. 

  97. .U_MD_F_LO           { margin-top:15px; float:left; width:100%; }
    98. 

  98. .U_MD_F_LOT          { height:20px; width:100%; }
    99. 

  99. .U_MD_F_LOTN         { color:#1C72D3; float:left; font-family:微软雅黑; font-weight:bold; font-size:14px; }
    100. 

  100. .U_MD_F_LOTT         { float:left; color:#808080; margin-left:10px; line-height:22px; }
    101. 

  101. .U_MD_F_LOD          { width:100%; margin-top:5px; line-height:18px; float:left; clear:both; word-wrap: break-word; word-break: normal; }
    102. 

  102. .U_MD_F_X            { height:30px;  clear:both; margin-top:5px; }
    103. 

  103. .U_MD_F_X    div     { float:right; padding:0 10px;  }
    104. 

  104. .U_MD_F_XC           { height:26px; border:1px solid #c8c8c8; background-color:#aaa; color:White; line-height:27px; border-radius:26px; margin-right:14px; cursor:pointer; display:none; }
    105. 

  105. .U_MD_F_XE           { height:26px; border:1px solid #4c4c4c; background-color:#4c4c4c; color:White; line-height:27px; border-radius:26px; margin-right:25px; cursor:pointer; }
    106. 

  106. .U_MD_F_XE:hover     { border:0; height:28px; background-color:#B3B3B3; color:White; padding:0 11px; line-height:29px; }
    107. 

  107. .U_MD_F_XC:hover     { border:0; height:28px; background-color:#9f9f9f; color:White; padding:0 11px; line-height:29px; }
    108. 

  108. .U_MD_F_XE:hover     { background-color:#347FDB; }
    109. 

  109. .U_MD_F_UploadPng    { background:url(/img/uoload.png) no-repeat 0;background-position:0p 5px;} 
    110. 

  110. .U_MD_F_LoaclChose:hover,.U_MD_F_DiskChose:hover {background:#e6e9ed}
    111. 

  111. 

  112. /*好友聊天区域*/
    113. 

  113. .U_MD_F_H             { }/*right:17px; top:100px; width:810px; height:626px; */
    114. 

  114. .U_MD_F_H ::-webkit-scrollbar {width:4px;height:4px; }
    115. 

  115. .U_MD_F_H_Z            { background-color:#E9E9E9; display:none; height:100%; z-index:6; overflow:hidden; top:0; }
    116. 

  116. .U_MD_F_H_ZL           {width: 270px;height:100%;float:left;background-color:#E9E9E9;border-right:1px solid #CCC;}
    117. 

  117. .U_MD_F_H_ZLT          { padding:7px 0 4px 4px; height:63px; }
    118. 

  118. .U_MD_F_H_ZLTA         { float:left; margin-top:2px; width:184px; }
    119. 

  119. .U_MD_F_H_ZLTAO        { width:40px; height:55px; margin-left:6px; float:left; cursor:pointer; _display:inline; }
    120. 

  120. .U_MD_F_H_ZLTAON       { line-height:20px; text-align:center; font-size:14px; }
    121. 

  121. .U_MD_F_H_ZLTI         { float:left; margin-left:7px; _display:inline; cursor:pointer; width:55px; height:55px; }
    122. 

  122. .U_MD_F_H_ZLTI img     { width:55px; height:55px; border-radius:50%;}
    123. 

  123. .U_MD_F_H_ZLTOK        { width:40px; height:36px; }
    124. 

  124. .U_MD_F_H_ZLTO         { background-position:-7px -117px; }
    125. 

  125. .U_MD_F_H_ZLTOO,.U_MD_F_H_ZLTO:hover   { background-position:-7px -157px; }
    126. 

  126. .U_MD_F_H_ZLTT         { background-position:-48px -117px; }
    127. 

  127. .U_MD_F_H_ZLTTO,.U_MD_F_H_ZLTT:hover   { background-position:-48px -158px; }
    128. 

  128. .U_MD_F_H_ZLTS         { background-position:-88px -117px; }
    129. 

  129. .U_MD_F_H_ZLTSO,.U_MD_F_H_ZLTS:hover   { background-position:-88px -157px; }
    130. 

  130. .U_MD_F_H_ZLTF         { background-position:-132px -117px; }
    131. 

  131. .U_MD_F_H_ZLTFO,.U_MD_F_H_ZLTF:hover   { background-position:-132px -157px; }
    132. 

  132. .U_MD_F_H_ZLS          { width: auto; height:25px; border-bottom:1px solid #C7C7C7; border-top:1px solid #C7C7C7; padding:6px 0; background-color:#fff; position:relative; z-index:1; }
    133. 

  133. .U_MD_F_H_ZLSL         { width:25px; height:25px; background-position:-343px -123px; float:left; margin-left:11px; display:inline; }
    134. 

  134. .U_MD_F_H_ZLSYT        { width: 30px;height: 30px;background-position:-310px -122px;float: right;margin-right: 0px;display: inline;margin-top: -24px;display:none;}
    135. 

  135. .U_MD_F_H_ZLSR         { width:214px; height:25px; float:left; }
    136. 

  136. .U_MD_F_H_ZLSR input   { border:0; background:none; outline:none; height:22px; width:210px; line-height:normal; line-height:22px\9; padding:2px 0 0 8px; }
    137. 

  137. .U_MD_F_H_ZLSF         { width:259px; background-color:White; height:710px; overflow-x:hidden; overflow-y:auto; display:none;margin-top: 32px; }
    138. 

  138. .U_MD_F_H_ZLZ          { width:100%; height:700px; overflow-x:hidden; overflow-y:auto;}
    139. 

  139. .U_MD_F_H_ZLZO         { width:100%;  float:left; }
    140. 

  140. .U_MD_F_H_ZLZOT        { text-indent:10px;  font-size:14px; color:Black; cursor:pointer; line-height:20px; width:100%; padding:5px 0 ; margin-top:5px; }
    141. 

  141. .U_MD_F_H_ZLZOC        { width:100%; float:left; }
    142. 

  142. .U_MD_F_H_ZLZOCO       { height:35px; padding:9px 0 9px 18px; cursor:pointer; }
    143. 

  143. .U_MD_F_H_ZLZOCO:hover { background-color:#D0E2EE!important; border-top:1px solid #87C4ED; border-bottom:1px solid #87C4ED; padding:8px 0 8px 18px; }
    144. 

  144. .U_MD_F_H_ZLZOCOO      { filter:gray;-moz-opacity:.3;opacity:0.3; }
    145. 

  145. .U_MD_F_H_ZLZOCOI      { width:35px; height:35px; float:left; }
    146. 

  146. .U_MD_F_H_ZLZOCOI  img { width:35px; height:35px; border-radius:50%; float:left; }
    147. 

  147. .U_MD_F_H_ZLZOCOR      { width:130px; margin-left:10px; float:left; font-family:arial,sans-serif; }
    148. 

  148. .U_MD_F_H_ZLZOCORN     { font-weight:bold; }
    149. 

  149. .U_MD_F_H_ZLZOCORT     { color:#737373; height:18px; line-height:18px; margin-top:4px; }
    150. 

  150. .U_MD_F_H_ZLZT         { width:100%; }
    151. 

  151. .U_MD_F_H_ZLZTS        { width:50px; height:50px; margin:6px 0 0 10px; }
    152. 

  152. .U_MD_F_H_ZLZTS    img { width:48px; height:48px; border:1px solid #e4e4e4; border-radius:50%; cursor:pointer; }
    153. 

  153. .U_MD_F_H_ZLZTZ        { background-position:-560px -195px; width:20px; height:30px; margin:-5px 0 0 60px; }
    154. 

  154. .U_MD_F_H_ZLZTX        { font-family:arial,sans-serif; font-size:14px; margin:7px 0 0 38px; width:140px; }
    155. 

  155. .U_MD_F_H_ZR           { width: calc(100% - 272px);height:100%;background-color:#FFF;float: left;overflow:hidden;}
    156. 

  156. 

  157. div#U_MD_F_H_ZR {}
    158. 

  158. .U_MD_F_H_ZRO          { margin-left:40px; float:left; }
    159. 

  159. .U_MD_F_H_ZROS         { width:420px; margin:20px auto auto auto; }
    160. 

  160. .U_MD_F_H_ZROSS        { font-size:32px; }
    161. 

  161. .U_MD_F_H_ZROSZ        { color:#BBB; margin-top:14px; font-style:italic; }
    162. 

  162. .U_MD_F_H_ZROSX        { width:100%; height:50px; margin-top:-13px; }
    163. 

  163. .U_MD_F_H_ZROSXL       { margin-top:33px; float:left; font-family:arial,sans-serif; }
    164. 

  164. .U_MD_F_H_ZROSXR       { width:50px; height:50px; float:left; margin-left:8px; background-position:-950px -70px;}
    165. 

  165. .U_MD_F_H_ZROX         { margin-top:18px; font-family:arial,sans-serif; }
    166. 

  166. .U_MD_F_H_ZROXT        { width:115px; height:22px; line-height:22px; font-family:微软雅黑; font-size:14px; }
    167. 

  167. .U_MD_F_H_ZROXX        { width:100%; overflow:hidden; }
    168. 

  168. .U_MD_F_H_ZROXXO       { float:left; height:25px; width:225px; height:129px; margin-top:23px; }
    169. 

  169. .U_MD_F_H_ZROXXOS      { width:100%; height:55px; }
    170. 

  170. .U_MD_F_H_ZROXXOSL     { width:55px; height:55px; float:left; }
    171. 

  171. .U_MD_F_H_ZROXXOSL img { width:55px; height:55px; border-radius:50%; cursor:pointer; }
    172. 

  172. .U_MD_F_H_ZROXXOSN     { max-width:80px; margin:20px 0 0 10px; font-size:14px; font-weight:700; float:left; }
    173. 

  173. .U_MD_F_H_ZROXXOSR     { cursor:pointer; font-size:14px;  margin:13px 0 0 10px; width:52px; text-align:center; border:1px solid #e4e4e4; float:left; height:25px; line-height:25px; color:#0173FF; border-radius:25px; }
    174. 

  174. .U_MD_F_H_ZROXXOSR:hover       { color:White; background-color:#0173FF;  border:1px solid #0173FF;}
    175. 

  175. .U_MD_F_H_R            { z-index:999; background-color:White; width:45px; border:1px solid #c7c7c7; border-right:0; border-radius:15px 0 0 15px; padding:12px 10px 5px 0; cursor:pointer; display:none; position:absolute; right:0px; top:50%; margin-top:-280px; visibility:hidden;}
    176. 

  176. .U_MD_F_H_RI           { width:35px; background-color:#28e456; height:35px; background-position:-305px -117px; border-radius:50%; cursor:pointer; margin-left:10px; }
    177. 

  177. .U_MD_F_H_RC           { height:475px; width:100%; overflow:hidden; }
    178. 

  178. .U_MD_F_H_RC   img     { width:35px; height:35px; border-radius:50%; cursor:pointer; }
    179. 

  179. .U_MD_F_H_RCI          { margin:9px 0 0 10px; }
    180. 

  180. .U_MD_F_H_RCO          { }
    181. 

  181. .U_MD_F_H_RCOO         { width:35px; height:35px; margin:10px 0 0 10px; position:relative; }
    182. 

  182. .U_MD_F_H_RCOO div     { display:block; }
    183. 

  183. .U_MD_F_H_RCOON        { float:left; width:35px; height:35px; }
    184. 

  184. .U_MD_F_H_RCOONTw      { float:left; width:35px; height:35px; }
    185. 

  185. .U_MD_F_H_RCOI         { background-color:#60e480; color:White; text-align:center; width:18px; height:18px; line-height:18px; position:absolute; top:-5px; left:-5px; font-size:10px; border-radius:50%;}
    186. 

  186. .U_MD_F_H_RCT          { width:100%; height:102px; margin-top:15px; }
    187. 

  187. .U_MD_F_H_RCTS         { width:30px; height:30px; margin-left:12px; }
    188. 

  188. .U_MD_F_H_RCTS img     { width:28px; height:28px; border:1px solid #e4e4e4; border-radius:50%; }
    189. 

  189. .U_MD_F_H_RCTZ         { background-position:-560px -195px; width:20px; height:30px; margin:7px 0 0 20px; }
    190. 

  190. .U_MD_F_H_RCTX         { color:#707070; font-family:arial,sans-serif; margin:3px 0 0 9px; line-height:15px; }
    191. 

  191. .U_MD_F_H_RD           { font-size:30px; color:#ABABAB; padding-bottom:20px; text-align:center; line-height:0px; margin:10px 0 0 10px; cursor:pointer; }
    192. 

  192. .U_MD_F_H_RD:hover     { color:Black; }
    193. 

  193. 

  194. /*选择联系人*/
    195. 

  195. .U_MD_F_RC_box          { display: table; width: 100%;}
    196. 

  196. .U_MD_F_RC_SHOW         { border-left: 1px solid #e9e9e9}
    197. 

  197. .U_MD_F_RC              { display: table-cell; width: 50%; background-color:#f3f3f3; vertical-align: top}
    198. 

  198. .U_MD_F_RC_T            { overflow: hidden;}
    199. 

  199. .U_MD_F_RC_TL           { height:25px; font-weight:bold; font-size:15px; }
    200. 

  200. .U_MD_F_RC_TLC          { float:left; }
    201. 

  201. .U_MD_F_RC_TLI          { float:right; }
    202. 

  202. .U_MD_F_RC_S            { position:relative; overflow: hidden; margin:9px 13px 0; text-align:center; padding-bottom: 9px;border-bottom: 1px solid #e9e9e9;}
    203. 

  203. .U_MD_F_RC_S    div     { float: none}
    204. 

  204. .U_MD_F_RC_SS           {display:inline-block;width: 99%;height:26px;border:1px solid #CCC;border-radius: 4px;background-color:#fff;overflow: hidden;}
    205. 

  205. .U_MD_F_RC_SS   input   {width:100%;line-height:normal;line-height:26px\9;height:26px;color:#787878;padding:0 !important;border: 0;text-indent: 3px;}
    206. 

  206. .U_MD_F_RC_C            { height:415px; overflow-y:auto; position:relative; }
    207. 

  207. .U_MD_F_RC_CA           { position:absolute; top:50%; font-size:18px; text-align:center; color:#999; width:100%; margin-top:-30px; }
    208. 

  208. .U_MD_F_RC_CO           { height:35px; margin-top:5px; padding:5px 0; cursor:pointer; }
    209. 

  209. .U_MD_F_RC_CO   div     { float:left; }
    210. 

  210. .U_MD_F_RC_CO:hover     { background-color:#eee; }
    211. 

  211. .U_MD_F_RC_COI          { width:25px; height:25px; background-position:-816px -60px; margin:8px 0 0 10px; }
    212. 

  212. .U_MD_F_RC_COI:hover,.U_MD_F_RC_COIO         { background-position:-786px -60px; }
    213. 

  213. .U_MD_F_RC_COC          { width:150px; margin-left:15px; height:100%; }
    214. 

  214. .U_MD_F_RC_COC  img     { float:left; width:35px; height:35px; border-radius:50%; cursor:pointer; }
    215. 

  215. .U_MD_F_RC_COCN         { float:left; height:35px; margin-left:10px; width:100px; line-height:35px; }
    216. 

  216. .U_MD_F_RC_D            {/* position: absolute; *//* bottom: 0; */width: 100%;border-top: 1px solid #e9e9e9;padding: 4px 12px 4px 0;box-sizing: border-box;background-color: #f3f3f3;}
    217. 

  217. .U_MD_F_RC_DQ           { float:right;  text-align:center; height:25px; line-height:25px; cursor:pointer; border-radius: 6px;}
    218. 

  218. .U_MD_F_RC_DQ:hover     { background-color:#999; color: #fff}
    219. 

  219. .U_MD_F_RC_DQO          { background-color:#347FDB; margin-left:10px; width: 100px; color: #fff}
    220. 

  220. .U_MD_F_RC_DQC          { width: 72px; background-color:#fff; border:1px solid #cbd3e3;box-sizing: border-box;}
    221. 

  221. .U_MD_F_RC_DQO:hover    { background-color:#26CA26; }
    222. 

  222. .U_MD_F_RC_FS           { line-height: 25px; margin-left: 10px; cursor:pointer}
    223. 

  223. .U_MD_F_RC_FS:hover     { border-bottom:1px solid #999}
    224. 

  224. .U_MD_F_RC_C_P          { font-size: 14px; margin: 25px 13px 0 10px; padding-bottom: 6px; border-bottom: 1px solid #e9e9e9}
    225. 

  225. .U_MD_F_RC_C_C_A        { margin-top:10px; margin-left: 10px}
    226. 

  226. .U_MD_F_RC_C_C_A > img  { width: 40px; vertical-align: middle;}
    227. 

  227. .U_MD_F_RC_C_C_A > span { vertical-align: middle; padding-left: 10px}
    228. 

  228. .U_MD_F_RC_GF           {cursor: pointer;padding: 5px 10px;}
    229. 

  229. .U_MD_F_RC_GF:hover     { background-color: #e9e9e9}
    230. 

  230. .U_MD_F_RC_GF > img     { vertical-align: middle}
    231. 

  231. .U_MD_F_RC_GF > span    { vertical-align: middle; font-size: 14px}
    232. 

  232. .U_MD_F_RC_Join         { margin-left: 32px; font-weight:bold; font-size: 14px}
    233. 

  233. .U_MD_F_RC_Join_txt     { padding-top: 40px;}
    234. 

  234. .U_MD_F_RC_Join_btn     { display:inline-block; padding: .5em 1em; margin-top: 6px; background-color:rgb(41, 103, 167);color: #fff; cursor:pointer}
    235. 

  235. .U_MD_F_RC_Join_btn:hover   { background-color:#26CA26; }
    236. 

  236. 

  237. /*好友窗体*/
    238. 

  238. .U_MD_F_W       { margin-top:7px;  }
    239. 

  239. .U_MD_F_W_S      { color:#eee; font-size:15px; line-height:15px; width:15px; height:10px; margin-left:10px; }
    240. 

  240. .U_MD_F_W_X      { background-color:#F5F5F5; padding:6px 8px 8px 6px;  border-radius:18px; line-height:20px;  overflow:hidden; max-height:37px; }
    241. 

  241. 

  242. /*好友分组*/
    243. 

  243. .U_MD_F_G           { width:200px; margin:25px auto; float:none; }
    244. 

  244. .U_MD_F_G input     { width:195px; }
    245. 

  245. /*弹出好友添加*/
    246. 

  246. .U_MD_F_A          { float:left;width:100%;height:78px;margin-top:12%;text-align:center}
    247. 

  247. .U_MD_F_RA           {float: left;width: 20%;margin-left: 3.5%;background: #f6f6f6;line-height:78px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;cursor:pointer}
    248. 

  248. .U_MD_F_RA_E          {float: left;width: 20%;margin-left: 3.5%;height: 30px;background: #f6f6f6;border:1px solid #d9d9d9;border-radius:4px;padding-top: 24px;padding-bottom: 24px;font-size:14px;cursor:pointer}
    249. 

  249. 

  250. 

  251. /*提示*/
    252. 

  252. .U_MD_F_A_T { font-size: 15px; font-family: "宋体"; padding: 20px 10px; }
    253. 

  253. .U_MD_F_A_T_All { width: 158px; height: 24px; margin: 0 auto; }
    254. 

  254. .U_MD_F_A_T_OFF { float: left; font-size: 14px; font-family: "宋体"; padding: 4px 13px; background: #999999; /* border-radius: 5px; */ color: #fff; /* margin-left: 50%; */ margin-right: 50px; cursor: pointer; }
    255. 

  255. .U_MD_F_A_T_OUT { float: left; font-size: 14px; font-family: "宋体"; padding: 4px 13px; background: #999999; /* border-radius: 5px; */ color: #fff; /* margin-left: 50%; */ cursor: pointer; }
    256. 

  256. .U_MD_F_A_T_OFF:hover { background: #347fdb; }
    257. 

  257. .U_MD_F_A_T_OUT:hover { background: #347fdb; }
    258. 

  258. 

  259. .U_MD_F_A_S          { width:26px; height:26px; background-position:-622px -118px; border-radius:50%; margin:1px 0 0 8px; display:inline; float:left; cursor:pointer; }
    260. 

  260. 

  261. .U_MD_F_A_AddNewGrouper {background:#e5e5e5;padding:5px 0px 5px 5px}
    262.