Почетна Преглед Помоћ
Регистрација Пријавите Се
liyaoyu
/
pfhwyigou
Прати 1
Волим 0
Креирај огранак 0
Files Дискусије 0 Захтеви за спајање 0 Вики
Грана: master
Гране Ознаке
pfhwyigou
/
mobile
/
web
/
overseas
/
live
/
css
/
broadcastdetails.css

broadcastdetails.css 14 KB
Пермалинк Историја Датотека

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215 
  1. body{background:#FFF;}
    2. 

  2. 

  3. .Statistics{
    4. 

  4.   position: relative;
    5. 

  5.   left:0;
    6. 

  6.   bottom: 0;
    7. 

  7. }
    8. 

  8. 

  9. /*头部*/
    10. 

  10. .detailsctitle{border-bottom:1px solid #E9E9E9;padding:15px;display:flex;align-items:center;}
    11. 

  11. .detailsctitle a{display:block;width:40px;height:16px;}
    12. 

  12. .detailsctitle img{display:block;width:8px;height:14px;float: left;}
    13. 

  13. .detailsctitle p{float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:1.05rem;color:#191919;font-weight:600;}
    14. 

  14. 

  15. /*推送*/
    16. 

  16. .push{margin-top:12px;padding:0 15px;}
    17. 

  17. .push i{position:relative;display:block;float: left;height:25px;padding:0 8px;display:flex;align-items:center;font-size:0.9375rem;color:#FFF;background:#536C8E;line-height:25px;border-radius:3px;}
    18. 

  18. .push i.on:before {content:"";width:4px;height:4px;background:#FFF;display:block;float: left;border-radius:100px;margin-right:3px;}
    19. 

  19. .push i.on {background:#FC002A;}
    20. 

  20. .push .push_pm{float:left;margin-left:10px;width:70%;overflow:hidden;}
    21. 

  21. .push .push_pm .tempWrap{width:100% !important ;}
    22. 

  22. .push .push_pm ul li{line-height:25px;white-space:nowrap;float: left;margin-right:20px;}
    23. 

  23. .push .push_pm ul li a{font-size:1rem;color:#191919;}
    24. 

  24. .push .aimg{display:block;float: right;width:17px;height:25px;}
    25. 

  25. .push .aimg img{width:17px;height:17px;position:relative;top:2px;}
    26. 

  26. @media screen and (min-width: 300px) and (max-width: 374px) { 
    27. 

  27. .push p{width:66%;}
    28. 

  28. }
    29. 

  29. 

  30. /*视频*/
    31. 

  31. .m_video{width:100%;height:240px;position:relative;margin-top:12px;}
    32. 

  32. .m_videobj{width:100%;height:100%;display:none;}
    33. 

  33. .m_videobj img{width:100%;height:100%;}
    34. 

  34. .m_video_img{width:100%;position:absolute;top:0;left:0;height:100%;}
    35. 

  35. .m_video_img .img{width:55px;display:block;position:absolute;top:50%;left:50%;margin-top:-27.5px;margin-left:-27.5px;}
    36. 

  36. .m_video_img i{font-size:0.8125rem;color:#FFF;border-radius:50px;background:#333;padding:5px 14px;position:absolute;top:19px;left:0px;}
    37. 

  37. .m_video_img i img{width:13px;margin-right:5px;margin-top:-2px;}
    38. 

  38. 

  39. /*扫码*/
    40. 

  40. .sweepcode_box{margin-top:15px;padding:0 15px;}
    41. 

  41. .sweepcode_title span{float: left;display:block;font-size:0.9375rem;color:#666;line-height:25px;display:flex;align-items:}
    42. 

  42. .sweepcode_title span img{width:19px;height:25px;margin-right:10px;}
    43. 

  43. .sweepcode_title i{display:block;float: right;font-size:0.8125rem;color:#4292F1;border:1px solid #4292F1;border-radius:100px;padding:4px 9px;}
    44. 

  44. .sweepcode_title i.sq{display:none;}
    45. 

  45. .sweepcode_switch{margin-top:15px;}
    46. 

  46. .sweepcode_switch .zb .microcode{border:1px solid #AAA;display:block;float: left;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:5px;width:24%;}
    47. 

  47. .sweepcode_switch .zb .microcode img{width:100%;display:block;}
    48. 

  48. .sweepcode_switch .zb .img{display:block;float: left;width:60%;margin-top:20px;margin-left:5%;}
    49. 

  49. .sweepcode_switch .gzh{text-align:center;padding:15px 0;display:none;}
    50. 

  50. .sweepcode_switch .gzh img{width:110px;height:110px;display:block;margin:auto;}
    51. 

  51. .sweepcode_switch .gzh i{display:block;font-size:0.875rem;color:#747E88;margin-top:7px;}
    52. 

  52. 

  53. 

  54. /*户型 、详情、评论*/
    55. 

  55. .Exemption{display:none;}
    56. 

  56. .m_album_box{height:100%;}
    57. 

  57. /*切换头部*/
    58. 

  58. .m_album_title{margin-top:15px;}
    59. 

  59. .m_album_title span{border-top:1px solid #E9E9E9;border-bottom:1px solid #E9E9E9;font-size:0.875rem;color:#999;width:50%;height:40px;float:left;display:flex;align-items:center;justify-content:center;}
    60. 

  60. .m_album_title span.on{color:#fff;
    61. 

  61.   background: linear-gradient(left, #6DBBFE, #4A8AFF);
    62. 

  62.   background: -webkit-linear-gradient(left, #6DBBFE, #4A8AFF);
    63. 

  63.   background: -o-linear-gradient(left, #6DBBFE, #4A8AFF);
    64. 

  64.   background: -moz-linear-gradient(left, #6DBBFE, #4A8AFF);
    65. 

  65. }
    66. 

  66. .m_album_title span i{width:15px;height:14px;margin-right:5px;position: relative;top: -1px;}
    67. 

  67. .m_album_title span:nth-child(1) i{display:block;background:url(../image/zb010.png) no-repeat 0 0/ 100% 100%;}
    68. 

  68. .m_album_title span:nth-child(2) i{display:block;background:url(../image/zb010.png) no-repeat 0 0/ 100% 100%;}
    69. 

  69. .m_album_title span:nth-child(3) i{display:block;background:url(../image/zb011.png) no-repeat 0 0/ 100% 100%;}
    70. 

  70. 

  71. .m_album_title span.on:nth-child(1) i{display:block;background:url(../image/zb10.png) no-repeat 0 0/ 100% 100%;}
    72. 

  72. .m_album_title span.on:nth-child(2) i{display:block;background:url(../image/zb10.png) no-repeat 0 0/ 100% 100%;}
    73. 

  73. .m_album_title span.on:nth-child(3) i{display:block;background:url(../image/zb11.png) no-repeat 0 0/ 100% 100%;}
    74. 

  74. 

  75. /*切换盒子*/
    76. 

  76. .qhshow_box{height:350px;;overflow:auto;}
    77. 

  77. 

  78. /*户型图片*/
    79. 

  79. .m_album_l{width:24%;height:100%;background:#F8F8F8;position:relative;float: left;}
    80. 

  80. .m_album_l_title{border-right:1px solid #EEE;position:absolute;top:0;left:0;width:100%;height:100%;}
    81. 

  81. .m_album_l_title span{width:100%;height:55px;line-height:55px;text-align:center;font-size:1rem;color:#666;display: block;border-top:1px solid #EEE;}
    82. 

  82. .m_album_l_title span.on{background:#FFF;color:#333;}
    83. 

  83. 

  84. .m_album_r{width:76%;height:100%;float:right;
    85. 

  85. /*max-height:550px;
    86. 

  86. overflow:auto;
    87. 

  87. -webkit-overflow-scrolling : touch;  
    88. 

  88. -moz-overflow-scrolling : touch;
    89. 

  89. -o-overflow-scrolling : touch;*/
    90. 

  90. }
    91. 

  91. .m_album_r_lsit{width:89%;height:auto;margin:auto;margin-top:10px;}
    92. 

  92. .m_lsitImg{border-bottom:1px solid #EEE;border-radius:2px;overflow:hidden;padding:15px 0;}
    93. 

  93. .m_album_r_lsit .m_lsitImg:last-child{border-bottom:0;}
    94. 

  94. .m_lsitImg img{width:43%;height:80px;display:block;float:left;border:1px solid #EEE;border-radius:5px;}
    95. 

  95. .m_lsitImg .m_lsittext{float:left;width:53%;height:100%;margin-left: 4%;}
    96. 

  96. .m_lsitImg .m_lsittext em{font-size:0.875rem;color:#333;margin-top:7px;font-weight:600;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
    97. 

  97. .m_lsitImg .m_lsittext span{font-size:0.6875rem;color:#666;margin-top:9px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
    98. 

  98. .m_lsitImg .m_lsittext i{font-size:0.6875rem;color:#666;margin-top:9px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
    99. 

  99. #cnzz_stat_icon_1260633409{position:absolute;bottom:0;left:0;}
    100. 

  100. 

  101. /*详情*/
    102. 

  102. .m_xqswitch{padding:0 15px;}
    103. 

  103. .m_xqswitch .title{font-size:1.125rem;color:#333;font-weight:600;margin-top:20px;}
    104. 

  104. .m_xqswitchtext{ margin-top: 15px; font-size: 1rem; color: #333; line-height: 25px;}
    105. 

  105. .m_xqswitchtext p{ padding: 5px 0;}
    106. 

  106. .m_xqswitchtext img{ padding: 3px 0;}
    107. 

  107. .qhshow{display:none;}
    108. 

  108. 

  109. 

  110. 

  111. /*相册弹窗*/
    112. 

  112. .none{display:none !important;}
    113. 

  113. html, body {position: relative;height: 100%;}
    114. 

  114. .m_swiper_xc{width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;background:#000;display:none;}
    115. 

  115. .m_swiper_ajax{width:100%;height:100%;}
    116. 

  116. .m_tcswiper_box{width:100%;height:100%;position:relative;
    117. 

  117.   display:flex;
    118. 

  118.   display:-webkit-flex;
    119. 

  119.   display:-moz-flex;
    120. 

  120.   display:-o-flex;
    121. 

  121.   align-items:center;
    122. 

  122. }
    123. 

  123. .m_swiper{width: 100%;height:80%;}
    124. 

  124. .m_swiper_ul{width:100%;height:100%;}
    125. 

  125. .m_swiper_li{overflow: hidden;height:100%;}
    126. 

  126. .m_swiper_li img{width:100%;object-fit: fill;}
    127. 

  127. .m_swiper_gb{position:absolute;top:20px;right:20px;z-index:10;width:17px;}
    128. 

  128. .m_swiper_gb img{width:100%;display:block;}
    129. 

  129. 

  130. .m_tcswiper_box .swiper-button-prev{width:26px;height:52px;background: rgba(0, 0, 0, 0.3) url(../image/lpindex3.png) no-repeat 6px  17px/ 10px 16px;border-radius:0 3px 3px 0;left:0;}
    131. 

  131. .m_tcswiper_box .swiper-button-next{width:26px;height:52px;background: rgba(0, 0, 0, 0.3) url(../image/lpindex4.png) no-repeat 10px 17px/ 10px 16px;border-radius:3px 0 0 3px;right:0;}
    132. 

  132. .swiper_text{border:1px solid;position: absolute;bottom:17px;width: 100%;padding:0 16px;}
    133. 

  133. .m_swiper_head{height:10%;position:absolute;top:0;width:100%;}
    134. 

  134. .m_swiper_head .m_swiper_fh{float:left;height:100%;position:relative;z-index:10;}
    135. 

  135. .m_swiper_head .m_swiper_fh img{width:12px;margin-top:20px;margin-left:20px;}
    136. 

  136. .m_swiper_qb{float:right;margin-top:20px;margin-right:20px;position:relative;z-index:10;}
    137. 

  137. .m_swiper_qb a{font-size:1.0625rem;color:#FFF;}
    138. 

  138. .m_tcswiper_box .swiper-pagination{color: #FFF; z-index: 1;font-size:1rem;top:20px;}
    139. 

  139. 

  140. 

  141. /*评论*/
    142. 

  142. .m_comment_box{}
    143. 

  143. /*信息*/
    144. 

  144. .m_comment{height:290px;overflow:auto;}
    145. 

  145. .comment_time {display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;}
    146. 

  146. .comment_time span {display: inline-block;font-size: 12px;padding: 2px 4px;border-radius: 3px;line-height: 12px;background: #D9D9D9;color: #fff;}
    147. 

  147. .comments {position: relative;}
    148. 

  148. .comments li.comment {border-bottom: none;padding-bottom: 12px;min-height: 16px;}
    149. 

  149. .comment, .gifts {padding-left: 55px;padding-bottom: 6px;padding-top: 6px;margin: 0 10px;border-bottom: solid 1px rgba(0, 0, 0, 0.05);position: relative;}
    150. 

  150. .comments > li .avatar {border-radius: 3px;}
    151. 

  151. .comment .avatar, .gifts .avatar {width: 40px;height: 40px;margin-left: -52px;border-radius: 50%;float: left;margin-top: 3px;}
    152. 

  152. .comment .username {max-width: none !important;margin-left: 1px;}
    153. 

  153. .comment .username, .gifts .username {color: #406580;font-size: 13px;overflow: hidden;white-space: nowrap;max-width: 60%;height: 22px;text-overflow: ellipsis;}
    154. 

  154. .comments .comment .username p {
    155. 

  155.     color: #999;
    156. 

  156. }
    157. 

  157. .comment .username p {display: inline-block;float: left;max-width: 125px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    158. 

  158. .comments .comment .time {display: none;}
    159. 

  159. .comment .time, .gifts .time {position: absolute;right: 0;top: 8px;color: #888;font-size: 10px;}
    160. 

  160. .comments > li .content {margin-left: 8px;position: relative;left: -5px;max-width: 225px;font-size: 16px;background: #fff;padding: 9px 8px 7px 8px;display: inline-block;border: 1px solid #E6E6E6;word-break: break-all;word-wrap: break-word;border-radius: 5px;}
    161. 

  161. .comment .content, .gifts .content {display: block;min-height: 21px;color: #333;font-size: 14px;word-break: break-all;word-wrap: break-word;}
    162. 

  162. .comments > li .content:after {top: 15px;content: '';background: #fff;border-left: 1px solid #e6e6e6;position: absolute;border-bottom: 1px solid #e6e6e6;left: -5px;width: 7px;height: 7px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
    163. 

  163. .comment .official {font-size: 10px;padding: 2px 2px 1px;}
    164. 

  164. .official {color: #fff;background-color: #20a0ff;border-radius: 2px;font-size: 12px;padding: 2px 3px;margin-left: 5px;}
    165. 

  165. 

  166. 

  167. 

  168. 

  169. 

  170. /*发送消息*/
    171. 

  171. .bottom-bar {position: fixed;bottom: 0;left: 0;width: 100%;height: 54px;box-shadow: 0 0 2px 1px rgba(0, 0, 0, .05);z-index: 8;background-color: #f5fbff;}
    172. 

  172. .bar-box{ width: 100%;height: 100%;padding: 8px 10px;background-color: #fcfafa;}
    173. 

  173. .bottom-bar textarea {-webkit-appearance: none;resize: none; border: 1px solid #eee;background-color: #fff;height: 37px;line-height: 25px;padding: 5px 10px;width: 76%;font-size: 15px;outline: none;float: left;border-radius:3px;}
    174. 

  174. .bottom-bar textarea:focus {background-color: #fff;}
    175. 

  175. .bottom-bar .u-send {float:right;background:#20a0ff;border-radius:3px;height:36px;width:20%;text-align:center;line-height:35px;}
    176. 

  176. .u-send span {font-size: 0.95rem;color:#FFF;}
    177. 

  177. 

  178. 

  179. .y_reduced2{display: none; width: 90%; height: 274px; background: #fff; z-index: 6;  border-radius: 4px;overflow:hidden; position: fixed; left: 50%;top: 50%; margin-top: -137px; margin-left: -45%;}
    180. 

  180. .y_reduced2_main{position:relative; width: 100%; height: 100%;}
    181. 

  181. .m_reduced_r2{width:100%;height:100%; position: relative; padding-bottom: 20px;}
    182. 

  182. .y_reduced2_gb{ width: 25px; height: 25px; position: absolute; right: 10px; top: 10px; z-index: 1;}
    183. 

  183. .y_reduced2_gb a{display: block; text-align: center; line-height: 25px;}
    184. 

  184. .y_reduced2_gb img{ width: 20px; height: 20px; display: inline-block; line-height: 20px;}
    185. 

  185. .m_reduced_r_title2{width: 80%; margin: 0 auto; padding-top:20px;}
    186. 

  186. .m_reduced_r_title2 em{display:block;font-size:1.125rem;color:#333; font-weight: bold;}
    187. 

  187. .m_reduced_r_title2 span{font-size:0.875rem;color:#999;display:block;margin-top:10px;}
    188. 

  188. .m_reduced_r2 form{width:80%; display:block; margin: 15px auto 10px;}
    189. 

  189. .y_reduced2_bg{ display: none; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 5; background: rgba(0,0,0,0.5);}
    190. 

  190. 

  191. .y_reduced_left2 p.zhanghao{ position: relative; margin-bottom: 20px;}
    192. 

  192. .y_reduced_left2 p.zhanghao span{display: block; width: 12px; height: 20px; position: absolute; left: 15px; top: 10px;}
    193. 

  193. .y_reduced_left2 p.zhanghao input.in-text{ font-size: 0.875rem; color: #666; width:100%; height: 40px; border-radius: 3px; border:1px solid #CBCBCB; background: #fff; padding-left:36px; }
    194. 

  194. .y_reduced_left2 p.zhanghao a{position: absolute; display: none; right: 16px; top: 14px; width: 17px; height: 17px;}
    195. 

  195. .y_reduced_left2 p.zhanghao span img{ width: 100%; height: 100%;}
    196. 

  196. .y_reduced_left2 p.zhanghao a img{width: 100%;  height: 100%;}
    197. 

  197. .y_reduced_left2 p.zhanghao b.hint-text{ font-size: 12px; font-weight: normal; color: #FF3F3F; display: none; position: absolute; left: 3px; bottom: -17px;}
    198. 

  198. .y_reduced_left2 p.zhanghao input.in-text.on{border-color: #FF3F3F;}
    199. 

  199. 

  200. .y_reduced_left2 p.mima{ width: 100%; position: relative;}
    201. 

  201. .y_reduced_left2 p.mima em{ display:inline-block; width: 64%; position: relative; height: 40px;}
    202. 

  202. .y_reduced_left2 p.mima em span{display: inline-block; position: absolute; left: 12px; top: 11px; width: 15px; height: 13px;}
    203. 

  203. .y_reduced_left2 p.mima em span img{width: 100%; height: 100%;}
    204. 

  204. .y_reduced_left2 p.mima em input.in-text{ width: 100%; font-size: 0.875rem; color: #666; height: 40px; border-radius: 3px; border:1px solid #CBCBCB; background: #fff; padding-left:36px;}
    205. 

  205. .y_reduced_left2 p.mima input.btn{ width: 32%; height: 40px; color: #999; border-radius: 3px; border:1px solid #CBCBCB; background: #fff; font-size: 0.75rem;}
    206. 

  206. .y_reduced_left2 p.mima input.btn.on{ color: #2DB1FB; border-color:#2DB1FB; }
    207. 

  207. .y_reduced_left2 p.mima input.btn:hover{ color: #2DB1FB; border-color:#2DB1FB; }
    208. 

  208. 

  209. .y_reduced_left2 p.mima b.hint-text{ font-size: 0.75rem; color: #FF3F3F; font-weight: normal; display: none; position: absolute; left: 3px; bottom: -17px;}
    210. 

  210. .y_reduced_left2 p.mima em input.in-text.on{border-color: #FF3F3F;}
    211. 

  211. .m_reduced_r2 form #buttom_m{width:100%;height:40px;background:#3072F6;text-align: center; line-height: 40px; display:block;border:0;margin-top:20px;font-size:0.925;color:#FFF;border-radius:4px;}
    212. 

  212. .m_reduced_r2 form #buttom_m:hover{background: #1C5BDA;}
    213. 

  213. 

  214. 

  215.