remarkdetails.css 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. body{background:#fff;}
  2. .footer_copy {display:none;}
  3. /*用户点评*/
  4. .h-remark {margin:0 15px;padding-top:20px;}
  5. .m_lphead{display:flex;align-items:center; }
  6. .m_lphead img{width:60px;height:44px;border-radius:3px;}
  7. .m_lphead em{font-style:1rem;color:#333;font-weight:600;margin-left:10px;}
  8. .remark-txt {margin-top:20px;}
  9. .remark-txt p {font-size:0.9375rem;color:#333;margin:25px 0 15px 0; font-weight: bold;}
  10. .remark-txt p span{color:#EF0000;}
  11. .remark-txt textarea {display: block;width:100%;resize:none;border:0;color:#333;padding:15px 10px;font-size:0.875rem;background:#FAFAFA;height:115px;}
  12. .remark-txt textarea::-webkit-input-placeholder {color:#666;} /* WebKit, Blink, Edge */
  13. .remark-txt textarea:-moz-placeholder {color:#666;} /* Mozilla Firefox 4 to 18 */
  14. .remark-txt textarea::-moz-placeholder {color:#666;} /* Mozilla Firefox 19+ */
  15. .remark-txt textarea:-ms-input-placeholder { color:#666;}/* Internet Explorer 10-11 */
  16. .remark-txt .remark-btn {display:block;height:40px;line-height:40px;text-align:center;font-size:1rem;color:#fff;border-radius:50px;margin-top:20px;
  17. background: -webkit-linear-gradient(right, #EA3C3E , #F85047); /* Safari 5.1 - 6.0 */
  18. background: -o-linear-gradient(right, #EA3C3E , #F85047); /* Opera 11.1 - 12.0 */
  19. background: -moz-linear-gradient(right, #EA3C3E , #F85047); /* Firefox 3.6 - 15 */
  20. background: linear-gradient(to right, #EA3C3E , #F85047); /* 标准的语法 */
  21. box-shadow:0px 0px 12px 0px rgba(234,44,45,0.56);
  22. }
  23. .remark-list {margin-top:5px;}
  24. .remark-list ul li {border-bottom:1px solid #f8f8f8;padding:20px 0;}
  25. .remark-list ul li:last-child{border-bottom:0;}
  26. .remark-list-photo {display:flex;align-items:center; }
  27. .remark-list-photo img {display: block;width:41px;height:41px;float:left;}
  28. .remark-list-photo p{float:left;margin-left:15px;}
  29. .remark-list-photo p em{font-size:0.9375rem;color:#333;font-weight:600;}
  30. .remark-list-photo p span{ font-weight: 600;}
  31. .remark-list-cont{margin-top:17px;font-size:0.9375rem;color:#333;line-height:25px;}
  32. .Comment_time{margin-top:16px;}
  33. .Comment_time span{font-size:0.8125rem;color:#999;}
  34. .remark-reply {background:#F8F8F8;padding:10px;margin-top:10px;border-radius:5px;}
  35. .remark-reply p {font-size:0.8125rem;color:#BA7735;line-height:25px;}
  36. .remark-reply p.time {font-size:0.625rem;color:#999;margin-top:15px;}
  37. /*点评报名弹窗*/
  38. .w_up_ap {display:none;position:fixed;top:-100%;margin-top:-200px;left:50%;margin-left:-157px;z-index:111;}
  39. .w_up_ap .w_up_info {display:inline-block;width:315px;height:215px;background:#fff;border-radius:10px;text-align:center;}
  40. .w_up_ap .w_up_info p:first-child {font-size:1.25rem;text-align:center;margin-top:20px;}
  41. .w_up_ap .w_up_info p:nth-child(2) {font-size:0.75rem;color:#424E5F;margin-top:10px;text-align: center;}
  42. .w_up_ap .w_up_info input[name="mobile"] {background:#F8F8F8;display:inline-block;width:260px;height:40px;line-height:40px;text-align:center;color:#424E5F;border:none;margin-top:20px;border-radius:25px;font-size:0.875rem;}
  43. .w_up_ap .w_up_info .w_sbtn {display:block;font-size:1.125rem;padding:12px 0;border-radius:30px;text-align:center;color:#fff;width:260px;margin:20px auto 0;
  44. background:#FE5904;
  45. background: -webkit-linear-gradient(right, #FF8D22 , #FE5603); /* Safari 5.1 - 6.0 */
  46. background: -o-linear-gradient(right, #FF8D22, #FE5603); /* Opera 11.1 - 12.0 */
  47. background: -moz-linear-gradient(right, #FF8D22 , #FE5603); /* Firefox 3.6 - 15 */
  48. background: linear-gradient(to right, #FF8D22 ,#FE5603); /* 标准的语法 */
  49. }
  50. .w_up_ap .ws_up_cls {display:inline-block;width:17px;height:17px;position:absolute;bottom:-50px;left:50%;margin-left:-9px;}
  51. .w_up_ap .ws_up_cls img {display:inline-block;width:100%;height:100%;}
  52. .cover {display:block;width:100%;position:fixed;top:0;bottom:0;z-index:99;background:rgba(0,0,0,0.5);display:none;}
  53. .y_lphome_h{height:23px;position:relative;border:none;}
  54. /*楼盘推荐*/
  55. .y_lphome_h{height:23px;position:relative;border:none;}
  56. /*.y_lphome_h:after {content:"";display:inline-block;width:78%;height:1px;background:#E6E6E6;position:absolute;right:0;bottom:0;}*/
  57. .y_lphome_h span{font-size: 1.25rem; color:#333;display: block; float: left;font-weight:600;padding-left:0;border:none;}
  58. .y_lphome_h span b{color:#333;}
  59. .y_lphome_h a{display: block; font-weight: bold; float: right;position:relative; top: 4px;color:#D50000;font-size:0.8125rem;}
  60. .y_lphome_h a img{width:9px;}
  61. .y_lphometj{ background: #fff; padding: 10px 0; margin-top: 10px;}
  62. .y_lphometj_main{ margin: 0 10px;}
  63. .y_lphometj_main .y_lphome_h {height:31px;}
  64. .m_zaigai_title{position:relative;}
  65. .m_zaigai_title a{position: absolute;right:0px;padding:0 10px;}
  66. .m_zaigai_title span{font-size:1.1875rem;color:#333;font-weight:600;}
  67. .sell_box {background:#fff;padding:0px 15px 0 15px;margin-top:30px;}
  68. .sell_conter{margin-top:10px;}
  69. .sell_box .sell_conter ul li {border-bottom:1px solid #f8f8f8; position: relative;padding:15px 0;}
  70. .sell_box .sell_conter ul li:last-child{border-bottom:0;padding-bottom:0;}
  71. .sell_box .sell_conter ul li .cal_price{ z-index: 8; position: absolute; right: 0; top:21px; height: 35px; width: 35px;}
  72. .sell_box .sell_conter ul li .cal_price img{ width: 100%; height: 100%;}
  73. .sell_box .sell_conter ul li a {display:block;}
  74. .sell_box .sell_conter ul li .sell_img{width:33%;height:92px;position:relative;border-radius:3px;overflow:hidden;float:left;}
  75. .sell_box .sell_conter ul li .sell_img i{
  76. position:absolute;
  77. bottom:4px;
  78. left:4px;
  79. font-size:0.75rem;
  80. color:#fff;
  81. text-overflow:ellipsis;
  82. white-space:nowrap;
  83. overflow:hidden;
  84. background: rgba(0,0,0,0.6);
  85. padding: 3px 8px;
  86. display: inline-block;
  87. border-radius: 17px;
  88. }
  89. .sell_box .sell_conter ul li .sell_img img {display:block;width:100%;height:100%;}
  90. .sell_box .sell_conter ul li .sell_conter_right {float:left;width:62%;margin-left:15px;}
  91. .sell_box .sell_conter ul li .sell_conter_right p.jg_ing{margin-top:5px;}
  92. .sell_box .sell_conter ul li .sell_conter_right p.jg_ing span{ color:#D50000; font-size:0.75rem; font-weight: bold;}
  93. .sell_box .sell_conter ul li .sell_conter_right p.jg_ing span em{color:#D50000;font-size:1.05rem;font-weight:600;display:inline-block;position:relative;top:1px;margin-right:2px;}
  94. .sell_conter_right .date{font-size:0.6875rem;color:#999;margin-top:5px;}
  95. .sell_conter_right .style{font-size:0.6875rem;color:#475C89; position: relative; top: 3px;}
  96. .sell_conter_right .style{}
  97. .sell_conter_right .style i{max-width: 63px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: inline-block; padding:3px 8px;background:#EFF2F4;border-radius:3px;}
  98. .sell_conter_right .style i:nth-child(1){background:#FFE6EC;color:#D61F2B;}
  99. .sell_box .sell_conter ul li .sell_conter_right .title {font-size:1.0625rem;color:#333;width:77%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:600;}
  100. .m_gzlx{font-size:0.6875rem;color:#333;margin-top:10px;background:#F8F8F8;padding:4px 10px 4px 5px;border-radius:50px;float:left;}
  101. .m_gzlx_l{float:left; font-weight: bold; color: #333;}
  102. .m_gzlx_l img{width:14px;height:14px;position:relative;top:-1px;margin-right:5px;}
  103. .m_gzlx_r{float:left;margin-left:5px;padding-left:5px;position:relative; top: 1px;}
  104. .m_gzlx_r:before {content:"";position:absolute;top:0px;left:0;width:1px;height:12px;background:#999;display: block;}
  105. .m_gzlx_r span{color:#FF273B;}
  106. /*更多*/
  107. .m_lj_ckgd{display: block;text-align: center;background:#F8F8F8;padding:15px 0;font-size:1rem;color:#395281;margin-top:30px;border-radius:5px;}