正在显示
49 个修改的文件
包含
2318 行增加
和
0 行删除
css/base.css
0 → 100644
| 1 | +*{ | ||
| 2 | + margin:0 ; | ||
| 3 | + padding:0; | ||
| 4 | + box-sizing:border-box; | ||
| 5 | + outline:none; | ||
| 6 | + -webkit-tap-highlight-color:rgba(255,0,0,0); | ||
| 7 | +} | ||
| 8 | + | ||
| 9 | +.foot{ | ||
| 10 | + width:7.5rem; | ||
| 11 | + padding: 0.14rem 0.88rem; | ||
| 12 | + box-sizing: border-box; | ||
| 13 | + display:flex; | ||
| 14 | + align-items: center; | ||
| 15 | + justify-content: space-between; | ||
| 16 | + position: fixed; | ||
| 17 | + bottom:0; | ||
| 18 | + left:0;background: #fff; | ||
| 19 | +} | ||
| 20 | +.footitem{ | ||
| 21 | + display:flex; | ||
| 22 | + flex-direction: column; | ||
| 23 | + align-items: center; | ||
| 24 | + justify-content: center; | ||
| 25 | +} | ||
| 26 | +.footitemtop{ | ||
| 27 | + width:0.4rem; | ||
| 28 | + height:0.4rem; | ||
| 29 | + font-size: 0; | ||
| 30 | +} | ||
| 31 | +.itembottom{ | ||
| 32 | + color:#BDC4CE; | ||
| 33 | + font-size: 0.22rem; | ||
| 34 | +} | ||
| 35 | +.itembottom1{ | ||
| 36 | + color:#5D8DEE; | ||
| 37 | + font-size: 0.22rem; | ||
| 38 | +} | ||
| 39 | + | ||
| 40 | +.register { | ||
| 41 | + width: 100%; | ||
| 42 | + height: 100%; | ||
| 43 | + background-color: rgba(0, 0, 0, 0.5); | ||
| 44 | + position: fixed; | ||
| 45 | + | ||
| 46 | + left: 0; | ||
| 47 | + right: 0; | ||
| 48 | + z-index: 99; | ||
| 49 | + top:1.1rem | ||
| 50 | +} |
css/common.css
0 → 100644
| 1 | +.logintop{ | ||
| 2 | + width:1.48rem; | ||
| 3 | + height:1.48rem; | ||
| 4 | + background:rgba(93,141,238,1); | ||
| 5 | + opacity:1; | ||
| 6 | + border-radius:0.16rem; | ||
| 7 | + color:#fff; | ||
| 8 | + font-size: 0.72rem; | ||
| 9 | + text-align: center; | ||
| 10 | + line-height: 1.48rem; | ||
| 11 | + margin:0.5rem auto 0; | ||
| 12 | +} | ||
| 13 | + | ||
| 14 | +.yanzhengleft{ | ||
| 15 | + display:flex; | ||
| 16 | + align-items: center; | ||
| 17 | + /*width:2.3rem;*/ | ||
| 18 | + /*padding: 0 0.2rem;*/ | ||
| 19 | + /*box-sizing: border-box;*/ | ||
| 20 | + | ||
| 21 | +} | ||
| 22 | +.yanzhengleft input{ | ||
| 23 | + border:none; | ||
| 24 | + outline:none; | ||
| 25 | + color:#5B5E63; | ||
| 26 | + font-size:0.28rem; | ||
| 27 | +} | ||
| 28 | +.fasong{ | ||
| 29 | + color:#5B5E63; | ||
| 30 | + font-size: 0.28rem; | ||
| 31 | +} | ||
| 32 | +.enterphone{ | ||
| 33 | + display:flex; | ||
| 34 | + align-items: center; | ||
| 35 | + width:6rem; | ||
| 36 | + padding: 0.22rem 0; | ||
| 37 | + box-sizing: border-box; | ||
| 38 | + margin:1rem auto 0; | ||
| 39 | + border-bottom:0.01rem solid #f5f5f5 | ||
| 40 | +} | ||
| 41 | +.enterphone input{ | ||
| 42 | + width:6rem; | ||
| 43 | + border:none; | ||
| 44 | + outline:none; | ||
| 45 | + color:#5B5E63; | ||
| 46 | + font-size:0.28rem; | ||
| 47 | +} | ||
| 48 | +.yanzheng{ | ||
| 49 | + display:flex; | ||
| 50 | + align-items: center; | ||
| 51 | + padding: 0.2rem 0; | ||
| 52 | + box-sizing: border-box; | ||
| 53 | + width:6rem; | ||
| 54 | + margin: 0.3rem auto 0; | ||
| 55 | + | ||
| 56 | + border-bottom:0.01rem solid #f5f5f5 | ||
| 57 | + | ||
| 58 | +} | ||
| 59 | + | ||
| 60 | +.fasong{ | ||
| 61 | + margin-left:1rem; | ||
| 62 | + color:#5B5E63; | ||
| 63 | + font-size:0.28rem; | ||
| 64 | +} | ||
| 65 | +.wentips{ | ||
| 66 | + width:4.56rem; | ||
| 67 | + margin:0 auto; | ||
| 68 | + color:#5B5E63; | ||
| 69 | + font-size:0.24rem; | ||
| 70 | + margin-top:0.2rem; | ||
| 71 | +} | ||
| 72 | +.lijideng{ | ||
| 73 | + width:6.84rem; | ||
| 74 | + height:0.88rem; | ||
| 75 | + background:linear-gradient(180deg,rgba(136,165,255,1) 0%,rgba(93,141,238,1) 100%); | ||
| 76 | + opacity:1; | ||
| 77 | + border-radius:0.16rem; | ||
| 78 | + color:#fff; | ||
| 79 | + font-size:0.32rem; | ||
| 80 | + text-align: center; | ||
| 81 | + line-height: 0.88rem; | ||
| 82 | + margin:0.72rem auto 0; | ||
| 83 | +} | ||
| 84 | +.zhucename { | ||
| 85 | + width:6.84rem; | ||
| 86 | + margin:0.2rem auto 0; | ||
| 87 | + color: #5B5E63; | ||
| 88 | + font-size: 0.24rem; | ||
| 89 | + line-height: 1.8; | ||
| 90 | +} | ||
| 91 | +.mian{ | ||
| 92 | + color:#5D8DEE; | ||
| 93 | + font-size:0.24rem; | ||
| 94 | +} | ||
| 95 | +/*录房赚钱*/ | ||
| 96 | +img{ | ||
| 97 | + width:100%; | ||
| 98 | + height:100%; | ||
| 99 | +} | ||
| 100 | +.lufangitemleft{ | ||
| 101 | + width:0.6rem; | ||
| 102 | + height:0.6rem; | ||
| 103 | + font-size:0; | ||
| 104 | +} | ||
| 105 | +.lufnagitemright{ | ||
| 106 | + color:#06121E; | ||
| 107 | + font-size:0.28rem; | ||
| 108 | + margin-left:0.2rem | ||
| 109 | +} | ||
| 110 | +.lufanglist{ | ||
| 111 | + padding: 0 0.32rem; | ||
| 112 | + box-sizing:border-box ; | ||
| 113 | +} | ||
| 114 | +.lufangitem{ | ||
| 115 | + display:flex; | ||
| 116 | + align-items: center; | ||
| 117 | + justify-content: space-between; | ||
| 118 | +} | ||
| 119 | +.lufangitem{ | ||
| 120 | + padding: 0.26rem 0; | ||
| 121 | + box-sizing: border-box; | ||
| 122 | + border-bottom:0.01rem solid #f5f5f5 ; | ||
| 123 | +} | ||
| 124 | +.itemboxleft{ | ||
| 125 | + display:flex; | ||
| 126 | + align-items: center; | ||
| 127 | +} | ||
| 128 | + | ||
| 129 | +.itemboxright{ | ||
| 130 | + width:0.4rem; | ||
| 131 | + height:0.4rem; | ||
| 132 | + font-size:0; | ||
| 133 | + | ||
| 134 | +} | ||
| 135 | +.head{ | ||
| 136 | + height:4rem; | ||
| 137 | + position: relative; | ||
| 138 | +} | ||
| 139 | +.swiper-wrapper,.swiper-container{ | ||
| 140 | + width:100%; | ||
| 141 | + height:4rem; | ||
| 142 | +} | ||
| 143 | +.swiper-slide{ | ||
| 144 | + width:100%; | ||
| 145 | + height:4rem; | ||
| 146 | + /*position: fixed;*/ | ||
| 147 | + /*left: 0;*/ | ||
| 148 | +} | ||
| 149 | +.swiper-slide img{ | ||
| 150 | + width:100%; | ||
| 151 | + height:100%; | ||
| 152 | +} | ||
| 153 | +.tophead{ | ||
| 154 | + display:flex; | ||
| 155 | + align-items: center; | ||
| 156 | + position: absolute; | ||
| 157 | + top:0.26rem; | ||
| 158 | + left:0.22rem; | ||
| 159 | + z-index:99 | ||
| 160 | +} | ||
| 161 | +.topheadleftimg{ | ||
| 162 | + width:0.4rem; | ||
| 163 | + height:0.4rem; | ||
| 164 | + font-size: 0; | ||
| 165 | +} | ||
| 166 | +.topheadrightimg{ | ||
| 167 | + width:0.4rem; | ||
| 168 | + height:0.4rem; | ||
| 169 | + font-size: 0; | ||
| 170 | +} | ||
| 171 | +.topheadrightname,.topheadrightname{ | ||
| 172 | + color:#fff; | ||
| 173 | + font-size: 0.28rem; | ||
| 174 | + margin-left:0.1rem | ||
| 175 | +} | ||
| 176 | +.topheadmiddle{ | ||
| 177 | + width:4.5rem; | ||
| 178 | + height:0.6rem; | ||
| 179 | + background: #fff; | ||
| 180 | + font-size:0; | ||
| 181 | + display:flex; | ||
| 182 | + align-items: center; | ||
| 183 | + padding: 0.2rem; | ||
| 184 | + box-sizing: border-box; | ||
| 185 | + margin:0 0.2rem; | ||
| 186 | + border-radius: 8px; | ||
| 187 | +} | ||
| 188 | +.topheadmiddle input{ | ||
| 189 | + border:none; | ||
| 190 | + outline: none; | ||
| 191 | +} | ||
| 192 | +.topheadleft{ | ||
| 193 | + display:flex; | ||
| 194 | + align-items: center; | ||
| 195 | +} | ||
| 196 | +.topheadright{ | ||
| 197 | + display:flex; | ||
| 198 | + align-items: center; | ||
| 199 | +} | ||
| 200 | +.body{ | ||
| 201 | + padding: 0 0.32rem; | ||
| 202 | + box-sizing: border-box; | ||
| 203 | +} | ||
| 204 | +.chuzuitem{ | ||
| 205 | + width:2.2rem; | ||
| 206 | + height:2rem; | ||
| 207 | + font-size:0; | ||
| 208 | + margin-right:0.12rem; | ||
| 209 | + position: relative; | ||
| 210 | + | ||
| 211 | +} | ||
| 212 | +.chuzulist{ | ||
| 213 | + display:flex; | ||
| 214 | + align-items: center; | ||
| 215 | + margin-top:0.44rem; | ||
| 216 | + | ||
| 217 | +} | ||
| 218 | +.chuzuname{ | ||
| 219 | + position: absolute; | ||
| 220 | + top:0.18rem; | ||
| 221 | + left:0.44rem; | ||
| 222 | + color:#fff; | ||
| 223 | + font-size:0.32rem; | ||
| 224 | +} | ||
| 225 | +.chuzuname1{ | ||
| 226 | + position: absolute; | ||
| 227 | + top:0.18rem; | ||
| 228 | + left:0.32rem; | ||
| 229 | + color:#fff; | ||
| 230 | + font-size:0.32rem; | ||
| 231 | +} | ||
| 232 | +.fangwulist{ | ||
| 233 | + display:flex; | ||
| 234 | + align-items: center; | ||
| 235 | + justify-content: space-between; | ||
| 236 | + margin-top:0.4rem; | ||
| 237 | +} | ||
| 238 | +.fangwuimg{ | ||
| 239 | + width:0.98rem; | ||
| 240 | + height:0.92rem; | ||
| 241 | + font-size:0; | ||
| 242 | +} | ||
| 243 | +.fangwuname{ | ||
| 244 | + color:#06121E; | ||
| 245 | + font-size:0.28rem; | ||
| 246 | +} | ||
| 247 | +.fangwulsititem{ | ||
| 248 | + display:flex; | ||
| 249 | + flex-direction: column; | ||
| 250 | + align-items: center; | ||
| 251 | + justify-content: center; | ||
| 252 | +} | ||
| 253 | +.fangwuname{ | ||
| 254 | + color:#06121E; | ||
| 255 | + font-size: 0.28rem; | ||
| 256 | + text-align: center; | ||
| 257 | + margin-top:0.1rem | ||
| 258 | +} | ||
| 259 | +.guanyu{ | ||
| 260 | + color:#06121E; | ||
| 261 | + font-size: 0.28rem; | ||
| 262 | + position: relative; | ||
| 263 | + margin-top:1rem; | ||
| 264 | + padding-left: 0.3rem; | ||
| 265 | + box-sizing: border-box; | ||
| 266 | +} | ||
| 267 | +.guanyu:before{ | ||
| 268 | + display:block; | ||
| 269 | + content: ''; | ||
| 270 | + width:0.12rem; | ||
| 271 | + height:0.28rem; | ||
| 272 | + background:#5D8DEE ; | ||
| 273 | + border-radius: 0.04rem; | ||
| 274 | + position:absolute; | ||
| 275 | + top:0; | ||
| 276 | + left:0; | ||
| 277 | +} | ||
| 278 | +.aboutusbox{ | ||
| 279 | + display:flex; | ||
| 280 | + align-items: center; | ||
| 281 | + margin-top:0.56rem | ||
| 282 | +} | ||
| 283 | +.aboutboxleft{ | ||
| 284 | + width:2.54rem; | ||
| 285 | + height:3.04rem; | ||
| 286 | + font-size:0; | ||
| 287 | + position: relative; | ||
| 288 | +} | ||
| 289 | +.aboutrtop{ | ||
| 290 | + display:flex; | ||
| 291 | + align-items: center; | ||
| 292 | +} | ||
| 293 | +.abouttopleft{ | ||
| 294 | + width:2rem; | ||
| 295 | + height:1.36rem; | ||
| 296 | + font-size:0; | ||
| 297 | + position: relative; | ||
| 298 | +} | ||
| 299 | +.aboutword{ | ||
| 300 | + | ||
| 301 | + position: absolute;; | ||
| 302 | + top:0.2rem; | ||
| 303 | + left:0.26rem; | ||
| 304 | + width:0.96rem; | ||
| 305 | + line-height: 1.4; | ||
| 306 | +} | ||
| 307 | +.chubei{ | ||
| 308 | + color:#06121E; | ||
| 309 | + font-size: 0.24rem; | ||
| 310 | +} | ||
| 311 | +.chubeinum{ | ||
| 312 | + color:#06121E; | ||
| 313 | + font-size: 0.28rem; | ||
| 314 | + font-weight: bold; | ||
| 315 | +} | ||
| 316 | +.aboutboxright{ | ||
| 317 | + margin-left:0.16rem | ||
| 318 | +} | ||
| 319 | +.abouttopright{ | ||
| 320 | + width:2rem; | ||
| 321 | + height:1.36rem; | ||
| 322 | + font-size:0; | ||
| 323 | + margin-left:0.12rem; | ||
| 324 | + position: relative; | ||
| 325 | +} | ||
| 326 | +.aboutbottom{ | ||
| 327 | + width:4.12rem; | ||
| 328 | + height:1.52rem; | ||
| 329 | + font-size:0; | ||
| 330 | + margin-top:0.16rem; | ||
| 331 | + position: relative; | ||
| 332 | +} | ||
| 333 | +.mianimg{ | ||
| 334 | + width:6.86rem; | ||
| 335 | + height:2.5rem; | ||
| 336 | + font-size: 0; | ||
| 337 | + margin:0.16rem auto 0; | ||
| 338 | + position: relative; | ||
| 339 | +} | ||
| 340 | +.mianbox{ | ||
| 341 | + position: absolute; | ||
| 342 | + top:0.38rem; | ||
| 343 | + left:0.48rem; | ||
| 344 | +} | ||
| 345 | +.mianitembox{ | ||
| 346 | + display:flex; | ||
| 347 | + align-items: center; | ||
| 348 | + margin-top:0.15rem | ||
| 349 | +} | ||
| 350 | +.mianitemboxleft{ | ||
| 351 | + width:0.32rem; | ||
| 352 | + height:0.32rem; | ||
| 353 | + font-size: 0; | ||
| 354 | +} | ||
| 355 | + | ||
| 356 | +.mianitemboxright{ | ||
| 357 | + color:#5B5E63; | ||
| 358 | + font-size: 0.22rem; | ||
| 359 | + margin-left:0.1rem | ||
| 360 | +} | ||
| 361 | +.mianbox1{ | ||
| 362 | + margin-top:0.2rem | ||
| 363 | +} | ||
| 364 | +.mianboxtop{ | ||
| 365 | + color:#5B5E63; | ||
| 366 | + font-size:0.28rem | ||
| 367 | +} | ||
| 368 | +.remen{ | ||
| 369 | + display:flex; | ||
| 370 | + align-items: center; | ||
| 371 | + margin-top:0.36rem | ||
| 372 | +} | ||
| 373 | +.remenleft{ | ||
| 374 | + width:0.44rem; | ||
| 375 | + height:0.44rem; | ||
| 376 | + font-size: 0; | ||
| 377 | +} | ||
| 378 | +.remenright{ | ||
| 379 | + color:#06121E; | ||
| 380 | + font-size:0.36rem; | ||
| 381 | + font-weight: bold; | ||
| 382 | + margin-left:0.1rem; | ||
| 383 | +} | ||
| 384 | +.fangwulist{ | ||
| 385 | + display:flex; | ||
| 386 | + align-items: center; | ||
| 387 | + justify-content: space-between; | ||
| 388 | + padding: 0.22rem 0 0.18rem; | ||
| 389 | + box-sizing: border-box; | ||
| 390 | +} | ||
| 391 | +.fangwulistitem{ | ||
| 392 | + color:#5B5E63; | ||
| 393 | + font-size: 0.28rem; | ||
| 394 | + height:0.6rem; | ||
| 395 | + line-height: 0.6rem; | ||
| 396 | + position: relative; | ||
| 397 | + | ||
| 398 | +} | ||
| 399 | +.fangwuactive{ | ||
| 400 | + color:#3D444D; | ||
| 401 | + font-size: 0.28rem; | ||
| 402 | + font-weight: bold; | ||
| 403 | + position: relative; | ||
| 404 | + height:0.6rem; | ||
| 405 | + line-height: 0.6rem; | ||
| 406 | +} | ||
| 407 | +.fangwuactive:after{ | ||
| 408 | + display:block; | ||
| 409 | + content:''; | ||
| 410 | + width:0.6rem; | ||
| 411 | + height:0.08rem; | ||
| 412 | + background:#5D8DEE ; | ||
| 413 | + border-radius: 0.16rem; | ||
| 414 | + /*left:50%;*/ | ||
| 415 | + /*right:50%;*/ | ||
| 416 | + /*transform: translateX(-50%);*/ | ||
| 417 | + left:50%; | ||
| 418 | + right:50%; | ||
| 419 | + transform: translateX(50%); | ||
| 420 | + bottom:-0.18rem | ||
| 421 | + | ||
| 422 | +} | ||
| 423 | +.fangwuboxitem{ | ||
| 424 | + display:flex; | ||
| 425 | + padding: 0.34rem 0; | ||
| 426 | + box-sizing: border-box; | ||
| 427 | + margin-bottom:0.24rem | ||
| 428 | + | ||
| 429 | +} | ||
| 430 | +.fangwuboxitemleft{ | ||
| 431 | + width:2.2rem; | ||
| 432 | + height:2.2rem; | ||
| 433 | + font-size: 0; | ||
| 434 | +} | ||
| 435 | +.fangitemritop{ | ||
| 436 | + display:flex; | ||
| 437 | + align-items: center; | ||
| 438 | +} | ||
| 439 | +.fangitemtopleft{ | ||
| 440 | + /*width:0.52rem;*/ | ||
| 441 | + /*height:0.24rem;*/ | ||
| 442 | + background:#FF5A4E ; | ||
| 443 | + color:#fff; | ||
| 444 | + font-size: 0.12rem; | ||
| 445 | + text-align: center; | ||
| 446 | + line-height: 0.24rem; | ||
| 447 | + padding: 0.06rem; | ||
| 448 | + box-sizing:border-box; | ||
| 449 | + | ||
| 450 | +} | ||
| 451 | +.fangitemtopleft1{ | ||
| 452 | + background:#5D8DEE; | ||
| 453 | + color:#fff; | ||
| 454 | + font-size: 0.12rem; | ||
| 455 | + text-align: center; | ||
| 456 | + line-height: 0.24rem; | ||
| 457 | + padding: 0.06rem; | ||
| 458 | + box-sizing:border-box; | ||
| 459 | +} | ||
| 460 | +.fangwuitemright{ | ||
| 461 | + margin-left:0.54rem; | ||
| 462 | +} | ||
| 463 | +.fangitemtoprightname{ | ||
| 464 | + color:#06121E; | ||
| 465 | + font-size: 0.32rem; | ||
| 466 | + font-weight: bold; | ||
| 467 | + margin-left:0.15rem | ||
| 468 | + | ||
| 469 | +} | ||
| 470 | +.room{ | ||
| 471 | + display:flex; | ||
| 472 | + align-items: center; | ||
| 473 | + margin-top:0.22rem | ||
| 474 | +} | ||
| 475 | +.roomleft{ | ||
| 476 | + color:#06121E; | ||
| 477 | + font-size: 0.28rem; | ||
| 478 | +} | ||
| 479 | +.pingfang{ | ||
| 480 | + color:#06121E; | ||
| 481 | + font-size: 0.28rem; | ||
| 482 | + margin-left:0.2rem | ||
| 483 | +} | ||
| 484 | +.kaojin{ | ||
| 485 | + display:flex; | ||
| 486 | + align-items: center; | ||
| 487 | + color:#8C9198; | ||
| 488 | + font-size: 0.24rem; | ||
| 489 | + margin-top:0.32rem | ||
| 490 | +} | ||
| 491 | +.kaojinright{ | ||
| 492 | + margin-left:0.32rem | ||
| 493 | +} | ||
| 494 | +.moneyyue{ | ||
| 495 | + color:#FF5A4E; | ||
| 496 | + font-size: 0.32rem; | ||
| 497 | + margin-top:0.22rem | ||
| 498 | +} | ||
| 499 | +.seemore{ | ||
| 500 | + color:#5D8DEE; | ||
| 501 | + font-size: 0.32rem; | ||
| 502 | + padding: 0.32rem 0; | ||
| 503 | + text-align: center; | ||
| 504 | + margin-top:0.34rem; | ||
| 505 | + margin-bottom:1.2rem; | ||
| 506 | +} | ||
| 507 | +/*房源*/ | ||
| 508 | +.fanghead{ | ||
| 509 | + display:flex; | ||
| 510 | + align-items: center; | ||
| 511 | + padding: 0.26rem 0.32rem; | ||
| 512 | + box-sizing: border-box; | ||
| 513 | + justify-content: space-between; | ||
| 514 | +} | ||
| 515 | +.fangheadleft{ | ||
| 516 | + display:flex; | ||
| 517 | + align-items: center; | ||
| 518 | +} | ||
| 519 | +.fangheadleftimg{ | ||
| 520 | + width:0.24rem; | ||
| 521 | + height:0.24rem; | ||
| 522 | + font-size: 0; | ||
| 523 | + margin-left:0.05rem | ||
| 524 | +} | ||
| 525 | +.ershouname{ | ||
| 526 | + color:#06121E; | ||
| 527 | + font-size: 0.28rem; | ||
| 528 | +} | ||
| 529 | +.fangheadmiddle{ | ||
| 530 | + display:flex; | ||
| 531 | + align-items: center; | ||
| 532 | + justify-content: center; | ||
| 533 | + width:4.32rem; | ||
| 534 | + height:0.6rem; | ||
| 535 | + background:#EEEEEE ; | ||
| 536 | +} | ||
| 537 | +.souinput{ | ||
| 538 | + | ||
| 539 | + font-size: 0; | ||
| 540 | +} | ||
| 541 | +.souinput input{ | ||
| 542 | + width:3rem; | ||
| 543 | + margin-left:0.1rem; | ||
| 544 | + border:none; | ||
| 545 | + outline: none; | ||
| 546 | + background: transparent; | ||
| 547 | + color:#5B5E63; | ||
| 548 | + font-size:0.22rem; | ||
| 549 | + | ||
| 550 | +} | ||
| 551 | +.entersearch{ | ||
| 552 | + color:#5B5E63; | ||
| 553 | + font-size:0.22rem; | ||
| 554 | +} | ||
| 555 | +.fangheadname{ | ||
| 556 | + width:0.4rem; | ||
| 557 | + height:0.4rem; | ||
| 558 | + font-size: 0; | ||
| 559 | +} | ||
| 560 | +.fangheadright{ | ||
| 561 | + display:flex; | ||
| 562 | + align-items: center; | ||
| 563 | +} | ||
| 564 | +.xiaoxiimg{ | ||
| 565 | + width:0.29rem; | ||
| 566 | + height:0.28rem; | ||
| 567 | + font-size: 0; | ||
| 568 | +} | ||
| 569 | +.xiaoxiname{ | ||
| 570 | + color:#06121E; | ||
| 571 | + font-size: 0.28rem; | ||
| 572 | + position: relative; | ||
| 573 | + margin-left:0.1rem | ||
| 574 | +} | ||
| 575 | +.xiaoxiyuan{ | ||
| 576 | + width:0.29rem; | ||
| 577 | + height:0.29rem; | ||
| 578 | + border-radius: 50%; | ||
| 579 | + color:#fff; | ||
| 580 | + font-size:0.12rem ; | ||
| 581 | + text-align: center; | ||
| 582 | + line-height: 0.28rem; | ||
| 583 | + position: absolute; | ||
| 584 | + right:-0.1rem; | ||
| 585 | + top:-0.1rem; | ||
| 586 | + background: #FF5A4E; | ||
| 587 | +} | ||
| 588 | +.fangyuantou{ | ||
| 589 | + display:flex; | ||
| 590 | + align-items: center; | ||
| 591 | + justify-content: space-between; | ||
| 592 | + padding: 0.26rem 1.18rem; | ||
| 593 | + box-sizing: border-box; | ||
| 594 | +} | ||
| 595 | +.fangyuantouitem{ | ||
| 596 | + display:flex; | ||
| 597 | + align-items: center; | ||
| 598 | +} | ||
| 599 | + | ||
| 600 | +.fangyuantourimg{ | ||
| 601 | + width:0.24rem; | ||
| 602 | + height:0.24rem; | ||
| 603 | + font-size: 0; | ||
| 604 | + margin-left:0.1rem | ||
| 605 | +} | ||
| 606 | +.fangyuantouleft{ | ||
| 607 | + color:#5B5E63; | ||
| 608 | + font-size: 0.32rem; | ||
| 609 | +} | ||
| 610 | +.fangtouactive .fangyuantouleft{ | ||
| 611 | + color:#06121E; | ||
| 612 | + font-size: 0.32rem; | ||
| 613 | + font-weight: bold; | ||
| 614 | +} | ||
| 615 | +.fangyuanboxlist{ | ||
| 616 | + padding: 0 0.52rem; | ||
| 617 | + box-sizing: border-box; | ||
| 618 | + margin-bottom:1.2rem | ||
| 619 | +} | ||
| 620 | +.diquwrap{ | ||
| 621 | + width:7.5rem; | ||
| 622 | + height:4.85rem; | ||
| 623 | + background: #fff; | ||
| 624 | + padding: 0.28rem; | ||
| 625 | + box-sizing: border-box; | ||
| 626 | + | ||
| 627 | + position: absolute; | ||
| 628 | + top:0 | ||
| 629 | + | ||
| 630 | +} | ||
| 631 | +.diwrapbox{ | ||
| 632 | + display:flex; | ||
| 633 | + | ||
| 634 | +} | ||
| 635 | +.diwraplefttop{ | ||
| 636 | + color:#5B5E63; | ||
| 637 | + font-size: 0.26rem; | ||
| 638 | + padding: 0.2rem 0.5rem; | ||
| 639 | + box-sizing: border-box; | ||
| 640 | + text-align: center; | ||
| 641 | +} | ||
| 642 | +.dileftboxitem{ | ||
| 643 | + color:#5B5E63; | ||
| 644 | + font-size: 0.28rem; | ||
| 645 | + text-align: center; | ||
| 646 | + padding:0.2rem 0.5rem; | ||
| 647 | + box-sizing: border-box; | ||
| 648 | +} | ||
| 649 | +.diwrapright{ | ||
| 650 | + margin-left:0.62rem; | ||
| 651 | +} | ||
| 652 | +.queren{ | ||
| 653 | + width:6.84rem; | ||
| 654 | + height:0.88rem; | ||
| 655 | + background:linear-gradient(180deg,rgba(136,165,255,1) 0%,rgba(93,141,238,1) 100%); | ||
| 656 | + opacity:1; | ||
| 657 | + border-radius:0.16rem; | ||
| 658 | + color:#fff; | ||
| 659 | + font-size: 0.32rem; | ||
| 660 | + text-align: center; | ||
| 661 | + line-height: 0.88rem; | ||
| 662 | + margin-top:0.3rem; | ||
| 663 | +} | ||
| 664 | +.jiagewrap{ | ||
| 665 | + width:7.5rem; | ||
| 666 | + height:3.4rem; | ||
| 667 | + background: #fff; | ||
| 668 | + padding: 0.32rem; | ||
| 669 | + box-sizing: border-box; | ||
| 670 | + | ||
| 671 | +} | ||
| 672 | +.jiagename{ | ||
| 673 | + color:#5D8DEE; | ||
| 674 | + font-size: 0.28rem; | ||
| 675 | +} | ||
| 676 | +.jiagequ{ | ||
| 677 | + display:flex; | ||
| 678 | + align-items: center; | ||
| 679 | + justify-content: space-between; | ||
| 680 | + margin-top:0.32rem | ||
| 681 | +} | ||
| 682 | +.jiagequleft{ | ||
| 683 | + width:2.86rem; | ||
| 684 | + /*height:0.64rem;*/ | ||
| 685 | + padding: 0.15rem; | ||
| 686 | + box-sizing: border-box; | ||
| 687 | + font-size: 0; | ||
| 688 | + border:0.01rem solid #EEEEEE | ||
| 689 | +} | ||
| 690 | +.jiagequleft input{ | ||
| 691 | + width:2.66rem; | ||
| 692 | + text-align: center; | ||
| 693 | + border:none; | ||
| 694 | + outline:none | ||
| 695 | +} | ||
| 696 | +.jiagequright{ | ||
| 697 | + width:2.86rem; | ||
| 698 | + /*height:0.64rem;*/ | ||
| 699 | + padding: 0.15rem; | ||
| 700 | + box-sizing: border-box; | ||
| 701 | + font-size: 0; | ||
| 702 | + border:0.01rem solid #EEEEEE | ||
| 703 | +} | ||
| 704 | +.jiagequright input{ | ||
| 705 | + width:2.66rem; | ||
| 706 | + text-align: center; | ||
| 707 | + border:none; | ||
| 708 | + outline:none | ||
| 709 | +} | ||
| 710 | + | ||
| 711 | +.zhi{ | ||
| 712 | + color:#5B5E63; | ||
| 713 | + font-size: 0.28rem; | ||
| 714 | + margin: 0 0.24rem; | ||
| 715 | + /*padding: 0.22rem 0;*/ | ||
| 716 | + box-sizing: border-box; | ||
| 717 | + height:0.54rem; | ||
| 718 | + line-height: 0.54rem; | ||
| 719 | +} | ||
| 720 | +.qiuzu{ | ||
| 721 | + margin-bottom:1.2rem | ||
| 722 | +} | ||
| 723 | +.qiuzuitem{ | ||
| 724 | + padding: 0.4rem 0.42rem; | ||
| 725 | + box-sizing: border-box; | ||
| 726 | + border-bottom:0.01rem solid #f5f5f5; | ||
| 727 | +} | ||
| 728 | +.qiuzuitemtop{ | ||
| 729 | + color:#06121E; | ||
| 730 | + font-size: 0.32rem; | ||
| 731 | + font-weight:bold; | ||
| 732 | +} | ||
| 733 | +.qiuzutext{ | ||
| 734 | + color:#06121E; | ||
| 735 | + font-size: 0.28rem; | ||
| 736 | + margin-top:0.2rem | ||
| 737 | +} | ||
| 738 | +.qiuzubottom{ | ||
| 739 | + display:flex; | ||
| 740 | + align-items: center; | ||
| 741 | + margin-top:0.2rem; | ||
| 742 | + justify-content: space-between; | ||
| 743 | +} | ||
| 744 | +.qiuzutext1{ | ||
| 745 | + color:#06121E; | ||
| 746 | + font-size: 0.28rem; | ||
| 747 | +} | ||
| 748 | +.qiuzudate{ | ||
| 749 | + color:#8C9198; | ||
| 750 | + font-size: 0.2rem; | ||
| 751 | + | ||
| 752 | +} | ||
| 753 | +/*房源详情*/ | ||
| 754 | +.detailfangtop{ | ||
| 755 | + color:#5D8DEE; | ||
| 756 | + font-size: 0.24rem; | ||
| 757 | + margin-top:0.2rem; | ||
| 758 | + text-align: center; | ||
| 759 | +} | ||
| 760 | +.detaifangimg{ | ||
| 761 | + width:6.86rem; | ||
| 762 | + height:3.44rem; | ||
| 763 | + font-size: 0; | ||
| 764 | + margin:0.52rem auto 0; | ||
| 765 | +} | ||
| 766 | +.detaifangbotleft{ | ||
| 767 | + color:#8C9198; | ||
| 768 | + font-size: 0.24rem; | ||
| 769 | +} | ||
| 770 | +.detailfangbot{ | ||
| 771 | + display:flex; | ||
| 772 | + align-items: center; | ||
| 773 | + justify-content: space-between; | ||
| 774 | +} | ||
| 775 | +.detailfangrigleft{ | ||
| 776 | + width:0.36rem; | ||
| 777 | + height:0.36rem; | ||
| 778 | + font-size: 0; | ||
| 779 | +} | ||
| 780 | +.detaifangbotright{ | ||
| 781 | + display:flex; | ||
| 782 | + align-items: center; | ||
| 783 | +} | ||
| 784 | +.yijianfuzhu{ | ||
| 785 | + color:#8C9198; | ||
| 786 | + font-size: 0.24rem; | ||
| 787 | +} |
css/swiper.min.css
0 → 100644
| 1 | +/** | ||
| 2 | + * Swiper 4.3.5 | ||
| 3 | + * Most modern mobile touch slider and framework with hardware accelerated transitions | ||
| 4 | + * http://www.idangero.us/swiper/ | ||
| 5 | + * | ||
| 6 | + * Copyright 2014-2018 Vladimir Kharlampidi | ||
| 7 | + * | ||
| 8 | + * Released under the MIT License | ||
| 9 | + * | ||
| 10 | + * Released on: July 31, 2018 | ||
| 11 | + */ | ||
| 12 | +.swiper-container { | ||
| 13 | + height:4rem; | ||
| 14 | + margin: 0 auto; | ||
| 15 | + position: relative; | ||
| 16 | + overflow: hidden; | ||
| 17 | + list-style: none; | ||
| 18 | + padding: 0; | ||
| 19 | + z-index: 1 | ||
| 20 | +} | ||
| 21 | + | ||
| 22 | +.swiper-container-no-flexbox .swiper-slide { | ||
| 23 | + float: left | ||
| 24 | +} | ||
| 25 | + | ||
| 26 | +.swiper-container-vertical>.swiper-wrapper { | ||
| 27 | + -webkit-box-orient: vertical; | ||
| 28 | + -webkit-box-direction: normal; | ||
| 29 | + -webkit-flex-direction: column; | ||
| 30 | + -ms-flex-direction: column; | ||
| 31 | + flex-direction: column | ||
| 32 | +} | ||
| 33 | + | ||
| 34 | +.swiper-wrapper { | ||
| 35 | + position: relative; | ||
| 36 | + width: 100%; | ||
| 37 | + height: 100%; | ||
| 38 | + z-index: 1; | ||
| 39 | + display: -webkit-box; | ||
| 40 | + display: -webkit-flex; | ||
| 41 | + display: -ms-flexbox; | ||
| 42 | + display: flex; | ||
| 43 | + -webkit-transition-property: -webkit-transform; | ||
| 44 | + transition-property: -webkit-transform; | ||
| 45 | + -o-transition-property: transform; | ||
| 46 | + transition-property: transform; | ||
| 47 | + transition-property: transform,-webkit-transform; | ||
| 48 | + -webkit-box-sizing: content-box; | ||
| 49 | + box-sizing: content-box | ||
| 50 | +} | ||
| 51 | + | ||
| 52 | +.swiper-container-android .swiper-slide,.swiper-wrapper { | ||
| 53 | + -webkit-transform: translate3d(0,0,0); | ||
| 54 | + transform: translate3d(0,0,0) | ||
| 55 | +} | ||
| 56 | + | ||
| 57 | +.swiper-container-multirow>.swiper-wrapper { | ||
| 58 | + -webkit-flex-wrap: wrap; | ||
| 59 | + -ms-flex-wrap: wrap; | ||
| 60 | + flex-wrap: wrap | ||
| 61 | +} | ||
| 62 | + | ||
| 63 | +.swiper-container-free-mode>.swiper-wrapper { | ||
| 64 | + -webkit-transition-timing-function: ease-out; | ||
| 65 | + -o-transition-timing-function: ease-out; | ||
| 66 | + transition-timing-function: ease-out; | ||
| 67 | + margin: 0 auto | ||
| 68 | +} | ||
| 69 | + | ||
| 70 | +.swiper-slide { | ||
| 71 | + -webkit-flex-shrink: 0; | ||
| 72 | + -ms-flex-negative: 0; | ||
| 73 | + flex-shrink: 0; | ||
| 74 | + width: 100%; | ||
| 75 | + height: 100%; | ||
| 76 | + position: relative; | ||
| 77 | + -webkit-transition-property: -webkit-transform; | ||
| 78 | + transition-property: -webkit-transform; | ||
| 79 | + -o-transition-property: transform; | ||
| 80 | + transition-property: transform; | ||
| 81 | + transition-property: transform,-webkit-transform | ||
| 82 | +} | ||
| 83 | + | ||
| 84 | +.swiper-invisible-blank-slide { | ||
| 85 | + visibility: hidden | ||
| 86 | +} | ||
| 87 | + | ||
| 88 | +.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide { | ||
| 89 | + height: auto | ||
| 90 | +} | ||
| 91 | + | ||
| 92 | +.swiper-container-autoheight .swiper-wrapper { | ||
| 93 | + -webkit-box-align: start; | ||
| 94 | + -webkit-align-items: flex-start; | ||
| 95 | + -ms-flex-align: start; | ||
| 96 | + align-items: flex-start; | ||
| 97 | + -webkit-transition-property: height,-webkit-transform; | ||
| 98 | + transition-property: height,-webkit-transform; | ||
| 99 | + -o-transition-property: transform,height; | ||
| 100 | + transition-property: transform,height; | ||
| 101 | + transition-property: transform,height,-webkit-transform | ||
| 102 | +} | ||
| 103 | + | ||
| 104 | +.swiper-container-3d { | ||
| 105 | + -webkit-perspective: 1200px; | ||
| 106 | + perspective: 1200px | ||
| 107 | +} | ||
| 108 | + | ||
| 109 | +.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper { | ||
| 110 | + -webkit-transform-style: preserve-3d; | ||
| 111 | + transform-style: preserve-3d | ||
| 112 | +} | ||
| 113 | + | ||
| 114 | +.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top { | ||
| 115 | + position: absolute; | ||
| 116 | + left: 0; | ||
| 117 | + top: 0; | ||
| 118 | + width: 100%; | ||
| 119 | + height: 100%; | ||
| 120 | + pointer-events: none; | ||
| 121 | + z-index: 10 | ||
| 122 | +} | ||
| 123 | + | ||
| 124 | +.swiper-container-3d .swiper-slide-shadow-left { | ||
| 125 | + background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); | ||
| 126 | + background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); | ||
| 127 | + background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); | ||
| 128 | + background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)) | ||
| 129 | +} | ||
| 130 | + | ||
| 131 | +.swiper-container-3d .swiper-slide-shadow-right { | ||
| 132 | + background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); | ||
| 133 | + background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0)); | ||
| 134 | + background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0)); | ||
| 135 | + background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)) | ||
| 136 | +} | ||
| 137 | + | ||
| 138 | +.swiper-container-3d .swiper-slide-shadow-top { | ||
| 139 | + background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); | ||
| 140 | + background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0)); | ||
| 141 | + background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0)); | ||
| 142 | + background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)) | ||
| 143 | +} | ||
| 144 | + | ||
| 145 | +.swiper-container-3d .swiper-slide-shadow-bottom { | ||
| 146 | + background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); | ||
| 147 | + background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0)); | ||
| 148 | + background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0)); | ||
| 149 | + background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)) | ||
| 150 | +} | ||
| 151 | + | ||
| 152 | +.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper { | ||
| 153 | + -ms-touch-action: pan-y; | ||
| 154 | + touch-action: pan-y | ||
| 155 | +} | ||
| 156 | + | ||
| 157 | +.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper { | ||
| 158 | + -ms-touch-action: pan-x; | ||
| 159 | + touch-action: pan-x | ||
| 160 | +} | ||
| 161 | + | ||
| 162 | +.swiper-button-next,.swiper-button-prev { | ||
| 163 | + position: absolute; | ||
| 164 | + top: 50%; | ||
| 165 | + width: 27px; | ||
| 166 | + height: 44px; | ||
| 167 | + margin-top: -22px; | ||
| 168 | + z-index: 10; | ||
| 169 | + cursor: pointer; | ||
| 170 | + background-size: 27px 44px; | ||
| 171 | + background-position: center; | ||
| 172 | + background-repeat: no-repeat | ||
| 173 | +} | ||
| 174 | + | ||
| 175 | +.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled { | ||
| 176 | + opacity: .35; | ||
| 177 | + cursor: auto; | ||
| 178 | + pointer-events: none | ||
| 179 | +} | ||
| 180 | + | ||
| 181 | +.swiper-button-prev,.swiper-container-rtl .swiper-button-next { | ||
| 182 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); | ||
| 183 | + left: 10px; | ||
| 184 | + right: auto | ||
| 185 | +} | ||
| 186 | + | ||
| 187 | +.swiper-button-next,.swiper-container-rtl .swiper-button-prev { | ||
| 188 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); | ||
| 189 | + right: 10px; | ||
| 190 | + left: auto | ||
| 191 | +} | ||
| 192 | + | ||
| 193 | +.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white { | ||
| 194 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") | ||
| 195 | +} | ||
| 196 | + | ||
| 197 | +.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white { | ||
| 198 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") | ||
| 199 | +} | ||
| 200 | + | ||
| 201 | +.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black { | ||
| 202 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") | ||
| 203 | +} | ||
| 204 | + | ||
| 205 | +.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black { | ||
| 206 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") | ||
| 207 | +} | ||
| 208 | + | ||
| 209 | +.swiper-button-lock { | ||
| 210 | + display: none | ||
| 211 | +} | ||
| 212 | + | ||
| 213 | +.swiper-pagination { | ||
| 214 | + position: absolute; | ||
| 215 | + text-align: center; | ||
| 216 | + -webkit-transition: .3s opacity; | ||
| 217 | + -o-transition: .3s opacity; | ||
| 218 | + transition: .3s opacity; | ||
| 219 | + -webkit-transform: translate3d(0,0,0); | ||
| 220 | + transform: translate3d(0,0,0); | ||
| 221 | + z-index: 10 | ||
| 222 | +} | ||
| 223 | + | ||
| 224 | +.swiper-pagination.swiper-pagination-hidden { | ||
| 225 | + opacity: 0 | ||
| 226 | +} | ||
| 227 | + | ||
| 228 | +.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction { | ||
| 229 | + bottom: -5px; | ||
| 230 | + left: 0; | ||
| 231 | + width: 100% | ||
| 232 | +} | ||
| 233 | + | ||
| 234 | +.swiper-pagination-bullets-dynamic { | ||
| 235 | + overflow: hidden; | ||
| 236 | + font-size: 0 | ||
| 237 | +} | ||
| 238 | + | ||
| 239 | +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { | ||
| 240 | + -webkit-transform: scale(.33); | ||
| 241 | + -ms-transform: scale(.33); | ||
| 242 | + transform: scale(.33); | ||
| 243 | + position: relative | ||
| 244 | +} | ||
| 245 | + | ||
| 246 | +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { | ||
| 247 | + -webkit-transform: scale(1); | ||
| 248 | + -ms-transform: scale(1); | ||
| 249 | + transform: scale(1) | ||
| 250 | +} | ||
| 251 | + | ||
| 252 | +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { | ||
| 253 | + -webkit-transform: scale(1); | ||
| 254 | + -ms-transform: scale(1); | ||
| 255 | + transform: scale(1) | ||
| 256 | +} | ||
| 257 | + | ||
| 258 | +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { | ||
| 259 | + -webkit-transform: scale(.66); | ||
| 260 | + -ms-transform: scale(.66); | ||
| 261 | + transform: scale(.66) | ||
| 262 | +} | ||
| 263 | + | ||
| 264 | +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { | ||
| 265 | + -webkit-transform: scale(.33); | ||
| 266 | + -ms-transform: scale(.33); | ||
| 267 | + transform: scale(.33) | ||
| 268 | +} | ||
| 269 | + | ||
| 270 | +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { | ||
| 271 | + -webkit-transform: scale(.66); | ||
| 272 | + -ms-transform: scale(.66); | ||
| 273 | + transform: scale(.66) | ||
| 274 | +} | ||
| 275 | + | ||
| 276 | +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { | ||
| 277 | + -webkit-transform: scale(.33); | ||
| 278 | + -ms-transform: scale(.33); | ||
| 279 | + transform: scale(.33) | ||
| 280 | +} | ||
| 281 | + | ||
| 282 | +.swiper-pagination-bullet { | ||
| 283 | + width: 5px; | ||
| 284 | + height: 5px; | ||
| 285 | + display: inline-block; | ||
| 286 | + border-radius: 50%; | ||
| 287 | + background: #000; | ||
| 288 | + opacity: .2 | ||
| 289 | +} | ||
| 290 | + | ||
| 291 | +button.swiper-pagination-bullet { | ||
| 292 | + border: none; | ||
| 293 | + margin: 0; | ||
| 294 | + padding: 0; | ||
| 295 | + -webkit-box-shadow: none; | ||
| 296 | + box-shadow: none; | ||
| 297 | + -webkit-appearance: none; | ||
| 298 | + -moz-appearance: none; | ||
| 299 | + appearance: none | ||
| 300 | +} | ||
| 301 | + | ||
| 302 | +.swiper-pagination-clickable .swiper-pagination-bullet { | ||
| 303 | + cursor: pointer | ||
| 304 | +} | ||
| 305 | + | ||
| 306 | +.swiper-pagination-bullet-active { | ||
| 307 | + opacity: 1; | ||
| 308 | + background: #fff; | ||
| 309 | + width:5px; | ||
| 310 | + height:5px; | ||
| 311 | + border-radius: 50%; | ||
| 312 | +} | ||
| 313 | +.swiper-container-vertical>.swiper-pagination-bullets { | ||
| 314 | + right: 10px; | ||
| 315 | + top: 50%; | ||
| 316 | + -webkit-transform: translate3d(0,-50%,0); | ||
| 317 | + transform: translate3d(0,-50%,0) | ||
| 318 | +} | ||
| 319 | + | ||
| 320 | +.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { | ||
| 321 | + margin: 6px 0; | ||
| 322 | + display: block | ||
| 323 | +} | ||
| 324 | + | ||
| 325 | +.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { | ||
| 326 | + top: 50%; | ||
| 327 | + -webkit-transform: translateY(-50%); | ||
| 328 | + -ms-transform: translateY(-50%); | ||
| 329 | + transform: translateY(-50%); | ||
| 330 | + width: 8px | ||
| 331 | +} | ||
| 332 | + | ||
| 333 | +.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { | ||
| 334 | + display: inline-block; | ||
| 335 | + -webkit-transition: .2s top,.2s -webkit-transform; | ||
| 336 | + transition: .2s top,.2s -webkit-transform; | ||
| 337 | + -o-transition: .2s transform,.2s top; | ||
| 338 | + transition: .2s transform,.2s top; | ||
| 339 | + transition: .2s transform,.2s top,.2s -webkit-transform | ||
| 340 | +} | ||
| 341 | + | ||
| 342 | +.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { | ||
| 343 | + margin: 0 4px | ||
| 344 | +} | ||
| 345 | + | ||
| 346 | +.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { | ||
| 347 | + left: 50%; | ||
| 348 | + -webkit-transform: translateX(-50%); | ||
| 349 | + -ms-transform: translateX(-50%); | ||
| 350 | + transform: translateX(-50%); | ||
| 351 | + white-space: nowrap | ||
| 352 | +} | ||
| 353 | + | ||
| 354 | +.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { | ||
| 355 | + -webkit-transition: .2s left,.2s -webkit-transform; | ||
| 356 | + transition: .2s left,.2s -webkit-transform; | ||
| 357 | + -o-transition: .2s transform,.2s left; | ||
| 358 | + transition: .2s transform,.2s left; | ||
| 359 | + transition: .2s transform,.2s left,.2s -webkit-transform | ||
| 360 | +} | ||
| 361 | + | ||
| 362 | +.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { | ||
| 363 | + -webkit-transition: .2s right,.2s -webkit-transform; | ||
| 364 | + transition: .2s right,.2s -webkit-transform; | ||
| 365 | + -o-transition: .2s transform,.2s right; | ||
| 366 | + transition: .2s transform,.2s right; | ||
| 367 | + transition: .2s transform,.2s right,.2s -webkit-transform | ||
| 368 | +} | ||
| 369 | + | ||
| 370 | +.swiper-pagination-progressbar { | ||
| 371 | + background: rgba(0,0,0,.25); | ||
| 372 | + position: absolute | ||
| 373 | +} | ||
| 374 | + | ||
| 375 | +.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { | ||
| 376 | + background: #007aff; | ||
| 377 | + position: absolute; | ||
| 378 | + left: 0; | ||
| 379 | + top: 0; | ||
| 380 | + width: 100%; | ||
| 381 | + height: 100%; | ||
| 382 | + -webkit-transform: scale(0); | ||
| 383 | + -ms-transform: scale(0); | ||
| 384 | + transform: scale(0); | ||
| 385 | + -webkit-transform-origin: left top; | ||
| 386 | + -ms-transform-origin: left top; | ||
| 387 | + transform-origin: left top | ||
| 388 | +} | ||
| 389 | + | ||
| 390 | +.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { | ||
| 391 | + -webkit-transform-origin: right top; | ||
| 392 | + -ms-transform-origin: right top; | ||
| 393 | + transform-origin: right top | ||
| 394 | +} | ||
| 395 | + | ||
| 396 | +.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { | ||
| 397 | + width: 100%; | ||
| 398 | + height: 4px; | ||
| 399 | + left: 0; | ||
| 400 | + top: 0 | ||
| 401 | +} | ||
| 402 | + | ||
| 403 | +.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar { | ||
| 404 | + width: 4px; | ||
| 405 | + height: 100%; | ||
| 406 | + left: 0; | ||
| 407 | + top: 0 | ||
| 408 | +} | ||
| 409 | + | ||
| 410 | +.swiper-pagination-white .swiper-pagination-bullet-active { | ||
| 411 | + background: #fff | ||
| 412 | +} | ||
| 413 | + | ||
| 414 | +.swiper-pagination-progressbar.swiper-pagination-white { | ||
| 415 | + background: rgba(255,255,255,.25) | ||
| 416 | +} | ||
| 417 | + | ||
| 418 | +.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { | ||
| 419 | + background: #fff | ||
| 420 | +} | ||
| 421 | + | ||
| 422 | +.swiper-pagination-black .swiper-pagination-bullet-active { | ||
| 423 | + background: #000 | ||
| 424 | +} | ||
| 425 | + | ||
| 426 | +.swiper-pagination-progressbar.swiper-pagination-black { | ||
| 427 | + background: rgba(0,0,0,.25) | ||
| 428 | +} | ||
| 429 | + | ||
| 430 | +.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { | ||
| 431 | + background: #000 | ||
| 432 | +} | ||
| 433 | + | ||
| 434 | +.swiper-pagination-lock { | ||
| 435 | + display: none | ||
| 436 | +} | ||
| 437 | + | ||
| 438 | +.swiper-scrollbar { | ||
| 439 | + border-radius: 10px; | ||
| 440 | + position: relative; | ||
| 441 | + -ms-touch-action: none; | ||
| 442 | + background: rgba(0,0,0,.1) | ||
| 443 | +} | ||
| 444 | + | ||
| 445 | +.swiper-container-horizontal>.swiper-scrollbar { | ||
| 446 | + position: absolute; | ||
| 447 | + left: 1%; | ||
| 448 | + bottom: 3px; | ||
| 449 | + z-index: 50; | ||
| 450 | + height: 5px; | ||
| 451 | + width: 98% | ||
| 452 | +} | ||
| 453 | + | ||
| 454 | +.swiper-container-vertical>.swiper-scrollbar { | ||
| 455 | + position: absolute; | ||
| 456 | + right: 3px; | ||
| 457 | + top: 1%; | ||
| 458 | + z-index: 50; | ||
| 459 | + width: 5px; | ||
| 460 | + height: 98% | ||
| 461 | +} | ||
| 462 | + | ||
| 463 | +.swiper-scrollbar-drag { | ||
| 464 | + height: 100%; | ||
| 465 | + width: 100%; | ||
| 466 | + position: relative; | ||
| 467 | + background: rgba(0,0,0,.5); | ||
| 468 | + border-radius: 10px; | ||
| 469 | + left: 0; | ||
| 470 | + top: 0 | ||
| 471 | +} | ||
| 472 | + | ||
| 473 | +.swiper-scrollbar-cursor-drag { | ||
| 474 | + cursor: move | ||
| 475 | +} | ||
| 476 | + | ||
| 477 | +.swiper-scrollbar-lock { | ||
| 478 | + display: none | ||
| 479 | +} | ||
| 480 | + | ||
| 481 | +.swiper-zoom-container { | ||
| 482 | + width: 100%; | ||
| 483 | + height: 100%; | ||
| 484 | + display: -webkit-box; | ||
| 485 | + display: -webkit-flex; | ||
| 486 | + display: -ms-flexbox; | ||
| 487 | + display: flex; | ||
| 488 | + -webkit-box-pack: center; | ||
| 489 | + -webkit-justify-content: center; | ||
| 490 | + -ms-flex-pack: center; | ||
| 491 | + justify-content: center; | ||
| 492 | + -webkit-box-align: center; | ||
| 493 | + -webkit-align-items: center; | ||
| 494 | + -ms-flex-align: center; | ||
| 495 | + align-items: center; | ||
| 496 | + text-align: center | ||
| 497 | +} | ||
| 498 | + | ||
| 499 | +.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg { | ||
| 500 | + max-width: 100%; | ||
| 501 | + max-height: 100%; | ||
| 502 | + -o-object-fit: contain; | ||
| 503 | + object-fit: contain | ||
| 504 | +} | ||
| 505 | + | ||
| 506 | +.swiper-slide-zoomed { | ||
| 507 | + cursor: move | ||
| 508 | +} | ||
| 509 | + | ||
| 510 | +.swiper-lazy-preloader { | ||
| 511 | + width: 42px; | ||
| 512 | + height: 42px; | ||
| 513 | + position: absolute; | ||
| 514 | + left: 50%; | ||
| 515 | + top: 50%; | ||
| 516 | + margin-left: -21px; | ||
| 517 | + margin-top: -21px; | ||
| 518 | + z-index: 10; | ||
| 519 | + -webkit-transform-origin: 50%; | ||
| 520 | + -ms-transform-origin: 50%; | ||
| 521 | + transform-origin: 50%; | ||
| 522 | + -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite; | ||
| 523 | + animation: swiper-preloader-spin 1s steps(12,end) infinite | ||
| 524 | +} | ||
| 525 | + | ||
| 526 | +.swiper-lazy-preloader:after { | ||
| 527 | + display: block; | ||
| 528 | + content: ''; | ||
| 529 | + width: 100%; | ||
| 530 | + height: 100%; | ||
| 531 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); | ||
| 532 | + background-position: 50%; | ||
| 533 | + background-size: 100%; | ||
| 534 | + background-repeat: no-repeat | ||
| 535 | +} | ||
| 536 | + | ||
| 537 | +.swiper-lazy-preloader-white:after { | ||
| 538 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") | ||
| 539 | +} | ||
| 540 | + | ||
| 541 | +@-webkit-keyframes swiper-preloader-spin { | ||
| 542 | + 100% { | ||
| 543 | + -webkit-transform: rotate(360deg); | ||
| 544 | + transform: rotate(360deg) | ||
| 545 | + } | ||
| 546 | +} | ||
| 547 | + | ||
| 548 | +@keyframes swiper-preloader-spin { | ||
| 549 | + 100% { | ||
| 550 | + -webkit-transform: rotate(360deg); | ||
| 551 | + transform: rotate(360deg) | ||
| 552 | + } | ||
| 553 | +} | ||
| 554 | + | ||
| 555 | +.swiper-container .swiper-notification { | ||
| 556 | + position: absolute; | ||
| 557 | + left: 0; | ||
| 558 | + top: 0; | ||
| 559 | + pointer-events: none; | ||
| 560 | + opacity: 0; | ||
| 561 | + z-index: -1000 | ||
| 562 | +} | ||
| 563 | + | ||
| 564 | +.swiper-container-fade.swiper-container-free-mode .swiper-slide { | ||
| 565 | + -webkit-transition-timing-function: ease-out; | ||
| 566 | + -o-transition-timing-function: ease-out; | ||
| 567 | + transition-timing-function: ease-out | ||
| 568 | +} | ||
| 569 | + | ||
| 570 | +.swiper-container-fade .swiper-slide { | ||
| 571 | + pointer-events: none; | ||
| 572 | + -webkit-transition-property: opacity; | ||
| 573 | + -o-transition-property: opacity; | ||
| 574 | + transition-property: opacity | ||
| 575 | +} | ||
| 576 | + | ||
| 577 | +.swiper-container-fade .swiper-slide .swiper-slide { | ||
| 578 | + pointer-events: none | ||
| 579 | +} | ||
| 580 | + | ||
| 581 | +.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active { | ||
| 582 | + pointer-events: auto | ||
| 583 | +} | ||
| 584 | + | ||
| 585 | +.swiper-container-cube { | ||
| 586 | + overflow: visible | ||
| 587 | +} | ||
| 588 | + | ||
| 589 | +.swiper-container-cube .swiper-slide { | ||
| 590 | + pointer-events: none; | ||
| 591 | + -webkit-backface-visibility: hidden; | ||
| 592 | + backface-visibility: hidden; | ||
| 593 | + z-index: 1; | ||
| 594 | + visibility: hidden; | ||
| 595 | + -webkit-transform-origin: 0 0; | ||
| 596 | + -ms-transform-origin: 0 0; | ||
| 597 | + transform-origin: 0 0; | ||
| 598 | + width: 100%; | ||
| 599 | + height: 100% | ||
| 600 | +} | ||
| 601 | + | ||
| 602 | +.swiper-container-cube .swiper-slide .swiper-slide { | ||
| 603 | + pointer-events: none | ||
| 604 | +} | ||
| 605 | + | ||
| 606 | +.swiper-container-cube.swiper-container-rtl .swiper-slide { | ||
| 607 | + -webkit-transform-origin: 100% 0; | ||
| 608 | + -ms-transform-origin: 100% 0; | ||
| 609 | + transform-origin: 100% 0 | ||
| 610 | +} | ||
| 611 | + | ||
| 612 | +.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active { | ||
| 613 | + pointer-events: auto | ||
| 614 | +} | ||
| 615 | + | ||
| 616 | +.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev { | ||
| 617 | + pointer-events: auto; | ||
| 618 | + visibility: visible | ||
| 619 | +} | ||
| 620 | + | ||
| 621 | +.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top { | ||
| 622 | + z-index: 0; | ||
| 623 | + -webkit-backface-visibility: hidden; | ||
| 624 | + backface-visibility: hidden | ||
| 625 | +} | ||
| 626 | + | ||
| 627 | +.swiper-container-cube .swiper-cube-shadow { | ||
| 628 | + position: absolute; | ||
| 629 | + left: 0; | ||
| 630 | + bottom: 0; | ||
| 631 | + width: 100%; | ||
| 632 | + height: 100%; | ||
| 633 | + background: #000; | ||
| 634 | + opacity: .6; | ||
| 635 | + -webkit-filter: blur(50px); | ||
| 636 | + filter: blur(50px); | ||
| 637 | + z-index: 0 | ||
| 638 | +} | ||
| 639 | + | ||
| 640 | +.swiper-container-flip { | ||
| 641 | + overflow: visible | ||
| 642 | +} | ||
| 643 | + | ||
| 644 | +.swiper-container-flip .swiper-slide { | ||
| 645 | + pointer-events: none; | ||
| 646 | + -webkit-backface-visibility: hidden; | ||
| 647 | + backface-visibility: hidden; | ||
| 648 | + z-index: 1 | ||
| 649 | +} | ||
| 650 | + | ||
| 651 | +.swiper-container-flip .swiper-slide .swiper-slide { | ||
| 652 | + pointer-events: none | ||
| 653 | +} | ||
| 654 | + | ||
| 655 | +.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active { | ||
| 656 | + pointer-events: auto | ||
| 657 | +} | ||
| 658 | + | ||
| 659 | +.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top { | ||
| 660 | + z-index: 0; | ||
| 661 | + -webkit-backface-visibility: hidden; | ||
| 662 | + backface-visibility: hidden | ||
| 663 | +} | ||
| 664 | + | ||
| 665 | +.swiper-container-coverflow .swiper-wrapper { | ||
| 666 | + -ms-perspective: 1200px | ||
| 667 | +} |
fangyuan.html
0 → 100644
| 1 | +<!DOCTYPE html> | ||
| 2 | +<html lang="en"> | ||
| 3 | +<head> | ||
| 4 | + <meta charset="UTF-8"> | ||
| 5 | + | ||
| 6 | + <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> | ||
| 7 | + <title>房源</title> | ||
| 8 | + <link rel="stylesheet" href="css/common.css"> | ||
| 9 | + <link rel="stylesheet" href="css/base.css"> | ||
| 10 | + <script type="text/javascript" src="js/base.js"></script> | ||
| 11 | +</head> | ||
| 12 | +<body> | ||
| 13 | + | ||
| 14 | +<!--区域选择框--> | ||
| 15 | +<div class="register" style="display:none"> | ||
| 16 | + <div class="diquwrap" style="display:none"> | ||
| 17 | + <div class="diwrapbox"> | ||
| 18 | + <div class="diwrapleft"> | ||
| 19 | + <div class="diwraplefttop">不限</div> | ||
| 20 | + <div class="diwrapleftbox"> | ||
| 21 | + <div class="dileftboxitem">东城区</div> | ||
| 22 | + <div class="dileftboxitem">西城区</div> | ||
| 23 | + <div class="dileftboxitem">朝阳区</div> | ||
| 24 | + </div> | ||
| 25 | + </div> | ||
| 26 | + | ||
| 27 | + <div class="diwrapright"> | ||
| 28 | + <div class="diwraplefttop">不限</div> | ||
| 29 | + <div class="diwrapleftbox"> | ||
| 30 | + <div class="dileftboxitem">安定门</div> | ||
| 31 | + <div class="dileftboxitem">安贞</div> | ||
| 32 | + <div class="dileftboxitem">朝阳门内</div> | ||
| 33 | + </div> | ||
| 34 | + </div> | ||
| 35 | + </div> | ||
| 36 | + | ||
| 37 | + <div class="queren">确认</div> | ||
| 38 | + | ||
| 39 | + </div> | ||
| 40 | + | ||
| 41 | + <!-- 价格区间--> | ||
| 42 | + <div class="jiagewrap" style="display:none"> | ||
| 43 | + <div class="jiagename">价格区间</div> | ||
| 44 | + <div class="jiagequ"> | ||
| 45 | + <div class="jiagequleft"> | ||
| 46 | + <input type="text" placeholder="2000"> | ||
| 47 | + </div> | ||
| 48 | + <div class="zhi">至</div> | ||
| 49 | + <div class="jiagequright"> | ||
| 50 | + <input type="text" placeholder="3000"> | ||
| 51 | + </div> | ||
| 52 | + </div> | ||
| 53 | + | ||
| 54 | + <div class="queren">确认</div> | ||
| 55 | + </div> | ||
| 56 | + | ||
| 57 | + <div class="jiagewrap"> | ||
| 58 | + <div class="jiagename">面积区间</div> | ||
| 59 | + <div class="jiagequ"> | ||
| 60 | + <div class="jiagequleft"> | ||
| 61 | + <input type="text" placeholder="最小面积"> | ||
| 62 | + </div> | ||
| 63 | + <div class="zhi">至</div> | ||
| 64 | + <div class="jiagequright"> | ||
| 65 | + <input type="text" placeholder="最大面积"> | ||
| 66 | + </div> | ||
| 67 | + </div> | ||
| 68 | + | ||
| 69 | + <div class="queren">确认</div> | ||
| 70 | + </div> | ||
| 71 | + | ||
| 72 | + | ||
| 73 | + | ||
| 74 | +</div> | ||
| 75 | +<div class="fanghead"> | ||
| 76 | + <div class="fangheadleft"> | ||
| 77 | + <div class="ershouname">二手房</div> | ||
| 78 | + <div class="fangheadleftimg"> | ||
| 79 | + <img src="img/sun_30.png" alt=""> | ||
| 80 | + </div> | ||
| 81 | + </div> | ||
| 82 | + <div class="fangheadmiddle"> | ||
| 83 | + <div class="fangheadname"> | ||
| 84 | + <img src="img/search.png" alt=""> | ||
| 85 | + </div> | ||
| 86 | + <div class="souinput"> | ||
| 87 | + <input type="text" placeholder="请输入小区/商圈名称" aria-placeholder="entersearch"/> | ||
| 88 | + </div> | ||
| 89 | + | ||
| 90 | + | ||
| 91 | + </div> | ||
| 92 | + | ||
| 93 | + <div class="fangheadright"> | ||
| 94 | + <div class="xiaoxiimg"> | ||
| 95 | + <img src="img/xiaoxi.png" alt=""> | ||
| 96 | + </div> | ||
| 97 | + <div class="xiaoxiname"> | ||
| 98 | + 消息 | ||
| 99 | + | ||
| 100 | + <div class="xiaoxiyuan">5</div> | ||
| 101 | + </div> | ||
| 102 | + | ||
| 103 | + </div> | ||
| 104 | +</div> | ||
| 105 | + | ||
| 106 | +<div class="fangyuantou"> | ||
| 107 | + <div class="fangyuantouitem fangtouactive"> | ||
| 108 | + <div class="fangyuantouleft">区域</div> | ||
| 109 | +<!-- <div class="fangyuantourimg">--> | ||
| 110 | +<!-- <img src="img/sun_31.png" alt="">--> | ||
| 111 | +<!-- </div>--> | ||
| 112 | + | ||
| 113 | + <div class="fangyuantourimg"> | ||
| 114 | + <img src="img/sun_30.png" alt=""> | ||
| 115 | + </div> | ||
| 116 | + </div> | ||
| 117 | + <div class="fangyuantouitem"> | ||
| 118 | + <div class="fangyuantouleft">价格</div> | ||
| 119 | + <div class="fangyuantourimg"> | ||
| 120 | + <img src="img/sun_31.png" alt=""> | ||
| 121 | + </div> | ||
| 122 | + </div> | ||
| 123 | + <div class="fangyuantouitem"> | ||
| 124 | + <div class="fangyuantouleft">面积</div> | ||
| 125 | + <div class="fangyuantourimg"> | ||
| 126 | + <img src="img/sun_31.png" alt=""> | ||
| 127 | + </div> | ||
| 128 | + </div> | ||
| 129 | +</div> | ||
| 130 | + | ||
| 131 | +<div class="fangyuanboxlist" style="display:none"> | ||
| 132 | + <div class="fangwubox"> | ||
| 133 | + <div class="fangwuboxitem"> | ||
| 134 | + <div class="fangwuboxitemleft"> | ||
| 135 | + <img src="img/house.png" alt=""> | ||
| 136 | + </div> | ||
| 137 | + <div class="fangwuitemright"> | ||
| 138 | + <div class="fangitemritop"> | ||
| 139 | + <div class="fangitemtopleft">热门</div> | ||
| 140 | + <div class="fangitemtoprightname">首创路程西府海棠</div> | ||
| 141 | + </div> | ||
| 142 | + <div class="room"> | ||
| 143 | + <div class="roomleft">三室两厅</div> | ||
| 144 | + <div class="pingfang">120㎡</div> | ||
| 145 | + </div> | ||
| 146 | + <div class="kaojin"> | ||
| 147 | + <div class="kaojinleft">品牌房企</div> | ||
| 148 | + <div class="kaojinright">临近地铁</div> | ||
| 149 | + </div> | ||
| 150 | + | ||
| 151 | + <div class="moneyyue">8000元/月</div> | ||
| 152 | + </div> | ||
| 153 | + </div> | ||
| 154 | + <div class="fangwuboxitem"> | ||
| 155 | + <div class="fangwuboxitemleft"> | ||
| 156 | + <img src="img/house.png" alt=""> | ||
| 157 | + </div> | ||
| 158 | + <div class="fangwuitemright"> | ||
| 159 | + <div class="fangitemritop"> | ||
| 160 | + <div class="fangitemtopleft1">新上</div> | ||
| 161 | + <div class="fangitemtoprightname">首创路程西府海棠</div> | ||
| 162 | + </div> | ||
| 163 | + <div class="room"> | ||
| 164 | + <div class="roomleft">三室两厅</div> | ||
| 165 | + <div class="pingfang">120㎡</div> | ||
| 166 | + </div> | ||
| 167 | + <div class="kaojin"> | ||
| 168 | + <div class="kaojinleft">品牌房企</div> | ||
| 169 | + <div class="kaojinright">临近地铁</div> | ||
| 170 | + </div> | ||
| 171 | + | ||
| 172 | + <div class="moneyyue">8000元/月</div> | ||
| 173 | + </div> | ||
| 174 | + </div> | ||
| 175 | + <div class="fangwuboxitem"> | ||
| 176 | + <div class="fangwuboxitemleft"> | ||
| 177 | + <img src="img/house.png" alt=""> | ||
| 178 | + </div> | ||
| 179 | + <div class="fangwuitemright"> | ||
| 180 | + <div class="fangitemritop"> | ||
| 181 | + <div class="fangitemtopleft">热门</div> | ||
| 182 | + <div class="fangitemtoprightname">首创路程西府海棠</div> | ||
| 183 | + </div> | ||
| 184 | + <div class="room"> | ||
| 185 | + <div class="roomleft">三室两厅</div> | ||
| 186 | + <div class="pingfang">120㎡</div> | ||
| 187 | + </div> | ||
| 188 | + <div class="kaojin"> | ||
| 189 | + <div class="kaojinleft">品牌房企</div> | ||
| 190 | + <div class="kaojinright">临近地铁</div> | ||
| 191 | + </div> | ||
| 192 | + | ||
| 193 | + <div class="moneyyue">8000元/月</div> | ||
| 194 | + </div> | ||
| 195 | + </div> | ||
| 196 | + <div class="fangwuboxitem"> | ||
| 197 | + <div class="fangwuboxitemleft"> | ||
| 198 | + <img src="img/house.png" alt=""> | ||
| 199 | + </div> | ||
| 200 | + <div class="fangwuitemright"> | ||
| 201 | + <div class="fangitemritop"> | ||
| 202 | + <div class="fangitemtopleft">热门</div> | ||
| 203 | + <div class="fangitemtoprightname">首创路程西府海棠</div> | ||
| 204 | + </div> | ||
| 205 | + <div class="room"> | ||
| 206 | + <div class="roomleft">三室两厅</div> | ||
| 207 | + <div class="pingfang">120㎡</div> | ||
| 208 | + </div> | ||
| 209 | + <div class="kaojin"> | ||
| 210 | + <div class="kaojinleft">品牌房企</div> | ||
| 211 | + <div class="kaojinright">临近地铁</div> | ||
| 212 | + </div> | ||
| 213 | + | ||
| 214 | + <div class="moneyyue">8000元/月</div> | ||
| 215 | + </div> | ||
| 216 | + </div> | ||
| 217 | + </div> | ||
| 218 | + | ||
| 219 | +</div> | ||
| 220 | + | ||
| 221 | +<!--求租--> | ||
| 222 | +<div class="qiuzu" style="display:none"> | ||
| 223 | + <div class="qiuzuitem"> | ||
| 224 | + <div class="qiuzuitemtop">求租的标题</div> | ||
| 225 | + <div class="qiuzutext">期望区域：昌平</div> | ||
| 226 | + <div class="qiuzutext">求租预算：5000-8000元/月</div> | ||
| 227 | + <div class="qiuzubottom"> | ||
| 228 | + <div class="qiuzutext1">求租面积：50 - 120㎡</div> | ||
| 229 | + <div class="qiuzudate">更新日期：2019-7-12</div> | ||
| 230 | + </div> | ||
| 231 | + | ||
| 232 | + </div> | ||
| 233 | + <div class="qiuzuitem"> | ||
| 234 | + <div class="qiuzuitemtop">求租的标题</div> | ||
| 235 | + <div class="qiuzutext">期望区域：昌平</div> | ||
| 236 | + <div class="qiuzutext">求租预算：5000-8000元/月</div> | ||
| 237 | + <div class="qiuzubottom"> | ||
| 238 | + <div class="qiuzutext1">求租面积：50 - 120㎡</div> | ||
| 239 | + <div class="qiuzudate">更新日期：2019-7-12</div> | ||
| 240 | + </div> | ||
| 241 | + | ||
| 242 | + </div> | ||
| 243 | + <div class="qiuzuitem"> | ||
| 244 | + <div class="qiuzuitemtop">求租的标题</div> | ||
| 245 | + <div class="qiuzutext">期望区域：昌平</div> | ||
| 246 | + <div class="qiuzutext">求租预算：5000-8000元/月</div> | ||
| 247 | + <div class="qiuzubottom"> | ||
| 248 | + <div class="qiuzutext1">求租面积：50 - 120㎡</div> | ||
| 249 | + <div class="qiuzudate">更新日期：2019-7-12</div> | ||
| 250 | + </div> | ||
| 251 | + | ||
| 252 | + </div> | ||
| 253 | + <div class="qiuzuitem"> | ||
| 254 | + <div class="qiuzuitemtop">求租的标题</div> | ||
| 255 | + <div class="qiuzutext">期望区域：昌平</div> | ||
| 256 | + <div class="qiuzutext">求租预算：5000-8000元/月</div> | ||
| 257 | + <div class="qiuzubottom"> | ||
| 258 | + <div class="qiuzutext1">求租面积：50 - 120㎡</div> | ||
| 259 | + <div class="qiuzudate">更新日期：2019-7-12</div> | ||
| 260 | + </div> | ||
| 261 | + | ||
| 262 | + </div> | ||
| 263 | + | ||
| 264 | +</div> | ||
| 265 | + | ||
| 266 | +<!--求购--> | ||
| 267 | +<div class="qiuzu" style="display:none"> | ||
| 268 | + <div class="qiuzuitem"> | ||
| 269 | + <div class="qiuzuitemtop">求购的标题</div> | ||
| 270 | + <div class="qiuzutext">期望区域：昌平</div> | ||
| 271 | + <div class="qiuzutext">求租预算：5000-8000元/月</div> | ||
| 272 | + <div class="qiuzubottom"> | ||
| 273 | + <div class="qiuzutext1">求租面积：50 - 120㎡</div> | ||
| 274 | + <div class="qiuzudate">更新日期：2019-7-12</div> | ||
| 275 | + </div> | ||
| 276 | + | ||
| 277 | + </div> | ||
| 278 | + <div class="qiuzuitem"> | ||
| 279 | + <div class="qiuzuitemtop">求购的标题</div> | ||
| 280 | + <div class="qiuzutext">期望区域：昌平</div> | ||
| 281 | + <div class="qiuzutext">求租预算：5000-8000元/月</div> | ||
| 282 | + <div class="qiuzubottom"> | ||
| 283 | + <div class="qiuzutext1">求租面积：50 - 120㎡</div> | ||
| 284 | + <div class="qiuzudate">更新日期：2019-7-12</div> | ||
| 285 | + </div> | ||
| 286 | + | ||
| 287 | + </div> | ||
| 288 | + <div class="qiuzuitem"> | ||
| 289 | + <div class="qiuzuitemtop">求购的标题</div> | ||
| 290 | + <div class="qiuzutext">期望区域：昌平</div> | ||
| 291 | + <div class="qiuzutext">求租预算：5000-8000元/月</div> | ||
| 292 | + <div class="qiuzubottom"> | ||
| 293 | + <div class="qiuzutext1">求租面积：50 - 120㎡</div> | ||
| 294 | + <div class="qiuzudate">更新日期：2019-7-12</div> | ||
| 295 | + </div> | ||
| 296 | + | ||
| 297 | + </div> | ||
| 298 | + <div class="qiuzuitem"> | ||
| 299 | + <div class="qiuzuitemtop">求购的标题</div> | ||
| 300 | + <div class="qiuzutext">期望区域：昌平</div> | ||
| 301 | + <div class="qiuzutext">求租预算：5000-8000元/月</div> | ||
| 302 | + <div class="qiuzubottom"> | ||
| 303 | + <div class="qiuzutext1">求租面积：50 - 120㎡</div> | ||
| 304 | + <div class="qiuzudate">更新日期：2019-7-12</div> | ||
| 305 | + </div> | ||
| 306 | + | ||
| 307 | + </div> | ||
| 308 | + | ||
| 309 | +</div> | ||
| 310 | + | ||
| 311 | +<div class="foot"> | ||
| 312 | + <div class="footitem"> | ||
| 313 | + <div class="footitemtop"> | ||
| 314 | + <img src="img/sun_09.png" alt=""> | ||
| 315 | + </div> | ||
| 316 | + <div class="itembottom">首页</div> | ||
| 317 | + </div> | ||
| 318 | + <div class="footitem"> | ||
| 319 | + <div class="footitemtop"> | ||
| 320 | + <img src="img/sun_10.png" alt=""> | ||
| 321 | + </div> | ||
| 322 | + <div class="itembottom1">房源</div> | ||
| 323 | + </div> | ||
| 324 | + <div class="footitem"> | ||
| 325 | + <div class="footitemtop"> | ||
| 326 | + <img src="img/sun_07.png" alt=""> | ||
| 327 | + </div> | ||
| 328 | + <div class="itembottom">发布房源</div> | ||
| 329 | + </div> | ||
| 330 | + <div class="footitem"> | ||
| 331 | + <div class="footitemtop"> | ||
| 332 | + <img src="img/sun_08.png" alt=""> | ||
| 333 | + </div> | ||
| 334 | + <div class="itembottom">我的</div> | ||
| 335 | + </div> | ||
| 336 | + | ||
| 337 | +</div> | ||
| 338 | + | ||
| 339 | + | ||
| 340 | + | ||
| 341 | +</body> | ||
| 342 | +<script type="text/javascript" src="js/jquery-2.1.4.js"></script> | ||
| 343 | + | ||
| 344 | +<script> | ||
| 345 | + $(".fangyuantouitem").click(function(){ | ||
| 346 | + $(this).addClass("fangtouactive").siblings(".fangyuantouitem").removeClass("fangtouactive"); | ||
| 347 | + $(this).children(".fangyuantourimg").children("img").attr("src","img/sun_30.png"); | ||
| 348 | + $(this).siblings(".fangyuantouitem").children(".fangyuantourimg").children("img").attr("src","img/sun_31.png") | ||
| 349 | + }) | ||
| 350 | +</script> | ||
| 351 | + | ||
| 352 | +</html> |
house/fangyuandetail.html
0 → 100644
| 1 | +<!DOCTYPE html> | ||
| 2 | +<html lang="en"> | ||
| 3 | +<head> | ||
| 4 | + <meta charset="UTF-8"> | ||
| 5 | + <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> | ||
| 6 | + <title>房源详情</title> | ||
| 7 | + <link rel="stylesheet" href="../css/common.css"> | ||
| 8 | + <link rel="stylesheet" href="../css/base.css"> | ||
| 9 | + <script type="text/javascript" src="../js/base.js"></script> | ||
| 10 | +</head> | ||
| 11 | +<body> | ||
| 12 | +<div class="detailfangtop">此房在XX签约大约节省70280元中介费</div> | ||
| 13 | +<div class="detaifangimg"> | ||
| 14 | + <img src="../img/house.png" alt=""> | ||
| 15 | +</div> | ||
| 16 | +<div class="detailfangbot"> | ||
| 17 | + <div class="detaifangbotleft">房屋编号 128747</div> | ||
| 18 | + <div class="detaifangbotright"> | ||
| 19 | + <div class="detailfangrigleft"> | ||
| 20 | + <img src="../img/sun_31.png" alt=""> | ||
| 21 | + </div> | ||
| 22 | + <div class="yijianfuzhu">一键复制</div> | ||
| 23 | + </div> | ||
| 24 | +</div> | ||
| 25 | + | ||
| 26 | +</body> | ||
| 27 | + | ||
| 28 | +<script type="text/javascript" src="../js/jquery-2.1.4.js"></script> | ||
| 29 | +</html> |
img/house.png
0 → 100644
8.5 KB
img/housedetai.png
0 → 100644
37.3 KB
img/search.png
0 → 100644
2.6 KB
img/sun1_28.png
0 → 100644
1.5 KB
img/sun_01.png
0 → 100644
255 字节
img/sun_02.png
0 → 100644
294 字节
img/sun_03.png
0 → 100644
292 字节
img/sun_04.png
0 → 100644
295 字节
img/sun_05.png
0 → 100644
236 字节
img/sun_06.png
0 → 100644
239 字节
img/sun_07.png
0 → 100644
293 字节
img/sun_08.png
0 → 100644
271 字节
img/sun_09.png
0 → 100644
200 字节
img/sun_10.png
0 → 100644
295 字节
img/sun_100.png
0 → 100644
192 字节
img/sun_101.png
0 → 100644
175 字节
img/sun_102.png
0 → 100644
205 字节
img/sun_13.png
0 → 100644
200 字节
img/sun_14.png
0 → 100644
189 字节
img/sun_15.png
0 → 100644
6.9 KB
img/sun_16.png
0 → 100644
1.1 KB
img/sun_17.png
0 → 100644
1.2 KB
img/sun_18.png
0 → 100644
1.4 KB
img/sun_19.png
0 → 100644
482 字节
img/sun_20.png
0 → 100644
415 字节
img/sun_21.png
0 → 100644
418 字节
img/sun_22.png
0 → 100644
505 字节
img/sun_23.png
0 → 100644
1.6 KB
img/sun_24.png
0 → 100644
657 字节
img/sun_25.png
0 → 100644
618 字节
img/sun_26.png
0 → 100644
1.0 KB
img/sun_27.png
0 → 100644
261 字节
img/sun_28.png
0 → 100644
1.5 KB
img/sun_30.png
0 → 100644
148 字节
img/sun_31.png
0 → 100644
144 字节
img/sun_32.png
0 → 100644
161 字节
img/xiaoxi.png
0 → 100644
2.6 KB
img/yourow.png
0 → 100644
1.2 KB
index.html
0 → 100644
| 1 | +<!DOCTYPE html> | ||
| 2 | +<html lang="en"> | ||
| 3 | +<head> | ||
| 4 | + <meta charset="UTF-8"> | ||
| 5 | + <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> | ||
| 6 | + <title>首页</title> | ||
| 7 | + <link rel="stylesheet" href="css/common.css"> | ||
| 8 | + <link rel="stylesheet" href="css/base.css"> | ||
| 9 | + <link rel="stylesheet" href="css/swiper.min.css"> | ||
| 10 | + | ||
| 11 | + <script type="text/javascript" src="js/base.js"></script> | ||
| 12 | +</head> | ||
| 13 | +<body> | ||
| 14 | +<div class="head"> | ||
| 15 | + <div class="swiper-container"> | ||
| 16 | + <div class="swiper-wrapper"> | ||
| 17 | + <div class="swiper-slide"> | ||
| 18 | + <img src="img/sun_15.png" alt="" > | ||
| 19 | + </div> | ||
| 20 | + <div class="swiper-slide"> | ||
| 21 | + <img src="img/sun_15.png" alt="" > | ||
| 22 | + </div> | ||
| 23 | + <div class="swiper-slide"> | ||
| 24 | + <img src="img/sun_15.png" alt="" > | ||
| 25 | + </div> | ||
| 26 | + </div> | ||
| 27 | + <div class="swiper-pagination"></div> | ||
| 28 | + </div> | ||
| 29 | + | ||
| 30 | + <div class="tophead"> | ||
| 31 | + <div class="topheadleft"> | ||
| 32 | + <div class="topheadleftimg"> | ||
| 33 | + <img src="img/sun_13.png" alt=""> | ||
| 34 | + </div> | ||
| 35 | + | ||
| 36 | + <div class="topheadrightname">北京</div> | ||
| 37 | + </div> | ||
| 38 | + <div class="topheadmiddle"> | ||
| 39 | + <input type="text"> | ||
| 40 | + </div> | ||
| 41 | + <div class="topheadright"> | ||
| 42 | + <div class="topheadrightimg"> | ||
| 43 | + <img src="img/sun_14.png" alt=""> | ||
| 44 | + </div> | ||
| 45 | + <div class="topheadrightname">消息</div> | ||
| 46 | + </div> | ||
| 47 | + </div> | ||
| 48 | +</div> | ||
| 49 | + | ||
| 50 | +<div class="body"> | ||
| 51 | + <div class="chuzulist"> | ||
| 52 | + | ||
| 53 | + <div class="chuzuitem"> | ||
| 54 | + <img src="img/sun_16.png" alt=""> | ||
| 55 | + <div class="chuzuname">房屋出售</div> | ||
| 56 | + </div> | ||
| 57 | + <div class="chuzuitem"> | ||
| 58 | + <img src="img/sun_17.png" alt=""> | ||
| 59 | + <div class="chuzuname">房屋出租</div> | ||
| 60 | + </div> | ||
| 61 | + <div class="chuzuitem"> | ||
| 62 | + <img src="img/sun_18.png" alt=""> | ||
| 63 | + <div class="chuzuname1">写字楼出租</div> | ||
| 64 | + </div> | ||
| 65 | + </div> | ||
| 66 | + | ||
| 67 | + <div class="fangwulist"> | ||
| 68 | + <div class="fangwulsititem"> | ||
| 69 | + <div class="fangwuimg"> | ||
| 70 | + <img src="img/sun_19.png" alt=""> | ||
| 71 | + </div> | ||
| 72 | + <div class="fangwuname">房屋求购</div> | ||
| 73 | + | ||
| 74 | + </div> | ||
| 75 | + <div class="fangwulsititem"> | ||
| 76 | + <div class="fangwuimg"> | ||
| 77 | + <img src="img/sun_20.png" alt=""> | ||
| 78 | + </div> | ||
| 79 | + <div class="fangwuname">房屋求租</div> | ||
| 80 | + | ||
| 81 | + </div> | ||
| 82 | + <div class="fangwulsititem"> | ||
| 83 | + <div class="fangwuimg"> | ||
| 84 | + <img src="img/sun_21.png" alt=""> | ||
| 85 | + </div> | ||
| 86 | + <div class="fangwuname">商铺出租</div> | ||
| 87 | + | ||
| 88 | + </div> | ||
| 89 | + <div class="fangwulsititem"> | ||
| 90 | + <div class="fangwuimg"> | ||
| 91 | + <img src="img/sun_22.png" alt=""> | ||
| 92 | + </div> | ||
| 93 | + <div class="fangwuname">求房赚钱</div> | ||
| 94 | + | ||
| 95 | + </div> | ||
| 96 | + | ||
| 97 | + </div> | ||
| 98 | + | ||
| 99 | + <div class="guanyu">关于我们</div> | ||
| 100 | + | ||
| 101 | + <div class="aboutusbox"> | ||
| 102 | + <div class="aboutboxleft"> | ||
| 103 | + <img src="img/sun_23.png" alt=""> | ||
| 104 | + <div class="aboutword"> | ||
| 105 | + <text class="chubei">平均出售</text> | ||
| 106 | + <text class="chubeinum">15</text> <text class="chubei">天</text> | ||
| 107 | + | ||
| 108 | + | ||
| 109 | + </div> | ||
| 110 | + </div> | ||
| 111 | + | ||
| 112 | + <div class="aboutboxright"> | ||
| 113 | + <div class="aboutrtop"> | ||
| 114 | + <div class="abouttopleft"> | ||
| 115 | + <img src="img/sun_24.png" alt=""> | ||
| 116 | + <div class="aboutword"> | ||
| 117 | + <text class="chubei">储备买家</text> | ||
| 118 | + <text class="chubeinum">68302</text> | ||
| 119 | + | ||
| 120 | + | ||
| 121 | + </div> | ||
| 122 | + </div> | ||
| 123 | + <div class="abouttopright"> | ||
| 124 | + <img src="img/sun_25.png" alt=""> | ||
| 125 | + | ||
| 126 | + <div class="aboutword"> | ||
| 127 | + <text class="chubei">全城经纪人</text> | ||
| 128 | + <text class="chubeinum">68302</text> | ||
| 129 | + </div> | ||
| 130 | + </div> | ||
| 131 | + </div> | ||
| 132 | + <div class="aboutbottom"> | ||
| 133 | + <img src="img/sun_26.png" alt=""> | ||
| 134 | + <div class="aboutword"> | ||
| 135 | + <text class="chubei">全城中介</text> | ||
| 136 | + <text class="chubeinum">68302</text> | ||
| 137 | + | ||
| 138 | + | ||
| 139 | + </div> | ||
| 140 | + </div> | ||
| 141 | + </div> | ||
| 142 | + | ||
| 143 | + </div> | ||
| 144 | + <div class="mianimg"> | ||
| 145 | + <img src="img/sun_28.png" alt=""> | ||
| 146 | + <div class="mianbox"> | ||
| 147 | + <div class="mianboxtop">免中介网 让买房更真实简单</div> | ||
| 148 | + <div class="mianitembox mianbox1"> | ||
| 149 | + <div class="mianitemboxleft"> | ||
| 150 | + <img src="img/sun_102.png" alt=""> | ||
| 151 | + </div> | ||
| 152 | + <div class="mianitemboxright">隐私保护</div> | ||
| 153 | + </div> | ||
| 154 | + <div class="mianitembox"> | ||
| 155 | + <div class="mianitemboxleft"> | ||
| 156 | + <img src="img/sun_101.png" alt=""> | ||
| 157 | + </div> | ||
| 158 | + <div class="mianitemboxright">免费上门评估</div> | ||
| 159 | + </div> | ||
| 160 | + <div class="mianitembox"> | ||
| 161 | + <div class="mianitemboxleft"> | ||
| 162 | + <img src="img/sun_100.png" alt=""> | ||
| 163 | + </div> | ||
| 164 | + <div class="mianitemboxright">全城中介帮卖</div> | ||
| 165 | + </div> | ||
| 166 | + </div> | ||
| 167 | + </div> | ||
| 168 | + | ||
| 169 | + <div class="remen"> | ||
| 170 | + <div class="remenleft"> | ||
| 171 | + <img src="img/sun_27.png" alt=""> | ||
| 172 | + </div> | ||
| 173 | + <div class="remenright">热门房源</div> | ||
| 174 | + </div> | ||
| 175 | + | ||
| 176 | + <div class="fangwulist"> | ||
| 177 | + <div class="fangwulistitem fangwuactive">房屋出售</div> | ||
| 178 | + <div class="fangwulistitem">房屋出租</div> | ||
| 179 | + <div class="fangwulistitem">写字楼出租</div> | ||
| 180 | + <div class="fangwulistitem">商铺出租</div> | ||
| 181 | + </div> | ||
| 182 | + | ||
| 183 | + <div class="fangwubox"> | ||
| 184 | + <div class="fangwuboxitem"> | ||
| 185 | + <div class="fangwuboxitemleft"> | ||
| 186 | + <img src="img/house.png" alt=""> | ||
| 187 | + </div> | ||
| 188 | + <div class="fangwuitemright"> | ||
| 189 | + <div class="fangitemritop"> | ||
| 190 | + <div class="fangitemtopleft">热门</div> | ||
| 191 | + <div class="fangitemtoprightname">首创路程西府海棠</div> | ||
| 192 | + </div> | ||
| 193 | + <div class="room"> | ||
| 194 | + <div class="roomleft">三室两厅</div> | ||
| 195 | + <div class="pingfang">120㎡</div> | ||
| 196 | + </div> | ||
| 197 | + <div class="kaojin"> | ||
| 198 | + <div class="kaojinleft">品牌房企</div> | ||
| 199 | + <div class="kaojinright">临近地铁</div> | ||
| 200 | + </div> | ||
| 201 | + | ||
| 202 | + <div class="moneyyue">8000元/月</div> | ||
| 203 | + </div> | ||
| 204 | + </div> | ||
| 205 | + <div class="fangwuboxitem"> | ||
| 206 | + <div class="fangwuboxitemleft"> | ||
| 207 | + <img src="img/house.png" alt=""> | ||
| 208 | + </div> | ||
| 209 | + <div class="fangwuitemright"> | ||
| 210 | + <div class="fangitemritop"> | ||
| 211 | + <div class="fangitemtopleft1">新上</div> | ||
| 212 | + <div class="fangitemtoprightname">首创路程西府海棠</div> | ||
| 213 | + </div> | ||
| 214 | + <div class="room"> | ||
| 215 | + <div class="roomleft">三室两厅</div> | ||
| 216 | + <div class="pingfang">120㎡</div> | ||
| 217 | + </div> | ||
| 218 | + <div class="kaojin"> | ||
| 219 | + <div class="kaojinleft">品牌房企</div> | ||
| 220 | + <div class="kaojinright">临近地铁</div> | ||
| 221 | + </div> | ||
| 222 | + | ||
| 223 | + <div class="moneyyue">8000元/月</div> | ||
| 224 | + </div> | ||
| 225 | + </div> | ||
| 226 | + <div class="fangwuboxitem"> | ||
| 227 | + <div class="fangwuboxitemleft"> | ||
| 228 | + <img src="img/house.png" alt=""> | ||
| 229 | + </div> | ||
| 230 | + <div class="fangwuitemright"> | ||
| 231 | + <div class="fangitemritop"> | ||
| 232 | + <div class="fangitemtopleft">热门</div> | ||
| 233 | + <div class="fangitemtoprightname">首创路程西府海棠</div> | ||
| 234 | + </div> | ||
| 235 | + <div class="room"> | ||
| 236 | + <div class="roomleft">三室两厅</div> | ||
| 237 | + <div class="pingfang">120㎡</div> | ||
| 238 | + </div> | ||
| 239 | + <div class="kaojin"> | ||
| 240 | + <div class="kaojinleft">品牌房企</div> | ||
| 241 | + <div class="kaojinright">临近地铁</div> | ||
| 242 | + </div> | ||
| 243 | + | ||
| 244 | + <div class="moneyyue">8000元/月</div> | ||
| 245 | + </div> | ||
| 246 | + </div> | ||
| 247 | + <div class="fangwuboxitem"> | ||
| 248 | + <div class="fangwuboxitemleft"> | ||
| 249 | + <img src="img/house.png" alt=""> | ||
| 250 | + </div> | ||
| 251 | + <div class="fangwuitemright"> | ||
| 252 | + <div class="fangitemritop"> | ||
| 253 | + <div class="fangitemtopleft">热门</div> | ||
| 254 | + <div class="fangitemtoprightname">首创路程西府海棠</div> | ||
| 255 | + </div> | ||
| 256 | + <div class="room"> | ||
| 257 | + <div class="roomleft">三室两厅</div> | ||
| 258 | + <div class="pingfang">120㎡</div> | ||
| 259 | + </div> | ||
| 260 | + <div class="kaojin"> | ||
| 261 | + <div class="kaojinleft">品牌房企</div> | ||
| 262 | + <div class="kaojinright">临近地铁</div> | ||
| 263 | + </div> | ||
| 264 | + | ||
| 265 | + <div class="moneyyue">8000元/月</div> | ||
| 266 | + </div> | ||
| 267 | + </div> | ||
| 268 | + </div> | ||
| 269 | + | ||
| 270 | + <div class="seemore">查看更多</div> | ||
| 271 | + | ||
| 272 | +</div> | ||
| 273 | + | ||
| 274 | +<div class="foot"> | ||
| 275 | + <div class="footitem"> | ||
| 276 | + <div class="footitemtop"> | ||
| 277 | + <img src="img/sun_05.png" alt=""> | ||
| 278 | + </div> | ||
| 279 | + <div class="itembottom1">首页</div> | ||
| 280 | + </div> | ||
| 281 | + <div class="footitem"> | ||
| 282 | + <div class="footitemtop"> | ||
| 283 | + <img src="img/sun_06.png" alt=""> | ||
| 284 | + </div> | ||
| 285 | + <div class="itembottom">房源</div> | ||
| 286 | + </div> | ||
| 287 | + <div class="footitem"> | ||
| 288 | + <div class="footitemtop"> | ||
| 289 | + <img src="img/sun_07.png" alt=""> | ||
| 290 | + </div> | ||
| 291 | + <div class="itembottom">发布房源</div> | ||
| 292 | + </div> | ||
| 293 | + <div class="footitem"> | ||
| 294 | + <div class="footitemtop"> | ||
| 295 | + <img src="img/sun_08.png" alt=""> | ||
| 296 | + </div> | ||
| 297 | + <div class="itembottom">我的</div> | ||
| 298 | + </div> | ||
| 299 | + | ||
| 300 | + | ||
| 301 | + | ||
| 302 | +</div> | ||
| 303 | + | ||
| 304 | + | ||
| 305 | +</body> | ||
| 306 | + | ||
| 307 | +<script type="text/javascript" src="js/jquery-2.1.4.js"></script> | ||
| 308 | +<script type="text/javascript" src="js/swiper.min.js"></script> | ||
| 309 | + | ||
| 310 | +<script> | ||
| 311 | + | ||
| 312 | + var mySwiper = new Swiper('.swiper-container', { | ||
| 313 | + pagination: { | ||
| 314 | + el: '.swiper-pagination', | ||
| 315 | + }, | ||
| 316 | + autoplay: true,//可选选项，自动滑动 | ||
| 317 | + | ||
| 318 | + }) | ||
| 319 | + | ||
| 320 | + $(".fangwulistitem").click(function(){ | ||
| 321 | + $(this).addClass("fangwuactive").siblings(".fangwulistitem").removeClass("fangwuactive") | ||
| 322 | + }) | ||
| 323 | +</script> | ||
| 324 | +</html> |
js/base.js
0 → 100644
js/jquery-2.1.4.js
0 → 100644
此 diff 太大无法显示。
js/swiper.min.js
0 → 100644
此 diff 太大无法显示。
login.html
0 → 100644
| 1 | +<!DOCTYPE html> | ||
| 2 | +<html lang="en"> | ||
| 3 | +<head> | ||
| 4 | + <meta charset="UTF-8"> | ||
| 5 | + <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> | ||
| 6 | + <title>免中介网</title> | ||
| 7 | + | ||
| 8 | + <link rel="stylesheet" href="css/common.css"> | ||
| 9 | + | ||
| 10 | + <link rel="stylesheet" href="css/base.css"> | ||
| 11 | + | ||
| 12 | + <script type="text/javascript" src="js/base.js"></script> | ||
| 13 | +</head> | ||
| 14 | +<body> | ||
| 15 | + | ||
| 16 | +<div class="logintop">免</div> | ||
| 17 | + | ||
| 18 | +<div class="enterphone"> | ||
| 19 | + <input type="number" placeholder="请输入手机号"> | ||
| 20 | +</div> | ||
| 21 | + | ||
| 22 | +<div class="yanzheng"> | ||
| 23 | + <div class="yanzhengleft"> | ||
| 24 | + <input type="text" placeholder="请输入短信验证码"> | ||
| 25 | + </div> | ||
| 26 | + <div class="fasong">发送验证码</div> | ||
| 27 | +</div> | ||
| 28 | + | ||
| 29 | +<div class="wentips">温馨提示：未注册的手机号将自动创建账号</div> | ||
| 30 | + | ||
| 31 | +<div class="lijideng">立即登录</div> | ||
| 32 | + | ||
| 33 | +<div class="zhucename">注册/登录即代表同意 <text class="mian">《免中介隐私政策》</text> 及 <text class="mian">《免中介用户服务协议》</text> 及</div> | ||
| 34 | + | ||
| 35 | +</body> | ||
| 36 | +</html> |
lufangzhuan.html
0 → 100644
| 1 | +<!DOCTYPE html> | ||
| 2 | +<html lang="en"> | ||
| 3 | +<head> | ||
| 4 | + <meta charset="UTF-8"> | ||
| 5 | + <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> | ||
| 6 | + <title>录房赚钱</title> | ||
| 7 | + <link rel="stylesheet" href="css/common.css"> | ||
| 8 | + <link rel="stylesheet" href="css/base.css"> | ||
| 9 | + <script type="text/javascript" src="js/base.js"></script> | ||
| 10 | + | ||
| 11 | +</head> | ||
| 12 | +<body> | ||
| 13 | +<div class="lufanglist"> | ||
| 14 | + <div class="lufangitem"> | ||
| 15 | + <div class="itemboxleft"> | ||
| 16 | + <div class="lufangitemleft"> | ||
| 17 | + <img src="img/sun_01.png" alt=""> | ||
| 18 | + </div> | ||
| 19 | + <div class="lufnagitemright">二手房</div> | ||
| 20 | + </div> | ||
| 21 | + <div class="itemboxright"> | ||
| 22 | + <img src="img/yourow.png" alt=""> | ||
| 23 | + </div> | ||
| 24 | + | ||
| 25 | + </div> | ||
| 26 | + | ||
| 27 | + <div class="lufangitem"> | ||
| 28 | + <div class="itemboxleft"> | ||
| 29 | + <div class="lufangitemleft"> | ||
| 30 | + <img src="img/sun_02.png" alt=""> | ||
| 31 | + </div> | ||
| 32 | + <div class="lufnagitemright">出租房</div> | ||
| 33 | + </div> | ||
| 34 | + <div class="itemboxright"> | ||
| 35 | + <img src="img/yourow.png" alt=""> | ||
| 36 | + </div> | ||
| 37 | + | ||
| 38 | + </div> | ||
| 39 | + <div class="lufangitem"> | ||
| 40 | + <div class="itemboxleft"> | ||
| 41 | + <div class="lufangitemleft"> | ||
| 42 | + <img src="img/sun_03.png" alt=""> | ||
| 43 | + </div> | ||
| 44 | + <div class="lufnagitemright">写字楼</div> | ||
| 45 | + </div> | ||
| 46 | + <div class="itemboxright"> | ||
| 47 | + <img src="img/yourow.png" alt=""> | ||
| 48 | + </div> | ||
| 49 | + | ||
| 50 | + </div> | ||
| 51 | + <div class="lufangitem"> | ||
| 52 | + <div class="itemboxleft"> | ||
| 53 | + <div class="lufangitemleft"> | ||
| 54 | + <img src="img/sun_04.png" alt=""> | ||
| 55 | + </div> | ||
| 56 | + <div class="lufnagitemright">商城</div> | ||
| 57 | + </div> | ||
| 58 | + <div class="itemboxright"> | ||
| 59 | + <img src="img/yourow.png" alt=""> | ||
| 60 | + </div> | ||
| 61 | + | ||
| 62 | + </div> | ||
| 63 | + | ||
| 64 | +</div> | ||
| 65 | +<script type="text/javascript" src="js/jquery-2.1.4.js"></script> | ||
| 66 | + | ||
| 67 | +</body> | ||
| 68 | +</html> |
-
请 注册 或 登录 后发表评论