@keyframes rotatein { 0% { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } * { margin: 0; padding: 0; } video { display: block; } img, embed { display: block; } ul, li { list-style: none; } a { text-decoration: none; color: #666; } a:hover { color: #f04343; text-decoration: none; } address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: normal; } i { background: no-repeat; display: inline-block; vertical-align: middle; } iframe { display: block; } body { font-family: "微软雅黑"; font-size: 14px; background: #fff; color: #666; line-height: 1.5; } .ml10 { margin-left: 10px; } .mr10 { margin-right: 10px; } .mt30 { margin-top: 30px; } .ad-wrapper { clear: both; overflow: hidden; } .ad-wrapper iframe { display: none; } .w1200 { width: 1200px; margin: 0 auto; position: relative; } .selected .input { background-image: ; background-position: -90px -147px; background-origin: center center; } .input { -webkit-appearance: none; appearance: none; vertical-align: middle; width: 14px; height: 14px; border: 1px solid #ddd; cursor: pointer; display: inline-block; } .clear, .clearfix:after { clear: both; height: 0; overflow: hidden; display: block; } .clearfix { clear: both; *zoom: 1; } .clearfix:after { visibility: hidden; content: "."; } .clearfix2 { *zoom: 1; } .clearfix2:after { visibility: hidden; content: "."; clear: both; height: 0; overflow: hidden; display: block; } .left { float: left; display: inline; } .right { float: right; display: inline; } .ad { position: relative; } .head { margin-top: 30px; position: relative; } .head img { display: inline-block; vertical-align: middle; } .head .apl { position: absolute; right: 0; top: 0; line-height: 29px; padding-right: 20px; } .head .apl a { color: #999; } .head .apl a:hover { color: #f04343; } .head .map { position: relative; } .head .map:hover .header-city { display: block; font-style: normal; } .head .map:hover .header-city a { font-weight: normal; color: #999; font-size: 14px; } .head .map:hover .header-city a:hover { color: #f04343; } .head .map:hover .header-city a.active { color: #f04343; } .head .site-name { position: relative; display: inline-block; vertical-align: middle; border-left: 1px solid #999; margin-left: 10px; padding-left: 10px; } .head .site-name .name { font-size: 30px; color: #333; line-height: 30px; padding-left: 10px; padding-right: 15px; } .head .site-name a { color: #333; font-size: 16px; padding: 0 2px; font-weight: bold; } .head .site-name .link i.map { cursor: pointer; display: inline-block; width: 12px; height: 13px; background: ; position: relative; top: 2px; *top: -1px; } .head .site-name .link i.map:hover { background-position: 0 -15px; } .head .header-city { display: none; z-index: 3; width: 422px; position: absolute; left: 50%; margin-left: -211px; top: 12px; padding-top: 8px; } .head .header-city i { display: block; width: 14px; height: 8px; position: absolute; top: 1px; left: 50%; margin-left: -7px; background: -15px -19px; } .head .header-city .inner { padding: 10px 15px 0 18px; background: #fff; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 1px 8px -2px #000000; padding-bottom: 10px; } .head .header-city a { padding: 0; } .head .header-city .up { border-bottom: 1px solid #f1f1f1; padding-bottom: 8px; } .head .header-city .down { line-height: 25px; padding-top: 8px; } .head .header-city .down a { white-space: nowrap; margin-right: 6px; } .head .apl .arrow { position: absolute; width: 15px; height: 9px; background: 0 0; right: 0; top: 50%; margin-top: -4px; } .head .apl .aly { padding-left: 20px; } .nav { border-top: 2px #f04343 solid; border-bottom: 1px #eee solid; margin-top: 13px; min-width: 1200px; position: relative; } .nav .ns_area { overflow: hidden; height: 47px; line-height: 47px; } .nav .ns_area ul { width: 1200px; /*1200/(0.9)*/ } .nav .ns_area li { float: left; font-size: 16px; width: 9%; text-align: center; background: no-repeat 100% -53px; } .nav .ns_area li.first { text-align: left; width: 4%; } .nav .ns_area li.last { text-align: right; width: 4%; } .nav .ns_area li.red { background: 100% -9px no-repeat; } .nav .ns_area li.select a { color: #f04343; font-weight: bold; } .nav .ns_area a { color: #333; display: block; } .nav .ns_area a:hover { color: #f04343; font-weight: bold; } .content { width: 1200px; margin: 0 auto; position: relative; } .content .nav-top { padding-top: 28px; height: 250px; background: #fff; } .content .nav-top.home { overflow: hidden; } .content .nav-top .swiper-container .img { width: 100%; overflow: hidden; display: block; } .content .nav-top .swiper-container .img img { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .content .nav-top .swiper-container .img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .content .nav-top.normal .left { width: 840px; } .content .nav-top.normal .left .search-bg { background: #f6f6f6; border-radius: 5px; padding: 25px 26px; } .content .nav-top.normal .left .search-bg .search-inner-s { display: inline-block; margin-right: 25px; vertical-align: middle; position: relative; } .content .nav-top.normal .left .search-bg .search-txt { width: 525px; height: 50px; line-height: 50px; border-radius: 5px; background: #fff; border: 0; text-indent: 27px; color: #999; display: block; } .content .nav-top.normal .left .search-bg .search-btn-xf { display: inline-block; padding: 0 27px; line-height: 50px; background: #ed0808; background: linear-gradient(to right, #ff5050, #ed0808); font-size: 18px; color: #fff; font-weight: bold; border-radius: 5px; position: relative; cursor: pointer; margin-right: 22px; vertical-align: middle; } .content .nav-top.normal .left .search-bg .search-btn-xf i { background-position: 0 -83px; position: absolute; right: 5px; bottom: 0; width: 22px; height: 16px; } .content .nav-top.normal .left .search-bg .map { color: #999; line-height: 23px; display: inline-block; vertical-align: middle; } .content .nav-top.normal .left .search-bg .map i { background-position: 0 -60px; width: 23px; height: 23px; margin-right: 5px; } .content .nav-top.normal .left .search-list { width: 525px; border: 1px solid #eaeaea; border-top: 0; position: absolute; left: -1px; top: 50px; z-index: 2; background-color: #fff; max-height: 450px; overflow: auto; } .content .nav-top.normal .left .search-list li { line-height: 24px; margin: 0 20px; position: relative; border-bottom: 1px solid #ddd; color: #666; padding: 14px 0; } .content .nav-top.normal .left .search-list li:hover { background: #ffffff; } .content .nav-top.normal .left .search-list li:hover i { display: block; } .content .nav-top.normal .left .search-list li.total { line-height: 26px; } .content .nav-top.normal .left .search-list li.total span { margin-right: 4px; } .content .nav-top.normal .left .search-list li.active { background: #ffffff; } .content .nav-top.normal .left .search-list li.active i { display: block; } .content .nav-top.normal .left .search-list li:last-child { border: 0; } .content .nav-top.normal .left .search-list li .name { width: 288px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .content .nav-top.normal .left .search-list li .place { font-size: 14px; color: #ccc; line-height: 20px; } .content .nav-top.normal .left .search-list li span { color: #ff4f56; } .content .nav-top.normal .left .search-list a { display: block; font-size: 16px; text-decoration: none; } .content .nav-top.normal .left .search-list i { width: 7px; height: 13px; background: -284px -70px; position: absolute; top: 50%; right: 10px; margin-top: -8px; display: none; } .content .nav-top.normal .left .search-list li .price, .content .nav-top.normal .left .search-list li .num { color: #999; position: absolute; top: 50%; right: 24px; margin-top: -15px; } .content .nav-top.normal .left .search-xf, .content .nav-top.normal .left .search-esf { margin-top: 27px; } .content .nav-top.normal .left .search-xf.sz, .content .nav-top.normal .left .search-esf.sz { margin-top: 10px; } .content .nav-top.normal .left .search-xf.sz ul.search-tag, .content .nav-top.normal .left .search-esf.sz ul.search-tag { width: 55%; float: left; border-right: 1px solid #eee; padding-right: 2%; } .content .nav-top.normal .left .search-xf.sz ul.search-tag li.title, .content .nav-top.normal .left .search-esf.sz ul.search-tag li.title { padding-top: 0; font-size: 18px; font-weight: normal; text-indent: 0px; } .content .nav-top.normal .left .search-xf.sz ul.search-tag.esf, .content .nav-top.normal .left .search-esf.sz ul.search-tag.esf { width: 38%; float: right; border-right: 0; } .content .nav-top.normal .left .search-xf ul.search-tag, .content .nav-top.normal .left .search-esf ul.search-tag { width: 100%; } .content .nav-top.normal .left .search-xf li, .content .nav-top.normal .left .search-esf li { height: 20px; position: relative; padding-top: 10px; overflow: hidden; } .content .nav-top.normal .left .search-xf li.padding, .content .nav-top.normal .left .search-esf li.padding { padding-right: 12px; } .content .nav-top.normal .left .search-xf li.search-hot-list, .content .nav-top.normal .left .search-esf li.search-hot-list { overflow: visible; } .content .nav-top.normal .left .search-xf li .items, .content .nav-top.normal .left .search-esf li .items { float: left; display: inline; } .content .nav-top.normal .left .search-xf li.search-property-list, .content .nav-top.normal .left .search-esf li.search-property-list, .content .nav-top.normal .left .search-xf li.search-huxing-list, .content .nav-top.normal .left .search-esf li.search-huxing-list { display: none; } .content .nav-top.normal .left .search-xf b, .content .nav-top.normal .left .search-esf b { color: #333; margin-right: 10px; float: left; } .content .nav-top.normal .left .search-xf a, .content .nav-top.normal .left .search-esf a { margin-right: 20px; float: left; position: relative; } .content .nav-top.normal .left .search-xf a.red, .content .nav-top.normal .left .search-esf a.red { color: #f04343; } .content .nav-top.normal .left .search-xf a i, .content .nav-top.normal .left .search-esf a i { background-position: -30px -60px; width: 16px; height: 16px; position: relative; top: -8px; margin-left: 3px; } .content .nav-top.normal .left .search-xf .more, .content .nav-top.normal .left .search-esf .more { position: absolute; right: 0; top: 10px; margin-right: 0; background: #fff; color: #999; cursor: pointer; padding-left: 15px; width: 12px; height: 21px; line-height: 21px; display: none; } .content .nav-top.normal .left .search-xf .more:hover, .content .nav-top.normal .left .search-esf .more:hover { color: #f04343; } .content .nav-top.normal .left .search-xf .more:hover .second, .content .nav-top.normal .left .search-esf .more:hover .second { display: block; } .content .nav-top.normal .left .search-xf .more .second, .content .nav-top.normal .left .search-esf .more .second { position: absolute; padding-top: 20px; padding-left: 15px; border-radius: 5px; left: 0; top: 0; overflow: hidden; z-index: 99; display: none; max-width: 372px; } .content .nav-top.normal .left .search-xf .more .second span, .content .nav-top.normal .left .search-esf .more .second span { background: #f6f6f6; padding: 5px 20px 0 20px; border-radius: 5px; max-width: 332px; } .content .nav-top.normal .left .search-xf .more .second span a, .content .nav-top.normal .left .search-esf .more .second span a { margin-bottom: 5px; } .content .nav-top.normal .right { width: 330px; } .content .nav-top.normal .right .ztc { background: no-repeat; width: 330px; height: 200px; text-align: center; opacity: 0; } .content .nav-top.normal .right .ztc .title { font-size: 22px; font-weight: bold; padding-top: 27px; position: relative; } .content .nav-top.normal .right .ztc .title span { padding: 0 8px; display: inline-block; vertical-align: middle; } .content .nav-top.normal .right .ztc .title p { display: inline-block; vertical-align: middle; width: 10px; height: 1px; background: #f04343; } .content .nav-top.normal .right .ztc .title .red { color: #f04343; font-weight: normal; padding: 0; } .content .nav-top.normal .right .ztc .phone { color: #333; margin-top: 20px; } .content .nav-top.normal .right .ztc .phone b { padding: 10px 35px; border-radius: 25px; background: #f6f6f6; } .content .nav-top.normal .right .ztc button { border: 1px solid #f04343; color: #f04343; background: #feece7; font-size: 16px; width: 110px; height: 36px; border-radius: 5px; margin-top: 25px; cursor: pointer; } .content .nav-top.normal .right .touch { background: no-repeat; width: 330px; height: 45px; text-align: center; margin-top: 6px; line-height: 45px; } .content .nav-top.normal .right .touch .evm { position: relative; } .content .nav-top.normal .right .touch .evm i { background-position: -50px -60px; width: 20px; height: 19px; margin-right: 6px; } .content .nav-top.normal .right .touch .calculator { margin-left: 60px; } .content .nav-top.normal .right .touch .calculator i { background-position: -75px -60px; width: 18px; height: 23px; margin-right: 6px; } .content .nav-top.normal .right .touch .phone .photo-ewm { display: none; color: #666; font-size: 12px; position: absolute; top: 32px; background-color: #fff; left: -19px; z-index: 100; width: 130px; text-align: center; border: 1px solid #ddd; box-shadow: 0 1px 8px -2px #000000; border-radius: 5px; } .content .nav-top.normal .right .touch .phone .photo-ewm .jianjian { background: rgba(0, 0, 0, 0) repeat scroll -15px -19px; display: block; height: 8px; left: 58px; position: absolute; top: -8px; width: 14px; } .content .nav-top.normal .right .touch .phone:hover .photo-ewm { display: block; } .content .nav-top.normal .right .touch .pewm-tit { line-height: 30px; height: 30px; } .content .nav-top.normal .right .touch img { margin: 0 auto; } .content .nav-top.home .left, .content .nav-top.haiwai .left { width: 842px; } .content .nav-top.home .left .swiper-wrapper, .content .nav-top.haiwai .left .swiper-wrapper { position: relative; z-index: 9; width: 1800px; } .content .nav-top.home .left .item, .content .nav-top.haiwai .left .item { width: 858px; float: left; } .content .nav-top.home .left .swiper-slide, .content .nav-top.haiwai .left .swiper-slide { width: 270px; margin-right: 16px; padding-bottom: 20px; float: left; } .content .nav-top.home .left .swiper-slide img, .content .nav-top.haiwai .left .swiper-slide img { width: 100%; height: 180px; border-radius: 10px; } .content .nav-top.home .left .swiper-slide .title, .content .nav-top.haiwai .left .swiper-slide .title { font-size: 16px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: bold; margin-top: 10px; } .content .nav-top.home .left .swiper-slide .title:hover, .content .nav-top.haiwai .left .swiper-slide .title:hover { color: #f04343; } .content .nav-top.home .left .swiper-slide p, .content .nav-top.haiwai .left .swiper-slide p { position: relative; } .content .nav-top.home .left .swiper-slide span, .content .nav-top.haiwai .left .swiper-slide span { margin-right: 20px; color: #666; display: inline-block; vertical-align: middle; } .content .nav-top.home .left .swiper-slide span.price, .content .nav-top.haiwai .left .swiper-slide span.price { position: absolute; right: 0; color: #f04343; } .content .nav-top.home .left .swiper-slide span.price span, .content .nav-top.haiwai .left .swiper-slide span.price span { color: #666; display: inline; vertical-align: top; } .content .nav-top.home .left .swiper-slide i, .content .nav-top.haiwai .left .swiper-slide i { background-position: -75px -83px; width: 14px; height: 14px; margin-right: 10px; } .content .nav-top.home .left .swiper-pagination, .content .nav-top.haiwai .left .swiper-pagination { bottom: 0; text-align: center; width: 100%; background: #fff; z-index: 1; } .content .nav-top.home .left .swiper-pagination span, .content .nav-top.haiwai .left .swiper-pagination span { vertical-align: bottom; margin: 0 2px; width: 5px; height: 5px; background: #b8b8b8; opacity: 1; transition: all 0.5s; border-radius: 3px; display: inline-block; } .content .nav-top.home .left .swiper-pagination .ne-active, .content .nav-top.haiwai .left .swiper-pagination .ne-active { background: #f04343; width: 26px; } .content .nav-top.home .right, .content .nav-top.haiwai .right { position: relative; width: 300px; padding-right: 40px; } .content .nav-top.home .right h2, .content .nav-top.haiwai .right h2 { font-size: 16px; color: #404040; line-height: 16px; padding: 0 0 15px 0; border-bottom: 1px #eee solid; position: relative; } .content .nav-top.home .right h2 span, .content .nav-top.haiwai .right h2 span { border-left: 3px #f34540 solid; padding-left: 10px; } .content .nav-top.home .right h2 a, .content .nav-top.haiwai .right h2 a { position: absolute; right: 0; top: 0; color: #999; font-size: 14px; font-weight: normal; } .content .nav-top.home .right h2 a:hover, .content .nav-top.haiwai .right h2 a:hover { color: #f04343; } .content .nav-top.home .right .item, .content .nav-top.haiwai .right .item { margin: 10px 0 4px 0; } .content .nav-top.home .right .item li, .content .nav-top.haiwai .right .item li { line-height: 30px; width: 100%; text-indent: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: 0 -170px; } .content .nav-top.home .right .urls, .content .nav-top.haiwai .right .urls { background: #f6f6f6; padding: 6px 0; border-radius: 5px; } .content .nav-top.home .right .urls li, .content .nav-top.haiwai .right .urls li { float: left; width: 20%; text-align: center; line-height: 24px; } .content .nav-top.home .right .more, .content .nav-top.haiwai .right .more { width: 18px; text-align: center; background: #f6f6f6; height: 175px; position: absolute; right: 0; top: 0; padding: 75px 5px 0 5px; border-radius: 5px; } .content .nav-top.esf .left { width: 840px; } .content .nav-top.esf .left .search-bg { background: #f6f6f6; border-radius: 5px; padding: 25px 26px; } .content .nav-top.esf .left .search-bg .search-inner-s { display: inline-block; margin-right: 25px; vertical-align: middle; position: relative; } .content .nav-top.esf .left .search-bg .search-txt { width: 570px; height: 50px; line-height: 50px; border-radius: 5px; background: #fff; border: 0; text-indent: 27px; color: #999; display: block; } .content .nav-top.esf .left .search-bg .search-btn-esf { display: inline-block; padding: 0 45px; line-height: 50px; background: #ed0808; background: linear-gradient(to right, #ff5050, #ed0808); font-size: 18px; color: #fff; font-weight: bold; border-radius: 5px; position: relative; cursor: pointer; margin-right: 22px; vertical-align: middle; } .content .nav-top.esf .left .search-bg .search-btn-esf i { background-position: 0 -83px; position: absolute; right: 5px; bottom: 0; width: 22px; height: 16px; } .content .nav-top.esf .left .search-bg .map { color: #999; line-height: 23px; display: inline-block; vertical-align: middle; } .content .nav-top.esf .left .search-bg .map i { background-position: 0 -60px; width: 23px; height: 23px; margin-right: 5px; } .content .nav-top.esf .left .search-list { width: 525px; border: 1px solid #eaeaea; border-top: 0; position: absolute; left: -1px; top: 50px; z-index: 2; background-color: #fff; max-height: 450px; overflow: auto; } .content .nav-top.esf .left .search-list li { line-height: 24px; margin: 0 20px; position: relative; border-bottom: 1px solid #ddd; color: #666; padding: 14px 0; } .content .nav-top.esf .left .search-list li:hover { background: #ffffff; } .content .nav-top.esf .left .search-list li:hover i { display: block; } .content .nav-top.esf .left .search-list li.total { line-height: 26px; } .content .nav-top.esf .left .search-list li.total span { margin-right: 4px; } .content .nav-top.esf .left .search-list li.active { background: #ffffff; } .content .nav-top.esf .left .search-list li.active i { display: block; } .content .nav-top.esf .left .search-list li:last-child { border: 0; } .content .nav-top.esf .left .search-list li .name { width: 288px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .content .nav-top.esf .left .search-list li .place { font-size: 14px; color: #ccc; line-height: 20px; } .content .nav-top.esf .left .search-list li span { color: #ff4f56; } .content .nav-top.esf .left .search-list a { display: block; font-size: 16px; text-decoration: none; } .content .nav-top.esf .left .search-list i { width: 7px; height: 13px; background: -284px -70px; position: absolute; top: 50%; right: 10px; margin-top: -8px; display: none; } .content .nav-top.esf .left .search-list li .price, .content .nav-top.esf .left .search-list li .num { color: #999; position: absolute; top: 50%; right: 24px; margin-top: -15px; } .content .nav-top.esf .left .search-xf, .content .nav-top.esf .left .search-esf { margin-top: 27px; } .content .nav-top.esf .left .search-xf ul.search-tag, .content .nav-top.esf .left .search-esf ul.search-tag { width: 100%; } .content .nav-top.esf .left .search-xf li, .content .nav-top.esf .left .search-esf li { height: 20px; position: relative; padding-top: 10px; } .content .nav-top.esf .left .search-xf li.padding, .content .nav-top.esf .left .search-esf li.padding { padding-right: 12px; } .content .nav-top.esf .left .search-xf li .items, .content .nav-top.esf .left .search-esf li .items { float: left; display: inline; } .content .nav-top.esf .left .search-xf li.search-property-list, .content .nav-top.esf .left .search-esf li.search-property-list, .content .nav-top.esf .left .search-xf li.search-huxing-list, .content .nav-top.esf .left .search-esf li.search-huxing-list { display: none; } .content .nav-top.esf .left .search-xf b, .content .nav-top.esf .left .search-esf b { color: #333; margin-right: 10px; float: left; } .content .nav-top.esf .left .search-xf a, .content .nav-top.esf .left .search-esf a { margin-right: 20px; float: left; position: relative; } .content .nav-top.esf .left .search-xf a.red, .content .nav-top.esf .left .search-esf a.red { color: #f04343; } .content .nav-top.esf .left .search-xf a i, .content .nav-top.esf .left .search-esf a i { background-position: -30px -60px; width: 16px; height: 16px; position: relative; top: -8px; margin-left: 3px; } .content .nav-top.esf .left .search-xf .more, .content .nav-top.esf .left .search-esf .more { position: absolute; right: 0; top: 10px; margin-right: 0; background: #fff; color: #999; cursor: pointer; padding-left: 15px; width: 12px; height: 21px; line-height: 21px; display: none; } .content .nav-top.esf .left .search-xf .more:hover, .content .nav-top.esf .left .search-esf .more:hover { color: #f04343; } .content .nav-top.esf .left .search-xf .more:hover .second, .content .nav-top.esf .left .search-esf .more:hover .second { display: block; } .content .nav-top.esf .left .search-xf .more .second, .content .nav-top.esf .left .search-esf .more .second { position: absolute; padding-top: 20px; padding-left: 15px; border-radius: 5px; left: 0; top: 0; overflow: hidden; z-index: 99; display: none; max-width: 372px; } .content .nav-top.esf .left .search-xf .more .second span, .content .nav-top.esf .left .search-esf .more .second span { background: #f6f6f6; padding: 5px 20px 0 20px; border-radius: 5px; max-width: 332px; } .content .nav-top.esf .left .search-xf .more .second span a, .content .nav-top.esf .left .search-esf .more .second span a { margin-bottom: 5px; } .content .nav-top.esf .right { position: relative; width: 300px; padding-right: 40px; } .content .nav-top.esf .right h2 { font-size: 16px; color: #404040; line-height: 16px; padding: 0 0 15px 0; border-bottom: 1px #eee solid; position: relative; } .content .nav-top.esf .right h2 span { border-left: 3px #f34540 solid; padding-left: 10px; } .content .nav-top.esf .right h2 a { position: absolute; right: 0; top: 0; color: #999; font-size: 14px; font-weight: normal; } .content .nav-top.esf .right h2 a:hover { color: #f04343; } .content .nav-top.esf .right .item { margin: 10px 0 4px 0; } .content .nav-top.esf .right .item li { line-height: 30px; width: 100%; text-indent: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: 0 -170px; } .content .nav-top.esf .right .urls { background: #f6f6f6; padding: 6px 0; border-radius: 5px; } .content .nav-top.esf .right .urls li { float: left; width: 20%; text-align: center; line-height: 24px; } .content .nav-top.esf .right .swiper-container { padding-bottom: 6px; } .content .nav-top.esf .right .swiper-container .swiper-wrapper { position: relative; z-index: 9; clear: both; overflow: hidden; display: block; width: 630px; height: 244px; } .content .nav-top.esf .right .swiper-container .swiper-wrapper .swiper-slide { float: left; display: inline; width: 312px; } .content .nav-top.esf .right .swiper-container .swiper-wrapper .swiper-slide a { float: left; width: 144px; font-size: 12px; border-radius: 5px; margin: 0 12px 10px 0; position: relative; text-indent: 10px; /*img { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; &:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } }*/ } .content .nav-top.esf .right .swiper-container .swiper-wrapper .swiper-slide a .img { overflow: hidden; } .content .nav-top.esf .right .swiper-container .swiper-wrapper .swiper-slide a > p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } .content .nav-top.esf .right .swiper-container .swiper-wrapper .swiper-slide a img { border-radius: 5px; width: 100%; height: 90px; } .content .nav-top.esf .right .swiper-container .swiper-wrapper .swiper-slide a div { position: absolute; left: 0; bottom: 18px; background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); padding: 15px 0px 5px 0px; width: 100%; text-align: center; border-radius: 0 0 5px 5px; color: #fff; } .content .nav-top.esf .right .swiper-container .swiper-wrapper .swiper-slide a div .name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 50%; text-indent: 10px; } .content .nav-top.esf .right .swiper-container .swiper-wrapper .swiper-slide a div .price { position: absolute; right: 10px; bottom: 5px; } .content .nav-top.esf .right .swiper-container .swiper-pagination { bottom: 0; text-align: center; width: 100%; background: #fff; z-index: 1; } .content .nav-top.esf .right .swiper-container .swiper-pagination span { vertical-align: bottom; margin: 0 2px; width: 5px; height: 5px; background: #b8b8b8; opacity: 1; transition: all 0.5s; display: inline-block; border-radius: 3px; } .content .nav-top.esf .right .swiper-container .swiper-pagination .ne-active { background: #f04343; width: 26px; } .content .nav-top.esf .right .more { width: 18px; text-align: center; background: #f6f6f6; height: 160px; position: absolute; right: 0; top: 0; padding: 65px 5px 0 5px; border-radius: 5px; } .content .nav-top.zu .left { width: 840px; } .content .nav-top.zu .left .search-bg { background: #f6f6f6; border-radius: 5px; padding: 25px 26px; } .content .nav-top.zu .left .search-bg .search-inner-s { display: inline-block; margin-right: 25px; vertical-align: middle; position: relative; } .content .nav-top.zu .left .search-bg .search-txt { width: 570px; height: 50px; line-height: 50px; border-radius: 5px; background: #fff; border: 0; text-indent: 27px; color: #999; display: block; } .content .nav-top.zu .left .search-bg .search-btn-esf { display: inline-block; padding: 0 45px; line-height: 50px; background: #ed0808; background: linear-gradient(to right, #ff5050, #ed0808); font-size: 18px; color: #fff; font-weight: bold; border-radius: 5px; position: relative; cursor: pointer; margin-right: 22px; vertical-align: middle; } .content .nav-top.zu .left .search-bg .search-btn-esf i { background-position: 0 -83px; position: absolute; right: 5px; bottom: 0; width: 22px; height: 16px; } .content .nav-top.zu .left .search-bg .map { color: #999; line-height: 23px; display: inline-block; vertical-align: middle; } .content .nav-top.zu .left .search-bg .map i { background-position: 0 -60px; width: 23px; height: 23px; margin-right: 5px; } .content .nav-top.zu .left .search-list { width: 525px; border: 1px solid #eaeaea; border-top: 0; position: absolute; left: -1px; top: 50px; z-index: 2; background-color: #fff; max-height: 450px; overflow: auto; } .content .nav-top.zu .left .search-list li { line-height: 24px; margin: 0 20px; position: relative; border-bottom: 1px solid #ddd; color: #666; padding: 14px 0; } .content .nav-top.zu .left .search-list li:hover { background: #ffffff; } .content .nav-top.zu .left .search-list li:hover i { display: block; } .content .nav-top.zu .left .search-list li.total { line-height: 26px; } .content .nav-top.zu .left .search-list li.total span { margin-right: 4px; } .content .nav-top.zu .left .search-list li.active { background: #ffffff; } .content .nav-top.zu .left .search-list li.active i { display: block; } .content .nav-top.zu .left .search-list li:last-child { border: 0; } .content .nav-top.zu .left .search-list li .name { width: 288px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .content .nav-top.zu .left .search-list li .place { font-size: 14px; color: #ccc; line-height: 20px; } .content .nav-top.zu .left .search-list li span { color: #ff4f56; } .content .nav-top.zu .left .search-list a { display: block; font-size: 16px; text-decoration: none; } .content .nav-top.zu .left .search-list i { width: 7px; height: 13px; background: -284px -70px; position: absolute; top: 50%; right: 10px; margin-top: -8px; display: none; } .content .nav-top.zu .left .search-list li .price, .content .nav-top.zu .left .search-list li .num { color: #999; position: absolute; top: 50%; right: 24px; margin-top: -15px; } .content .nav-top.zu .left .search-xf, .content .nav-top.zu .left .search-esf { margin-top: 27px; } .content .nav-top.zu .left .search-xf ul.search-tag, .content .nav-top.zu .left .search-esf ul.search-tag { width: 100%; } .content .nav-top.zu .left .search-xf li, .content .nav-top.zu .left .search-esf li { height: 20px; position: relative; padding-top: 10px; } .content .nav-top.zu .left .search-xf li.padding, .content .nav-top.zu .left .search-esf li.padding { padding-right: 12px; } .content .nav-top.zu .left .search-xf li .items, .content .nav-top.zu .left .search-esf li .items { float: left; display: inline; } .content .nav-top.zu .left .search-xf li.search-property-list, .content .nav-top.zu .left .search-esf li.search-property-list, .content .nav-top.zu .left .search-xf li.search-huxing-list, .content .nav-top.zu .left .search-esf li.search-huxing-list { display: none; } .content .nav-top.zu .left .search-xf b, .content .nav-top.zu .left .search-esf b { color: #333; margin-right: 10px; float: left; } .content .nav-top.zu .left .search-xf a, .content .nav-top.zu .left .search-esf a { margin-right: 20px; float: left; position: relative; } .content .nav-top.zu .left .search-xf a.red, .content .nav-top.zu .left .search-esf a.red { color: #f04343; } .content .nav-top.zu .left .search-xf a i, .content .nav-top.zu .left .search-esf a i { background-position: -30px -60px; width: 16px; height: 16px; position: relative; top: -8px; margin-left: 3px; } .content .nav-top.zu .left .search-xf .more, .content .nav-top.zu .left .search-esf .more { position: absolute; right: 0; top: 10px; margin-right: 0; background: #fff; color: #999; cursor: pointer; padding-left: 15px; width: 12px; height: 21px; line-height: 21px; display: none; } .content .nav-top.zu .left .search-xf .more:hover, .content .nav-top.zu .left .search-esf .more:hover { color: #f04343; } .content .nav-top.zu .left .search-xf .more:hover .second, .content .nav-top.zu .left .search-esf .more:hover .second { display: block; } .content .nav-top.zu .left .search-xf .more .second, .content .nav-top.zu .left .search-esf .more .second { position: absolute; padding-top: 20px; padding-left: 15px; border-radius: 5px; left: 0; top: 0; overflow: hidden; z-index: 99; display: none; max-width: 372px; } .content .nav-top.zu .left .search-xf .more .second span, .content .nav-top.zu .left .search-esf .more .second span { background: #f6f6f6; padding: 5px 20px 0 20px; border-radius: 5px; max-width: 332px; } .content .nav-top.zu .left .search-xf .more .second span a, .content .nav-top.zu .left .search-esf .more .second span a { margin-bottom: 5px; } .content .nav-top.zu .right { position: relative; width: 312px; padding-right: 28px; } .content .nav-top.zu .right .swiper-container { padding-bottom: 6px; } .content .nav-top.zu .right .swiper-container .swiper-wrapper { position: relative; z-index: 9; clear: both; overflow: hidden; display: block; width: 630px; height: 244px; } .content .nav-top.zu .right .swiper-container .swiper-wrapper .swiper-slide { float: left; display: inline; width: 312px; } .content .nav-top.zu .right .swiper-container .swiper-wrapper .swiper-slide a { float: left; width: 144px; font-size: 12px; border-radius: 5px; margin: 0 12px 10px 0; position: relative; text-indent: 10px; /*img { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; &:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } }*/ } .content .nav-top.zu .right .swiper-container .swiper-wrapper .swiper-slide a .img { overflow: hidden; } .content .nav-top.zu .right .swiper-container .swiper-wrapper .swiper-slide a img { border-radius: 5px; width: 100%; height: 90px; } .content .nav-top.zu .right .swiper-container .swiper-wrapper .swiper-slide a div { position: absolute; left: 0; bottom: 18px; background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); padding: 15px 0px 5px 0px; width: 100%; text-align: center; border-radius: 0 0 5px 5px; color: #fff; } .content .nav-top.zu .right .swiper-container .swiper-wrapper .swiper-slide a div .name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 50%; text-indent: 0; } .content .nav-top.zu .right .swiper-container .swiper-wrapper .swiper-slide a div .price { position: absolute; right: 10px; bottom: 5px; } .content .nav-top.zu .right .swiper-container .swiper-pagination { bottom: 0; text-align: center; width: 100%; background: #fff; z-index: 1; } .content .nav-top.zu .right .swiper-container .swiper-pagination span { vertical-align: bottom; margin: 0 2px; width: 5px; height: 5px; background: #b8b8b8; opacity: 1; transition: all 0.5s; display: inline-block; border-radius: 3px; } .content .nav-top.zu .right .swiper-container .swiper-pagination .ne-active { background: #f04343; width: 26px; } .content .nav-top.zu .right .more { width: 18px; text-align: center; background: #f6f6f6; height: 175px; position: absolute; right: 0; top: 0; padding: 75px 5px 0 5px; border-radius: 5px; } .content .nav-top.haiwai .right .more { padding-top: 55px; height: 195px; } .content .nav-top.loading { background: no-repeat center center; } .content .slide { margin-top: 30px; } .content .slide .swiper-container { padding-bottom: 15px; height: 400px; } .content .slide .swiper-container:hover .swiper-button-prev, .content .slide .swiper-container:hover .swiper-button-next { display: block; } .content .slide .swiper-container .swiper-wrapper { position: relative; z-index: 9; height: 400px; display: block; width: 9999px; overflow: hidden; } .content .slide .swiper-container .swiper-slide { position: relative; float: left; width: 1200px; } .content .slide .swiper-container .swiper-slide a { display: block; width: 100%; height: 100%; } .content .slide .swiper-container .swiper-slide img { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .content .slide .swiper-container .swiper-slide img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .content .slide .swiper-container .swiper-slide .big { position: absolute; left: 0; top: 0; width: 809px; height: 400px; border-radius: 5px; } .content .slide .swiper-container .swiper-slide .big a { color: #333; position: relative; overflow: hidden; } .content .slide .swiper-container .swiper-slide .big h2 { position: absolute; left: 0; top: 304px; background: #ffffff; background: rgba(255, 255, 255, 0.85); border-radius: 0 5px 5px 0; color: #333; font-size: 26px; padding: 20px 20px; line-height: 1; max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .content .slide .swiper-container .swiper-slide .small1 { position: absolute; right: 0; top: 0; width: 387px; height: 198px; border-radius: 5px; overflow: hidden; } .content .slide .swiper-container .swiper-slide .small1 a { color: #fff; position: relative; overflow: hidden; } .content .slide .swiper-container .swiper-slide .small2 { position: absolute; right: 0; bottom: 0; width: 387px; height: 198px; border-radius: 5px; overflow: hidden; } .content .slide .swiper-container .swiper-slide .small2 a { color: #fff; position: relative; overflow: hidden; } .content .slide .swiper-container .swiper-slide .title { position: absolute; width: 100%; line-height: 50px; height: 50px; padding-top: 20px; left: 0; bottom: 0; background: none; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); color: #fff; text-align: center; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 0 0 5px 5px; } .content .slide .swiper-container .swiper-slide img { border-radius: 5px; width: 100%; height: 100%; } .content .slide .swiper-container .swiper-button-prev, .content .slide .swiper-container .swiper-button-next { background: none; top: 50%; margin-top: -25px; background-color: #fff; background-color: rgba(255, 255, 255, 0.7); background-size: auto; width: 50px; height: 26px; padding: 12px 0; border-radius: 5px; display: none; } .content .slide .swiper-container .swiper-button-prev i { background-position: -30px -83px; width: 14px; height: 26px; display: block; margin: 0 auto; } .content .slide .swiper-container .swiper-button-next i { background-position: -50px -83px; width: 14px; height: 26px; display: block; margin: 0 auto; } .content .slide .swiper-container .swiper-button-disabled { cursor: not-allowed; } .content .slide .swiper-container .swiper-pagination { bottom: 0; text-align: center; width: 100%; background: #fff; z-index: 1; } .content .slide .swiper-container .swiper-pagination span { vertical-align: bottom; margin: 0 2px; width: 5px; height: 5px; background: #b8b8b8; opacity: 1; transition: all 0.5s; display: inline-block; border-radius: 3px; } .content .slide .swiper-container .swiper-pagination .ne-active { background: #f04343; width: 26px; } .content .project { margin-top: 25px; } .content .project .main_origina_column { float: left; display: inline; margin-right: 50px; width: 200px; min-height: 100px; } .content .project .main_origina_column .ad { width: 100%; } .content .project .main_origina_column .ad img { width: 100%; } .content .project .main_origina_column .main_center_news { float: left; display: inline; width: 600px; } .content .project .main_origina_column .main_right_channel { float: right; display: inline; width: 300px; overflow: hidden; } .content .project .main_origina_column .top_news_ul li { font-size: 18px; height: 40px; line-height: 40px; overflow: hidden; color: #ddd; margin-left: -10px; font-family: "sans-serif"; } .content .project .main_origina_column .top_news_ul li a { margin: 0 10px; font-size: 18px; font-family: '\5fae\8f6f\96c5\9ed1'; } .content .project .main_origina_column .mod_newsr_ad1 { margin-bottom: 10px; } .content .project .main_origina_column .origina_column_warp { /*position: relative;*/ } .content .project .main_origina_column .origina_column_warp h2 { font-size: 16px; color: #404040; line-height: 16px; padding: 0 0 15px 0; border-bottom: 1px #eee solid; } .content .project .main_origina_column .origina_column_warp h2 span { border-left: 3px #f34540 solid; padding-left: 10px; } .content .project .main_origina_column .origina_column_warp .scroll_column_bd { width: 200px; overflow: hidden; position: relative; } .content .project .main_origina_column .origina_column_warp .cell { border-bottom: 1px #eee solid; padding-top: 25px; padding-bottom: 20px; } .content .project .main_origina_column .origina_column_warp .cell h3 { font-size: 16px; margin: 10px 0 5px 0; } .content .project .main_origina_column .origina_column_warp .cell .photo { width: 0; height: 0; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .content .project .main_origina_column .origina_column_warp .cell .column_main img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); transform-origin: 0 0; } .content .project .main_origina_column .origina_column_warp .cell ul { margin-top: 5px; } .content .project .main_origina_column .origina_column_warp .cell ul li { font-family: "\5b8b\4f53", arial, sans-serif; position: relative; padding-left: 10px; line-height: 23px; height: 23px; overflow: hidden; } .content .project .main_origina_column .origina_column_warp .cell ul li:after { content: ""; background: #888; width: 2px; height: 2px; display: block; position: absolute; left: 0; top: 50%; margin-top: -2px; } .content .project .main_origina_column .origina_column_warp .cell ul li:hover a { color: #f34540; } .content .project .main_origina_column .origina_column_warp .cell ul li:hover:after { background: #f34540; } .content .project .main_origina_column .origina_column_warp .cell ul a { color: #888; } .content .project .main_origina_column .origina_column_warp .cell.cell_hover .photo { width: 200px; height: 90px; margin-top: 15px; } .content .project .main_origina_column .origina_column_warp .cell.cell_hover .column_main img { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .content .project .main_origina_column .origina_column_warp .white_bg { width: 215px; height: 100px; background: repeat-x 0 100%; position: relative; z-index: 9; margin-top: -100px; display: none; } .content .project .main_origina_column .origina_column_warp .nph_scrl_y .nph_btn_bd span { background: #bbb; } .content .project .main_origina_column .origina_column_warp .nph_scrl_bd { display: none; } .content .project .main_origina_column .column_fixed .scroll_column_bd { /*height: 600px;*/ } .content .project .main_origina_column .column_fixed .nph_scrl_y .nph_scrl_bd { display: block; } .content .project .main_origina_column .column_fixed .white_bg { display: block; } .content .project .main_origina_column .column_fixed, .content .project .main_origina_column .right_last_fixed { position: fixed; top: 60px; width: 200px; } .content .project .main_origina_column .column_abs, .content .project .main_origina_column .right_last_abs { position: absolute; bottom: 0; left: 0; } .content .project .main_origina_column .column_fixed { top: 45px; z-index: 2; } .content .project .newsdata_wrap { float: left; display: inline; width: 600px; position: relative; margin-top: 0; padding-top: 51px; } .content .project .newsdata_wrap .news-first .time { display: none; } .content .project .newsdata_wrap .post_addmore, .content .project .newsdata_wrap .post_adding { width: 140px; position: absolute; left: 50%; margin-left: -70px; overflow: hidden; background-color: #fff; } .content .project .newsdata_wrap .post_adding i { float: left; display: block; width: 24px; height: 24px; overflow: hidden; margin: 3px; background: no-repeat 0px -100px; font-size: 40px; font-style: normal; text-indent: -999px; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; -webkit-animation: rotatein 0.8s linear infinite; -moz-animation: rotatein 0.8s linear infinite; -ms-animation: rotatein 0.8s linear infinte; -o-animation: rotatein 0.8s linear infinte; animation: rotatein 0.8s linear infinte; } .content .project .newsdata_wrap .post_adding { color: #f04343; display: none; } .content .project .newsdata_wrap .load_more_btn.current { border-color: #f04343; } .content .project .newsdata_wrap .load_more_btn.current .post_adding { display: block; } .content .project .newsdata_wrap .post_addmore i { float: left; display: block; width: 20px; height: 20px; overflow: hidden; margin: 5px; background: no-repeat 0 0; font-size: 40px; font-style: normal; text-indent: -999px; -webkit-transition: transform .3s; -o-transition: transform .3s; transition: transform 0.3s; } .content .project .newsdata_wrap .load_more_btn:hover { color: #f04343; border-color: #f04343; } .content .project .newsdata_wrap .load_more_btn:hover .post_addmore i { background-position: 0px -50px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .content .project .newsdata_wrap .load_more_btn { width: 598px; height: 30px; display: none; padding: 14px 0; margin: 30px 0 0px; font: normal 20px/30px "microsoft yahei"; color: #404040; border: 1px solid #e5e5e5; border-radius: 3px; position: relative; text-align: center; text-decoration: none; cursor: pointer; } .content .project .newsdata_wrap .icons { background-image: ; background-repeat: no-repeat; background-color: transparent; } .content .project .newsdata_wrap .newsdata_nav.fixed_top { position: fixed; height: 60px; top: 45px; z-index: 999; -webkit-animation: bounceindown .8s; -moz-animation: bounceindown .8s; -ms-animation: bounceindown .8s; -o-animation: bounceindown .8s; animation: bounceindown 0.8s; } .content .project .newsdata_wrap .newsdata_nav.fixed_top ul { box-shadow: 0 2px 3px #ddd; } @-webkit-keyframes bounceindown { 0% { opacity: 1; -webkit-transform: translate3d(0, -105px, 0); } 100% { -webkit-transform: none; } } @-moz-keyframes bounceindown { 0% { opacity: 1; -moz-transform: translate3d(0, -105px, 0); } 100% { -moz-transform: none; } } @-ms-keyframes bounceindown { 0% { opacity: 1; -ms-transform: translate3d(0, -105px, 0); } 100% { -ms-transform: none; } } @-o-keyframes bounceindown { 0% { opacity: 1; -o-transform: translate3d(0, -105px, 0); } 100% { -o-transform: none; } } @keyframes bounceindown { 0% { opacity: 1; -webkit-transform: translate3d(0, -105px, 0); transform: translate3d(0, -105px, 0); } 100% { -webkit-transform: none; transform: none; } } .content .project .newsdata_wrap .newsdata_nav { width: 600px; height: 50px; background: #fff; border-top: 1px solid #f04343; position: absolute; top: 0; } .content .project .newsdata_wrap .newsdata_nav ul { width: 600px; height: 50px; background: #f7f9fa; } .content .project .newsdata_wrap .newsdata_nav ul li { float: left; _display: inline; } .content .project .newsdata_wrap .newsdata_nav ul li a { display: block; width: auto; /*padding: 0 10px;*/ width: 0; height: 50px; font: normal 16px/50px "microsoft yahei"; text-align: center; color: #404040; text-decoration: none; position: relative; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; overflow: hidden; } .content .project .newsdata_wrap .newsdata_nav ul li a:hover { background: #f04343; font-weight: bold; color: #fff; } .content .project .newsdata_wrap .newsdata_nav ul li a.current { background: #f04343; font-weight: bold; color: #fff; } .content .project .newsdata_wrap .newsdata_nav ul li strong { font-weight: normal; } .content .project .newsdata_wrap .newsdata_nav ul li .nav_item_ink { width: 0; height: 86px; display: block; position: absolute; top: 50%; left: 0; margin-top: -43px; margin-left: 0; background-color: #fff; border-radius: 50%; opacity: 0; filter: alpha(opacity=0); } .content .project .newsdata_wrap .newsdata_nav ul li .no_cursor { cursor: default; } .content .project .newsdata_wrap .newsdata_nav .more { float: left; width: 67px; height: 50px; overflow: hidden; padding-left: 16px; font: normal 16px/50px "microsoft yahei"; background: no-repeat -279px -948px; position: absolute; top: 0; right: 0; cursor: default; } .content .project .newsdata_wrap .newsdata_nav .more_current { background-color: #f34540; color: #fff; background-position: -279px -314px; cursor: pointer; } .content .project .newsdata_wrap .newsdata_nav .more_hover { background-color: #f34540; color: #fff; background-position: -279px -582px; } .content .project .newsdata_wrap .newsdata_nav .more_list { position: absolute; top: 50px; left: 0; background: rgba(247, 247, 247, 0.95); z-index: 2; width: 600px; padding: 13px 0; margin-top: 1px; display: none; } .content .project .newsdata_wrap .newsdata_nav .more_list a { float: left; display: inline; margin: 0 17px; font-size: 16px; color: #404040; } .content .project .newsdata_wrap .newsdata_nav .more_list a:hover, .content .project .newsdata_wrap .newsdata_nav .more_list .current { color: #f34540; } @keyframes nav_item_ink { 0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity: 0.4; } 100% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } .content .project .newsdata_wrap .bgloading { width: 600px; min-height: 500px; background: no-repeat center center; } .content .project .newsdata_wrap .news_photoview, .content .project .newsdata_wrap .news_special, .content .project .newsdata_wrap .news_article, .content .project .newsdata_wrap .news_quote, .content .project .newsdata_wrap .news_iframe_ad { border-bottom: 1px solid #eee; padding: 15px 0; background: #fff; } .content .project .newsdata_wrap .news_photoview:hover, .content .project .newsdata_wrap .news_special:hover, .content .project .newsdata_wrap .news_article:hover, .content .project .newsdata_wrap .news_quote:hover, .content .project .newsdata_wrap .news_iframe_ad:hover { background: #f8f8f8; } .content .project .newsdata_wrap .news_photoview:hover .ne-shares-arr, .content .project .newsdata_wrap .news_special:hover .ne-shares-arr, .content .project .newsdata_wrap .news_article:hover .ne-shares-arr, .content .project .newsdata_wrap .news_quote:hover .ne-shares-arr, .content .project .newsdata_wrap .news_iframe_ad:hover .ne-shares-arr { border-color: #f8f8f8; } .content .project .newsdata_wrap .news_photoview:hover .ne-shares-open .ne-shares-arr, .content .project .newsdata_wrap .news_special:hover .ne-shares-open .ne-shares-arr, .content .project .newsdata_wrap .news_article:hover .ne-shares-open .ne-shares-arr, .content .project .newsdata_wrap .news_quote:hover .ne-shares-open .ne-shares-arr, .content .project .newsdata_wrap .news_iframe_ad:hover .ne-shares-open .ne-shares-arr { border-color: #ddd; } .content .project .newsdata_wrap .news_iframe_ad { line-height: 0; } .content .project .newsdata_wrap .news_photoview .np_pic { font-size: 0; margin-bottom: 15px; width: 600px; overflow: hidden; } .content .project .newsdata_wrap .news_photoview .np_pic a { display: block; width: 640px; } .content .project .newsdata_wrap .news_photoview .np_pic img.pic_last { margin-right: 0; } .content .project .newsdata_wrap .news_article { position: relative; } .content .project .newsdata_wrap .news_article .na_pic { float: left; _display: inline; } .content .project .newsdata_wrap .news_article .na_detail { width: 445px; margin-left: 15px; float: left; _display: inline; } .content .project .newsdata_wrap .news_article .no_pic { width: 600px; margin-left: 0; } .content .project .newsdata_wrap .news_article span.tg_tag { margin-left: 15px; font: normal 12px/16px "simsun"; color: #f99; padding: 3px 7px; border: 1px solid #f99; border-radius: 2px; } .content .project .newsdata_wrap .news_title { position: relative; } .content .project .newsdata_wrap .news_title h3 { font: normal 20px/26px "microsoft yahei"; min-height: 40px; padding-bottom: 14px; } .content .project .newsdata_wrap .news_title h3 a { color: #404040; text-decoration: none; font-weight: normal; } .content .project .newsdata_wrap .news_title h3 a:hover { color: #f34540; } .content .project .newsdata_wrap .news_title span.tg_tag { position: absolute; right: 0; top: 0; font: normal 12px/16px "simsun"; color: #f99; padding: 1px 7px; margin-top: 6px; border: 1px solid #f99; border-radius: 2px; } .content .project .newsdata_wrap .news_special .news_title h3 { min-height: 10px; padding-bottom: 0; } .content .project .newsdata_wrap .news_detail { color: #888; margin-top: -10px; margin-bottom: 10px; } .content .project .newsdata_wrap .nq_pic { position: relative; } .content .project .newsdata_wrap .nq_pic a.fold_btn { position: absolute; right: 20px; top: 10px; display: block; text-decoration: none; padding: 0 10px; border: 1px solid #eee; border-radius: 2px; background: #fff; z-index: 9; } .content .project .newsdata_wrap .nq_pic a.fold_btn span { display: block; position: relative; right: 0; top: 0; font: normal 12px/20px "simsun"; color: #f04343; border: 0; border-radius: 0; padding: 0 0 0 15px; } .content .project .newsdata_wrap .nq_pic .pic_wrap { position: relative; } .content .project .newsdata_wrap .nq_pic .pic_wrap .qf_title { background: #fff; } .content .project .newsdata_wrap .nq_pic .pic_wrap .qf_pull_right { display: none; } .content .project .newsdata_wrap .nq_pic .pic_wrap.fold { height: 120px; overflow: hidden; border-bottom: 1px solid #eee; margin-bottom: 20px; } .content .project .newsdata_wrap .nq_pic .pic_wrap.fold .qf_title .currency { display: none; } .content .project .newsdata_wrap .nq_pic .pic_wrap.fold .qf_info { display: none; } .content .project .newsdata_wrap .nq_pic .pic_wrap.fold .qf_stock_img { margin-top: 10px; } .content .project .newsdata_wrap .nq_pic .pic_wrap.unfold { min-height: 120px; height: 100%; } .content .project .newsdata_wrap .nq_pic .pic_wrap.unfold .qf_title .currency { display: block; } .content .project .newsdata_wrap .nq_pic .pic_wrap.unfold .qf_info { display: block; } .content .project .newsdata_wrap .news_tag { float: left; _display: inline; } .content .project .newsdata_wrap .news_tag .keywords { float: left; _display: inline; padding-right: 4px; /*height: 12px;*/ line-height: 11px; margin-top: 4px; border-right: 1px solid #bbb; max-width: 180px; margin-right: 12px; } .content .project .newsdata_wrap .news_tag .keywords a { font: normal 12px/12px "simsun"; color: #888; margin-right: 7px; text-decoration: none; } .content .project .newsdata_wrap .news_tag .keywords a:hover { color: #f33; } .content .project .newsdata_wrap .news_tag span { font: normal 12px/21px "simsun"; color: #bbb; } .content .project .newsdata_wrap .news_special .barlink, .content .project .newsdata_wrap .news_special .link { position: absolute; right: 0; top: 3px; } .content .project .newsdata_wrap .post_recommend_tie { float: right; width: 75px; color: #f33; text-decoration: none; overflow: hidden; height: 20px; margin-left: 2px; font: 12px/20px arial, "sim sun"; display: block; padding-top: 6px; } .content .project .newsdata_wrap .post_recommend_tie .post_recommend_tie_wrap { -webkit-transition: margin-top 0.3s; -o-transition: margin-top 0.3s; transition: margin-top 0.3s; } .content .project .newsdata_wrap .post_recommend_tie .post_recommend_tie_icon { display: block; padding-left: 26px; background-position: -203px -109px; color: #bbb; } .content .project .newsdata_wrap .post_recommend_tie span { display: block; color: #f33; } .content .project .newsdata_wrap .post_recommend_tie .post_recommend_tie_text i { display: block; float: left; width: 26px; font-style: normal; color: #f33; background: none; } .content .project .newsdata_wrap .post_recommend_tie:hover .post_recommend_tie_wrap { margin-top: -22px; } .content .project .newsdata_wrap .ne-shares-parent { position: relative; float: right; overflow: visible; width: 36px; height: 26px; margin-top: 1px; margin-right: 9px; } .content .project .newsdata_wrap .ne-shares-pop6x1wrap { height: 0; visibility: hidden; position: absolute; left: -77px; top: 26px; z-index: 1; width: 93px; padding: 5px 10px; background: #fff; border: 1px solid #ddd; border-radius: 3px; overflow: hidden; border-top-right-radius: 0; -webkit-transition: height .3s ease .01s; -o-transition: height .3s ease .01s; transition: height 0.3s ease 0.01s; } .content .project .newsdata_wrap .ne-shares-pop6x1 { position: relative; padding: 0; background: #fff; z-index: 99; margin: 0; color: #999; list-style: none; } .content .project .newsdata_wrap .ne-shares-pop6x1 a .ep-share-icon { float: left; margin: 0 auto; width: 24px; height: 24px; overflow: hidden; background: no-repeat; -webkit-transition: background 0.3s cubic-bezier(0.17, 0.67, 0.88, 1.25), color 0.2s linear; -moz-transition: background 0.3s cubic-bezier(0.17, 0.67, 0.88, 1.25), color 0.2s linear; -o-transition: background 0.3s cubic-bezier(0.17, 0.67, 0.88, 1.25), color 0.2s linear; transition: background 0.3s cubic-bezier(0.17, 0.67, 0.88, 1.25), color 0.2s linear; } .content .project .newsdata_wrap .ne-shares-arr { display: block; *display: block; *zoom: 1; width: 36px; height: 26px; background: no-repeat -196px -125px; border: 1px solid #ddd; border-bottom: 0; cursor: pointer; border-color: #fff; font-size: 1px; overflow: hidden; } .content .project .newsdata_wrap .ne-shares-open .ne-shares-arr { border-color: #ddd; background-color: #fff; position: relative; z-index: 2; } .content .project .newsdata_wrap .ne-shares-open .ne-shares-pop6x1wrap { height: 139px; visibility: visible; } .content .project .newsdata_wrap .ne-shares-pop6x1 a .ep-share-weixin { background-position: -265px -152px; } .content .project .newsdata_wrap .ne-shares-pop6x1 a .ep-share-sina { background-position: -290px -152px; } .content .project .newsdata_wrap .ne-shares-pop6x1 a .ep-share-qzone { background-position: -315px -152px; } .content .project .newsdata_wrap .ne-shares-pop6x1 a .ep-share-yixin { background-position: -240px -152px; } .content .project .newsdata_wrap .ne-shares-pop6x1 a:hover .ep-share-weixin { background-position: -265px -177px; } .content .project .newsdata_wrap .ne-shares-pop6x1 a:hover .ep-share-sina { background-position: -290px -177px; } .content .project .newsdata_wrap .ne-shares-pop6x1 a:hover .ep-share-qzone { background-position: -315px -177px; } .content .project .newsdata_wrap .ne-shares-pop6x1 a:hover .ep-share-yixin { background-position: -240px -177px; } .content .project .newsdata_wrap .ne-shares-pop6x1 li { border-bottom: 1px solid #f0f0f0; font: 12px/24px ""; } .content .project .newsdata_wrap .ne-shares-pop6x1 li a { text-decoration: none; display: block; height: 24px; padding: 5px 0; color: #888; } .content .project .newsdata_wrap .ne-shares-pop6x1 li a, .content .project .newsdata_wrap .ne-shares-pop6x1 li a:visited { display: block; z-index: 1; _zoom: 1; text-decoration: none; color: #888; } .content .project .newsdata_wrap .ne-shares-pop6x1 li a:hover { color: red; } .content .project .newsdata_wrap .ne-shares-pop6x1 li a .inner { display: block; padding-bottom: 5px; cursor: pointer; text-align: left; } .content .project .newsdata_wrap .ne-shares-pop6x1 .last { border-bottom: 0; } .content .project .newsdata_wrap .ne-shares-pop6x1 .last a .inner { border-bottom: 0; } .content .project .newsdata_wrap .ne-shares-pop6x1 li a .ep-share-name { height: 28px; line-height: 28px; font-size: 12px; margin-left: 12px; float: left; display: inline; } .content .project .newsdata_wrap .ne-shares-qrwrap { display: none; position: absolute; right: -165px; top: 0; z-index: 2; width: 110px; height: 162px; padding: 13px 15px 0; background: #fff; border: 1px solid #ddd; border-radius: 3px; } .content .project .newsdata_wrap .openweixin .ne-shares-qrwrap { display: block; } .content .project .newsdata_wrap .ne-shares-qrarr { position: absolute; left: -7px; top: 65px; width: 7px; height: 11px; background: no-repeat -150px -204px; } .content .project .newsdata_wrap .ne-shares-qrcode { margin-bottom: 8px; } .content .project .newsdata_wrap .ne-shares-qrwrap p { font: 12px/18px ""; margin: 0; padding: 0; color: #888; } .content .project .newsdata_wrap .barlink a { position: relative; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .content .project .newsdata_wrap .barlink a:before { content: ""; display: block; width: 11px; height: 11px; background: no-repeat -92px -613px; position: absolute; top: 3px; right: 50%; margin-right: -5px; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .content .project .newsdata_wrap .barlink a:hover { padding: 1px 9px 1px 5px; } .content .project .newsdata_wrap .barlink a:hover:before { right: 6px; filter: alpha(opacity=100); opacity: 1; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .content .project .newsdata_wrap .barlink { float: left; _display: inline; margin-right: 10px; } .content .project .newsdata_wrap .barlink a, .content .project .newsdata_wrap .barlink span { float: left; _display: inline; font: normal 12px/16px "simsun"; color: #f99; padding: 1px 7px; border: 1px solid #f99; border-radius: 2px; text-decoration: none; margin-right: 3px; white-space: nowrap; } .content .project .newsdata_wrap .barlink a:hover { color: #f33; border: 1px solid #f33; } .content .project .newsdata_wrap .newsdata_prev, .content .project .newsdata_wrap .newsdata_next { position: fixed; visibility: hidden; filter: alpha(opacity=0); opacity: 0; top: 420px; left: 50%; width: 26px; padding: 50px 12px 0; height: 40px; overflow: hidden; background-color: #f6f6f6; border-radius: 4px; font-size: 12px; line-height: 16px; font-family: "microsoft yahei"; text-align: center; color: #f6f6f6; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all 0.3s; } .content .project .newsdata_wrap .newsdata_prev span, .content .project .newsdata_wrap .newsdata_next span { display: block; width: 100%; height: 100%; background: no-repeat; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .content .project .newsdata_wrap .newsdata_prev .newsdata_btn_name, .content .project .newsdata_wrap .newsdata_next .newsdata_btn_name { position: absolute; top: 70px; left: 12px; width: 26px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .content .project .newsdata_wrap .newsdata_prev { margin-left: -400px; } .content .project .newsdata_wrap .newsdata_prev span { background-position: 0 -698px; } .content .project .newsdata_wrap .newsdata_prev:hover { background-color: #5e5e5e; color: #f6f6f6; } .content .project .newsdata_wrap .newsdata_prev:hover span { background-position: 0 -709px; } .content .project .newsdata_wrap .newsdata_prev:hover .newsdata_btn_name { top: 57px; } .content .project .newsdata_wrap .newsdata_next { margin-left: 250px; } .content .project .newsdata_wrap .newsdata_next span { background-position: -70px -698px; } .content .project .newsdata_wrap .newsdata_next:hover { background-color: #5e5e5e; color: #f6f6f6; } .content .project .newsdata_wrap .newsdata_next:hover span { background-position: -70px -709px; } .content .project .newsdata_wrap .newsdata_next:hover .newsdata_btn_name { top: 57px; } .content .project .newsdata_wrap .news_article .na_pic { float: left; _display: inline; display: block; width: 140px; height: 88px; overflow: hidden; } .content .project .newsdata_wrap .news_article .na_pic img { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .content .project .newsdata_wrap .news_article .na_pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .content .project .newsdata_wrap .news_photoview { padding: 11px 0 11px; } .content .project .newsdata_wrap .news_photoview .news_title { margin-bottom: 13px; } .content .project .newsdata_wrap .news_photoview .news_title h3 { min-height: 10px; padding-bottom: 0; } .content .project .newsdata_wrap .news_photoview .news_title, .content .project .newsdata_wrap .news_special .news_title { margin-bottom: 15px; } .content .project .newsdata_wrap .news_photoview .p_img3 { width: 190px; height: 120px; overflow: hidden; float: left; display: inline; margin-right: 15px; } .content .project .newsdata_wrap .news_photoview .p_img3 img { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .content .project .newsdata_wrap .news_photoview .p_img3:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .content .project .newsdata_wrap .house-ad { overflow: hidden; } .content .project .newsdata_wrap .house-ad .more-lp { position: absolute; right: 5px; top: 0; color: #999; font-size: 14px; } .content .project .newsdata_wrap .house-ad .more-lp:hover { color: #f04343; } .content .project .newsdata_wrap .house-ad .np_pic { width: 640px; } .content .project .newsdata_wrap .house-ad .np_pic a { position: relative; height: auto; font-size: 14px; float: left; display: inline; width: 190px; margin-right: 15px; } .content .project .newsdata_wrap .house-ad .np_pic a .p_img3 { float: none; margin-right: 0; display: inline-block; } .content .project .newsdata_wrap .house-ad .np_pic a .title { position: absolute; left: 0; top: 66px; width: 100%; color: #fff; line-height: 34px; background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); padding-top: 20px; text-indent: 10px; font-weight: bold; height: 34px; overflow: hidden; } .content .project .newsdata_wrap .house-ad .np_pic a .detail { margin-top: 10px; line-height: 1; color: #333; } .content .project .newsdata_wrap .house-ad .np_pic a .detail i { width: 12px; height: 13px; background: ; margin-left: 10px; margin-right: 3px; } .content .project .newsdata_wrap .house-ad .np_pic a .detail .price { position: absolute; right: 0; bottom: 0; color: #999; max-width: 105px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .content .project .newsdata_wrap .link { float: left; _display: inline; font: normal 12px/16px "simsun"; color: #f99; padding: 1px 7px; border: 1px solid #f99; border-radius: 2px; text-decoration: none; margin-right: 10px; } .content .project .newsdata_wrap .link:hover { color: #f33; border: 1px solid #f33; } .content .project .newsdata_wrap .link_no_hover { cursor: default; } .content .project .newsdata_wrap .link_no_hover:hover { color: #f99; border: 1px solid #f99; } .content .project .newsdata_wrap .link_more { position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .content .project .newsdata_wrap .link_more em { position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; white-space: nowrap; word-wrap: break-word; word-break: break-all; } .content .project .newsdata_wrap .link_more:hover em { position: relative; -webkit-transform: translate(-4px, 0); -moz-transform: translate(-4px, 0); -o-transform: translate(-4px, 0); transform: translate(-4px, 0); display: inline-block; } .content .project .newsdata_wrap .link_more:before { content: ""; display: block; width: 11px; height: 11px; background: no-repeat -92px -613px; position: absolute; top: 3px; right: 50%; margin-right: -5px; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .content .project .newsdata_wrap .link_more:hover:before { right: 6px; filter: alpha(opacity=100); opacity: 1; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .content .project .newsdata_wrap .news_special .ns_pic { display: block; width: 600px; height: 300px; margin-bottom: 5px; overflow: hidden; } .content .project .newsdata_wrap .news_special .ns_pic img { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .content .project .newsdata_wrap .news_special .ns_pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .content .project .newsdata_wrap .at_item .ad_detail span.tg_tag { margin-right: 10px; font: normal 12px/21px "simsun"; color: #f99; padding: 3px 7px; border: 1px solid #f99; border-radius: 2px; } .content .project .newsdata_wrap .at_item .ad_detail span.keywords { padding-right: 4px; height: 12px; line-height: 11px; margin-top: 4px; max-width: 180px; margin-right: 12px; font: normal 12px/12px "simsun"; color: #888; margin-right: 7px; } .content .project .newsdata_wrap .news_ad_photoview { padding: 15px 0 15px; } .content .project .newsdata_wrap .news_ad_photoview .news_title span.tg_tag { margin-top: 3px; } .content .project .newsdata_wrap .news_ad_special .ns_pic { /*height: 200px;*/ height: auto; margin-bottom: 15px; } .content .project .newsdata_wrap .news_ad_special .news_title { margin-bottom: 12px; } .content .project .newsdata_wrap .bgloading { width: 600px; min-height: 500px; background: no-repeat center center; } .content .project .newsdata_wrap .fixed_data_show { position: fixed; _position: absolute; left: 50%; display: block; visibility: visible; filter: alpha(opacity=100); opacity: 1; } .content .project .newsdata_wrap .load_more_tip { padding: 30px 0 0 0; font: normal 20px/30px "microsoft yahei"; color: #f04343; text-align: center; display: none; } .content .project .newsdata_wrap .share-join { float: right; margin-top: -5px; } .content .project .column-right { width: 300px; overflow: hidden; } .content .project .column-right img { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .content .project .column-right img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .content .project .column-right ul li.first { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .content .project .column-right ul li.first:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .content .project .column-right h2 { font-size: 16px; color: #404040; line-height: 16px; padding: 0 0 15px 0; border-bottom: 1px #eee solid; position: relative; margin-bottom: 15px; } .content .project .column-right h2 span { border-left: 3px #f34540 solid; padding-left: 10px; } .content .project .column-right h2 a { position: absolute; right: 0; top: 0; color: #999; font-size: 14px; font-weight: normal; } .content .project .column-right h2 a:hover { color: #f04343; } .content .project .column-right .item { margin-bottom: 30px; } .content .project .column-right .item li { line-height: 30px; width: 100%; text-indent: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: 0 -170px; background-repeat: no-repeat; } .content .project .column-right .item li.first { position: relative; height: 150px; margin-bottom: 10px; background: none; } .content .project .column-right .item li.first a { color: #fff; } .content .project .column-right .item li.first img { width: 100%; height: 100%; } .content .project .column-right .item li.first p { color: #fff; background: none; background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); position: absolute; left: 0; bottom: 0; width: 100%; line-height: 44px; font-size: 16px; font-weight: bold; text-indent: 15px; padding-top: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .content .project .column-right .item li.first i { position: absolute; width: 50px; height: 50px; background-position: 0 -120px; left: 50%; top: 50%; margin: -25px 0 0 -25px; } .content .project .column-right .item li.first i.zb { background-position: -50px -120px; } .content .project .column-right .item li.first span { position: absolute; left: 10px; top: 10px; background: #b6b6b6; color: #fff; padding: 0 10px; line-height: 25px; border-radius: 15px; font-size: 12px; text-indent: 0; } .content .project .column-right .item li.first span.online { background: #f04343; } .content .project .column-right .ad-wrapper { position: relative; margin-bottom: 30px; } .content .project .column-right .district { font-size: 16px; } .content .project .column-right .district li { float: left; padding: 0 17px; line-height: 28px; color: #666; border-radius: 15px; margin-bottom: 7px; } .content .project .column-right .district li.select { background: #f6f6f6; } .content .project .column-right .district li.select a { color: #f04343; } .content .project .column-right .echart { width: 100%; height: 200px; } .content .project .column-right .house-price { text-align: center; padding: 10px; background: #f6f6f6; border-radius: 10px; } .content .project .column-right .house-price > div { width: 33%; font-size: 12px; } .content .project .column-right .house-price > div.trend { line-height: 36px; background: #fff; border-radius: 10px; font-size: 14px; } .content .project .column-right .house-price > div.trend.up { color: #f04343; } .content .project .column-right .house-price > div.trend.down { color: #4fc27d; } .content .project .column-right .house-price-hint { color: #999; text-align: right; font-size: 12px; line-height: 2; margin-bottom: 10px; } .content .project .column-right .rank { border: 1px solid #eee; border-radius: 10px; margin-bottom: 10px; overflow: hidden; } .content .project .column-right .rank .tab { background: #fff; font-size: 16px; border-radius: 10px 10px 0 0; line-height: 58px; border-bottom: 1px solid #eee; } .content .project .column-right .rank .tab li { float: left; display: inline; text-align: center; width: 50%; cursor: pointer; background: #f6f6f6; } .content .project .column-right .rank .tab li.select { background: #fff; } .content .project .column-right .rank .list { max-height: 350px; overflow-y: scroll; } .content .project .column-right .rank .list li { padding: 13px 14px; position: relative; border-bottom: 1px solid #eee; } .content .project .column-right .rank .list li:hover { background: #f6f6f6; } .content .project .column-right .rank .list li a { color: #333; } .content .project .column-right .rank .list li .num { display: inline-block; vertical-align: middle; background: #f6f6f6; border-radius: 50%; width: 18px; height: 18px; margin-right: 5px; color: #999; text-align: center; line-height: 18px; } .content .project .column-right .rank .list li .num.red { background: #f04343; color: #fff; } .content .project .column-right .rank .list li .title { font-weight: bold; display: inline-block; vertical-align: middle; color: #333; width: 230px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .content .project .column-right .rank .list li .title:hover { color: #f04343; } .content .project .column-right .rank .list li .detail { margin-left: 25px; position: relative; } .content .project .column-right .rank .list li .detail .local { position: absolute; right: 0; top: 0; } .content .project .column-right .rank .list.list1 { display: none; } .content .project .column-right .hot-active { margin-bottom: 30px; } .content .project .column-right .hot-active li { position: relative; margin-bottom: 12px; padding-left: 130px; padding-right: 15px; height: 80px; } .content .project .column-right .hot-active li span { width: 120px; height: 80px; position: absolute; left: 0; top: 0; overflow: hidden; } .content .project .column-right .hot-active li span img { width: 100%; height: 100%; } .content .project .column-right .hot-active li p { padding-top: 17px; } .content .project .column-right .click-rank.wb li { padding-right: 0; } .content .project .column-right .click-rank li { position: relative; line-height: 28px; padding: 0 50px 0 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .content .project .column-right .click-rank li:hover { background: #f6f6f6; border-radius: 5px; } .content .project .column-right .click-rank li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .content .project .column-right .click-rank li .num { position: absolute; left: 0; top: 0; width: 30px; text-align: center; font-style: italic; } .content .project .column-right .click-rank li .num.red { color: #f04343; font-size: 18px; } .content .project .column-right .click-rank li .click { color: #f04343; position: absolute; right: 0; top: 0; width: 50px; } .content .project .column-right .tuijian { width: 100%; overflow: hidden; } .content .project .column-right .tuijian#ershoufang ul li { height: 130px; overflow: hidden; } .content .project .column-right .tuijian ul { width: 320px; clear: both; overflow: hidden; margin-bottom: 20px; } .content .project .column-right .tuijian ul li { float: left; width: 140px; margin-right: 20px; margin-bottom: 10px; position: relative; font-size: 12px; } .content .project .column-right .tuijian ul li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .content .project .column-right .tuijian ul li .img { overflow: hidden; } .content .project .column-right .tuijian ul li img { width: 100%; height: 88px; border-radius: 5px; } .content .project .column-right .tuijian ul li img { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .content .project .column-right .tuijian ul li p { text-indent: 10px; padding-top: 5px; } .content .project .column-right .tuijian ul li .mask { position: absolute; width: 100%; top: 0; left: 0; height: 88px; color: #fff; border-radius: 5px; overflow: hidden; } .content .project .column-right .tuijian ul li .mask .bg { background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); position: absolute; width: 100%; top: 0; left: 0; height: 100%; z-index: 1; border-radius: 5px; } .content .project .column-right .tuijian ul li .mask p { position: relative; z-index: 2; } .content .project .column-right .tuijian ul li .mask .local { padding-top: 65px; } .content .project .column-right .tuijian ul li .mask .local { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 50%; } .content .project .column-right .tuijian ul li .mask .price { position: absolute; right: 10px; bottom: 5px; } .content .friend { margin-top: 45px; } .content .friend h3 { font-size: 24px; color: #333; font-weight: normal; } .content .friend .inner { margin-top: 15px; } .content .friend a { color: #999; margin-right: 20px; line-height: 25px; white-space: nowrap; } .content .friend li { float: left; } .content .friend .applylink { color: #333; float: right; font-size: 12px; cursor: pointer; height: 22px; line-height: 22px; border-radius: 11px; padding: 0 10px; background-color: #f5f5f5; } .content .friend .applylink:hover { color: #ff4f56; } .content .friend .fl { color: #ccc; font-size: 12px; } .idx-footer { background: #333; margin-top: 40px; min-width: 1200px; } .footer-inner { width: 1200px; margin: 0 auto; padding-top: 50px; padding-bottom: 30px; border-bottom: 1px solid #414141; } .footer-left { float: left; width: 196px; height: 252px; border-right: 1px dashed #414141; margin-right: 35px; } .footer-logo { width: 162px; height: 172px; background: 0 -200px; } .footer-loft { margin-top: 18px; margin-left: 15px; } .footer-loft li { width: 34px; height: 34px; float: left; margin-right: 15px; } .footer-loft li a { display: block; width: 34px; height: 34px; background: ; transition: background 0.3s cubic-bezier(0.17, 0.67, 0.88, 1.25); } .footer-loft li a.lofter { background-position: -180px -200px; } .footer-loft li a.lofter:hover { background-position: -180px -234px; } .footer-loft li a.mail { background-position: -180px -268px; } .footer-loft li a.mail:hover { background-position: -180px -302px; } .footer-loft li a.rss { background-position: -180px -336px; } .footer-loft li a.rss:hover { background-position: -180px -370px; } .footer-right { width: 965px; float: left; } .footer-right span { color: #666; margin-right: 28px; } .footer-right .news .label { font-weight: bold; margin-right: 6px; margin-left: 40px; } .footer-right .news .label11 { font-weight: bold; margin-right: 18px; margin-left: 0; } .footer-right .news a { margin-right: 4px; } .footer-right a { color: #666; margin-right: 8px; } .footer-right .hot-city { margin-top: 25px; } .footer-right .other-city { margin-top: 15px; } .footer-right .city { padding-left: 76px; line-height: 27px; margin-top: 10px; height: 108px; margin-left: 15px; } .footer-right .city a { white-space: nowrap; } .footer-right .contact { margin-top: 10px; position: relative; } .footer-right .bold { font-weight: bold; } .footer-right .search { width: 175px; position: absolute; top: -16px; right: 200px; } .footer-right .formtop { width: 175px; position: absolute; top: -6px; right: 320px; } .footer-right .search-ipt { background: transparent; color: #666; border: 1px solid #666; border-radius: 15px; padding: 5px 10px; } .footer-right .search-smt { background: -210px -92px; width: 28px; height: 28px; border: 0; position: absolute; top: 0; right: 0; } .n-nav-bottom-main .ntes_foot_link a, .n-nav-bottom-main .ntes_foot_link span { color: #666; } .n-nav-bottom { height: 100px; } .n-nav-bottom-main { position: relative; } .n-nav-bottom-copyright { position: absolute; left: 472px; top: 25px; } #ne_wrap .ntes_foot_link { text-align: center; } #ne_wrap .n-nav-bottom-main { width: 1200px; } #ne_wrap .n-nav-channel { width: 1200px; position: relative; } #ne_wrap .n-nav-channel a { margin: 0; padding: 0; border-left: 0; margin-left: 5px; } #ne_wrap .n-nav-channel a:before { content: " "; width: 24px; display: inline-block; } #ne_wrap .n-nav-channel .first { *margin-left: 0; margin-left: 0; } #ne_wrap .n-nav-channel .first:before { display: none; } #ne_wrap .ns9 .ntes-nav-main { width: 960px; } #ne_wrap .ns9 .n-nav-bottom-main { width: 960px; } #ne_wrap .ns9 .n-nav-channel { width: 960px; } #ne_wrap .ns9 .n-nav-channel a { *margin-left: 14px; } #ne_wrap .ns9 .n-nav-channel a:before { width: 14px; } #ne_wrap .ns9 .n-nav-channel .first { *margin-left: 0; } .ft_icons { background-image: ; } .ic_qrcode { width: 60px; height: 76px; background-position: -69px -308px; } .ic_totop { width: 46px; height: 25px; background-position: 0 -298px; } .ns_sidebar { width: 60px; height: 128px; position: fixed; left: 50%; margin-left: 610px; bottom: 200px; z-index: 299; _display: none; } .ns_sidebar .ic_guide { width: 60px; height: 46px; display: block; margin-bottom: 8px; text-align: center; font: 12px/16px '\5fae\8f6f\96c5\9ed1'; color: #888; padding-top: 14px; text-decoration: none; background-color: #f8f8f8; position: static; border: 0; } .ns_sidebar .ic_guide:hover { text-decoration: none; border-color: #f33; color: #f33; } .ns_side_qrcode { width: 60px; height: 76px; margin-bottom: 8px; background: #fff; } .ns_side_qrcode i { float: left; } .ns_sidebar .ns_side_tolid { width: 60px; height: 60px; background: #f8f8f8; cursor: pointer; background: ; } .ns_sidebar .ns_side_tolid:hover { background: ; } /*直通车弹窗*/ .dialog { display: none; width: 100%; height: 100%; z-index: 9999; position: fixed; top: 0; left: 0; background: repeat; } .dialog .dialog-con { position: absolute; top: 50%; left: 50%; background-color: #fff; } .dialog .dialog-tit { text-align: center; font-size: 16px; color: #fff; font-weight: bold; position: relative; top: 0; left: 0; width: 100%; height: 58px; line-height: 58px; background: no-repeat 0 0; } .dialog .dialog-tit.dialog-tit558 { background-position: 0 -616px; } .dialog .dialog-tit.dialog-tit590 { background-position: 0 -693px; } .dialog .dialog-tit.dialog-tit740 { background-position: 0 -773px; background-repeat: repeat-x; } .dialog .dialog-tit.dialog-titother { background-position: 0 -773px; background-repeat: repeat-x; } .dialog .dialog-tit .btn-close { cursor: pointer; position: absolute; top: 12px; right: -50px; display: inline-block; width: 35px; height: 35px; background: no-repeat -556px -12px; } .dialog .dialog-body { width: 100%; } .dialog-con1 { width: 538px; /*height: 385px;*/ margin-left: -270px; margin-top: -165px; border-radius: 4px; } .dialog-con1 .dialog-body { /*height: 325px;*/ } .dialog-con1 .dialog-body .reminds { color: #999; text-align: center; margin: 20px 0; } .dialog-con1 .dialog-body .reminds span { /*color: @fc3; margin-left: 4px; font-weight: bold;*/ } .dialog-con1 .dialog-body .hasholder { position: relative; top: 10px; left: 0; z-index: 2; } .dialog-con1 .dialog-body .hasholder:focus span, .dialog-con1 .dialog-body .hasholder.full span { top: -12px; font-size: 12px; color: #999; } .dialog-con1 .dialog-body .holder { z-index: 1; font-size: 14px; color: #999; transition: all 0.3s; position: absolute; top: 0; left: 50%; margin-left: -60px; width: 120px; text-align: center; } .dialog-con1 .dialog-body .holder.left { left: 0; margin-left: 20px; text-align: left; } .dialog-con1 .dialog-body .input-row { width: 366px; padding-left: 20px; margin: 0 auto 20px; height: 58px; line-height: 58px; background-color: #f4f6f7; border: 1px solid #f4f6f7; border-radius: 4px; position: relative; top: 0; left: 0; } .dialog-con1 .dialog-body .input-row .captcha { display: inline-block; border-radius: 20px; background-color: #f04343; color: #fff; text-align: center; width: 110px; height: 32px; line-height: 32px; cursor: pointer; position: absolute; top: 14px; right: 12px; z-index: 3; } .dialog-con1 .dialog-body .input-row .captcha.seeding { cursor: default; background-color: #e5ebee; color: #999; } .dialog-con1 .dialog-body .input-row.error { background-color: #fff8f9; border: 1px solid #f04343; } .dialog-con1 .dialog-body .input-row .inp { height: 100%; line-height: 100%; width: 100%; font-size: 16px; color: #333; } .dialog-con1 .dialog-body .input-row .inp.tel { width: 242px; } .dialog-con1 .dialog-body .error-reminds { width: 386px; height: 24px; line-height: 24px; margin: 0 auto 20px; text-align: left; display: none; } .dialog-con1 .dialog-body .error-reminds .error-words { color: #f04343; font-size: 16px; height: 24px; line-height: 24px; vertical-align: middle; display: inline-block; } .dialog-con1 .dialog-body .error-reminds .error-icon { vertical-align: middle; width: 18px; height: 18px; display: inline-block; margin-right: 6px; background: no-repeat 0 -77px; } .dialog-con1 .dialog-body .btn-sure1 { cursor: pointer; width: 100%; height: 60px; line-height: 60px; color: #ff133f; text-align: center; font-weight: bold; border-top: 1px solid #ecf0f1; font-size: 16px; } .dialog-con1 .dialog-body .btn-submit { width: 230px; height: 46px; line-height: 46px; font-size: 16px; color: #fff; background-color: #ff133f; text-align: center; border-radius: 4px; cursor: pointer; } .dialog-con1 .dialog-body .btn-submit:hover { box-shadow: 0 0 10px #ff133f; } .zt_kf input { border: none; outline: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .zt_kf #ztctime { cursor: pointer; text-align: left; } .zt_kf .xy-remind { text-align: center; color: #f04343; display: none; } .zt_kf .user-instruction { position: absolute; bottom: 8px; left: 45px; background-color: #fff; width: 500px; padding-top: 18px; z-index: 99; border-radius: 8px; display: none; border: 1px solid #ddd; } .zt_kf .user-instruction .ui-tit { color: #333; height: 40px; line-height: 40px; text-align: center; } .zt_kf .user-instruction .ui-con { padding: 0 42px; line-height: 24px; color: #959595; margin-bottom: 30px; } .zt_kf .user-instruction .ui-con p { text-align: left; } .zt_kf .user-instruction .ui-con p.first { text-indent: 2em; } .zt_kf .user-instruction .iknow { height: 60px; line-height: 60px; text-align: center; border-top: 1px solid #f4f6f7; cursor: pointer; } .zt_kf .dialog-body .error-reminds .error-words { font-size: 14px; } .zt_kf .dialog-body .bmain-box { width: 100%; margin-top: 40px; } .zt_kf .dialog-body .bmain-box .mb-left { float: left; width: 160px; } .zt_kf .dialog-body .bmain-box .mb-left .ewm-box { width: 105px; height: 132px; background-color: #f4f6f7; text-align: center; margin-left: 40px; padding-top: 9px; } .zt_kf .dialog-body .bmain-box .mb-left .ewm-box p { font-size: 12px; text-align: center; color: #999; } .zt_kf .dialog-body .bmain-box .mb-left .ewm { width: 77px; height: 77px; margin: 0 auto; display: block; border: 5px solid #fff; border-radius: 4px; } .zt_kf .dialog-body .bmain-box .mb-right { float: right; width: 388px; margin-right: 40px; } .zt_kf .dialog-body .bmain-box .mb-right .btn-submit { margin-left: 15px; margin-top: 6px; } .zt_kf .dialog-body .like-lp { text-align: left; margin-top: 10px; margin-left: 30px; } .zt_kf .dialog-body .like-lp .l-tit { color: #333; font-weight: bold; display: inline-block; } .zt_kf .dialog-body .like-lp .radio-outer { margin-right: 18px; margin-top: 0; margin-bottom: 8px; display: inline-block; } .zt_kf .dialog-body .like-lp label { margin-left: 4px; } .zt_kf .dialog-body .like-lp .selected label { color: #666; } .zt_kf .dialog-body .zt-line-detail { text-align: center; margin-bottom: 12px; } .zt_kf .dialog-body .zt-line-detail .l-tit { margin-top: 16px; margin-bottom: 2px; height: 24px; line-height: 24px; color: #333; font-weight: bold; } .zt_kf .dialog-body .zt-line-detail .l-tit .t1 { margin-right: 4px; color: #ff4048; } .zt_kf .dialog-body .zt-line-detail .l-con { line-height: 20px; color: #666; } .zt_kf .dialog-body .width396 { width: 396px; margin: 0 auto; } .zt_kf .dialog-body .input-row { width: 396px; padding-left: 0; border: 1px solid #f4f6f7; } .zt_kf .dialog-body .input-row.width195 { width: 172px; border: 1px solid #f4f6f7; padding-left: 20px; float: left; border-radius: 6px; } .zt_kf .dialog-body .input-row.width195.error { border: 1px solid #f04343; } .zt_kf .dialog-body .input-row.ml9 { padding-left: 20px; width: 172px; float: right; border-radius: 4px; } .zt_kf .dialog-body .input-row .inp { font-size: 14px; } .zt_kf .dialog-body .input-row .inp.tel { width: 100%; padding-left: 0; } .zt_kf .dialog-body .input-row .inp.pt20 { padding-left: 20px; width: 375px; } .zt_kf .dialog-body .input-row .inp.txtcenter { text-align: center; } .zt_kf .dialog-body .kf-time { height: 100%; width: 164px; float: left; border-right: 9px solid #fff; border-radius: 6px; position: relative; top: 0; left: 0; } .zt_kf .dialog-body .kf-time i { width: 20px; height: 22px; background: no-repeat -272px -133px; display: inline-block; position: absolute; top: 20px; right: 18px; cursor: pointer; } .zt_kf .dialog-body .inp.join-num { padding-left: 20px; width: 376px; } .zt_kf .dialog-con1 { width: 590px; margin-left: -295px; margin-top: -295px; } .zt_kf .btn-submit { margin: 0 auto 5px; } .zt_kf .inpstyle { color: #999; } .zt_kf .inpstyle span:hover { cursor: pointer; text-decoration: underline; } .zt_kf .radio-outer { text-align: center; } .zt_kf .join-question { text-align: right; line-height: 20px; height: 20px; color: #ccc; cursor: pointer; width: 100px; margin-left: 490px; } .zt_kf .join-question:hover .qu-list { display: block; } .zt_kf .join-question:hover .arrow { display: block; } .zt_kf .join-question .ask { width: 15px; height: 16px; display: inline-block; margin-right: 19px; margin-left: 4px; background: -272px -109px no-repeat; vertical-align: middle; } .zt_kf .join-question .arrow { display: none; width: 7px; height: 13px; background: -272px -89px no-repeat; position: absolute; bottom: 204px; left: 584px; z-index: 3; } .zt_kf .ztc-tel { color: #999; text-align: center; height: 40px; line-height: 40px; background-color: #eff0f1; } .zt_kf .qu-list { display: none; width: 300px; padding: 20px 25px; background-color: #000; border-radius: 6px; border: 1px solid #666; position: absolute; bottom: 0; left: 590px; text-align: left; max-height: 330px; overflow: auto; } .zt_kf .qu-list .about-us { color: #959595; font-weight: bold; margin-bottom: 10px; } .zt_kf .qu-list .aquestion { line-height: 24px; margin-bottom: 6px; } .zt_kf .qu-list .q-tit { color: #959595; font-weight: bold; font-size: 12px; } .zt_kf .qu-list .q-con { font-size: 12px; color: #6f6f6f; } .zt_kf .foot_text { background: #f9fafb; border-top: 1px solid #eff0f1; border-bottom: 1px solid #eff0f1; border-radius: 0 0 5px 5px; margin-top: 8px; } .zt_kf .foot_text li { float: left; width: 146px; border-right: 1px solid #eff0f1; margin-bottom: 0; position: relative; top: 0; left: 0; zoom: 1; text-align: center; padding-bottom: 9px; } .zt_kf .foot_text li .bg { background: -536px -133px no-repeat; width: 120px; height: 98px; margin: 0 auto 5px; line-height: 92px; font-size: 16px; } .zt_kf .foot_text li .bg span { color: #f04343; position: static; font-size: 14px; } .zt_kf .foot_text li p { font-size: 12px; color: #999; margin-top: -14px; } .zt_kf .foot_text li.n { border-right: 0; } .xieyi { margin: 10px auto 10px; } img.feedback-btn { opacity: 0; width: 0; height: 0; visibility: hidden; } .fankui-content .title .nav { border-bottom: 0; border-top: 0; margin-top: 0; } .rankclick.fixed { position: fixed; top: 70px; width: 300px; } /*广告部分代码*/ .ad-remind { text-align: center; position: absolute; border-radius: 0 8px 0 0; bottom: 0; left: 0; font-size: 11px; color: #fff; width: 32px; height: 20px; line-height: 20px; background-color: #000; background-color: rgba(0, 0, 0, 0.6); } .ad-dialog { z-index: 10; display: none; width: 1200px; height: 400px; position: fixed; left: 50%; margin-left: -600px; top: 20%; } .ad-dialog .close { width: 30px; height: 30px; background: -367px -167px; position: absolute; top: 0; right: -33px; cursor: pointer; } .ad-dialog-ctr { display: none; width: 20px; height: 120px; position: fixed; right: 0; bottom: 0; } .ad-dialog-ctr .small-inner { width: 20px; height: 120px; position: relative; z-index: 1; } .ad-dialog-ctr .replay { position: absolute; left: 0; bottom: 0; background: #fff; opacity: 0; filter: alpha(opacity=0); width: 20px; height: 40px; cursor: pointer; z-index: 2; } .ad-left-bottom { z-index: 12; display: none; width: 100px; height: 280px; position: fixed; left: 0; top: 200px; } .ad-left-bottom-pos { position: absolute; left: 0; top: 946px; } .ad-left-bottom .close { z-index: 10; width: 20px; line-height: 20px; text-align: center; cursor: pointer; font-size: 20px; position: absolute; top: 0; right: 0; color: #fff; } .ad-duilian { display: none; } .ad-duilian .large { display: none; } .ad-duilian-left { position: absolute; left: 0; top: 545px; z-index: 11; } .ad-duilian-right { position: absolute; right: 0; top: 545px; z-index: 11; } .ad-duilian .hover .small { display: none; } .ad-duilian .hover .large { display: block; } .ad-xiatui { height: 0; overflow: hidden; width: 1200px; margin: 0 auto; } .ad-xiatui-cont { height: 400px; display: none; position: relative; } .ad-xiatui-cont .close { z-index: 11; width: 70px; height: 17px; background: -180px -135px; position: absolute; bottom: 0; right: 0; cursor: pointer; } .ad-xiatui-ctr { display: none; width: 20px; height: 120px; position: fixed; right: 0; bottom: 0; z-index: 11; } .ad-xiatui-ctr .small-inner { width: 20px; height: 100px; } .ad-xiatui-ctr .replay { z-index: 10; position: absolute; left: 0; bottom: 0; background: #fff; opacity: 0; filter: alpha(opacity=0); width: 20px; height: 40px; cursor: pointer; } .ad-diwen { height: 50px; display: none; } .ad-diwen-cont { height: 500px; position: relative; } .ad-diwen-cont a { display: block; height: 500px; } .ad-diwen-ctr { width: 1200px; position: absolute; margin: 0 auto; margin-left: -600px; left: 50%; top: 0; } .ad-diwen-ctr .close { width: 70px; height: 17px; background: -180px -135px; position: absolute; top: 33px; right: -4px; cursor: pointer; } .ad-fanpai { height: 100px; overflow: hidden; } .ad-v-line { border-bottom: 1px dashed #eee; } .ad-wrapper { position: relative; } .g-area-banner .adban .g-w595 { height: 50px; } .move-img { width: 250px; } .move-img a { display: block; height: 50px; position: absolute; width: 250px; } .cut-pic { height: 50px; overflow: hidden; position: relative; width: 250px; } .move-img { width: 250px; } .adsimg { width: 250px; height: 50px; } .ad-wrapper, .g-w595, .g-w680, .g-w250 { position: relative; top: 0; left: 0; z-index: 1; } .ad-remind { text-align: center; position: absolute; bottom: 0; left: 0; font-size: 11px; color: #fff; width: 32px; height: 20px; line-height: 20px; background-color: #000; background-color: rgba(0, 0, 0, 0.6); } .xf-ztc-kf .ad-remind, .xf-ztc-kft .ad-remind, .xf-kft .ad-remind { display: none; } .fanpai1, .fanpai2, .fanpai3 { display: none; } .channel_ad_2016 { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; border-radius: 0 8px 0 0; bottom: 0; color: #fff; font-family: arial; font-size: 12px; height: 17px; left: 0; line-height: 17px; overflow: hidden; position: absolute; text-align: left; width: 30px; z-index: 3; } .ad-txt { text-align: center; overflow: hidden; height: 32px; line-height: 32px; font-family: "宋体"; } .ad-txt a { color: #666; margin: 0 24px; font-size: 12px; } .stat_img { display: none; } .fankui-content .title .nav { min-width: 0; } .n-nav-bottom { min-width: 1200px; } .news-first { display: none; } .ewm2 { width: 91px; height: 91px; } .g-area-banner { width: 1200px; margin: 0 auto; } .n-nav-bottom-main .ntes_foot_link a, .n-nav-bottom-main .ntes_foot_link a:visited { color: #666; } .content .project.xingtai .newsdata_wrap .post_recommend_tie_icon { text-indent: -99999px; } .content .project .newsdata_wrap.xingtai-special .post_recommend_tie { display: none; } .xfpart .search-tag { visibility: hidden; } .index-foot-top { background: #f7f7f7; border-top: 1px solid #dddddd; margin-top: 40px; } .index-foot-top .box { width: 1200px; margin: 0 auto; font-size: 12px; overflow: hidden; } .index-foot-top .box .first-ul { clear: both; overflow: hidden; padding: 30px 0; width: 1310px; position: relative; left: -23px; } .index-foot-top .box .first-ul > li { float: left; display: inline; border-right: 1px solid #ddd; padding: 0 23px; } .index-foot-top .box .first-ul > li.last { border-right: 0; } .index-foot-top .box .first-ul > li table { font-size: 12px; margin-top: 8px; } .index-foot-top .box .first-ul > li table td { width: 72px; line-height: 1; padding-top: 7px; padding-bottom: 3px; } .index-foot-top .box .first-ul > li table td .feedback-btn { position: static; display: block; width: auto; } .index-foot-bottom { background: #323232; color: #656565; } .index-foot-bottom a { color: #656565; } .index-foot-bottom .foot-tab { text-align: center; line-height: 54px; } .index-foot-bottom .foot-tab li { display: inline-block; padding: 0 30px; cursor: pointer; } .index-foot-bottom .foot-tab li.select { color: #fff; } .index-foot-bottom .line { width: 100%; height: 1px; background: #404040; } .index-foot-bottom .foot-content { clear: both; overflow: hidden; width: 1200px; margin: 0 auto; } .index-foot-bottom .foot-content ul { clear: both; overflow: hidden; padding: 10px 0; max-height: 40px; display: none; } .index-foot-bottom .foot-content ul.box1 { display: block; } .index-foot-bottom .foot-content ul.box1 i { display: none; } .index-foot-bottom .foot-content ul.box1 .up { display: none; } .index-foot-bottom .foot-content ul.box1 li { float: none; margin-right: 0; width: auto; } .index-foot-bottom .foot-content ul.box1 li a { width: 115px; display: inline-block; } .index-foot-bottom .foot-content ul.box1 li a:after { content: "买房"; } .index-foot-bottom .foot-content ul li { float: left; display: inline; width: 120px; line-height: 24px; } /*中原地产*/ .zhongyuan { margin-bottom: 30px; } .zhongyuan .head-z { background: #e50006; line-height: 38px; height: 38px; padding: 0 10px; color: #fff; } .zhongyuan .head-z img { display: inline-block; vertical-align: middle; } .zhongyuan .head-z .phone { font-size: 12px; margin-left: 40px; display: inline-block; vertical-align: middle; } .zhongyuan .head-z .phone b { font-size: 14px; font-weight: normal; } .zhongyuan .box { padding: 10px 9px 0 9px; border: 1px solid #eee; } .zhongyuan .list { margin-bottom: 10px; margin-top: 5px; } .zhongyuan .list li { float: left; display: inline; margin-right: 17px; } .content .project .column-right .zhongyuan img { transition: none; } .content .project .column-right .zhongyuan img:hover { transform: none; } /*中原地产*/ /*二手房*/ .slide-in-con { clear: both; overflow: hidden; width: 1232px; padding-bottom: 20px; } .slide-in-con .slide-in-con-li { float: left; width: 276px; margin-right: 32px; height: 290px; background-color: #fff; cursor: pointer; position: relative; } .slide-in-con .slide-in-con-li .house-img { width: 100%; height: 207px; overflow: hidden; } .slide-in-con .slide-in-con-li .house-img img { width: 100%; height: 100%; display: block; } .slide-in-con .slide-in-con-li .bottom { clear: both; overflow: hidden; position: absolute; left: 0; top: 167px; height: 40px; line-height: 40px; color: #fff; background: #000; background: rgba(0, 0, 0, 0.6); width: 100%; } .slide-in-con .slide-in-con-li .bottom .b-left { padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .slide-in-con .slide-in-con-li .title { color: #212121; font-size: 16px; height: 34px; padding: 10px; } .slide-in-con .slide-in-con-li .title:hover { color: #28c99f; } .slide-in-con .slide-in-con-li .bottom .b-right { position: absolute; width: 80px; text-align: center; right: 0; bottom: 0; } /*二手房*/ .ztc-form { width: 330px; height: 200px; background-color: #fff; background-image: ; padding-top: 16px; box-sizing: border-box; } .ztc-form .title { font-size: 20px; font-weight: bold; text-align: center; display: flex; align-items: center; justify-content: center; padding-top: 0 !important; } .ztc-form .text { margin: 0 10px; } .ztc-form .line { width: 10px; height: 1px; background-color: #e00201; display: inline-block; } .ztc-form .tips { font-size: 12px; text-align: center; } .ztc-form input { display: block; margin: 0 auto; width: 250px; height: 30px; background: #f6f6f6; border: 1px solid #ececec; border-radius: 5px; margin-top: 8px; font-size: 14px; color: #999999; letter-spacing: 0; text-align: center; font-weight: 400; } .ztc-form .btn { background: #feece7; border: 1px solid #f04343; border-radius: 5px; font-size: 15px; color: #f04343; letter-spacing: 0; text-align: center; font-weight: 600; width: 253px; height: 30px; line-height: 30px; cursor: pointer; margin: 0 auto; margin-top: 8px; }