Domů Procházet Nápověda
Přihlásit se
hlm
/
hlm_pl_mall
11
0
Rozštěpit 0
Soubory Úkoly 0 Pull Requesty 0 Wiki
Strom: 0f0c7c4fe9
Větve Značky
hlm_pl_mall
/
public
/
static
/
chat
/
css
/
chat.css

chat.css 19 KB
Historie Surový

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202 
  1. @charset "utf-8";
    2. 

  2. /* CSS Document*/
    3. 

  3. 

  4. .dialog_message_contents{font-size:14px;}
    5. 

  5. 

  6. .chat-box{display:block;float:right;margin:0;position:fixed;z-index:1999;right:35px;bottom:0;}
    7. 

  7. .chat-box .chat-list{width:218px;height:520px;border:1px solid #D9D9D9;display:none;background:#F8F8F8;border-radius: 2px;box-shadow: 1px 1px 50px rgba(0,0,0,.3);}
    8. 

  8. .chat-box .chat-list-top{height:50px;}
    9. 

  9. .chat-box .chat-list-top .avatar{width:40px;height:40px;border-radius: 100%;margin:5px;float:left;}
    10. 

  10. .chat-box .chat-list-top h1{line-height:16px;color:#428bca;height:16px;float:left;font-size:14px;margin-top:15px;font-weight:600;}
    11. 

  11. .chat-box .chat-list-top .minimize-chat-list{margin:6px 6px auto auto;float:right;cursor:pointer;font-size:18px;}
    12. 

  12. .chat-box .chat-list-top .minimize-chat-list:hover{color:#c00}
    13. 

  13. .chat-box .chat-list-content{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5FFFFFF', endColorstr='#E5FFFFFF');background:rgba(255,255,255,0.9);width:100%;height:440px;overflow:hidden;position:relative;}
    14. 

  14. .chat-box .chat-list-content dl{width:100%;}
    15. 

  15. .chat-box .chat-list-content dt{line-height:30px;background-color:#FAFAFA;height:30px;padding:0 10px;margin-top:-1px;border-style:solid;border-width:1px 0;border-color:#EEE;}
    16. 

  16. .chat-box .chat-list-content dt span{height:16px;float:right;margin:7px 0;line-height:16px;font-size:20px;font: 12px/1 iconfont;}
    17. 

  17. .chat-box .chat-list-content dt span.show:before{content: "\e738";}
    18. 

  18. .chat-box .chat-list-content dt:hover span.show{color:#C00}
    19. 

  19. .chat-box .chat-list-content dt span.hide:before{content: "\e73a";}
    20. 

  20. .chat-box .chat-list-content dt:hover span.hide{color:#C00}
    21. 

  21. .chat-box .chat-list-content dd{height:40px;padding:8px 10px;border-bottom:solid 1px #FAFAFA;}
    22. 

  22. .chat-box .chat-list-content dd .user-avatar{width:40px;height:40px;float:left;border-radius:5px;position:relative;z-index:1;}
    23. 

  23. .chat-box .chat-list-content dd .user-avatar i{width:6px;height:6px;border-width:1px;border-style:solid;border-radius:2px;position:absolute;z-index:9;bottom:0;right:0;}
    24. 

  24. .chat-box .chat-list-content dd .user-avatar i.online{background-color:#00D800;border-color:#0EB800;}
    25. 

  25. .chat-box .chat-list-content dd .user-avatar i.offline{background-color:#EEE;border-color:#777;}
    26. 

  26. .chat-box .chat-list-content dd .avatar-1 img{filter:none;-webkit-filter:none;-o-filter:none;}
    27. 

  27. .chat-box .chat-list-content dd .avatar-0 img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
    28. 

  28. 

  29. 

  30. .chat-box .chat-list-content dd .user-avatar img{width:40px;height:40px;border-radius:5px;}
    31. 

  31. .chat-box .chat-list-content dd h5{line-height:40px;color:#555;width:100px;float:left;cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:5px;}
    32. 

  32. .chat-box .chat-list-content dd a{width:16px;height:40px;line-height:40px;float:right;visibility:hidden;font-size:16px;}
    33. 

  33. .chat-box .chat-list-content dd a.msg{visibility:visible;}
    34. 

  34. .chat-box .chat-list-content dd:hover{background:#D9D9D9;}
    35. 

  35. .chat-box .chat-list-content dd:hover a{visibility:visible;color:#c00}
    36. 

  36. 

  37. .chat-box .bottom-bar{background-color:#F6F6F6;width:218px;height:30px;border-radius: 0 0 2px 2px;}
    38. 

  38. .chat-box .bottom-bar a{}
    39. 

  39. .chat-box .bottom-bar a i{display:inline-block;*display:inline/*IE7*/;height:30px;line-height:30px;margin-left:20px;*zoom:1;font-size:20px;color:#666;}
    40. 

  40. 

  41. /*状态*/
    42. 

  42. .chat_online, .chat_offline{line-height:999% !important;vertical-align:middle;display:inline-block;*display:inline/*IE7*/;width:21px;height:21px;margin:0 0 0 5px;overflow:hidden;*zoom:1;}
    43. 

  43. .chat_online{background:url(../images/chat_online_01.png) no-repeat 0 0;}
    44. 

  44. .chat_offline{background:url(../images/chat_offline_01.png) no-repeat 0 0;}
    45. 

  45. 

  46. /*对话框*/
    47. 

  47. .msg-windows{background:#D9D9D9;background-size:cover;z-index:1998;position:fixed;right:255px;bottom:0;float:right;display:none;width:742px;height:520px;border:solid 1px #DEDEDE;-webkit-background-clip: content;border-radius: 2px;box-shadow: 1px 1px 50px #DEDEDE;}
    48. 

  48. .msg-windows a{color:#333}
    49. 

  49. .msg-windows a:hover{text-decoration:none;}
    50. 

  50. .msg-dialog{max-width:742px;float:right;position:relative;z-index:1;}
    51. 

  51. .msg-dialog .dialog-body{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BFFFFFFF', endColorstr='#BFFFFFFF');background:rgba(255,255,255,0.9);border:solid #DEDEDE;border-width:0px 1px 0px 1px;width:520px;float:left;}
    52. 

  52. 

  53. .dialog-chat-right{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#59FFFFFF', endColorstr='#59FFFFFF');z-index:1990;background:rgba(255,255,255,0.35);width:220px;height:520px;float:left;}
    54. 

  54. .dialog-chat-right .dialog-close{margin:6px 6px auto auto;float:right;position:relative;z-index:2;cursor:pointer;font-size:18px;}
    55. 

  55. .dialog-chat-right .dialog-close:hover{color:#c00}
    56. 

  56. .dialog-chat-right .user-info{text-align:center;padding:15px;position:relative;z-index:1;}
    57. 

  57. .dialog-chat-right .user-info i{display:block;width:12px;height:12px;border-style:solid;border-width:1px;border-radius:100%;position:absolute;z-index:1;top:84px;right:72px;}
    58. 

  58. .dialog-chat-right .user-info i.online{background-color:#00D800;border-color:#0EB800;}
    59. 

  59. .dialog-chat-right .user-info i.offline{background-color:#CCC;border-color:#555;}
    60. 

  60. .dialog-chat-right .user-avatar{display:inline-block;width:90px;height:90px;margin:0 auto;border-radius:100%;}
    61. 

  61. .dialog-chat-right .user-avatar img{max-width:90px;max-height:90px;border-radius:100%;}
    62. 

  62. .dialog-chat-right .store-name,
    63. 

  63. .dialog-chat-right .user-name{font-size:14px;color:#555;line-height:20px;white-space:nowrap;text-overflow:ellipsis;width:100%;height:20px;margin-top:5px;overflow:hidden;}
    64. 

  64. .dialog-chat-right .store-name a{font-weight:600;color:#000;}
    65. 

  65. 

  66. .dialog-chat-right .goods-info{text-align:center;padding:15px;border-top:solid 1px #DEDEDE;}
    67. 

  67. .dialog-chat-right .goods-pic{display:inline-block;width:160px;height:160px;margin:0 auto;}
    68. 

  68. .dialog-chat-right .goods-pic img{max-width:160px;max-height:160px;}
    69. 

  69. .dialog-chat-right .goods-price{font-weight:600;color:#F32613}
    70. 

  70. .dialog-chat-right .goods-name{font-size:12px;line-height:18px;width:160px;margin:0 auto;}
    71. 

  71. .dialog-chat-right .goods-buy{display:inline-block;margin:10px auto;}
    72. 

  72. .dialog-chat-right .goods-buy a{font-size:12px;line-height:20px;color:#FFF;background-color:#F32613;padding:4px 16px;border-radius:5px;}
    73. 

  73. .dialog-chat-right .goods-buy a:hover{text-decoration:none;background-color:#B00;}
    74. 

  74. 

  75. .dialog-chat-right .goods-list{border-top:solid 1px #E6E6E6;}
    76. 

  76. .dialog-chat-right .goods-list .title{font-size:12px;font-weight:600;line-height:20px;color:#333;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7FFFFFFF', endColorstr='#7FFFFFFF');background:rgba(255,255,255,0.5);height:20px;padding:4px 9px;}
    77. 

  77. .dialog-chat-right .goods-list .content{display:block;}
    78. 

  78. .dialog-chat-right .goods-list .content ul{font-size:0;*word-spacing:-1px/*IE6、7*/;padding:10px 9px 0 10px;}
    79. 

  79. .dialog-chat-right .goods-list .content ul li{vertical-align:top;letter-spacing:normal;word-spacing:normal;text-align:center;display:inline-block;width:80px;padding:5px 10px;}
    80. 

  80. .dialog-chat-right .goods-list .goods-pic{width:60px;height:60px;margin:0 auot;}
    81. 

  81. .dialog-chat-right .goods-list .goods-pic a{width:60px !important;height:60px !important;}
    82. 

  82. .dialog-chat-right .goods-list .goods-pic img{max-width:60px !important;max-height:60px !important;}
    83. 

  83. .dialog-chat-right .goods-list .goods-price{font-size:12px;font-weight:600;color:#F32613}
    84. 

  84. .dialog-chat-right .goods-list .goods-id{cursor:pointer;font-size: 12px;font-weight: 600;background: #F32613;color: #fff;border-radius: 0.4rem;}
    85. 

  85. .dialog_chat_log{background-color:#FFF;width:219px;height:520px;z-index:1991;display:none;position:absolute;top:0;right:0;}
    86. 

  86. 

  87. .chat-log-top{background-color:#FAFAFA;width:100%;height:48px;border-bottom:solid 1px #CCC;}
    88. 

  88. .chat-log-top h1{font-size:18px;line-height:32px;color:#555;height:32px;float:left;margin:5px;}
    89. 

  89. .chat-log-top h1 i{display:inline-block;margin-right:6px;font-size:24px;line-height:32px;}
    90. 

  90. .chat-log-top .close-chat-log{margin:6px 6px auto auto;float:right;cursor:pointer;font-size:18px;}
    91. 

  91. .chat-log-top .close-chat-log:hover{color:#c00}
    92. 

  92. 

  93. .chat_log_list{width:218px;height:440px;overflow:hidden;position:relative;}
    94. 

  94. .chat-log-msg{padding:2px;}
    95. 

  95. .chat_msg{margin-bottom:5px;border-radius:2px;}
    96. 

  96. .chat_msg img{vertical-align:middle;}
    97. 

  97. .chat_msg:hover{background-color:#e2e2e2;}
    98. 

  98. .chat_msg .user-log{font-size:12px;line-height:20px;color:#30A9FC;padding:0 4px;}
    99. 

  99. .chat_msg .user-log .user-time{font-family:Tahoma, Geneva, sans-serif;font-size:11px;margin-left:8px;}
    100. 

  100. .chat_user .user-log{color:#0FB700 !important;}
    101. 

  101. .chat_msg .user-msg{font-size:12px;line-height:16px;color:#777;padding:0 4px 4px;}
    102. 

  102. .chat-log-bottom{color:#999;line-height:30px;background-color:#F0F0F0;height:30px;border-top:solid 1px #CCC;}
    103. 

  103. .chat_time_from{width:150px;padding:0 10px;float:left;}
    104. 

  104. .chat_time_from span{font-size:13px;vertical-align:middle;display:inline-block;padding:0 8px;cursor:pointer;}
    105. 

  105. .chat_time_from span.current{font-size:16px;color:#30A9FC;}
    106. 

  106. .chat_log_first,.chat_log_last{line-height:28px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);width:218px;height:28px;border-top:solid 1px #777777;position:absolute;z-index:99;bottom:30px;right:0;display:none;}
    107. 

  107. .chat_log_first p,.chat_log_last p{color:#FFF;text-align:center;}
    108. 

  108. 

  109. .chat_log_page{width:48px;float:right;}
    110. 

  110. .chat_log_page span{display:block;width:16px;height:16px;line-height:16px;text-align:center;float:left;margin:7px 4px;cursor:pointer;}
    111. 

  111. .chat_log_page span:hover{color:#C00;}
    112. 

  112. 

  113. .dialog_clear{clear:both;}
    114. 

  114. /* 联系人列表 BEGIN*/
    115. 

  115. .user-tab-bar{width:200px;height:520px;float:left;padding:0;position:relative;z-index:1;display:none;overflow:hidden;}
    116. 

  116. .user-tab-bar .user-list{}
    117. 

  117. .user-tab-bar .user-list li{width:180px;height:40px;position:relative;border-radius:3px;padding:5px;margin:5px;cursor: pointer;}
    118. 

  118. .user-tab-bar .user-list li.select_user{background:#F3F3F3;}
    119. 

  119. .user-tab-bar .user-list li.select_user:hover{}
    120. 

  120. .user-tab-bar .user-list li i{width:6px;height:6px;border-style:solid;border-width:1px;border-radius:4px;position:absolute;z-index:1;top:23px;left:5px;}
    121. 

  121. .user-tab-bar .user-list li i.online{background-color:#00D800;border-color:#0EB800;}
    122. 

  122. .user-tab-bar .user-list li i.offline{background-color:#CCC;border-color:#555;}
    123. 

  123. .user-tab-bar .user-list li .user-avatar,.user-tab-bar .user-list li.select_user .user-avatar{width:40px;height:40px;z-index:1;float:left;margin:0 10px 0 15px;}
    124. 

  124. .user-tab-bar .user-list li.select_user .user-avatar{background-color:#FFF;}
    125. 

  125. .user-tab-bar .user-list li .user-avatar img,.user-tab-bar .user-list li.select_user .user-avatar img {width:40px;height:40px;border-radius:100%;}
    126. 

  126. .user-tab-bar .user-list li .avatar-1 img{filter:none;-webkit-filter:none;-o-filter:none;}
    127. 

  127. .user-tab-bar .user-list li .avatar-0 img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
    128. 

  128. .user-tab-bar .user-list li .user-name{font-size:14px;color:#333;text-overflow:ellipsis;white-space:nowrap;display:block;width:65px;height:40px;line-height:40px;z-index:1;overflow:hidden;float:left;}
    129. 

  129. .user-tab-bar .user-list li.select_user .user-name{color:#000;font-weight:600;}
    130. 

  130. .user-tab-bar .user-list li em.unread{font-family:Tahoma, Geneva, sans-serif;font-size:11px;font-weight:600;line-height:16px;color:#FFF;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25);text-align:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;position:absolute;z-index:1;top:11px;right:8px;}
    131. 

  131. .user-tab-bar .user-list li a.ac-ico{display:none;width:20px;height:40px;line-height:40px;z-index:1;cursor:pointer;float:right;font-size:18px;}
    132. 

  132. .user-tab-bar .user-list li a.ac-ico:hover{color:#C00}
    133. 

  133. .user-tab-bar .user-list li:hover a.ac-ico{display:block;}
    134. 

  134. .user-tab-bar .user-list li:hover{background-color: #E2E2E2;}
    135. 

  135. .user-tab-bar .user-list .select_user:hover{background:#F3F3F3;}
    136. 

  136. 

  137. /* 联系人列表 END*/
    138. 

  138. 

  139. .msg-contnet{width:520px;height:373px;float:right;position:relative;overflow:hidden;}
    140. 

  140. .msg_list{width:500px;margin:10px auto;overflow:hidden;}
    141. 

  141. 

  142. .from_msg{width:400px;padding:0 0 0 48px;margin:10px 0;float:left;position:relative;z-index:1;}
    143. 

  143. .from_msg .user-avatar{width:40px;height:40px;position:absolute;z-index:1;position:absolute;z-index:1;top:0;left:0px;}
    144. 

  144. .from_msg .user-avatar img{width:40px;height:40px;border-radius: 100%;}
    145. 

  145. .from_msg dl{display:inline-block;float:left;border-radius:5px;padding:0 10px 10px 10px;position:relative;z-index:1;}
    146. 

  146. .from_msg dl dt.from-msg-time{font-family:Tahoma, Geneva, sans-serif;font-size:10px;color:#999;line-height:24px;text-align:left;}
    147. 

  147. .from_msg dl dd.from-msg-text{position: relative;display:inline-block;color:#333;line-height:22px;max-width:400px;word-wrap:break-word;background:#e2e2e2;padding: 8px 15px;border-radius: 3px;;font-size:14px;float:left;}
    148. 

  148. .from_msg dl dd.from-msg-text:after{content: '';position: absolute;left: -10px;top: 13px;width: 0;height: 0;border-style: solid dashed dashed;border-color: #e2e2e2 transparent transparent;overflow: hidden;border-width: 10px;}
    149. 

  149. .from_msg dl dd.from-msg-text img{vertical-align:middle;}
    150. 

  150. 

  151. .to_msg{width:400px;padding:0 48px 0 0;margin:10px 0;float:right;position:relative;z-index:1;}
    152. 

  152. .to_msg .user-avatar{width:40px;height:40px;position:absolute;z-index:1;top:0;right:0px;}
    153. 

  153. .to_msg .user-avatar img{width:40px;height:40px;border-radius: 100%;}
    154. 

  154. .to_msg dl{display:inline-block;float:right;border-radius:5px;padding:0 10px 10px 10px;position:relative;z-index:1;}
    155. 

  155. .to_msg dl dt.to-msg-time{font-family:Tahoma, Geneva, sans-serif;font-size:10px;color:#999;line-height:24px;text-align:right;}
    156. 

  156. .to_msg dl dd.to-msg-text{position: relative;display:inline-block;color:#fff;line-height:22px;max-width:400px;word-wrap:break-word;background:#5FB878;padding: 8px 15px;border-radius: 3px;font-size:14px;float:right;}
    157. 

  157. .to_msg dl dd.to-msg-text:after{content: '';position: absolute;right: -10px;top: 13px;width: 0;height: 0;border-style: solid dashed dashed;border-color: #5FB878 transparent transparent;border-width: 10px;}
    158. 

  158. .to_msg dl dd.to-msg-text img{vertical-align:middle;}
    159. 

  159. 

  160. .msg_list .goods_info{background-color:#FFF;display:block;clear:both;padding:4px;margin:5px 0;border:solid 1px #CCC;}
    161. 

  161. .msg_list .goods_info .goods_pic{width:60px;height:60px;}
    162. 

  162. .msg_list .goods_info .goods_name{line-height:16px;float:right;width:205px;height:32px;overflow:hidden;}
    163. 

  163. .msg_list .goods_info .goods_name a{font-weight:600;}
    164. 

  164. .msg_list .goods_info .goods_price{font-weight:600;color:#F00;float:right;width:205px;height:20px;margin-top:8px;}
    165. 

  165. 

  166. .clear_msg{line-height:20px;background-color:#F7F7F7;clear:both;display:block;width:100%;height:20px;padding:6px 0;margin-top:6px; text-align:center;opacity:0.25;}
    167. 

  167. .clear_msg:hover{opacity:1;}
    168. 

  168. 

  169. .msg-input-box{width:520px;border-top:solid 1px #F1F1F1;float:right;}
    170. 

  170. .msg-input-box .msg-input-title{line-height:35px;height:35px;padding:0 10px;}
    171. 

  171. .msg-input-box .msg-input-title i{font-size:20px;line-height:35px;cursor:pointer;}
    172. 

  172. .msg-input-box .title{float:left;padding-left:10px;}
    173. 

  173. .msg-input-box .smilies-module{background-color:#FFF;border:1px solid #D5E5F5;display:none;height:108px;width:224px;padding:6px;position:absolute;z-index:999;}
    174. 

  174. .msg-input-box .chat_tools{float:left;}
    175. 

  175. .msg-input-box .chat_tools i{font-size:20px;}
    176. 

  176. .msg-input-box .chat-log-btn{float:right;position:relative;}
    177. 

  177. .msg-input-box .chat-log-btn i{margin-left:6px;cursor:pointer;font: normal normal normal 14px/1 iconfont;}
    178. 

  178. .msg-input-box .chat-log-btn.off i:before{content: "\e76c";color:#ddd;}
    179. 

  179. .msg-input-box .chat-log-btn.on i:before{content: "\e76b";color:#5FB878;}
    180. 

  180. 

  181. 

  182. 

  183. .msg-input-box .textarea{line-height:18px;width:490px;height:64px;padding:4px !important;margin:0 10px;border:none;border-radius:8px;resize:none;font-size:14px;}
    184. 

  184. .msg-input-box #send_alert{font-size:12px;line-height:20px;color:#F90;position:absolute;z-index:1;right:90px;bottom:10px;}
    185. 

  185. .msg-bottom{height:39px;position:relative;z-index:1;}
    186. 

  186. .msg-input-box .msg-button{font-size:14px;color:#fff;line-height:20px;height:20px;float:right;padding:4px 10px;position:absolute;z-index:1;right:10px;top:5px;cursor:pointer;background-color:#5FB878;border-radius:3px;}
    187. 

  187. .msg-input-box .msg-button:hover{background-color:#69BC80;}
    188. 

  188. 

  189. .msg-input-box #msg_count{height:20px;padding:5px 0;position:absolute;z-index:1;left:8px;top:5px;}
    190. 

  190. .msg-input-box #msg_count .counter{font-size:12px;color:#999;line-height:20px;background-color:transparent;width:auto;margin:0;padding:0;border:0 none;}
    191. 

  191. .msg-input-box #msg_count .counter em{font-family:Georgia,Arial;font-size:16px;font-style:italic;font-weight:600;color:#555;margin:0 4px;}
    192. 

  192. .msg-input-box #msg_count .counter em.warning{background-color:transparent !important;color:#F90!important;border:none!important;padding:0;width:auto !important;}
    193. 

  193. .msg-input-box #msg_count .counter em.exceeded{color:#F00 !important;}
    194. 

  194. 

  195. .ps-container .ps-scrollbar-x{position:absolute;bottom:3px;height:8px;background-color:#aaa;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity.2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.ps-container:hover .ps-scrollbar-x{opacity:.6;filter:alpha(opacity=60)}.ps-container .ps-scrollbar-x:hover{opacity:.9;filter:alpha(opacity=90);cursor:default}.ps-container .ps-scrollbar-x.in-scrolling{opacity:.9;filter:alpha(opacity=90)}.ps-container .ps-scrollbar-y{position:absolute;right:3px;width:8px;background-color:#aaa;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity.2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.ps-container:hover .ps-scrollbar-y{opacity:.6;filter:alpha(opacity=60)}.ps-container .ps-scrollbar-y:hover{opacity:.9;filter:alpha(opacity=90);cursor:default}.ps-container .ps-scrollbar-y.in-scrolling{opacity:.9;filter:alpha(opacity=90)}
    196. 

  196. 

  197.     .dstouch-chat-product { width: 93%; margin: 0.5rem auto; padding: 0.5rem 0; border: solid 0.05rem #DDD; background-color: #FFF; position: relative;}
    198. 

  198.     .dstouch-chat-product .goods-pic { width: 2.5rem; height: 2.5rem; position: absolute;  top: 0.5rem; left: 0.5rem;}
    199. 

  199.     .dstouch-chat-product .goods-pic img { width: 100%;}
    200. 

  200.     .dstouch-chat-product .goods-info { margin: 0 0.5rem 0 3.5rem;}
    201. 

  201.     .dstouch-chat-product .goods-name { font-size: 0.7rem; line-height: 0.7rem; height: 1.4rem; overflow: hidden; margin-bottom: 0.3rem; color: #000;}
    202. 

  202.     .dstouch-chat-product .goods-price { font-size: 0.6rem; line-height: 0.9rem; height: 0.9rem; color: #f23030; font-weight: 600;}
    203.