Página inicial Explorar Ajuda
Registrar Entrar
liyaoyu
/
pfhwyigou
Observar 1
Favorito 0
Fork 0
Arquivos Issues 0 Pull Requests 0 Wiki
Tree: a37f2bbff5
Branches Tags
pfhwyigou
/
mobile
/
web
/
zt
/
sellhouse
/
style.css

style.css 6.5 KB
Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102 
  1. body {background:#fff;}
    2. 

  2. 

  3. .box {background:url(/zt/sellhouse/image/tmp_08.jpg) repeat-y;min-height:600px;max-width:750px;min-width:375px;margin:0 auto;position:relative;}
    4. 

  4. 

  5. .seltop {width: 100%;height: auto;}
    6. 

  6. .seltop img {display:block;width:100%;margin-top:-1px; height: auto;}
    7. 

  7. /*.city_box {position:relative;}*/
    8. 

  8. 

  9. /*标题*/
    10. 

  10. .gettitle_box {text-align:center;margin:0 30px;}
    11. 

  11. .gettitle_box img {display:block;width:100%;}
    12. 

  12. .gettitle {display:inline-block;position:relative;}
    13. 

  13. .gettitle span {display:inline-block;position:absolute;font-size:1rem;top:42%;left:50%;margin-left:-32%;font-weight:bold;
    14. 

  14. 	color:rgba(243, 202, 163, 1);
    15. 

  15. 	 background-image: linear-gradient(-180deg,#fff,rgba(243, 202, 163, 1));
    16. 

  16.             -webkit-background-clip:text;
    17. 

  17.             color: transparent;
    18. 

  18. }
    19. 

  19. .gettitle span:before {display:inline-block;content:"";width:10px;height:10px;border-radius:50%;margin-right:8px;position:relative;top:0px;
    20. 

  20.   background: -webkit-linear-gradient(#fff, rgba(243, 202, 163, 1)); /* Safari 5.1 - 6.0 */
    21. 

  21.   background: -o-linear-gradient(#fff, rgba(243, 202, 163, 1)); /* Opera 11.1 - 12.0 */
    22. 

  22.   background: -moz-linear-gradient(#fff, rgba(243, 202, 163, 1)); /* Firefox 3.6 - 15 */
    23. 

  23.   background: linear-gradient(#fff, rgba(243, 202, 163, 1)); /* 标准的语法 */
    24. 

  24. }
    25. 

  25. .gettitle span:after {display:inline-block;content:"";width:10px;height:10px;border-radius:50%;margin-left:8px;position:relative;top:0px;
    26. 

  26.   background: -webkit-linear-gradient(#fff, rgba(243, 202, 163, 1)); /* Safari 5.1 - 6.0 */
    27. 

  27.   background: -o-linear-gradient(#fff, rgba(243, 202, 163, 1)); /* Opera 11.1 - 12.0 */
    28. 

  28.   background: -moz-linear-gradient(#fff, rgba(243, 202, 163, 1)); /* Firefox 3.6 - 15 */
    29. 

  29.   background: linear-gradient(#fff, rgba(243, 202, 163, 1)); /* 标准的语法 */
    30. 

  30. }
    31. 

  31. 

  32. /*区域标签*/
    33. 

  33. .gettitle_city {display:inline-block;position:relative;margin-top:25px;width:175px;}
    34. 

  34. .gettitle_city span {display:inline-block;position:absolute;font-size:1rem;top:0px;left:0px;font-weight:bold;width:175px;height:32px;line-height:28px;text-align:center;
    35. 

  35. 	color:rgba(243, 202, 163, 1);
    36. 

  36. 	 background-image: linear-gradient(-180deg,#fff,rgba(243, 202, 163, 1));
    37. 

  37.             -webkit-background-clip:text;
    38. 

  38.             color: transparent;
    39. 

  39. }
    40. 

  40. 

  41. 

  42. /*楼盘*/
    43. 

  43. .lpbox {min-width:375px;max-width:750px;margin:0 auto;overflow:hidden;}
    44. 

  44. .lpswiper {margin-top:20px;}
    45. 

  45. .lpswiper ul {}
    46. 

  46. .lpswiper ul li {height: 384px; display:inline-block;width:280px;padding:12px 16px;background:#fff;border-radius:8px;box-shadow:0px 2px 7px 0px rgba(64,70,75,0.3);}
    47. 

  47. .lpswiper ul li .lpswiper-img {height:146px;}
    48. 

  48. .lpswiper ul li .lpswiper-img img {display:block;width:100%;height:100%;}
    49. 

  49. .lpswiper ul li .lpswiper-title h2 {font-weight:bold;color:#333333;font-size:1.0625rem;margin:15px 0 10px;width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    50. 

  50. .lpswiper ul li .lpswiper-title h2 a{color: #333;}
    51. 

  51. .lpswiper ul li .lpswiper-title .lpswiper-price {}
    52. 

  52. .lpswiper ul li .lpswiper-title .lpswiper-price img {display:inline-block;width:12px;height:16px;vertical-align:middle;}
    53. 

  53. .lpswiper ul li .lpswiper-title .lpswiper-price span {font-size:1.25rem;color:#D61900;font-weight:bold;display:inline-block;vertical-align:middle;}
    54. 

  54. .lpswiper ul li .lpswiper-title .lpswiper-price em {font-size:0.6875rem;color:#D61900;display:inline-block;vertical-align:bottom;position:relative;bottom:3px;}
    55. 

  55. .lpswiper ul li .lpswiper-title .lpswiper-price i {display: block; font-size:0.625rem;color:#999999;display:inline-block;vertical-align:bottom;position:relative;bottom:1px;}
    56. 

  56. .lpswiper ul li .lpswiper-title .lpswiper-discounts {font-size:0.937rem;color:#D61900;margin:8px 0 10px;}
    57. 

  57. .lpswiper ul li .lpswiper-title .lpswiper-discounts img {display:inline-block;width:11px;height:11px;position:relative;top:-2px;}
    58. 

  58. .lpswiper ul li .lpswiper-title .lpswiper-site {font-size:0.6875rem;color:#333333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    59. 

  59. .lpswiper ul li .lpswiper-title .lpswiper-site img {display:inline-block;width:11px;height:12px;}
    60. 

  60. .lpswiper ul li .lpswiper-title .lpswiper-btn {margin:20px 0 15px;padding:0 15px;}
    61. 

  61. .lpswiper ul li .lpswiper-title .lpswiper-btn a {display:block;border-radius:30px;height:38px;line-height:35px;text-align:center;font-size:1rem;color:#ffffff;box-shadow:0px 1px 4px 0px rgba(76,81,98,0.6);background:#26705F;}
    62. 

  62. .lpswiper ul li .lpswiper-title .lpswiper-btn a img {display:inline-block;vertical-align:middle;margin-right:10px;width:19px;height:15px;}
    63. 

  63. 

  64. .lpswiper-pagination-style {text-align:center;padding:15px 0;}
    65. 

  65. .lpswiper-pagination-style span {width:8px;height:8px;background:#F3F6F2;border:1px solid #26705F;opacity:1;}
    66. 

  66. .lpswiper-pagination-style span.swiper-pagination-bullet-active {background:#26705F;width:27px;border-radius:8px;}
    67. 

  67. 

  68. /*分割线*/
    69. 

  69. .division {position:relative;margin:0 15px;}
    70. 

  70. .division:before {display:inline-block;content:"";height:1px;width:100%;background:#0e8f5a;}
    71. 

  71. .division span {display:inline-block;font-size:12px;color:#fff;background:#0e8f5a;width:20px;height:20px;text-align:center;border-radius:50%;line-height:20px;position:absolute;left:50%;margin-left:-10px;top:5px;}
    72. 

  72. 

  73. 

  74. /*标识符*/
    75. 

  75. .identifying {margin-top:25px;}
    76. 

  76. .identifying img {display:inline-block;width:100%;}
    77. 

  77. .mtg {margin-top:-65px;}
    78. 

  78. 

  79. 

  80. .lpswbttom {}
    81. 

  81. .lpswbttom img {display:block;width:100%;height:70px;}
    82. 

  82. 

  83. 

  84. /*报名弹窗*/
    85. 

  85. .ws-apply {width:300px;border-radius:4px;background:url(/zt/sellhouse/image/tmp_22.png) no-repeat 0 0/ 100% 100%;height:388px;position:fixed;top:30%;left:50%;margin:-165px 0 0 -150px;z-index:101;display:none;}
    86. 

  86. .ws-cls {position:absolute;right:50%;bottom:-60px;margin-right:-19px;}
    87. 

  87. .ws-apply .w-apply-title img{display:block;width:128px;margin:auto;margin-top:15px;}
    88. 

  88. .ws-apply .w-apply-title p{font-size:14px;color:#FFF;margin-top:13px;text-align:center;}
    89. 

  89. .ws-apply .w-apply-main {padding:30px;}
    90. 

  90. .ws-apply .w-apply-form {position:absolute;width:240px;right:30px;bottom:18px;}
    91. 

  91. .ws-apply .w-apply-form .textfield{border:1px solid #EEE;margin-bottom:8px;width:100%;height:40px;font-size:0.875rem;color:#313B48;background:#F8F8F8;border-radius:100px;padding-left:10px;padding-left:52px;}
    92. 

  92. .ws-apply .w-apply-form a{display:block;font-size:1rem;color:#CD3F00;background:#FFE83A;text-align:center;height:40px;line-height:40px;border-radius:100px;margin-top:5px;font-weight:bold;box-shadow:0 2px 1px 2px #FBBD0E;}
    93. 

  93. .ws-tel {position:absolute;top:8px;left:25px;}
    94. 

  94. .ws-tel img {display:inline-block;width:13px;height:19px;}
    95. 

  95. .ws-registration {text-align:center;color:#fff;font-size:0.75rem;margin-top:15px;}
    96. 

  96. /*遮挡层*/
    97. 

  97. .ws-barrier {position:fixed;top:0;left:0;bottom:0;width:100%;z-index:100;background:rgba(0,0,0,0.5);display:none;}
    98. 

  98. 

  99. 

  100. 

  101. 

  102.