Etusivu Tutki Apua
Rekisteröidy Kirjaudu sisään
liyaoyu
/
pfhwyigou
Tarkkaile 1
Äänestä 0
Fork 0
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Puu: f272eab5be
Branchit Tagit
pfhwyigou
/
mobile
/
web
/
video
/
css
/
videodetails.css

videodetails.css 5.2 KB
Historia Raaka

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 
  1. /*.appleBm{top:50% !important;margin-top:-132px !important;}*/
    2. 

  2. 

  3. .m_video{width:100%;height:240px;position:relative;}
    4. 

  4. .m_video_img{width:100%;position:absolute;top:0;left:0;height:100%;}
    5. 

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

  6. 

  7. 

  8. 

  9. /*楼盘信息*/
    10. 

  10. .basic_box{position:relative;background: #FFF;z-index:20;}
    11. 

  11. .basic{padding:20px 16px 0 16px;}
    12. 

  12. .basic h1 {font-size:1.25rem;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:600;}
    13. 

  13. .basic_style{margin-top:10px;}
    14. 

  14. .basic_style i{font-size:0.75rem;color:#999;background:#F1F2F6;padding:3px 5px;margin-right:2px;}
    15. 

  15. .basic_style i:nth-child(1){color:#3D8BE4;background:#EEF5FD;}
    16. 

  16. .basic .price {font-size:1.5rem;color:#E82200;margin-top:10px;}
    17. 

  17. .basic .price span {font-size:0.95rem;}
    18. 

  18. .basic .price img{width:14px;}
    19. 

  19. .basic .price em {color:#999;font-size:0.95rem;}
    20. 

  20. .basic .address{font-size: 0.95rem;margin-top: 15px;border-bottom:1px solid #F8F8F8;padding-bottom:15px;}
    21. 

  21. .basic .address em{font-size:0.9rem; color:#999; font-style:normal;margin-right: 9px;float:left;}
    22. 

  22. .basic .address span{float:left;display:block;max-width:80%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    23. 

  23. .basic .address img{width:11px;margin-top:-2px;margin-left:3px;}
    24. 

  24. .basic .basic_btn {border:1px solid #D00703;display:inline-block;position:absolute;top:88px;right:15px;color:#D00703;background:#FFF;padding:7px 12px 5px 12px;border-radius:100px;font-size:0.75rem;}
    25. 

  25. 

  26. 

  27. 

  28. /*价格 户型 面积*/
    29. 

  29. .lp_m {margin-top:15px;}
    30. 

  30. .lp_m ul{margin:0 2%;}
    31. 

  31. .lp_m ul li {display:inline-block;width:32%;}
    32. 

  32. .lp_m ul li p:nth-child(1) {font-size:1.1875rem;color:#333;padding-left:13px;}
    33. 

  33. .lp_m ul li p:nth-child(2) {font-size:0.8125rem;color:#999;padding-left:13px;}
    34. 

  34. .lp_m ul li + li {border-left:1px solid #EEE;}
    35. 

  35. 

  36. .Projectdetails{width:91%;margin:auto;display:block;height:45px;background:#3882FF;line-height:45px;font-size:1rem;color:#FFF;text-align:center;border-radius:4px;margin-top:15px;}
    37. 

  37. 

  38. 

  39. 

  40. 

  41. /*相关楼盘*/
    42. 

  42. .m_zaigai_title{position:relative;}
    43. 

  43. .m_zaigai_title i{position: absolute;right:0px;bottom: 0;font-size:0.75rem;color:#999;}
    44. 

  44. .m_zaigai_title span{font-size:1.1875rem;color:#333;font-weight:600;}
    45. 

  45. 

  46. 

  47. .sell_box {background:#fff;padding:0px 16px 16px 16px;margin-top:30px;}
    48. 

  48. .sell_conter{margin-top:5px;}
    49. 

  49. .sell_box .sell_conter ul li {border-bottom:1px solid #f8f8f8; position: relative;padding:17px 0;}
    50. 

  50. .sell_box .sell_conter ul li:last-child{border-bottom:0;}
    51. 

  51. 

  52. .sell_box .sell_conter ul li a {display:block;}
    53. 

  53. .sell_box .sell_conter ul li .sell_img{width:35%;height:92px;position:relative;border-radius:5px;overflow:hidden;float:left;}
    54. 

  54. .sell_box .sell_conter ul li .sell_img p{position:absolute;bottom:0;left:0;padding:17px 0 5px 0;width:100%;
    55. 

  55. background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56))); 
    56. 

  56.         -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56))); 
    57. 

  57.         -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56))); 
    58. 

  58. }
    59. 

  59. .sell_box .sell_conter ul li .sell_img i{font-size:0.75rem; color:#fff;display:block;padding:0 10px;}
    60. 

  60. .sell_box .sell_conter ul li .sell_img i img{width:9px;margin-top:-4px;margin-right:4px;}
    61. 

  61. .sell_box .sell_conter ul li .sell_img .img{display:block;width:100%;height:100%;}
    62. 

  62. .sell_box .sell_conter ul li .sell_img .tb{width:34px;height:34px;position:absolute;top:50%;left:50%;margin-top:-17px;margin-left:-17px;}
    63. 

  63. 

  64. .sell_box .sell_conter ul li .sell_conter_right {float:left;width:61%;margin-left:12px;}
    65. 

  65. .sell_box .sell_conter ul li .sell_conter_right p.jg_ing{margin-top:5px;}
    66. 

  66. .sell_box .sell_conter ul li .sell_conter_right p.jg_ing span{ color:#E82200; font-size:0.75rem;}
    67. 

  67. .sell_box .sell_conter ul li .sell_conter_right p.jg_ing span em{color:#E82200;font-size:1.1rem;display:inline-block;margin-right:2px;position:relative;top:1px;}
    68. 

  68. .sell_conter_right .date{font-size:0.6875rem;color:#999;margin-top:5px;}
    69. 

  69. .sell_conter_right .style{font-size:0.6875rem;color:#999;}
    70. 

  70. .sell_conter_right .style{}
    71. 

  71. .sell_conter_right .style i{max-width:98px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-top:5px;display: block;float:left;font-style: normal;background:#F3F3F9;margin-right: 6px;font-size:0.687rem;color:#999;padding:3px 5px;border-radius:3px;}
    72. 

  72. 

  73. .sell_box .sell_conter ul li .sell_conter_right .title {font-size:1rem;color:#333;width:95%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:600;}
    74. 

  74. 

  75. 

  76. 

  77. /*汇率*/
    78. 

  78. .exchange_rate_box{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000;}
    79. 

  79. .exchange_rate_zhez{width:100%;height:100%;background:rgba(51, 51, 51, 0.5);}
    80. 

  80. .exchange_rate{width:320px;height:164px;position:absolute;top:50%;left:50%;margin-top:-82px;margin-left:-160px;background:#FFF;z-index:100;padding:25px 20px;border-radius:3px;}
    81. 

  81. .exchange_rate_zj{font-size:1.1rem;color:#333;font-weight:600;}
    82. 

  82. .exchange_rate_zj span{color:#E03700;font-weight:600;margin-left:3px;}
    83. 

  83. .exchange_rate_text{margin-top:15px;font-size:1rem;color:#666;}
    84. 

  84. .exchange_rate_gb{position:absolute;bottom:8%;right:6%;font-size:0.9rem;color:#333;}
    85. 

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

  86.     .exchange_rate{width:270px;margin-left:-135px;height:140px;margin-top:-70px;}
    87. 

  87. }
    88. 

  88.