/*首页改版*/ .site_head { box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.18); } .index-con { width: 1200px; margin: 110px auto 60px; } .index-left { width: 830px; } /*轮播*/ .finance-bk1 { width: 830px; height: 240px; background: #fff; box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.1); border-radius: 10px; overflow: hidden; } .finance-bk1 .swiper-container-horizontal>.swiper-pagination-bullets { width: 480px; left: 0 15px; text-align: right; } .finance-bk1 .swiper-pagination-bullet { z-index:100; width: 7px; height: 7px; background: rgba(255,255,255,1); opacity: 0.44; } .finance-bk1 .swiper-pagination-bullet-active { width: 7px; height: 7px; background: rgba(255,255,255,1); opacity: 1; } .swiper-button-prev, .swiper-button-next { display: none; } .finance-bk1:hover .swiper-button-prev, .finance-bk1:hover .swiper-button-next { display: block; } .finance-bk1 .swiper-button-prev { width: 20px; height: 46px; background: url(/uploads/image/pvimages/prev3.png) no-repeat; } .finance-bk1 .swiper-button-next { left: 470px; right: auto; width: 20px; height: 46px; background: url(/uploads/image/pvimages/next3.png) no-repeat; } .finance-banner { width: 501px; height: 240px; overflow: hidden; position: relative; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .finance-banner:after { position: absolute; content: ''; left: 0; right: 0; bottom: 0; width: 100%; height: 50px; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); } .finance-banner img { display: block; width: 501px; height: 240px; } .finance-xq { width: 325px; height: 240px; padding: 16px 20px; font-weight: 400; position: relative; } .finance-xq .bt1 ,.finance-xq .bt1 a{ max-height: 90px; font-size: 20px; font-weight: 500; line-height: 30px; color: #333; } .finance-xq .bt2 ,.finance-xq .bt2 a{ margin-top: 10px; max-height: 48px; font-size: 14px; line-height: 24px; color: #999; } .finance-xq .bot { position: absolute; left: 20px; right: 20px; bottom: 20px; height: 22px; } .finance-xq .bj { line-height: 17px; font-size: 12px; color: #999999; } .bj span.week-cj { color: #2181ff; margin-left: 5px; } .bj span.week-deep { color: #e83b0c; margin-left: 5px; } .bj span.week-tulianshe { color: #cd351a; margin-left: 5px; } .finance-xq .look { line-height: 22px; background: url(/uploads/image/pvimages/see3.png) left no-repeat; color: #999; font-size: 12px; padding-left: 20px; } /*楼盘动态*/ .news-dt { margin: 30px auto; border-radius: 4px; border: 1px solid #efefef; position: relative; padding: 13px 20px 13px 152px; background: #fdfdfd url(/uploads/image/pvimages/ind1.png) left center no-repeat; } .news-dt .swiper-container,.news-dt .swiper-slide{width: 100%; height: 40px; overflow:hidden;} .news-dt ul { width: 100%; height: 40px; border-left: 1px solid #e4e4e4; padding-left: 23px; } .news-dt ul li { height: 20px; line-height: 20px; } .news-dt ul li .wz { display: block; width: 550px; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .news-dt ul li .date { width: 80px; font-size: 12px; color: #c6c6c6; text-align: right; } /*楼事策划*/ .week-tit { position: relative; } .more-list { right: 0; position: absolute; z-index: 2; line-height: 33px; font-size: 14px; padding-right: 12px; font-weight: 400; color: #da3515; background: url(/uploads/image/pvimages/arrow-r.png) no-repeat right center; background-size: 7px 12px; } .cehua-con { margin-top: 30px; margin-bottom: 20px } .cehua-left { width: 380px; height: 352px; box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1); border-radius: 8px; background: #fff; } .cehua-con .itemtu { position: relative; width: 380px; height: 210px; } .cehua-con .itemtu img { width: 380px; height: 210px; border-top-left-radius: 8px; border-top-right-radius: 8px; } .cehua-con .itemtu .cover { position: absolute; left: 0; right: 0; bottom: 0; height: 62px; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.49) 100%); color: #fff; font-size: 14px; padding: 27px 20px 0; line-height: 20px; text-align: right; } .cehua-con .itemtu .tip { position: absolute; right: 22px; top: 16px; width: 46px; height: 22px; line-height: 20px; text-align: center; color: #fff; font-size: 14px; background: linear-gradient(137deg, rgba(244,205,146,1) 0%, rgba(212,161,100,1) 100%); border-radius: 4px; } .cehua-con .itemtu .play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 52px; height: 53px; background: url(/uploads/image/pvimages/ind-play.png) no-repeat; background-size: cover; } .cehua-left .itemwz { padding: 13px; } .cehua-left .wz1 { line-height: 32px; font-size: 20px; font-weight: 600; color: #333; } .cehua-left .wz2 { margin-top: 8px; line-height: 20px; font-size: 14px; color: #999; } .cehua-right { width: 215px; height: 352px; flex-direction: column; } .cehua-item { width: 215px; height: 170px; box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1); border-radius: 8px; background: #fff; } .cehua-item .itemtu { width: 215px; height: 120px; } .cehua-item .itemtu img { width: 215px; height: 120px; } .cehua-item .itemtu .cover { height: 45px; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); padding: 4px 13px; text-align: left; } .cehua-item .itemtu .tip { right: 6px; top: 6px; } .cehua-item .itemwz { height: 52px; padding: 8px 10px 8px 16px; } .cehua-item .item-xm { width: 40px; height:36px; } .cehua-item .item-xm1{ background-image: url(/uploads/image/pvimages/xm1.png);background-image: -webkit-image-set(url(/uploads/image/pvimages/xm1.png) 1x, 4x); background-image: -moz-image-set(url(/uploads/image/pvimages/xm1.png) 1x, 4x); background-image: -o-image-set(url(/uploads/image/pvimages/xm1.png) 1x, 4x); background-image: -ms-image-set(url(/uploads/image/pvimages/xm1.png) 1x, 4x);background-repeat: no-repeat; background-position: center center;} .cehua-item .item-xm2{ background-image: url(/uploads/image/pvimages/xm2.png);background-image: -webkit-image-set(url(/uploads/image/pvimages/xm2.png) 1x, 4x); background-image: -moz-image-set(url(/uploads/image/pvimages/xm2.png) 1x, 4x); background-image: -o-image-set(url(/uploads/image/pvimages/xm2.png) 1x, 4x); background-image: -ms-image-set(url(/uploads/image/pvimages/xm2.png) 1x, 4x);background-repeat: no-repeat; background-position: center center;} .cehua-item .item-xm3{ background-image: url(/uploads/image/pvimages/xm3.png);background-image: -webkit-image-set(url(/uploads/image/pvimages/xm3.png) 1x, 4x); background-image: -moz-image-set(url(/uploads/image/pvimages/xm3.png) 1x, 4x); background-image: -o-image-set(url(/uploads/image/pvimages/xm3.png) 1x, 4x); background-image: -ms-image-set(url(/uploads/image/pvimages/xm3.png) 1x, 4x);background-repeat: no-repeat; background-position: center center;} .cehua-item .item-xm4{ background-image: url(/uploads/image/pvimages/xm4.png);background-image: -webkit-image-set(url(/uploads/image/pvimages/xm4.png) 1x, 4x); background-image: -moz-image-set(url(/uploads/image/pvimages/xm4.png) 1x, 4x); background-image: -o-image-set(url(/uploads/image/pvimages/xm4.png) 1x, 4x); background-image: -ms-image-set(url(/uploads/image/pvimages/xm4.png) 1x, 4x);background-repeat: no-repeat; background-position: center center;} .cehua-item .wz1 { width: 142px; line-height: 18px; font-size: 12px; color: #666; } .f-banner { width: 100%; margin-top: 30px; display: block;position:relative; } .f-banner img { width: 100%; } .f-banner .tuicon { position: absolute; z-index: 200; left: 10px; top: 10px; width: 40px; height: 18px; line-height: 18px; color: #fff; border-radius: 3px; background: rgba(0,0,0,0.5); text-align: center; font-style: normal; } /*楼事推荐榜*/ .pingpanlist { background: url(/uploads/image/pvimages/ind-tuijian.png) center top no-repeat; padding: 136px 21px 0; margin-bottom: 40px; } .pingpanlist .coupons-item {width: 250px;height:157px; box-shadow: 0px 1px 17px 4px rgba(0, 0, 0, 0.07); border-radius: 4px; text-align: center; position: relative; z-index: 3;} .pingpanlist .coupons-item .tip {z-index: 5; position: absolute; left: 9px; top: -14px; background: linear-gradient(180deg, rgba(100, 88, 70, 1) 0%, rgba(35, 22, 4, 1) 100%); border-radius: 4px; padding: 6px 5px; line-height: 16px; font-size: 12px; color: #ffd797; max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pingpanlist .coupons-item .se-top { width: 250px; height: 105px; position: relative; border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; } .pingpanlist .coupons-item .se-top image { width: 250px; height: 105px; } .pingpanlist .coupons-item .se-top .se-shaow { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; padding: 19px 8px 8px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); line-height: 25rpx; color: #fff; } .pingpanlist .coupons-item .se-tit { font-size: 12px; font-weight: 500; color: #fff; text-align: left; } .pingpanlist .coupons-item .price { font-size: 12px; color: #fff; text-align: right; } .pingpanlist .coupons-item .price .red { color: #d93515; font-size: 14px; } .pingpanlist .coupons-item .bot { padding: 6px 8px 6px 0; position: relative; } .pingpanlist .coupons-item .pf { width: 65px; height: 40px; border-right: 1px dotted #666; } .pingpanlist .coupons-item .pf .num { height: 22px; line-height: 22px; color: #ffb142; font-size: 20px; text-align: center; } .pingpanlist .coupons-item .pf .num text { font-size: 12px; } .pingpanlist .coupons-item .pf .star { flex-direction: row; margin-top: 4px; } .pingpanlist .coupons-item .pf .star image { width: 7px; height: 7px; margin: 0 1px; } .pingpanlist .coupons-item .bt { width: 165px; height: 40px; line-height: 20px; font-weight: 500; font-size: 12px; white-space: pre-wrap; text-align: left; } .pingpanlist .coupons-item .buy { position: absolute; width: 38px; height: 38px; right: 6px; top: 5px; } /*切换列表*/ .nav_bt { padding-top: 10px; border-bottom: 1px solid #f7f7f7; background: #fff;} .nav_bt.fixed { position: fixed; top: 70px; right: 50%; width: 830px; margin-top: 0; margin-right: -230px; z-index: 999; padding-top:0; background:rgba(255,255,255,0.9) } .nav_bt li { display: inline-block; font-weight: 700; line-height: 60px; padding-left: 14px; margin-right: 50px; font-size: 20px; color: #666; cursor: pointer; } .nav_bt li.on { color: #333; position: relative; } .nav_bt li.on:before { position: absolute; content: ''; left: 0; top: 50%; transform: translatey(-50%); width: 6px; height: 6px; background: #da3515; border-radius: 50%; } .tab-con .tablist { display: none; } .tab-con .tablist:first-child { display: block; } .tablist li { padding: 34px 20px 34px 280px; min-height: 212px; position: relative; } .tablist li:before { position: absolute; z-index: 0; bottom: 0px; left: 0; right: 0; content: ''; height: 1px; border-bottom: 1px solid #ededed; } .tablist li:last-child:before { border-bottom: 0; } .tablist li:hover { cursor: pointer; border-color: #fff; } .tablist li:hover:before { z-index: 1; top: -1px; height: 100%; box-shadow: 0px 2px 16px 2px rgba(0,0,0,0.15); border-bottom: 0; border-radius: 10px; background: #fff; left: -22px; right: -22px; } .tablist li .pic { position: absolute; z-index: 2; left: 0; top: 34px; width: 260px; height: 144px; border-radius: 4px; } .tablist li .tuicon { position: absolute; z-index: 200; left: 10px; top: 44px; width: 40px; height: 18px; line-height: 18px; color: #fff; border-radius: 3px; background: rgba(0,0,0,0.5); text-align: center; font-style: normal; } .tablist li .cont { position: relative; z-index: 3; } .tablist li a { display: block; } .tablist li .bt { font-size: 22px; font-weight: 700; color: #333; line-height: 30px; max-height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; } .tablist li .wz { margin-top: 10px; font-size: 14px; color: #999999; line-height: 22px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; } .tablist li .botwz { margin-top: 6px; height: 20px; line-height: 20px; font-size: 14px; color: #adadad; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tablist li .time { display: inline-block; } .tablist li .see { padding-left: 20px; background: url(/uploads/image/pvimages/see3.png) left center no-repeat; } .tab-con .tablist>.loadmore { display: block; margin: 0 auto; text-align: center; margin-top: 50px; width: 118px; height: 30px; border-radius: 4px; border: 1px solid #da3515; line-height: 30px; color: #da3515; } .index-right { width: 300px; } /*右侧楼事快讯*/ .fast-new { margin-top: 10px; } .fast-new li{ padding: 12px 0 12px 14px; cursor: pointer; position:relative; } .fast-new li:after{ position:absolute; content:''; bottom:0px; right:0; width:286px; height:1px; background:#e6e6e6; } .fast-new li:last-child:after{ display:none;} .fast-new li .bt { line-height: 22px; font-size: 16px; font-weight: 600; color: #333; position: relative; } .fast-new li .bt:before { position: absolute; content: ''; left: -14px; top: 8px; width: 6px; height: 6px; background: #da3515; border-radius: 50%; } .fast-new li .bot { margin-top: 10px; margin-bottom:10px; line-height: 20px; font-size: 14px; color: #999; } .fast-new li .look { background: url(/uploads/image/pvimages/see3.png) left no-repeat; padding-left: 20px; } .fast-new li .pic { margin-top:0!important; width: 286px; height: 159px; display: none; } .fast-new li .pic img{ display:block;width: 286px; height: 159px;} .fast-new li:first-child .pic { display: block; } /*最新直播*/ .rilidate { right: 0; position: absolute; z-index: 2; line-height: 33px; font-size: 14px; padding-left: 21px; font-weight: 400; color: #da3515; background: url(/uploads/image/pvimages/rili2.png) no-repeat left center; background-size: 16px 15px; } .zhibo-list li { margin-top: 32px;border-radius: 10px; border: 1px solid #ededed; padding: 20px 16px; cursor: pointer; } .zhibo-list li:first-child { margin-top: 22px; } .zhibo-list li .tag { float: right; width: 212px; height: 34px; margin-right: -24px; } .zhibo-list li .tag>div { width: 212px; height: 34px; position: relative; padding-left: 20px; text-align: left; line-height: 28px; color: #fff; } .zhibo-list li .tag>div:before { position: absolute; content: ''; left: 7px; top: 11px; width: 6px; height: 6px; border-radius: 50%; background: #fff; } .zhibo-list li .tagbg1 { background: url(/uploads/image/pvimages/tagbg1.png) no-repeat; } .zhibo-list li .tagbg2 { background: url(/uploads/image/pvimages/tagbg2.png) no-repeat; } .zhibo-list li .tagbg3 { background: url(/uploads/image/pvimages/tagbg3.png) no-repeat; } .zhibo-list li .bt { clear: both; margin-top: 5px; font-size: 18px; font-weight: 600; color: #333; line-height: 30px; } .zhibo-list li .wz { margin-top: 10px; } .zhibo-list li .wz1 span { display: block; width: 50%; height: 24px; line-height: 24px; overflow: hidden; font-weight: 600; } .zhibo-list li .wz2 { height: 24px; line-height: 24px; color: #999999; } .zhibo-list li .wz3 { position: relative; padding-left: 70px; height: 48px; line-height: 24px; color: #999999; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;} .zhibo-list li .wz3:before { position: absolute; left: 0; top: 0; line-height: 24px; color: #999; content: "公告详情:"; } .zhibo-list li .wz3:hover, .zhibo-list li .bt:hover{ color: #da3515; } .zhibo-list li .btn { margin-top: 20px; } .zhibo-list li .btn>a { display: block; width: 118px; height: 26px; border-radius: 4px; border: 1px solid #999; line-height: 24px; text-align: center; font-size: 14px; color: #999; } .zhibo-list li .btn>a:hover { border-color: #eb4f44; background: #eb4f44;color: #fff; } .cj-share { position: relative; font-size: 14px; } .cj-share .ewm { right: -10px; top: 24px; display: none; z-index: 20; position: absolute; width: 134px; height: 163px; background: url(/uploads/image/pvimages/bgk.png) no-repeat; padding-top: 32px; text-align: center; } .cj-share .ewm p { text-align: left; color: #666; line-height: 20px; margin-left: 28px; } .cj-share .ewm p.wb { padding-left: 20px; background: no-repeat; } .cj-share .ewm p.wx { padding-left: 20px; background: url(/uploads/image/pvimages/swx.png) no-repeat; } .cj-share .ewm img { display: block; margin: 7px auto; width: 76px; height: 76px; } .cj-share:hover .ewm { display: block; } .zhibo-list li .btn .tip, .zhibo-list li .btn .tip:hover { border-color: #eb4f44; background: #eb4f44; color: #fff; } .aboutus { margin-top: 56px; margin-bottom: 30px; } .finance-right .atten-tab-box .atten-tab span:nth-child(2) img { width: 36px; height: 35px; margin-top: 24px; } .finance-right .atten-tab-box .atten-tab span:nth-child(3) img { width: 37px; height: 37px; margin-top: 23px; } /*右侧广告*/ .vlogimg-box { margin-bottom: 40px; } .vlogimg { width: 300px; height: 167px; margin-top: 40px; } .vlogimg:first-child { margin-top: 40px; } /*右侧热门楼盘*/ .mt50{ margin-top:50px;} .hotlp { margin: 0 auto; width: 290px; } .hotlp li { margin-top: 20px; width: 300px; height: 127px; position: relative; } .hotlp li .pic { width: 300px; height: 127px; } .hotlp li .text { position: absolute; left: 0; bottom: 0; width: 300px; height: 55px; background: rgba(0,0,0,.6); font-size: 18px; color: #fff; } .hotlp li .text .bt { margin-top: 8px; height: 20px; line-height: 20px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .hotlp li .text .bt a { color: #fff; } .hotlp li .text .price { text-align: center; line-height: 22px; } .hotlp li .text .price span { color: #e8320d; } .change { display: block; margin: 50px auto; color: #e8320d; border: 1px solid #e8320d; margin-top: 40px; width: 118px; height: 28px; line-height: 28px; border-radius: 5px; text-align: center; font-size: 14px; } .result { margin: 50px auto; height: 30px; width: 118px; height: 28px; line-height: 28px; border-radius: 5px; text-align: center; font-size: 14px; } .result.more { color: #e8320d; border: 1px solid #e8320d; margin-bottom: 60px; } .result.more a { color: #e8320d; } .result.over { border: 1px solid #ccccd0; color: #ccccd0; position: relative; margin-bottom: 60px; } .result.over:before { position: absolute; content: "———————"; width: 100px; top: 12px; left: -140px; height: 0.5rem; line-height: 10px; } .result.over:after { position: absolute; content: "———————"; width: 100px; top: 12px; right: -140px; height: 0.5rem; line-height: 10px; } .scroll.fixed {position: fixed;top: 70px;_position: absolute; left: 50%;margin-left:300px;width:300px;} .scroll.fixed .atten-ls{ border-top:0;} .newfoot .cj-share .ewm{ right:-40px;}