erelevantdetails.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .m_video{width:100%;height:210px;position:relative;}
  2. .m_video_img{width:100%;position:absolute;top:0;left:0;height:100%;}
  3. .m_video_img img{width:55px;display:block;position:absolute;top:50%;left:50%;margin-top:-27.5px;margin-left:-27.5px;}
  4. .m_video_text{padding:0 16px;margin-top:18px;}
  5. .m_video_text .text{font-size:1.1875rem;color:#333;font-weight:600;line-height:26px;}
  6. .m_video_text .Number{margin-top:15px;font-size:0.75rem;color:#999;}
  7. .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:20px;}
  8. /*相关楼盘*/
  9. .m_zaigai_title{position:relative;}
  10. .m_zaigai_title i{position: absolute;right:0px;bottom: 0;font-size:0.75rem;color:#999;}
  11. .m_zaigai_title span{font-size:1.1875rem;color:#333;font-weight:600;}
  12. .sell_box {background:#fff;padding:0px 16px 16px 16px;margin-top:30px;}
  13. .sell_conter{margin-top:5px;}
  14. .sell_box .sell_conter ul li {border-bottom:1px solid #f8f8f8; position: relative;padding:17px 0;}
  15. .sell_box .sell_conter ul li:last-child{border-bottom:0;}
  16. .sell_box .sell_conter ul li a {display:block;}
  17. .sell_box .sell_conter ul li .sell_img{width:35%;height:92px;position:relative;border-radius:5px;overflow:hidden;float:left;}
  18. .sell_box .sell_conter ul li .sell_img p{position:absolute;bottom:0;left:0;padding:17px 0 5px 0;width:100%;
  19. background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56)));
  20. -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56)));
  21. -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56)));
  22. }
  23. .sell_box .sell_conter ul li .sell_img i{font-size:0.75rem; color:#fff;display:block;padding:0 10px;text-align:right;}
  24. .sell_box .sell_conter ul li .sell_img i img{width:9px;margin-top:-4px;margin-right:4px;}
  25. .sell_box .sell_conter ul li .sell_img .img{display:block;width:100%;height:100%;}
  26. .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;}
  27. .sell_box .sell_conter ul li .sell_conter_right {float:left;width:61%;margin-left:12px;position:relative;height:92px;}
  28. .sell_box .sell_conter ul li .sell_conter_right .text{font-size:1.0625rem;color:#333;font-weight:600;margin-top:8px;height:45px;overflow:hidden;}
  29. .sell_box .sell_conter ul li .sell_conter_right .Number{font-size:0.75rem;color:#999;position:absolute;bottom:10px;left:0;width:100%;}
  30. /*汇率*/
  31. .exchange_rate_box{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000;}
  32. .exchange_rate_zhez{width:100%;height:100%;background:rgba(51, 51, 51, 0.5);}
  33. .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;}
  34. .exchange_rate_zj{font-size:1.1rem;color:#333;font-weight:600;}
  35. .exchange_rate_zj span{color:#E03700;font-weight:600;margin-left:3px;}
  36. .exchange_rate_text{margin-top:15px;font-size:1rem;color:#666;}
  37. .exchange_rate_gb{position:absolute;bottom:8%;right:6%;font-size:0.9rem;color:#333;}
  38. @media screen and (min-width: 300px) and (max-width: 374px) {
  39. .exchange_rate{width:270px;margin-left:-135px;height:140px;margin-top:-70px;}
  40. }