lpindex.css 37 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762
  1. body {background:#f8f8f8;}
  2. .wbg {background:#fff;}
  3. .puic_wid {width:1188px;}
  4. .conebg {background:#fff;padding:0 30px 50px;width:1128px;}
  5. .y_puicdh_c {box-shadow:1px 2px 7px 1px #f2f2f2;}
  6. .site {padding:30px 0 20px;}
  7. .lp_name {font-weight:600;font-size:26px;margin-bottom:30px; float: left;}
  8. .lp_name i {display:inline-block;font-size:12px;background:#DFA24E;color:#fff;padding:6px 12px;vertical-align:middle;margin-left:19px;position:relative;top:-1px}
  9. .yv2lp_apply{ float: right;}
  10. .yv2lp_apply a{ display: inline-block; width: 148px; height:40px; line-height:40px; border-radius: 4px; text-align: center; font-size: 16px;}
  11. .yv2lp_apply a.jjtzcolor1{ border: 1px solid #DFA24E; color:#DFA24E;}
  12. .yv2lp_apply a.jjtzcolor2{ border: 1px solid #FFF; color: #FFF;}
  13. .yv2lp_apply a.bmkft{ border: 1px solid #DFAE5E; color:#22212F;margin-left: 20px;
  14. background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  15. -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  16. -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  17. }
  18. .yv2lp_apply a:hover{ background-color: #CE1B1B; border-color: #CE1B1B; color: #fff;}
  19. /**/
  20. .lp_site {font-size:15px;color:#666666;margin-top:15px;}
  21. .lp_site:before {content:"";display:inline-block;width:9px;height:12px;background:url(/image/amend/map.png) no-repeat center/9px 12px;margin-right:6px;position:relative;top:2px;}
  22. /*咨询*/
  23. .consult {margin:0 auto;width:1188px;display: -webkit-flex;display: flex;flex-wrap: nowrap;}
  24. .consult > a {display:inline-block;width:25%;height:85px;padding-top:45px;display: -webkit-flex;display: flex;flex-wrap: nowrap;}
  25. .consult > a:hover .consult-font h2 {color:#DFA24E;}
  26. .consult .consult-img {display:inline-block;vertical-align:middle;width:40px;height:40px;margin:0 15px 0 22px;}
  27. .consult .consult-img > img {display:block;width:40px;height:40px;}
  28. .consult .consult-font {display:inline-block;vertical-align:middle;}
  29. .consult .consult-font h2 {font-weight:bold;font-size:18px;color:#333;}
  30. .consult .consult-font p {font-size:14px;color:#999;margin-top:5px;}
  31. .xgNav{background:#182D40; width: 100%; height: 50px;z-index: 20;display:none;}
  32. .xgNav_main{ width: 1200px; margin: 0 auto; height: 50px;}
  33. .xgNav_main .left_nav{ float: left;margin-left:40px;height:50px;}
  34. .xgNav_main .left_nav a{display: inline-block; font-size: 16px; color: #FFF; height: 50px; line-height: 50px;padding:0 10px;}
  35. /*.xgNav_main .left_nav a+a{ margin-left:35px;}*/
  36. .xgNav_main .left_nav a.active{background:#2C445E;}
  37. .yv2lp_apply2{ position: relative; top: 5px;}
  38. .xgNav .yv2lp_apply a {width:100px;height:38px;line-height:38px;}
  39. .xgNav .yv2lp_apply a:hover{background:#CE1B1B;}
  40. .pin-wrapper{ float: left;z-index: 10;}
  41. /*顶部*/
  42. .lp_top {position:relative;}
  43. .lp_top > img {display:block;height:500px;width:100%;}
  44. .m_Broadcast {width:630px;height:486px;float:left;}
  45. .m_Broadcast .bd ul li{ height: 486px; width: 100%;}
  46. .m_Broadcast .bd ul li img{ height: 100%; width: 100%;}
  47. .m_Broadcast .m_Broadcast_lu li img {display:block;width:100%;height:100%;}
  48. .m_Broadcast .prev{position:absolute;top:50%;left:20px;border-radius: 30px;margin-top:-22px;background: url(/image/prev.png) no-repeat center/44px 44px;display:block;width:44px;height:44px;}
  49. .m_Broadcast .next{position:absolute;top:50%;right:20px;border-radius: 30px;margin-top:-22px;background:url(/image/next.png) no-repeat center/44px 44px;display:block;width:44px;height:44px;}
  50. .v2header{ width: 630px; height: auto;}
  51. .v2header_top{ width: 630px; height: 420px; position: relative; border:1px solid #eee;}
  52. .v2header_top ul li{ width: 100%; height: 420px; display: none;}
  53. .v2header_top ul li:nth-child(1){display:block;}
  54. .v2header_top ul li i{ width: 630px; height: 420px;display: table-cell; vertical-align: middle; text-align: center;}
  55. /*.v2header_top ul li img{ width: 100%; height: 100%;}*/
  56. #v2header_top ul li em{ position:relative;}
  57. #v2header_top ul li em span{ position: absolute; right: 10px; top: 10px; background: rgba(0,0,0,0.4); font-size: 13px; color: #fff; padding:2px 8px; border-radius: 20px;}
  58. #v2header_top ul li em >img{ width:100%; height: 100%;max-width: 630px;max-height: 420px; display: inline-block;}
  59. #v2header_top ul li.video_m{ width: 100%; height: 422px; position: relative;}
  60. #v2header_top ul li.video_m p{display: inline-block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2;}
  61. #v2header_top ul li.video_m p img{ width: 100%; height: 100%;}
  62. #v2header_top ul li.video_m i{z-index: 3; display: inline-block; width: 99px; height: 99px; position: absolute; left: 50%; top: 50%; margin-left: -49.5px; margin-top: -49.5px;}
  63. #v2header_top ul li.video_m i img{ width: 100%; height: 100%;}
  64. #v2header_top ul li.video_m video{ width: 630px; height: 422px;object-fit: fill;}
  65. #front2,#next2{ z-index: 10; width: 44px; height: 44px; position: absolute;top: 50%; border-radius: 100%; text-align: center; background: rgba(0,0,0,0.5);}
  66. #front2 a,#next2 a{ display: inline-block; height: 44px;}
  67. #front2 a img,#next2 a img{ width: 12px; height: 16px; display: inline-block; position:relative; top: 50%; margin-top: -8px;}
  68. #front2{left: 10px;}
  69. #next2{right: 10px;}
  70. .v2header_xtimg{ margin-top: 10px; width: 630px; height: 86px; position: relative; overflow: hidden;}
  71. .v2header_xtimg i{ z-index: 10; display: block; width: 26px; height: 84px; position: absolute; top: 0px; background: #A1A1A1; text-align: center;}
  72. .v2header_xtimg i:hover{background: #1A1C28;}
  73. .v2header_xtimg i img{ width: 7px; height: 13px;display: inline-block; position: relative; top: 50%; margin-top: -6.5px;}
  74. .v2header_xtimg i.picSildeLeft2{ left: 0px; }
  75. .v2header_xtimg i.picSildeRight2{ right: 0px; }
  76. .v2header_xtimgUl{ width: 565px;margin: 0 auto; overflow: hidden;}
  77. .v2header_xtimgUl ul{ position: relative; }
  78. .v2header_xtimgUl ul li{ width: 134px;margin-right: 8px; height: 84px; float: left; border: 1px solid #fff; position: relative; }
  79. .v2header_xtimgUl ul li.hov{ border-color:#E03700; }
  80. .v2header_xtimgUl ul li p:nth-child(1){ width: 100%; height: 100%;}
  81. .v2header_xtimgUl ul li p:nth-child(1) img{ width: 100%; height: 100%;}
  82. .v2header_xtimgUl ul li p:nth-child(2){position: absolute;left: 0px; width: 100%; bottom: 0px;font-size: 14px;color: #fff; text-align: center; padding: 4px 0; background: rgba(0,0,0,0.6);}
  83. .v2header_xtimgUl ul li.video_xt img{ width: 100%; height: 100%;}
  84. .lp_bg {padding:30px;background:#fff;height:505px;width:1128px;margin:0 auto;position:absolute;left:50%;margin-left:-594px;top:30px;box-shadow:1px 2px 7px 1px #f2f2f2;}
  85. .lp_r {width:437px;float:left;position:relative; height: 500px;margin-left:40px;}
  86. .counselor {position:absolute;display:inline-block;right:0;bottom:0;text-align:center;font-size:12px;}
  87. .counselor p {margin-top:5px;}
  88. .lp_r_price {padding-bottom:15px;border-bottom:1px solid #F5F6FB;}
  89. .lp_r_price span:nth-child(2) {margin-left:14px;color:#999;font-size: 16px;}
  90. .lp_r_price p {margin-top:10px;}
  91. .lp_r_price p a{display:inline-block;color:#EE5757;}
  92. .lp_r_price p a img {display:inline-block;margin-right:5px;}
  93. .lp_r_price p a + a{margin-left:10px;}
  94. .lp_r_price p a:last-child {color:#1682E1;}
  95. .lp_r_price span:first-child {font-size:16px;color:#E82200;}
  96. .lp_r_price span:first-child i{font-size:40px;color:#E82200;font-weight:600;margin-right:4px;}
  97. .lp_r_price span:last-child {color:#999;font-size:16px;margin-left:30px;}
  98. .yv2style{ margin-top: 25px;}
  99. .yv2style i{ display: inline-block; font-size: 12px; padding: 5px 8px; background: #F8F8F8; color: #92979C;}
  100. .yv2ifromg{ width: 100%; margin-top: 20px;}
  101. .yv2ifromg .yv2ifromg_k{ width: 143px; float: left; text-align: center;}
  102. .yv2ifromg .yv2ifromg_k p:nth-child(1){ font-size: 20px; color: #333;}
  103. .yv2ifromg .yv2ifromg_k p:nth-child(2){ font-size: 13px; color: #999;margin-top: 12px;}
  104. .v2inform{ margin-top: 24px; width: 100%; height: auto;border-radius: 3px; box-shadow: 0px 0px 10px 0px #D1D1D1; background: #fff; padding:11px 0; }
  105. .v2inform p.top_txt{ width: 390px; margin: 0 auto;}
  106. .v2inform p.top_txt i{width: 13px; height: 15px; display: inline-block; margin-right: 5px;}
  107. .v2inform p.top_txt i img{width: 100%; height: 100%; margin-right: 7px;}
  108. .v2inform p.top_txt span{font-size: 14px; color: #333; display: inline-block;}
  109. .v2inform_form{ width: 390px; margin: 0 auto;margin-top: 12px;}
  110. .v2inform_form .v2informinpt{ border: none; width: 292px; height: 34px; background: #F8F8F8; font-size: 14px; color: #999;padding-left: 11px; border-radius: 5px 0px 0px 5px;}
  111. .v2inform_form .applemd{ width: 80px; height: 34px;background:#FF7200; display: inline-block; text-align: center; line-height: 34px; color: #fff; font-size: 14px; position: relative; right: 3px; border-radius: 0 5px 5px 0;}
  112. .v2inform_form .applemd:hover{ background-color: #E65617;}
  113. .lp_r_message {padding:38px 0 20px 0;border-bottom:1px solid #F5F6FB;font-size:14px;}
  114. .lp_r_message p {line-height:28px;}
  115. .lp_r_message p span:last-child {float:right;}
  116. .lp_r_message span {color:#999; float: left;}
  117. .lp_r_message span i {display: inline-block; float: left;}
  118. .lp_r_message span em {color:#333;margin-left:20px;display:inline-block;width:130px;float: left;}
  119. .lp_r_message p.p_site {color:#999;}
  120. .lp_r_message p.p_site i{ display: inline-block; float: left;}
  121. .lp_r_message p.p_site span {display:inline-block;width:80%;color:#333;line-height:20px; float: left; position: relative; top: 5px; margin-left: 20px;}
  122. .lp_r_reason {font-size:14px;padding-top:10px;}
  123. .lp_r_reason p:first-child {color:#999;line-height:28px;}
  124. .lp_r_reason p:last-child {line-height:25px;display: -webkit-box;
  125. -webkit-box-orient: vertical;
  126. -webkit-line-clamp: 2;
  127. overflow: hidden;}
  128. .lp_r_btn{margin-top: 20px; position:absolute;left: 0px; bottom:-10px;width:107%;}
  129. .lp_r_btn .left_btn{ float: left;}
  130. .lp_r_btn .left_btn i{ width: 30px; height: 30px;display: inline-block; position: relative; top: -13px;}
  131. .lp_r_btn .left_btn i img{ width: 100%; height: 100%;}
  132. .lp_r_btn .left_btn span{ display:inline-block; font-size: 25px; color: #DFA24E; font-weight: bold; margin-left: 10px;}
  133. .lp_r_btn .right_btn{ float: left;}
  134. .lp_r_btn .right_btn a{ display: inline-block; font-size: 14px; border-radius: 5px; color:#22212F; width: 100px; text-align: center;height: 35px; line-height: 35px;}
  135. .lp_r_btn .right_btn a.mfth{ background: #22212F; margin-left: 10px;color:#E0C8A1;}
  136. .lp_r_btn .right_btn a.mfth:hover{ background: #060607;}
  137. .lp_r_btn .right_btn a.zxzx{margin-left: 10px;position:relative;
  138. background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  139. -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  140. -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  141. }
  142. .lp_r_btn .right_btn a.zxzx:hover{ background: #0E6CCD;
  143. background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f0cb90), to(#d89a35)) ;
  144. -moz-linear-gradient(linear, 0 0, 0 bottom, from(#f0cb90), to(#d89a35));
  145. -o-linear-gradient(linear, 0 0, 0 bottom, from(#f0cb90), to(#d89a35));
  146. }
  147. .lp_r_btn .right_btn a .img{width:14px;height:14px;margin-right:6px;margin-top:11px;}
  148. /*2微码*/
  149. .m_lpcall_tel_img{width:150px;position:absolute;top:-180px;left:-33px;z-index:100;background:#fff;box-shadow:0px 1px 20px 0px #e2e2e2;padding:10px 10px 6px;display:none;}
  150. .m_lpcall_tel_img:after {content:"";display:inline-block;margin-left: 10px;width: 0; height: 0;border-width: 10px;border-style: solid;border-color:#fff transparent transparent transparent;position:absolute;left:50%;margin-left:-10px;bottom:-18px;}
  151. .m_lpcall_tel_img #m_qrcode {height:130px;}
  152. .m_lpcall_txt {text-align:center;font-size:14px;color:#333;height:20px;line-height:20px;margin-top:6px;}
  153. .m_lpcall_tel_img img{width:100%;height:130px;}
  154. /*楼盘信息*/
  155. /*.lp_center {width:1188px;}*/
  156. .v2lpdata_box{ padding-top: 50px;}
  157. .title_box{ width: 62px; height: 62px; float: left; text-align: center;
  158. background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  159. -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  160. -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  161. }
  162. .left_title{ padding:5px 10px;}
  163. .left_title span{font-size: 20px; color: #22212F;}
  164. .lp_cent{ float: right; width:1035px;}
  165. .w_h {height:95px;}
  166. .lp_title {font-size:24px;font-weight:600;color:#333;padding:30px 0;margin-top:30px;border-bottom:1px solid #EEE;}
  167. .lp_cent_intro,.lp_cent_basic,.lp_cent_deal {font-size:16px;}
  168. .lp_cent_intro p:first-child {display:inline-block;vertical-align:top;/*color:#999;*/padding-right:19px;}
  169. .lp_cent_intro p:last-child {display:inline-block;vertical-align:top;/* width:800px; */line-height:25px;/*border-bottom:1px solid #EEE;*/ padding-bottom: 22px; margin-bottom: 0px;}
  170. .lp_cent_basic > p {padding:27px 0;display:inline-block;vertical-align:top;color:#999;padding-right:19px;}
  171. .lp_cent_basic_r {background:#f8f8f8;padding:30px 40px;}
  172. .lp_cent_basic_r p + p {margin-top:20px;}
  173. .lp_cent_basic_r p span {display:inline-block;width:420px; float: left;}
  174. .lp_cent_basic_r p span em {margin-right:30px;color:#999; float: left;display: inline-block;min-width:64px;}
  175. .lp_cent_basic_r p span i{float: left;display: inline-block; max-width:320px;}
  176. .lp_cent_basic_r p span:nth-child(2n) {position: relative; left: 20px;}
  177. .lp_cent_basic_r .lp_cent_title {font-size:16px;color:#222;font-weight:bold;margin-bottom:27px;}
  178. .lp_cent_deal {padding:30px 40px;background:#f8f8f8;position:relative;}
  179. .lp_cent_deal:before {content:"";display:inline-block;width:956px;height:1px;background:#EEEEEE;position:absolute;top:0;left:50%;margin-left:-478px;}
  180. .lp_cent_deal > p {padding:27px 0;display:inline-block;vertical-align:top;color:#999;padding-right:19px;}
  181. .lp_cent_deal_r {}
  182. .lp_cent_deal_r p + p {margin-top:20px;}
  183. .lp_cent_deal_r p span {display:inline-block;width:420px; float: left;}
  184. .lp_cent_deal_r p span em {margin-right:30px;color:#999;}
  185. .lp_cent_deal .lp_label {color:#ccc;font-size:12px;padding:10px 0;}
  186. .lp_cent_deal_r p span:nth-child(2n) {position: relative; left: 20px;}
  187. .deploy p:last-child span {display:inline-block;}
  188. .deploy p:last-child span + span {margin-left:20px;}
  189. .deploy p:last-child img {display:inline-block;width:14px;height:14px;margin:5px 0 0 8px;}
  190. .hu_ti {margin:22px 0;}
  191. .lp_titles {display:inline-block;font-size: 24px;font-weight: 600;color: #333;}
  192. .hu_list {display:inline-block;float:right;font-size:16px;position:relative;top:15px;}
  193. .hu_list a {display:inline-block;height:30px;}
  194. .hu_list a + a{margin-left:40px;}
  195. .hu_list a.in {color:#F7BC2E;border-bottom:2px solid #F7BC2E;}
  196. .hu_list a:hover {color:#F7BC2E;border-bottom:2px solid #F7BC2E;}
  197. .hu_id {}
  198. .hu_id a {display:inline-block;font-size:18px;}
  199. .hu_id a + a{margin-left:36px;}
  200. .hu_id a.in {font-weight:bold;}
  201. .hu_li {padding:20px 0;}
  202. .hu_li li + li {margin-top:40px;}
  203. .hu_li_img {display:inline-block;vertical-align:top;width:202px;height:153px;}
  204. .hu_li_img img {display:block;width:100%;height:100%;}
  205. .hu_li_font {display:inline-block;vertical-align:top;width:555px;float:right;height:153px;position:relative;}
  206. .hu_li_font p:first-child {font-size:22px;line-height:45px;}
  207. .hu_li_font p:nth-child(2){font-size:16px;color:#999;margin-top:10px;}
  208. .price {position:absolute;right:20px;top:45px;font-size:38px;color:#E43C18;font-weight:600;}
  209. .price i {font-size:16px;}
  210. .examine {font-size:14px;text-align:center;padding:20px 0;margin-top:20px;}
  211. .examine a{ color: #333;}
  212. .v2Hometype_main{ float: right; width:1035px;}
  213. /*2019-11-11 周边配套*/
  214. .assort {}
  215. .assort p {margin-bottom:30px;}
  216. .assort span {font-size:16px;color:#222222;display:inline-block;}
  217. .assort span + span {margin-left:60px;}
  218. .assort span:nth-child(6) {margin-left:0;}
  219. /*.assort span:nth-child(-n+5) {margin-bottom:30px;}*/
  220. .assort span img {display:inline-block;width:22px;height:22px;margin-right:10px;}
  221. .hu_list2{top: 14px;}
  222. .v2Hometype{ margin-top:80px;}
  223. .v2Hometype_title{position: relative; margin:22px 0;}
  224. .type_right a{font-size:18px; color: #333;display: inline-block;}
  225. .type_right a+a{ margin-left:36px;}
  226. .type_right a.on{font-weight:bold;}
  227. .ser {overflow:hidden;padding:10px 0;}
  228. .ser ul li {display:inline-block;height:236px;width:310px;border:1px solid #e8e8e8; overflow: hidden; position: relative;}
  229. .ser ul li + li {margin-left:48px;}
  230. .wser ul li img {display:inline-block;width:100%;height:100%;
  231. transition: all .5s;
  232. -moz-transition: all .5s;
  233. -webkit-transition: all .5s;
  234. -o-transition: all .5s;
  235. }
  236. .wser ul li:hover img{
  237. transform: scale(1.07);
  238. -webkit-transform: scale(1.07);
  239. -moz-transform: scale(1.07);
  240. -o-transform: scale(1.07);
  241. }
  242. .ser ul li p.tit_n{
  243. position: absolute;
  244. left: 0px;
  245. bottom: 0px;
  246. height: 30px;
  247. line-height: 30px;
  248. text-align: center;
  249. width: 100%;
  250. background: rgba(0,0,0,0.5);
  251. font-size: 14px;
  252. color: #fff;
  253. }
  254. .toggle {position:relative;min-height:232px;}
  255. .wprev {display:inline-block;width:42px;height:42px;box-shadow:0px 0px 9px 0px rgba(172,172,172,0.44);border-radius:50%;background:#fff url(/image/amend/len1.png) no-repeat center/10px 18px;position:absolute;left:-21px;top:50%;margin-top:-21px;z-index:18;}
  256. .wprev:hover {background-image:url(/image/amend/len.png)}
  257. .wnext {display:inline-block;width:42px;height:42px;box-shadow:0px 0px 9px 0px rgba(172,172,172,0.44);border-radius:50%;background:#fff url(/image/amend/len1.png) no-repeat center/10px 18px;position:absolute;right:-21px;top:50%;margin-top:-21px;z-index:18;
  258. transform:rotate(180deg);
  259. -ms-transform:rotate(180deg); /* IE 9 */
  260. -moz-transform:rotate(180deg); /* Firefox */
  261. -webkit-transform:rotate(180deg);
  262. -o-transform:rotate(180deg); /* Opera */
  263. }
  264. .wnext:hover {background-image:url(/image/amend/len.png)}
  265. .wprev,.wnext {display:none;}
  266. .toggle:hover .wprev,.toggle:hover .wnext {display:block;}
  267. .toggles {min-height:312px;}
  268. .wserb {padding:20px 0 10px;}
  269. .wserb ul li {padding:0;width:310px;height:300px;position:relative;top:0;
  270. transition: all .5s;
  271. -moz-transition: all .5s;
  272. -webkit-transition: all .5s;
  273. -o-transition: all .5s;
  274. }
  275. .wserb ul li:hover {position:relative;top:-10px;
  276. transition: all .5s;
  277. -moz-transition: all .5s;
  278. -webkit-transition: all .5s;
  279. -o-transition: all .5s;
  280. }
  281. .wserb ul li .ws-img {display:block;height:238px;width:310px;overflow:hidden;border-bottom:1px solid #EEE;position: relative;}
  282. .wserb ul li .ws-img img {display:block;width:100%;height:100%;
  283. transition: all .5s;
  284. -moz-transition: all .5s;
  285. -webkit-transition: all .5s;
  286. -o-transition: all .5s;
  287. }
  288. .wserb ul li:hover .ws-img img {
  289. transform: scale(1.07);
  290. -webkit-transform: scale(1.07);
  291. -moz-transform: scale(1.07);
  292. -o-transform: scale(1.07);
  293. }
  294. .wserb ul li .ws-font {display:block;padding:10px 15px;text-align:center;}
  295. .wserb ul li .ws-font h2 span{
  296. display: inline-block;
  297. float: left;
  298. font-size: 16px;
  299. color: #DD2222;
  300. font-weight: bold;
  301. }
  302. .wserb ul li .ws-font h2 em{
  303. display: inline-block;
  304. float: right;
  305. font-size: 12px;
  306. color: #666;
  307. position: relative;
  308. top: 3px;
  309. }
  310. .wserb ul li .ws-font p {margin-top:5px;font-size:12px;color:#C0C0C0; text-align: left;}
  311. .wserb ul li .ws-img p.tit_n{
  312. position: absolute;
  313. left: 0px;
  314. bottom: 0px;
  315. height: 30px;
  316. line-height: 30px;
  317. padding: 0 10px;
  318. width: 100%;
  319. text-align: left;
  320. background: rgba(0,0,0,0.5);
  321. font-size: 16px;
  322. color: #fff;
  323. font-weight: bold;
  324. }
  325. .typetext .typetext_left{float: left;}
  326. .typetext .typetext_left p:nth-child(1){font-size: 24px; color: #333; font-weight: 600;}
  327. .typetext .typetext_left p:nth-child(2){font-size: 16px; color: #666; margin-top: 12px;}
  328. .typetext .typetext_right{ float: right; position: relative; top: 5px;}
  329. .typetext .typetext_right span{display: inline-block; font-size: 18px; color: #E82200;}
  330. .typetext .typetext_right span i{display: inline-block; font-size: 36px; font-weight: 600;}
  331. .v2Hometype_cent{ margin-top: 20px;}
  332. .v2Hometype_cent_ckg{ width: 100%; height: 400px; border: 1px solid #EEEEEE; background: #fff; position: relative; }
  333. .v2Hometype_cent_ckg ul li{ display: none; text-align: center;}
  334. .v2Hometype_cent_ckg ul li p{text-align: center;}
  335. .v2Hometype_cent_ckg ul li p >img{ }
  336. .v2Hometype_cent_ckg ul li .pic{
  337. width: 798px;
  338. height: 400px;
  339. display: table-cell;
  340. vertical-align: middle;
  341. text-align: center;
  342. }
  343. .v2Hometype_cent_ckg ul li .pic_ymain{ position: relative; display: inline-block;}
  344. #v2Hometype_img ul li img{width: auto; max-width: 798px; height: auto;max-height: 400px; display:inline-block; vertical-align: middle;}
  345. .v2Hometype_cent_ckg ul li .magnify{
  346. display: none;
  347. position: absolute;
  348. top: 0;
  349. left: 0;
  350. width: 200px;
  351. height: 200px;
  352. cursor: move;
  353. background-color: #000;
  354. opacity: .10;
  355. filter:alpha(opacity=10);
  356. }
  357. #front{ z-index: 10; text-align: center; position: absolute; left: 0px; top: 50%; background: #EEEEEE; height: 100px; width: 32px; margin-top: -50px;}
  358. #next{ z-index: 10; text-align: center; position: absolute; right: 0px; top: 50%; background: #EEEEEE;height: 100px; width: 32px; margin-top: -50px;}
  359. #front img ,#next img{ width:15px; height: auto; position: relative; top: 40px;}
  360. #next:hover{background-color:#848484; }
  361. #front:hover{background-color:#848484; }
  362. #next a,#front a{display: inline-block; height: 100px;}
  363. .v2Hometype_list{ position: relative;margin-top: 28px;}
  364. .bigpic{
  365. display: none;
  366. position: absolute;
  367. top: 114px;
  368. right: -370px;
  369. width: 360px;
  370. height: 360px;
  371. z-index: 333;
  372. border: 1px solid #ddd;
  373. overflow: hidden;
  374. }
  375. .bigpic >img{
  376. position: absolute;
  377. top: 0;
  378. left: 0;
  379. width: auto;
  380. max-width: 920px;
  381. max-height: 920px;
  382. height: auto;
  383. }
  384. .v2Homegaishu{ margin-top: 80px;}
  385. .tuamlost{ margin-top: 10px; position: relative;}
  386. .cSlideUl{ width: 700px; margin: 0 auto;}
  387. .picSildeLeft{ z-index: 10; text-align: center; position: absolute; left: 0px; top: 0px; display: inline-block; width: 40px; height:68px; background: #D4D4D5;}
  388. .picSildeRight{ z-index: 10; text-align: center; position: absolute; right: 0px; top: 0px; display: inline-block; width: 40px; height:68px; background: #D4D4D5;}
  389. .picSildeLeft:hover{background: #848484;cursor:pointer}
  390. .picSildeRight:hover{background: #848484;cursor:pointer}
  391. .picSildeRight img,.picSildeLeft img{width: 12px; height: auto; position: relative; top: 20px;}
  392. .cSlideUl ul li{ width: 96px; height: 68px; float: left; margin-right: 10px; border: 2px solid #fff;}
  393. .cSlideUl ul li img{ width: 100%; height: 100%;}
  394. .cSlideUl ul li.hov{ border-color: #E03700;}
  395. /*项目概述*/
  396. .item {padding:30px;background:#f8f8f8;max-height:600px;}
  397. .item ul li + li {margin-top:20px;}
  398. .item ul li p:first-child {font-size:16px;color:#F7BC2E;line-height:25px;}
  399. .item ul li p:nth-child(2) {font-size:14px;color:#333;line-height:25px;margin-top:10px;}
  400. .read {font-size:14px;color:#333;border:1px solid #EEEEEE;text-align:center;margin-top:20px;}
  401. .read a{ display: block; padding:10px 0;}
  402. .details {display:none;font-size:14px;line-height:28px;color:#333;max-height:530px;overflow-y:auto;}
  403. .item .in {display:block;}
  404. .v2Homegaishu_main{ float: right; width:1035px;}
  405. .v2Homeanalyze_maion{ float: right; width:1035px;overflow:hidden;}
  406. /*.楼盘解说 */
  407. .giref {margin-top:80px;}
  408. /*房源图片*/
  409. .dne {padding-top:40px;}
  410. /*.br {border:none;}*/
  411. .pr {position:relative;}
  412. .pr img {display:inline-block;width:100%;height:100%;}
  413. .resource_liest {margin-top:10px;}
  414. .resource_a1 {height:526px;}
  415. .resource_a1 span {display:inline-block;position:absolute;left:0;bottom:0;padding:13px 26px;color:#fff;font-size:14px;background:#F7BC2E;}
  416. .resource_a2 {margin-top:10px; float: left;}
  417. .resource_a2 div {display:inline-block;width:446px;vertical-align:top;height:268px;}
  418. /*.resource_a2 div:last-child {float:right;}*/
  419. .resource_a2:nth-child(2n){margin-left: 8px;}
  420. .resource_a2 div span {display:inline-block;position:absolute;left:0;bottom:0;padding:12px 16px;color:#fff;font-size:14px;background:#F7BC2E;}
  421. .v2Homeanalyze_data{ font-size: 16px;}
  422. /*房源推荐*/
  423. .r_ment {padding:30px 0 100px;min-height:290px;
  424. display: -webkit-flex;
  425. display: flex;
  426. flex-wrap: nowrap;
  427. }
  428. .r_ment ul li {display:inline-block;vertical-align:top; width: 286px;background:#fff;box-shadow:0px 0px 10px 0px rgba(206,206,206,0.27);padding-bottom:22px;
  429. transition: all .5s;
  430. -moz-transition: all .5s;
  431. -webkit-transition: all .5s;
  432. -o-transition: all .5s;
  433. position:relative;top:0;
  434. }
  435. .r_ment ul li + li {margin-left:14px;}
  436. .r_ment ul li .r_ment_img {position:relative;height:170px;width:284px;}
  437. .r_ment ul li .r_ment_img .max-img {height:170px;overflow:hidden;}
  438. .r_ment ul li .r_ment_img .max-img img {
  439. transition: all .5s;
  440. -moz-transition: all .5s;
  441. -webkit-transition: all .5s;
  442. -o-transition: all .5s;
  443. }
  444. .r_ment ul li:hover .r_ment_img .max-img img {
  445. transform: scale(1.07);
  446. -webkit-transform: scale(1.07);
  447. -moz-transform: scale(1.07);
  448. -o-transform: scale(1.07);
  449. }
  450. .r_ment ul li:hover{top:-10px;
  451. transition: all .5s;
  452. -moz-transition: all .5s;
  453. -webkit-transition: all .5s;
  454. -o-transition: all .5s;
  455. }
  456. .r_ment ul li .r_ment_img img {display:block;width:100%;height:100%;}
  457. .r_ment ul li .r_ment_img span.prices {display:inline-block;position:absolute;left:0;top:-20px;font-size:18px;padding:10px;color:#22212F;border-radius:0 8px 8px 8px;font-weight:bold;
  458. background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  459. -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  460. -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  461. }
  462. .reward {position:absolute;left:0;bottom:0;width:272px;height:57px;color:#CCCCCC;
  463. background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); /* Safari 5.1 - 6.0 */
  464. background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); /* Opera 11.1 - 12.0 */
  465. background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); /* Firefox 3.6 - 15 */
  466. background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); /* 标准的语法 */
  467. display: -webkit-flex;
  468. display: flex;
  469. flex-wrap: nowrap;
  470. align-items:flex-end;
  471. padding:0 0 11px 12px;
  472. }
  473. .reward span {display:inline-block;}
  474. .reward span + span {margin-left:15px;}
  475. .r_ment_font {margin-top:10px;padding-left:15px;}
  476. .r_ment_font p.pricea {font-size:18px;color:#444444;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:block;margin-bottom:5px;}
  477. .r_ment ul li .explain {display:block;width:236px;background:#F4F3F3;height:35px;line-height:35px;font-size:12px;color:#666;border-radius:0 18px 18px 0;padding:0 29px 0 15px;margin-top:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  478. /*右边*/
  479. .lp_r_center {display:inline-block;vertical-align:top;width:280px;margin-top:60px;float:right;}
  480. .m_list_img {width:280px;height:152px;}
  481. .m_list_img img {display:block;width:100%;height:100%;}
  482. .m_lpm_r_hot{font-size:18px;color:#3A3F44;padding-top:15px;border-bottom:1px solid #EEEEEE;padding-bottom:15px;font-weight:600;}
  483. .m_lpdynamic_r_dt {border:1px solid #EEE;margin:9px 0; background: #fff;}
  484. .m_hot_t {display:inline-block;width:4px;height:13px;margin-top:2px;margin-right:8px;}
  485. .m_lpdynamic_r_dt .m_lpm_r_hot {border:none;background: #F8F8F8;}
  486. .m_lpdynamic_r_dt form {margin:0 10px}
  487. .m_lpdynamic_r_dt form input[type="text"] {border:1px solid #F5F6FB;color:#ccc;display:block;height:37px;line-height:37px;width:90%;padding-left:15px;margin-top:10px;}
  488. .m_lpdynamic_r_dt form input[type="button"] {height:37px;line-height:37px;text-align:center;display:block;width:100%;border:none;color:#fff;font-size:17px;
  489. background: #E03700;
  490. margin:20px 0 30px;
  491. }
  492. .m_lpdynamic_r_dt form input[type="button"]:hover{ background: #CE3807;}
  493. .submit_area p {font-size:14px;color:#666;line-height:25px;}
  494. /*交通配置*/
  495. .dik {float:none;}
  496. .map {display:block;height:510px;background:#ccc;margin-top:40px;position:relative;}
  497. .y_lpmap {height:510px;}
  498. .full-btn {position:absolute;display:inline-block;width:135px;height:40px;border:1px solid #EEEEEE;text-align:center;background:#fff;color:#333333;font-size:16px;top:15px;left:10px;line-height:40px;}
  499. /*城市概况*/
  500. .city-facts {float:right;width:1035px;}
  501. .city-facts .facts-title {font-size:18px;text-align:center;font-weight:bold;margin-bottom:30px;}
  502. .city-facts table {display:block;width:1035px;}
  503. .city-facts table tbody {display:block;width:100%;border-left:1px solid #EEEEEE;border-top:1px solid #EEEEEE;}
  504. .city-facts table tr {width:100%;display: -webkit-flex;display: flex;flex-wrap: nowrap;height:50px;line-height:50px;font-size:15px;color:#333;}
  505. .city-facts table tr th {background:#F9F9F9;display:block;width:100%;border-top: 0;border-right: 1px solid #EEEEEE;border-bottom: 1px solid #EEEEEE;border-left: 0;}
  506. .city-facts table tr td {display:block;width:100%;text-align:center;border-top: 0;border-right: 1px solid #EEEEEE;border-bottom: 1px solid #EEEEEE;border-left: 0;}
  507. .city-facts table tr td.fb {text-align:left;padding-left:40px;}
  508. .city-facts table tr td.fb b{font-weight:bold;text-align:left;}
  509. .city-facts .more {text-align:right;margin-top:20px;}
  510. .city-facts .more a {font-size:15px;color:#3D7AD3;}
  511. .city-facts .more a:hover{text-decoration:underline;}
  512. /*最新动态*/
  513. .dynamic-list {float:right;width:1035px;}
  514. .dynamic-list ul li {padding:15px 0;border-bottom:1px solid #EEEEEE;}
  515. .dynamic-list ul li a h2{font-size:20px;color:#333;}
  516. .dynamic-list ul li a p {font-size:15px;color:#666666;line-height:24px;margin:17px 0 20px;}
  517. .dynamic-list ul li a div {font-size:13px;color:#999;}
  518. .dynamic-list ul li a div span {display:inline-block;}
  519. .dynamic-list ul li a div span + span {margin-left:30px;}
  520. .dynamic-more {height:45px;line-height:45px;margin-top:15px;}
  521. .dynamic-more a {color:#3D7AD3;font-size:15px;}
  522. .dynamic-more a:hover{text-decoration:underline;}
  523. .dynamic-more .dynamic-btn {display:inline-block;border-radius:4px;text-align:center;width:152px;height:45px;line-height:45px;color:#22212F;float:right;font-size:16px;cursor:pointer;
  524. background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  525. -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  526. -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  527. }
  528. /*免责声明*/
  529. .liability {font-size:14px;color:#999;line-height:24px;margin:40px auto 30px;}
  530. /*底部横幅*/
  531. .y_footmzsm { display: none;}
  532. .m_tc_box{width:100%;z-index:1000;height:130px; position: relative;}
  533. .m_tc_box img{width:100%;height:100%;}
  534. .m_tc_form{position:absolute;top:50%;right:50%;width:380px;height:90px;margin-right:-550px;margin-top:-45px;}
  535. .m_tc_form_input{float:left;width:250px;height:90px;}
  536. .m_tc_form_input input[type="text"]{width:91%;height:40px;padding:0 10px;border:0;margin-bottom:10px;font-size:15px;color:#666;}
  537. .m_tc_form a{width:120px;height:90px;display:block;float:right;background:#F4CD44;border:0;}
  538. .m_tc_form a i{width:36px;display:block;font-size:17px;color:#333;position:relative;left:50%;top:50%;margin-left:-18px;margin-top:-21px;}
  539. .m_tc_gb{width:30px;height:30px;position:absolute;right:25px;top:15px;cursor:pointer;}
  540. .m_tc_gb img{width:100%;height:100%;}
  541. .m_tc_box .ingex_text{position: absolute; left:30%; bottom: 10px;}
  542. .m_tc_box .ingex_text span{ display: block; font-size: 16px; color: #fff;}
  543. .m_tc_box .ingex_text span+span{ margin-top: 5px;}
  544. /*弹窗 图片放大特效*/
  545. .weffects {position:fixed;top:0;bottom:0;left:0;width:100%;z-index:1100;background:rgba(0,0,0,0.8);display:none;}
  546. .weffects-cls {display:inline-block;width:30px;height:30px;position:absolute;top:60px;right:80px;z-index:100;}
  547. .weffects-cls img {display:inline-block;width:100%;height:100%;}
  548. .magnify-box {display:block;width:100%;height:80%;
  549. display: -webkit-flex;
  550. display: flex;
  551. flex-wrap: nowrap;
  552. align-items:center;
  553. justify-content:center;
  554. }
  555. .magnify-box img {display:inline-block;max-width:886px;max-height:638px;}
  556. .prev-btn {position:absolute;top:50%;left:116px;width:35px;height:62px;margin-top:-31px;z-index:100;}
  557. .prev-btn img {display:inline-block;width:35px;height:62px;}
  558. .next-btn {position:absolute;top:50%;right:116px;width:35px;height:62px;margin-top:-31px;z-index:100;
  559. transform:rotate(180deg);
  560. -ms-transform:rotate(180deg); /* IE 9 */
  561. -moz-transform:rotate(180deg); /* Firefox */
  562. -webkit-transform:rotate(180deg);
  563. -o-transform:rotate(180deg); /* Opera */
  564. }
  565. .next-btn img {display:inline-block;width:35px;height:62px;}
  566. .weffects-box {position:absolute;left:0;bottom:0;height:125px;width:100%;background:rgba(0,0,0,0.8);}
  567. .weffects-list {width:1104px;margin:0 auto;overflow:hidden;}
  568. .weffects-list-nav {}
  569. .weffects-list-nav a {font-size:13px;color:#666666;padding:13px 0;display:inline-block;}
  570. .weffects-list-nav a + a {display:inline-block;margin-left:30px;}
  571. .weffects-list-nav a.on {color:#fff;}
  572. .weffects-list-img {}
  573. .weffects-list-img ul li {display:inline-block;width:84px;height:62px;border:2px solid #fff;}
  574. .weffects-list-img ul li.in {border-color:#DD2222}
  575. .weffects-list-img ul li:last-child {margin-left:0px;}
  576. .weffects-list-img ul li > img {display:inline-block;width:100%;height:100%;}
  577. /*拼团活动弹窗报名*/
  578. .puleft_ico{display: none; position: fixed; left: 0px; bottom: 30%; width: 200px; height: auto; z-index: 10;}
  579. .puleft_ico img{width: 100%; height: 100%;}
  580. .pintuanBox{ display: none; width: 360px; height: 380px; background: url('/image/pcico5.png') no-repeat center; background-size:100% 100%; position: fixed; left: 50%; top: 50%; margin-left: -180px; margin-top: -190px; z-index: 50;}
  581. .pintuanBox_bg{display: none; width: 100%; height: 100%; position:fixed;left: 0px; top: 0px; z-index: 45; background: rgba(0,0,0,0.5);}
  582. .pintuanBox_main{ width: 100%; height: 100%; position: relative;}
  583. .pintuanBox_main .pintuanBox_gb{position: absolute; right: 0px; top: -40px; width: 28px; height: 28px; z-index: 2;}
  584. .pintuanBox_main .pintuanBox_gb img{width: 100%; height: 100%;}
  585. .pintuanBox_main .lptitle{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; left: 50%; top: 0px; width: 180px; margin-left: -100px; padding: 0 10px; height: 35px; line-height: 35px; font-size: 18px; color: #fff; font-weight: bold; text-align: center;}
  586. .pintuanBox_main .pintuanBox_form{position: absolute; left: 50%; bottom: 24px; width: 298px; margin-left: -149px;}
  587. .pintuanBox_main .pintuanBox_form p.intxt{margin-bottom: 10px; width: 100%; height: 36px; background: #fff; border-radius: 15px;}
  588. .pintuanBox_main .pintuanBox_form p.intxt i{display: inline-block; width: 12px; text-align: center; float: left; height: 12px; margin-left: 15px; position: relative; top: 12px;}
  589. .pintuanBox_main .pintuanBox_form p.intxt i img{width: auto; height: 12px;}
  590. .pintuanBox_main .pintuanBox_form p.intxt input{height: 34px; position: relative; top: 1px; font-size:14px; color: #666666;margin-left: 10px; display: inline-block; float: left; width:236px; border:none; background: #fff;}
  591. .pintuanBox_main .pintuanBox_form a.in_buttom_c{width: 100%; height: 36px; line-height: 36px; text-align: center; font-size: 18px; color: #FFF7E9; background: url('/image/pcico6.png') no-repeat center; background-size:100% 100%; display: inline-block; font-weight: bold;}
  592. /*2020.01.03 添加新年标签 弹窗*/
  593. .left_xiannain{display: none; position:fixed; top: 30%; left: 0px; width: 200px; height: auto; z-index: 20;}
  594. .left_xiannain img{width: 100%; height: auto;}
  595. .xiannian_ico{display: none; position: fixed; z-index: 3005; width: 465px; height: 360px; left: 50%; top: 50%; margin-top: -180px; margin-left: -232.5px;}
  596. .xiannian_ico_main{ width: 100%; height: 100%; position: relative;}
  597. .xiannian_ico_main p.ico,.xiannian_ico_main p.ico img{width: 100%; height: 100%;}
  598. .xiannian_ico_main .xiannian_ico_gb{position: absolute; right: 60px; top: 0px; z-index: 2; width: 20px; height: 20px;}
  599. .xiannian_ico_main .xiannian_ico_gb img{ width: 100%; height: 100%;}
  600. .xiannian_ico_bg{display: none; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background: rgba(0,0,0,0.5); z-index: 3000;}
  601. /* 直播 报名 */
  602. .liveBm{ display: none; width: 368px; height: 306px;position: fixed;left: 50%;top: 50%;margin-left: -183px; margin-top: -153px; background: url('/video/image/xm_tb22_1.png') no-repeat; background-size:100% 100%; z-index: 101;}
  603. .liveBm_bg{ display: none; width: 100%;height: 100%;position: fixed;left: 0; top: 0; z-index: 99; background: rgba(0,0,0,0.5);}
  604. .liveBm_main{width: 100%; height: 100%;position: relative;}
  605. .liveBm_gb{position: absolute;right: 18px;top:10px; z-index: 2;width: 23px;height: 23px;}
  606. .liveBm_gb img{width: 100%;height: 100%;}
  607. .liveBm_box{width: 236px; margin: 0 auto;padding-top: 203px;position: relative;left: -21px;}
  608. .liveBm_box p.in{width: 100%; height: 32px;background: #fff; border-radius: 4px;}
  609. .liveBm_box p.in i{float: left; display: inline-block;width: 10px; height: 15px; margin-left: 10px;position: relative;top: 9px;}
  610. .liveBm_box p.in i img{width: 100%;height: 100%;}
  611. .liveBm_box p.in em{display: inline-block;height: 15px;width: 1px; background-color:#CCCCCC;float: left;margin: 0 9px 0 7px;position: relative; top: 9px;}
  612. .liveBm_box p.in input{display: inline-block;float: left; width: 190px; height: 30px; border:none; position: relative; top: 1px;}
  613. .liveBm_box a{display: block;height: 48px;width: 213px; margin: 0 auto;margin-top: 85px;}
  614. .liveBm_box a img{width: 100%;height: 100%;}