*{ padding:0; margin:0; border:0; font-family:'microsoft yahei',arial; font-size:14px; color:#666; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} h1,h2,h3,h4,h5,h6,b{ font-weight:normal;} select{ background:#fff right center no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none;} button, input, optgroup, option, select, textarea {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;outline: 0;} i{ font-style:normal;} img{ display:block;} a{ text-decoration:none; outline:none; transition:color .3s; } ul li{ list-style:none;} .ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .m_box{ width:1180px; margin:0 auto; } .color-red {color: red;} .font-size-12 {font-size: 12px;} .display-none {display: none;} .hide {display: none !important;} .clear{ clear:both; } /* 在线链接服务仅供平台体验和调试使用,平台不承诺服务的稳定性,企业客户需下载字体包自行发布使用并做好备份。 */ @font-face { font-family: 'iconfont'; /* project id 2907219 */ src: format('woff2'), format('woff'), format('truetype'); } .iconfont{ font-family: "iconfont" !important; font-size: 14px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .flex{ display: flex;} /* header */ .header{ position: relative; background: #f3f5fb;} .header .headerbox{ width: 1180px; margin: 0 auto;} .header .city{ height: 50px;} .header .city .citybox{ position: relative; padding-top: 11px; z-index: 10;} .header .city .value {position: relative;border: 1px solid #d9d9d9;border-radius: 28px;height: 28px;width: auto;box-sizing: border-box;padding-left: 8px;padding-right: 8px;} .header .city .value p{ position: relative; color: #3d3d3d; line-height: 28px; padding-right: 0; cursor: pointer; text-align: center;} .header .city .value .iconfont{ color: inherit; font-size: 12px;} .header .city .panel{ position: absolute; left: -40px; top: 50px; border: 1px solid #e1dedf; width: 400px; background: #ffffff; box-shadow: rgba(0,0,0,.1) 1px 4px 10px 3px;display: none;} .header .city .panel .hot {padding: 10px 0;border-bottom: #e1dedf 1px solid;background: #fafafa;} .header .city .panel .hot span {display: block;font-weight: bold;font-size: 14px;line-height: 20px;margin-left: 15px;} .header .city .panel .hot p {overflow: hidden;padding-top: 10px;margin-left: 15px;} .header .city .panel .hot a {float: left;line-height: 20px;font-size: 14px;width: 60px;} .header .city .panel .tab .clicktab {margin-left: 17px;overflow: hidden;padding-top: 16px;} .header .city .panel .tab .clicktab li {float: left;font-size: 14px;color: #333;margin-right: 40px;line-height: 20px;cursor: pointer;} .header .city .panel .tab .clicktab li.cur, .header .city .panel .tab .clicktab li:hover {color: #fe5a00;} .header .city .panel .tab .texttab li {display: none;} .header .city .panel .tab .texttab li.cur {display: block;} .header .city .citylist {margin-left: 17px;} .header .city .citylist .line {overflow: hidden;} .header .city .citylist .line span {float: left;font-size: 14px;color: #333;margin-right: 10px;line-height: 20px;margin-top: 15px;width: 12px;} .header .city .citylist .line a {float: left;font-size: 14px;color: #333;margin-right: 14px;line-height: 20px;margin-top: 15px;} .header .city .zhaosjm { line-height:14px; color:#30a15d; margin-top:6px; display:block; padding: 12px 30px 0px 10px; } .header .city .zhaosjm a{ color:inherit; } .header .city .zhaosjm:hover{ text-decoration:underline; } .header .menu{ flex: 1;} .header .menu .item{ float: left;} .header .menu .item > a{ position: relative; display: block; line-height: 50px; font-size: 14px; color: #333333; padding: 0 14px;} .header .menu .item.cur a{ color: #05b570;} .header .menu .submenu{ position: relative; z-index: 11;} .header .menu .submenulist {position: absolute;width: 114px;left: 50%;top: 0px;background: #fff;margin-left: -52px;border: #eee 1px solid;display: none;animation: submenu 0.3s;-webkit-animation: submenu 0.3s;-moz-animation: submenu 0.3s;-ms-animation: submenu 0.3s;} .header .menu .item:hover .submenulist{ display: block;} .header .menu .submenulist a{ display: block; line-height: 40px; font-size: 16px; text-align: center; color: #333333;} .header .menu .item.cur .submenulist a { color: #333333; } .header .menu .item.cur .submenulist a.cur { color: #05b570; } .header .menu .item > a:hover{ color: #05b570;} .header .menu .item.cur > a:after, .header .menu .item > a:hover:after{ content: ""; position: absolute; width: 10px; height: 2px; background: #05b570; left: 0; bottom: 14px;right: 0; border-radius: 3px; margin: 0 auto;} .header .menu .submenulist:before {content: '';position: absolute;width: 0;height: 0;border-left: transparent 10px solid;border-right: transparent 10px solid;border-bottom: #ddd 10px solid;margin: auto;left: 0;right: 0;top: -10px;z-index: 1;} .header .menu .submenulist:after {content: '';position: absolute;width: 0;height: 0;border-left: transparent 10px solid;border-right: transparent 10px solid;border-bottom: #fff 10px solid;margin: auto;left: 0;right: 0;top: -9px;z-index: 2;} .header .miniprogram{ position: relative; cursor: pointer;} .header .miniprogram, .xinfang .userinfo, .xinfang .complainbtn, .xinfang .header_lang{ line-height: 50px; margin-right: 10px;} .header .miniprogram .iconfont{ color: #30f4b1;} .header .miniprogram .namebox .name{ font-size: 14px; color: #333333;} .header .miniprogram .imgbox{ display: none; position: absolute; left: -60px; top: 50px; border-radius: 4px; box-shadow: 0 0 20px 6px rgba(0,0,0,.2);z-index: 2;} .header .miniprogram .img {width: 110px;height: 110px;object-fit: cover;border-top-left-radius: 4px;border-top-right-radius: 4px;} .header .miniprogram .txt {line-height: 20px;background: #ffffff;text-align: center;color: #333333;font-size: 12px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;} .header .miniprogram:hover .imgbox{ display: block;} .header .miniprogram .imgbox:before {content: '';position: absolute;width: 0px;height: 0px;border-left: transparent 6px solid;border-right: transparent 6px solid;border-bottom: #ffffff 6px solid;left: 80px;top: -6px;} .header .more{ position: relative; cursor: pointer; line-height: 50px;} .header .more .moretxt {padding-left: 40px;position: relative;color: #333333;font-size: 14px;} .header .more .moretxt:before {content: "";position: absolute;width: 1px;height: 23px;background: #e7e7e7;top: 13px;left: 20px;} .header .ulbox {display: none;position: absolute;z-index: 2;background: #ffffff;border-radius: 4px;top: 50px;left: 20px;box-shadow: 0px 0px 20px 6px rgba(0, 0, 0, 0.2);} .header .more:hover .ulbox {display: block;} .header .ulbox:before {content: '';position: absolute;width: 0px;height: 0px;border-left: transparent 6px solid;border-right: transparent 6px solid;border-bottom: #ffffff 6px solid;left: 30px;top: -6px;} .header .ulbox .li {line-height: 36px;white-space: nowrap;margin: 0 8px;border-bottom: 1px solid #e7e7e7;color: #333333;cursor: pointer;text-align: center;} .header .li a{ color: inherit;} .header .li a:hover {color: #05b570;} .header .city:hover .citybox .panel{ display: block;} @keyframes submenu { from { opacity: 0; transform: translatey(20px); -webkit-transform: translatey(20px); -moz-transform: translatey(20px); -ms-transform: translatey(20px); } to { opacity: 1; transform: translatey(0px); -webkit-transform: translatey(0px); -moz-transform: translatey(0px); -ms-transform: translatey(0px); } } .pages .logobox{ width: 1180px; margin: 17px auto 0; display: flex; justify-content: space-between; position: relative; align-items: center;} .pages .logobox .logo{ position: relative;} .pages .logobox .logo a {display: block;width: 136px;height: 50px;background: url(/uploads/image/ppublic/logo_w136_h50.png);margin: 8px 10px 12px 0;} .logobox .logo:after {content: '';position: absolute;width: 1px;height: 30px;background: #cdcdcd;top: 20px;right: 0;} .logobox .pagename{margin-left: 10px;margin-right: 30px; color: #333333;font-size: 22px;line-height: 70px;} .logobox .curpagename{ color: #31ce90;} #search_ul_loupan{ position: absolute; width: 450px; background: #ffffff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); top: 60px; padding: 10px 14px; z-index: 1; display: none;} #search_ul_loupan .rows{ display: flex; justify-content: space-between; line-height: 30px;} #search_ul_loupan .item{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333333; font-size: 14px;} #search_ul_loupan .item1{ width: 170px; cursor: pointer;} #search_ul_loupan .item2{ width: 80px;} #search_ul_loupan .item3{ width: 100px;} #search_ul_loupan .search_val{ color: #30a15d;} .logobox .searchbox .b {width: 350px;position: relative;overflow: hidden;border-radius: 36px;border: 1px solid #ededed;} #search_input_loupan {height: 34px;background: #ffffff;width: 100%;font-size: 12px;text-indent: 12px;} #search_house_id {position: absolute;width: 40px;height: 34px;background: transparent;top: 0;right: 0;cursor: pointer;} #search_house_id .iconfont{ font-size: 18px; color: #666666;} .logobox .searchbox .pgb {border-radius: 36px;background: linear-gradient(128deg, #1dd3ac 0%, #02cc6a 100%);height: 36px; line-height: 36px; display: block;color: #fff;padding: 0 10px;margin-left: 10px;cursor: pointer;} .logobox .searchbox .pgb .iconfont {color: #ffffff;-webkit-text-stroke-width: 0;} .inner-search {background: #ffffff;} .inner-search .box{ width: 1180px; margin: 0 auto;} .inner-search .inner-postion{ float: left; width: auto; line-height: 30px; height: 30px; font-size: 12px; color: #999999;} .inner-postion a, .inner-postion span{ color: inherit; font-size: inherit;} .inner-search .box:after {content: '';display: block;clear: both;} #navigate{ background: #f2f2f2; margin: 30px 0; position: relative; overflow: hidden;} #navigate a{ float: left; display: block; position: relative; width: 104px; line-height: 50px; font-size: 18px; text-align: center; transition: background .3s; color: #333333;} #navigate a.active{ color: #31ce90; font-weight: bold;} #navigate .active:after{position: absolute;content: "";width: 60px;height: 3px;background: #31ce90;bottom: 0;left: 0;right: 0;margin: 0 auto;} #navigate .hotline{ width: auto; font-size: 16px; float: right; margin-right: 12px; color: #31ce90;} #navigate .hotline .phone{ color: inherit; font-size: 16px; font-weight: bold;} /* 免责 */ .footer .mianze{ background:#fff; padding-bottom:20px; width:1180px; margin:0 auto; } .footer .mianze p{ border:#ddd 1px dashed; padding:12px 24px; line-height: 30px; font-size:12px; background: #e2e2e2; } /* 底部 */ /* footer */ .footer {background: #3b4144;} .footer .content {background: #3b4144;padding-top: 10px;} .footer .linkto {overflow: hidden;padding: 20px 0 20px;border-bottom: #51585d 1px solid;width: 1180px;margin: 0 auto;} .footer .linkto a {float: left;color: #fff;margin-right: 20px;font-size: 12px;} .footer .linkto a:hover {text-decoration: underline;} .footer .switch {overflow: hidden;width: 1180px;margin: 0 auto;} .footer .switch .tab {float: left;width: 960px;border-bottom: 1px solid #51585d;} .footer .tab-head {overflow: hidden;padding: 10px 0 20px;} .footer .tab-head li {float: left;line-height: 26px;font-size: 12px;color: #fff;text-align: center;cursor: pointer;background: #222;margin-right: 15px;padding: 0 5px;} .footer .tab-head li.active {background: #4e4e4e;} .footer .tab-body > li {display: none;} .footer .tab-body > li.active {display: block;} .footer .list {overflow: hidden;} .footer .list li {float: left;margin-right: 15px;line-height: 30px;height: 30px;font-size: 12px;} .footer .list li a {font-size: 12px;color: #869099;font-weight: normal;} .footer .list li a:hover {text-decoration: underline;} .footer .list li img {display: inline;vertical-align: middle;} .footer .switch .ewm {float: right;padding-top: 10px;} .footer .switch .ewm img {display: block;width: 140px;height: 140px;} .footer .switch .ewm p {line-height: 40px;font-size: 14px;color: #ccc;text-align: center;} .footer .info {background: #3b4144;padding: 10px 0 20px;margin-top: 20px;} .footer .info p {margin: 0 auto;width: 1180px;line-height: 24px;color: #869099;font-size: 12px;} .footer .info a {color: #869099;font-size: 12px;} .footer .info a:hover {text-decoration: underline;} .footer .info img {display: inline;vertical-align: middle;} .footer .tel {overflow: hidden;margin: 0 auto;width: 1180px;} .footer .tel p {line-height: 24px;color: #ccc;font-size: 14px;float: left;width: auto;margin-right: 30px;} /* 侧边栏 */ /*.rightfloat{ position:fixed; width:50px; right:0; bottom:40px; z-index:98; }*/ /*.rightfloat .item{ background:#888; border-bottom:#fff 1px solid; position:relative; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; -ms-transition:background .3s; }*/ /*.rightfloat .item:last-child{ border-bottom:none; }*/ /*.rightfloat .item > a{ display:block; width:48px; height:48px; background: no-repeat; padding-top: 0; }*/ /*.rightfloat .lpzx > a,.rightfloat .smewm > a,.rightfloat .sbcx > a,.rightfloat .fdjsq > a,.rightfloat .fhdb > a{ background: none;text-align: center;line-height: 48px;}*/ /*.rightfloat .lpzx > a::before{content: '\e6b0';font-family: 'iconfont';font-size: 22px;color: #fff;}*/ /*.rightfloat .smewm > a::before{content: '\e6b0';font-family: 'iconfont';font-size: 22px;color: #fff;}*/ /*.rightfloat .item-new{ position:relative; }*/ /*.rightfloat .item-new:after{ content:''; position:absolute; width:32px; height:18px; background: 0 -100px; top:0; right:0; }*/ /*.rightfloat .item .panel{ position:absolute; right:50px; top:50%; margin-top:-24px; display:none; padding-right:10px; animation:rightfloat .3s; -webkit-animation:rightfloat .3s; -moz-animation:rightfloat .3s; -ms-animation:rightfloat .3s; }*/ /*.rightfloat .item .panel:after{ content:''; position:absolute; width:0; height:0; border-top:transparent 6px solid; border-bottom:transparent 6px solid; border-left:#555 8px solid; margin:auto; top:0; right:2px; bottom:0; }*/ /*.rightfloat .lpzx .panel:after{ top:21px; bottom:auto; }*/ /*.rightfloat .smewm .panel{ margin-top:-40px; }*/ /*.rightfloat .smewm .panel img{ width:150px; height:150px; background:#555; padding:5px; object-fit: contain;}*/ /*.rightfloat .smewm .panel:after{top:-60px}*/ /*.rightfloat .item:hover{ background:#ff9000; }*/ /*.rightfloat .item:hover .panel{ display:block; }*/ /*.rightfloat .fdjsq > a::before{content: '\e71a';font-family: 'iconfont';font-size: 27px;color: #fff;}*/ /*.rightfloat .yjfk > a{ background-position:-147px -130px; }*/ /*.rightfloat .fhdb > a::before{content: '\e6b2';font-family: 'iconfont';font-size: 27px;color: #fff;}*/ /*.rightfloat .gjjcx > a{ background-position:12px -48px; }*/ /*.rightfloat .gomobile > a{ background-position:-100px -190px; }*/ /*.rightfloat .gomobile .panel{ background:#fff; }*/ /*.rightfloat .gomobile .codetel{ margin:5px; }*/ /*.rightfloat .sbcx > a::before{content: '\e71e';font-family: 'iconfont';font-size: 25px;color: #fff;}*/ /*.rightfloat .item .panel a{ display:block; line-height:48px; width:100px; background:#555; font-size:14px; color:#fff; text-align:center; }*/ /*.rightfloat .smewm .panel a{ width:auto; }*/ /*@keyframes rightfloat{*/ /* from{ transform:translatex(-20px); opacity:0; }*/ /* to{ transform:translatex(0); opacity:1; }*/ /*}*/ /* 侧边栏 */ .rightfloat {position: fixed;width: 54px;right: 20px;bottom: 40px;z-index: 98;box-shadow: 0px -1px 11px 0px rgba(0,0,0,0.12);border-radius: 10px;} .rightfloat .item {background: #ffffff;position: relative;transition: background .3s;-webkit-transition: background .3s;-moz-transition: background .3s;-ms-transition: background .3s;} .rightfloat .item:first-child {border-radius: 10px 10px 0 0;} .rightfloat .item:last-child {border-bottom: none;border-radius: 0 0 10px 10px;} .rightfloat .item .iconfont {color: #333333;font-size: 20px;-webkit-text-stroke-width: 0;} .rightfloat .item .txt {color: #333333;font-size: 12px;margin-top: 5px;} .rightfloat .item > a {display: block;width: 54px;height: 65px;text-align: center;padding-top: 11px;cursor: pointer;} .rightfloat .item-new {position: relative;} .rightfloat .item-new:after {content: '';position: absolute;width: 32px;height: 18px;background: url(/uploads/image/ppaimages/icon.png) -150px 0;top: 0;right: 0;} .rightfloat .item .panel {position: absolute;right: 54px;top: 50%;margin-top: -24px;display: none;padding-right: 10px;animation: rightfloat .3s;-webkit-animation: rightfloat .3s;-moz-animation: rightfloat .3s;-ms-animation: rightfloat .3s;} .rightfloat .item .panel:after {content: '';position: absolute;width: 0;height: 0;border-top: transparent 6px solid;border-bottom: transparent 6px solid;border-left: #ffffff 8px solid;margin: auto;top: 0;right: 2px;bottom: 0;} .rightfloat .item.sqrq .panel:before {content: '';position: absolute;background-image: ;width: 75px;height: 100px;background-size: contain;left: -30px;top: -55px;} .rightfloat .item.sqrq .panel:after {border-left: #fff 8px solid;} .rightfloat .gomobile .panel:after {top: -150px} .rightfloat .smewm .panel:after {top: -60px} .rightfloat .lpzx .panel:after {top: 21px;bottom: auto;} .rightfloat .smewm .panel {margin-top: -40px;} .rightfloat .smewm .panel img {width: 150px;height: 150px;padding: 5px;object-fit: contain;} .rightfloat .appdown .panel {margin-top: -58px;} .rightfloat .appdown .panel img {width: 120px;height: 120px;box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.12);padding: 5px;object-fit: contain;} /*.rightfloat .appdown .panel:after { right: -18px;}*/ .rightfloat .item:hover {background: #24ba7f;} .rightfloat .item:hover .iconfont {color: #ffffff;} .rightfloat .item:hover .txt {color: #ffffff;} .rightfloat .item:hover .panel {display: block;} .rightfloat .item.showhot {background: #ff9000;} .rightfloat .item.showhot .panel {display: block;} .rightfloat .sqrq .iclose {position: absolute;right: 16px;top: 15px;cursor: pointer;color: #999999;font-size: 14px;} .rightfloat .yjfk > a {background: none;} .rightfloat .gjjcx > a {background-position: -88px 12px;} .rightfloat .gomobile .panel {background: #fff;} .rightfloat .gomobile .codetel {margin: 5px;} .rightfloat .item.sbcx > a,.rightfloat .fdjsq > a,.rightfloat .fhdb > a {background: none;} .rightfloat .item .panel a {display: flex;line-height: 48px;width: 100px;background: #ffffff;font-size: 14px;color: #fff;text-align: center;} .rightfloat .sqrq .panel a {width: 380px;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);border-radius: 4px;color: #ff9000;background-color: #fff;} .rightfloat .smewm .panel a {width: auto;} .rightfloat .appdown .panel a {width: auto;} .rightfloat .item .iminletpanel:after {content: none !important;} .rightfloat .lpzx {background: #24ba7f;} .rightfloat .lpzx .iconfont {color: #ffffff;} .rightfloat .lpzx .txt {color: #ffffff;} /* 6个操作类型的时候 */ .rightfloat .panel.iminletpanel5 {margin-top: -124px} .rightfloat .panel.iminletpanel4 {margin-top: -53px} .rightfloat .panel.iminletpanel3 {margin-top: -24px} .rightfloat .panel.iminletpanel2 {margin-top: -24px} .rightfloat .panel.iminletpanel1 {margin-top: -24px} .rightfloat .iminletpanel5 .iminletindex {max-height: 356px;} .rightfloat .panel.iminletpanel5:after {top: 120px;bottom: auto;} .rightfloat .panel.iminletpanel4:after {top: 49px;bottom: auto;} .rightfloat .panel.iminletpanel3:after {top: 20px;bottom: auto;} .rightfloat .panel.iminletpanel2:after {top: 20px;bottom: auto;} .rightfloat .panel.iminletpanel1:after {top: 20px;bottom: auto;} .rightfloat .item .iminletpanel:after {content: none !important;} /* 位置索引 */ .currentpage{ background:#f4f4f4; } .currentpage .pos{ line-height:30px; height:30px; float:left; } .currentpage .pos a{ color:#666; } .currentpage .pos a:hover{ color:#30a15d; } .currentpage .pos span{ color:#333; } .currentpage .search{ float:right; position:relative; } .currentpage .search:after{ content:''; position:absolute; width:18px; height:18px; background: -50px -20px; margin:auto; top:0; right:11px; bottom:0; pointer-events:none; } .currentpage .search input[type='text']{ float:left; height:30px; width:300px; line-height:30px\9; text-indent:10px; border-top-left-radius:4px; border-bottom-left-radius:4px; } .currentpage .search input[type='submit']{ float:left; width:40px; height:30px; background:#30a15d; border:none; cursor:pointer; border-top-right-radius:4px; border-bottom-right-radius:4px; } .currentpage .search .link{ float:left; width:98px; line-height:38px; background:#fff; text-align:center; border:#eee 1px solid; font-size:14px; color:#333; } .currentpage .search #search_ul_loupan{ width:300px; top:30px; } .currentpage .search .search_list{ position:absolute; width:300px; left:0; top:30px; background:#fff; border:#eee 1px solid; border-top:none; background:#fff; z-index:2; } .currentpage .search .search_list li{ line-height:32px; color:#666; font-size:12px; } .currentpage .search .search_list a{ display:block; margin:0 10px; border-bottom:#eee 1px dashed; line-height:32px; font-size:12px; overflow:hidden; } .currentpage .search .search_list p{ float:left; line-height:32px; font-size:12px; } .currentpage .search .search_list span{ float:right; line-height:32px; font-size:12px; } .currentpage .search .search_list li:hover{ background:#f5f5f5; } /* 通栏 */ .load-ad{ width:1180px; margin:0 auto; } .load-ad embed{ position:relative; z-index:0; background:#f5f5f5; } .load-ad ul{ margin:0 0 5px 0; } .load-ad ul li{ position:relative; } .load-ad ul li:after{ content:'广告'; position:absolute; top:0; right:0; z-index:2; font-size:10px; color:#fff; background:#000; line-height:14px; padding:0 1px; background:rgba(0, 0, 0, 0.2); filter:alpha(opacity=20);} .load-ad ul li a{ display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#000; background:rgba(0, 0, 0, 0); filter:alpha(opacity=0); } .tonglan-fix{ position:fixed; z-index:999; bottom:0; margin:0; width:auto; } .tonglan-fix .close{ position:absolute; background:#f5f5f5; color:#333; line-height:20px; font-size:12px; width:40px; text-align:center; left:0; top:0; z-index:2; } .tonglan-fix[ad-position="left"]{ left:5px; } .tonglan-fix[ad-position="right"]{ right:5px; } .tonglan-float{ position:fixed; z-index:999; margin:0; width:auto; } .tonglan-float .close{ position:absolute; background:#f5f5f5; color:#333; line-height:20px; font-size:12px; width:40px; text-align:center; left:0; top:0; } .tonglan-float[ad-position="left"]{ left:5px; } .tonglan-float[ad-position="right"]{ right:5px; } .tonglan-hg ul{ overflow:hidden; } .tonglan-hg li{ display:none; } .tonglan-hg li.active{ display:block; } .recommand{ float:left; width:230px; margin-right:6px; } .tonglan-full ul{ overflow:hidden; } .tonglan-full li{ display:none; } .tonglan-full li.active{ display:block; } .fyxj{font-size: 28px;line-height: 5px!important;} .fyxj_tittle{text-align: center;font-weight: normal;border-bottom: #e5e5e5 1px solid;font-size: 30px;color: #999999;} .fyxj_img{text-align: center;font-size: 18px;background:#e5e5e5;color: #666666;position: absolute;top: 40px;right: -41px;width: 200px;transform: rotate(7deg);-ms-transform: rotate(7deg);-moz-transform: rotate(7deg);-webkit-transform: rotate(45deg);-o-transform: rotate(7deg);} .fyxj_more_box{padding-top: 16px;height: 136px;line-height: 100px;text-align: center;} .fyxj_more_box a {font-size: 20px;color: #ffa009;cursor: pointer;} .fyxj_more_box a:hover {text-decoration: underline;} .fyxj_zd{width: 640px;height: 400px;position: absolute;top:0;right: 0;background: #000000;opacity: 0.35;} /*ccg样式*/ .ccgpopup{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);z-index: 99;display: none;} .ccgpopup .box{width: 620px;position: absolute;left: 50%;margin-left: -310px;top: 50%;margin-top: -249px;} .ccgpopup .box .mainpopup{background: #fff;clear: both;border-radius: 10px;overflow: hidden;padding-bottom: 10px;} .ccgpopup .box .mainpopup .ccghead{background: url(/uploads/image/ppaiccg/ccg_bnzf.png)no-repeat center;width: 621px;height: 160px;clear: both;background-size: 621px auto;position: relative;} .ccgpopup .box .ccghead .close{position: relative;display: block;background: url(/uploads/image/ppaiccg/close.png)no-repeat;width: 20px;height: 20px;background-size: contain;position: absolute;top: 10px;right: 10px;cursor: pointer;} .ccgpopup .box .mainpopup .mainbox{margin-top: 25px;} .ccgpopup .box .mainpopup .mainbox>div{float: left;width: 50%;} .ccgpopup .box .mainpopup .mainbox .left{} .ccgpopup .box .mainpopup .mainbox .left .bt{font-size: 14px;color: #000000;text-align: center;} .ccgpopup .box .mainpopup .mainbox .left .bt span{font-size: 18px;color: #ff0904;font-weight: bold;} .ccgpopup .box .mainpopup .mainbox .left .from{margin-left: 30px;margin-top:25px;} .ccgpopup .box .mainpopup .mainbox .left .from .inputbox{} .ccgpopup .box .mainpopup .mainbox .left .from .inputbox span,.ccgpopup .box .mainpopup .mainbox .left .from .inputbox1 span{font-size: 14px;color: #000000;} .ccgpopup .box .mainpopup .mainbox .left .from .inputbox{ position:relative;margin-bottom: 10px; color: #333;} .ccgpopup .box .mainpopup .mainbox .left .from .inputbox select{ margin-right: 10px;width:170px; height:35px; border:#e5e5e5 1px solid; background:transparent; -webkit-appearance:none; -moz-appearance:none; -ms-progress-appearance:none; appearance:none; text-indent:3px; font-size:12px; cursor:pointer; padding-left:8px;margin-left: 7px; } .ccgpopup .box .mainpopup .mainbox .left .from .inputbox:after{ content:''; position:absolute; width:0; height:0; border-left:transparent 6px solid; border-right:transparent 6px solid; border-top:#999 6px solid; margin:auto; right:65px; top:0; bottom:0; pointer-events:none; } .ccgpopup .box .mainpopup .mainbox .left .from .inputbox1 input{width: 170px;height: 35px;background-color: #ffffff;border-radius: 4px;border: solid 1px #e5e5e5; padding-left: 8px;margin-left: 7px;font-size: 12px;} .ccgpopup .box .mainpopup .mainbox .left .from .inputbox1{} .ccgpopup .box .mainpopup .mainbox .left .from .item-xy{ overflow:hidden;margin-top: 10px; margin-left: 63px;} .ccgpopup .box .mainpopup .mainbox .left .from .item-xy label{ float:left; position:relative; } .ccgpopup .box .mainpopup .mainbox .left .from .item-xy input{ position:absolute; width:10px; height:10px; left:-20px; } .ccgpopup .box .mainpopup .mainbox .left .from .item-xy span{ float:left; width:12px; height:12px; background: -110px -80px; margin:4px 4px 4px 0; } .ccgpopup .box .mainpopup .mainbox .left .from .item-xy input:checked span{ background-position:-280px -110px; } .ccgpopup .box .mainpopup .mainbox .left .from .item-xy p{ float:left; line-height:20px; height:20px; color:#999; font-size:12px; } .ccgpopup .box .mainpopup .mainbox .left .from .item-xy a{ color:#999; font-size:12px; } .ccgpopup .box .mainpopup .mainbox .left .from .item-xy a:hover{ text-decoration:underline; } .ccgpopup .box .mainpopup .mainbox .left .from .btm_bnzf{cursor: pointer;width: 270px;height: 36px;line-height: 36px;background-color: #30a15d;border-radius: 4px;font-size: 14px;color: #ffffff;text-align: center;margin-top: 25px;} .ccgpopup .box .mainpopup .mainbox .left .ms{position: relative;font-size: 12px;color: #000000;text-align: center;margin: 0 auto;width: 192px;padding-left: 10px;margin-top: 15px;} .ccgpopup .box .mainpopup .mainbox .left .ms::before{content: '';width: 10px;height: 13px;background: url(/uploads/image/ppaiccg/icon1.png) no-repeat;position: absolute;left: 0;top: 2px;} .ccgpopup .box .mainpopup .mainbox .right{margin:0;} .ccgpopup .box .mainpopup .mainbox .right .bt{font-size: 20px;color: #000000;font-weight: bold;text-align: center;} .ccgpopup .box .mainpopup .mainbox .right .mainbox{display: flex;display: -webkit-flex; flex-wrap: wrap; align-content: flex-start;} .ccgpopup .box .mainpopup .mainbox .right .mainbox .item{flex: 0 0 50%;text-align: center;margin-bottom: 13px;} .ccgpopup .box .mainpopup .mainbox .right .mainbox .item .imgccg{margin: 0 auto;margin-bottom: 20px;} .ccgpopup .box .mainpopup .mainbox .right .mainbox .item .bac1{width: 137px;height: 74px;background: url(/uploads/image/ppaiccg/bac1.jpg) no-repeat center;} .ccgpopup .box .mainpopup .mainbox .right .mainbox .item .bac2{width: 137px;height: 74px;background: url(/uploads/image/ppaiccg/bac2.jpg) no-repeat center;} .ccgpopup .box .mainpopup .mainbox .right .mainbox .item .bac3{width: 137px;height: 74px;background: url(/uploads/image/ppaiccg/bac3.jpg) no-repeat center;} .ccgpopup .box .mainpopup .mainbox .right .mainbox .item .bac4{width: 137px;height: 74px;background: url(/uploads/image/ppaiccg/bac4.jpg) no-repeat center;} .ccgpopup .box .mainpopup .mainbox .right .mainbox .item p{font-size: 14px;color: #000000;font-weight: bold; font-weight: 500;} .ccgpopup{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);z-index: 99;display: none;} /*新版简单版表单*/ .newworld{width: 420px; height: 340px; position: relative;transform: translatey(-50%);margin: 50vh auto 0;} .newworld .close{ position: absolute; font-size: 16px;right: 12px; top: 14px; cursor: pointer; z-index: 1;} .newworld.sf_czdlb .close{ top: 95px; right: 20px;} .newworld.sf_czdlbyh .close{ top: 95px; right: 20px;} .newworld .close .iconfont{font-size: 15px; color: #cdcdcd; } .newworld .forminfo{padding: 40px 40px 60px;} .newworld.sf_czdlb .forminfo{padding: 150px 40px 40px 60px; } .newworld.sf_czdlbyh .forminfo{padding: 150px 40px 40px 60px; } .newworld.sf_lstlq .forminfo{ padding: 40px 20px 20px;} .newworld .selectbox{ padding: 0 20px 20px; display: flex; justify-content: space-between; align-items: baseline;} .newworld .selectbox .label{} .newworld .selectbox .selectitem{ width: 100px; height: 30px; border-radius: 4px; border: 1px solid #d8d8d8; padding: 0 10px;} .newworld .formtitle{color: #333333; font-weight: bold; font-size: 26px; line-height: 40px;} .nwworld.sf_czdlb .formtitle{text-align: center; color: #af281e;} .newworld.sf_czdlbyh .formtitle{text-align: center; color: #af281e;} .newworld.sf_czdlb .formdesc{text-align: center; color: #af281e; font-size: 18px;} .newworld.sf_czdlbyh .formdesc{text-align: center; color: #af281e; font-size: 18px;} .newworld .formdesc{color: #333333; font-weight: 400; font-size: 18px; line-height: 20px; margin-top: 10px;} .newworld .inputs,.newworld .btns{padding: 0 20px;} .newworld .inputs .phone{ width: 100%;background: transparent; padding-left: 15px; font-size: 14px; color: #666666; height: 40px; line-height: 40px; border: 1px solid #e1e1e1; border-radius: 40px;} .newworld.sf_czdlb .inputs .phone{border: 1px solid #ea4c25; background: #ffffff;} .newworld.sf_czdlbyh .inputs .phone{border: 1px solid #ea4c25; background: #ffffff;} .newworld .btns{margin-top: 19px;} .newworld.sf_czdlb .btns{width: 50%; margin: 19px auto;} .newworld.sf_czdlbyh .btns{width: 50%; margin: 19px auto;} .newworld .btm{ width: 100%;background: #31ce90; border-radius: 40px; line-height: 40px; height: 40px; text-align: center; font-weight: bold; font-size: 18px; color: #ffffff;} .newworld.sf_xhxfx .btm{background: linear-gradient(90deg, #ff8c2b 20%, #ff395e 100%);} .newworld.sf_czdlb .btm{background: linear-gradient(360deg, #e8421d 0%, #f37b4b 100%);} .newworld.sf_czdlbyh .btm{background: linear-gradient(360deg, #e8421d 0%, #f37b4b 100%);} .newworld .ps{ text-align: center; margin-top: 15px;} .newworld .ps .agreement,.newworld .ps .iconfont{color: #999999;font-size: 12px;} .newworld .ps .selectitem{display: none;} .newworld.aizf{ height: 575px; background: #ffffff; border-radius: 8px; } .newworld.aizf .forminfo{padding: 20px 0; text-align: center;} .newworld.aizf .recordlist{ padding: 0 20px 40px; overflow: auto; height: 495px;} .newworld.aizf .recordlist .recorditem{ margin-bottom: 10px;} .newworld.aizf .recordlist .recorditem:after{content: "";display: block;clear: both;} .newworld.aizf .recordlist .recorditem:last-child{ margin-bottom: 0;} .newworld.aizf .recordlist .left{ } .newworld.aizf .recordlist .right{ } .newworld.aizf .recordlist:after{content: "";display: block; clear: both;} .newworld.aizf .recordlist .recorditem .avatar{ width: 40px; height: 40px; border-radius: 50%;} .newworld.aizf .recordlist .recorditem.left .avatar{ float: left;} .newworld.aizf .recordlist .recorditem.right .avatar{ float: right;} .newworld.aizf .recordlist .recorditem .content{ position: relative; border: 1px solid #e5e5e5; background: #f0f0f0; padding: 10px; border-radius: 0 8px 8px 8px; max-width: 280px;margin: 10px 0 0 10px;} .newworld.aizf .recordlist .recorditem.left .content{ float: left;} .newworld.aizf .recordlist .recorditem.right .content{ float: right; margin: 10px 10px 0 0; border-radius: 8px 0 8px 8px;border: 1px solid #25b37b;background: #31ce90;} .newworld.aizf .recordlist .recorditem .txt{ color: #333333;} .newworld.aizf .recordlist .recorditem [name=phone]{ width: 240px; margin: 10px 10px 0 10px;background: #ffffff; border: 1px solid #dfdfdf; line-height: 34px; padding: 0 25px; border-radius: 36px; } .newworld.aizf .ps{ margin: 10px auto;} .newworld.aizf .ps .agreement{ color: #333333;} .newworld.aizf .recordlist .form .btn{ font-size: 14px;background: linear-gradient(115deg, #1dd3aa 0%, #02cc6b 100%);line-height: 34px; height: 34px; border-radius: 34px;color: #fff;width: 160px;margin: 0 auto;display: block; cursor: pointer;} .newworld.aizf .recordlist .recorditem .mate{ font-size: 14px; line-height: 34px; height: 34px; border-radius: 34px; color: #ffffff; font-weight: bold; display: block;margin: 5px auto 0; width: 160px; cursor: pointer;background: linear-gradient(180deg, #ffd429 0%, #e47a09 100%); } .newworld.aizf .recordlist .content.card{padding: 0;} .newworld.aizf .recordlist .card .borough_thumb{width: 210px; height: 140px; border-radius: 0 8px 0 0;object-fit: cover;} .newworld.aizf .recordlist .card .mateval{position: absolute; top: 6px; left: 7px; background: linear-gradient(89deg, #f9e3cd 0%, #ffc89d 70%); border-radius: 4px; height: 22px; line-height: 22px; color: #60341a; font-size: 12px; text-align: center; font-weight: bold; padding: 0 5px;} .newworld.aizf .recordlist .card .areasection{ position: absolute; top: 118px; left: 0; height: 22px; line-height: 22px; font-size: 12px; background: linear-gradient(360deg, #000000 0%, rgba(0,0,0,0) 100%); color: #ffffff; display: block; width: 100%; text-indent: 11px;} .newworld.aizf .recordlist .card .borough_name{ color: #333333; font-weight: bold; width: 100%; font-size: 16px; padding: 5px 11px; font-family: source han sans cn-bold, source han sans cn;} .newworld.aizf .recordlist .card .tags{ height: 20px; padding: 0 11px; display: flex;} .newworld.aizf .recordlist .card .tag{ background: #f7f7f7; height: 20px; line-height: 20px; color: #999999; padding: 0 5px; font-size: 12px; margin-right: 10px;} .newworld.aizf .recordlist .card .area{ color: #999999; font-size: 12px;} .newworld.aizf .recordlist .card .priceinfo{padding: 0 11px; line-height: 25px;} .newworld.aizf .recordlist .card .t{color: #f00; font-size: 12px;} .newworld.aizf .recordlist .card .price{color: #f00; font-weight: bold; font-size: 17px;} .newworld.aizf .recordlist .card .unit{ color: #f00; font-size: 12px;} .newworld.aizf .recordlist .recorditem .loading:before{ content: " ";display: inline-block;width: 18px;height: 18px;vertical-align: middle; -webkit-animation: wx-button-loading-animate 1s steps(12, end) infinite; animation: wx-button-loading-animate 1s steps(12, end) infinite; background: transparent no-repeat; background-size: 100%;} @-webkit-keyframes wx-button-loading-animate { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); transform: rotate3d(0, 0, 1, 360deg); } } @keyframes wx-button-loading-animate { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); transform: rotate3d(0, 0, 1, 360deg); } } .newworld .recordlist::-webkit-scrollbar { /*滚动条整体样式*/ width : 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .newworld .recordlist::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); background : #999999; } .newworld .recordlist::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background : #ededed; } .newworld.aizf .searchbox{ width: 100%;position: absolute; bottom: 0; background: #ffffff; border-radius: 0px 0px 8px 8px;box-shadow: 0px -4px 9px 0px rgba(0,0,0,0.05); padding: 20px;} .newworld.aizf .searchbox .searchstep{ display: flex; flex-wrap: wrap; } .newworld.aizf .searchbox .searchstep2{} .newworld.aizf .searchbox .searchstep3{ } .newworld.aizf .searchbox .searchstep4{ } .newworld.aizf .searchbox .selectitem{height: 32px;line-height: 32px;width: 85px;border-radius: 32px;text-align: center;background: #f3f3f3;color: #999999; margin-bottom: 10px; margin-right: 10px; cursor: pointer;} .newworld.aizf .searchbox .selectitem:nth-child(4n 4){ margin-right: 0;} .newworld.aizf .searchbox .selectitem.active{background: #d5f6e9; color: #31ce90;} .newworld.sf_hqfx{background: no-repeat;background-size:contain} .newworld.sf_rmht{background: no-repeat;background-size:contain} .newworld.sf_nbflq{background: no-repeat;background-size:contain} .newworld.sf_nbflqesf{background: no-repeat;background-size:contain} .newworld.sf_nbflqzf{background: no-repeat;background-size:contain} .newworld.sf_lstlq{background: no-repeat;background-size:contain} .newworld.sf_tgyh{background: no-repeat;background-size:contain} .newworld.sf_lpfx{background: no-repeat;background-size:contain} .newworld.sf_ljyhxq{background: no-repeat;background-size:contain} .newworld.sf_kptx{background: no-repeat;background-size:contain} .newworld.sf_ljhxbj{background: no-repeat;background-size:contain} .newworld.sf_hxyljd{background: no-repeat;background-size:contain} .newworld.sf_xyfcx{background: no-repeat;background-size:contain} .newworld.sf_ovojp{background: no-repeat;background-size:contain} .newworld.sf_fssj{background: no-repeat;background-size:contain} .newworld.sf_zxzf{background: no-repeat;background-size:contain} .newworld.sf_zxesf{background: no-repeat;background-size:contain} .newworld.sf_xdttz{background: no-repeat;background-size:contain} .newworld.sf_ldyfxq{background: no-repeat;background-size:contain} .newworld.sf_fjfx{background: no-repeat;background-size:contain} .newworld.sf_aizsxfgl{background: no-repeat;background-size:contain} .newworld.sf_aipp{background: no-repeat;background-size:contain} .newworld.sf_cjjcx{background: no-repeat;background-size:contain} .newworld.sf_zbfjjd{background: no-repeat;background-size:contain} .newworld.sf_xhxfx{background: no-repeat;background-size:contain} .newworld.sf_cktpjg{background: no-repeat;background-size:contain} .newworld.sf_xhqdj{background: no-repeat;background-size:contain} .newworld.sf_lqtjyh{background: no-repeat;background-size:contain} .newworld.sf_dfljs{background: no-repeat;background-size:contain} .newworld.sf_ljzbgdgh{background: no-repeat;background-size:contain} .newworld.sf_hqqbfyjg{background: no-repeat;background-size:contain} .newworld.sf_xsfytz{background: #ffffff;} .newworld.sf_yysj{background: no-repeat;background-size:contain} .newworld.sf_zyjhs{background: no-repeat;background-size:contain} .newworld.sf_mfbbzl{background: no-repeat;background-size:contain} .newworld.sf_yykf{background: no-repeat;background-size:contain} .newworld.sf_cpfx{background: no-repeat;background-size:contain} .newworld.sf_czdlb{background: no-repeat; background-size: contain; width: 420px; height: 418px;} .newworld.sf_czdlbyh{background: no-repeat; background-size: contain; width: 420px; height: 418px;} .newworld.sf_ljgdxqgh{background: no-repeat;background-size:contain} .newworld.sf_zbghjd{background: no-repeat;background-size:contain} .newworld.sf_zckf{background: no-repeat;background-size:contain} .newworld.sf_gzxq{background: no-repeat;background-size: contain;} .newworld.sf_cwf{background: no-repeat;background-size: contain;} .newworld.sf_wysp{background: no-repeat;background-size: contain;} .newworld.sf_zxxq{background: no-repeat;background-size: contain;} .newworld.sf_zxlc{background: no-repeat;background-size: contain;} .newworld.sf_sfsf{background: no-repeat;background-size: contain;} .newworld.sf_zxjjr{background: no-repeat;background-size: contain;} .newworld.sf_xqjd{background: no-repeat;background-size: contain;} .newworld.sf_zjf{background: no-repeat;background-size: contain;} .newworld.sf_nbflq .forminfo{ position: relative; padding-left: 105px;} .newworld.sf_nbflq .forminfo:before{content: ""; position: absolute; background: no-repeat;background-size: 100% 100%; width: 74px;height: 74px;left: 30px;top: 35px;} /* tips */ .boxtips{ position:fixed; width:0px; height:0px; margin:auto; left:0; top:0; right:0; bottom:0; z-index:100; } .boxtips .tips{ display: block;background:#000; background:rgba(0, 0, 0, 0.7); filter:alpha(opacity=70); position:absolute; padding:20px 40px; border-radius:4px; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .boxtips .tips .tit{ font-size:20px; color:#fff; line-height:20px; text-align:center; white-space:nowrap; margin-bottom:10px; } .boxtips .tips .desc{ font-size:16px; color:#fff; line-height:20px; text-align:center; white-space:nowrap; } .userstate .gotobox{top:15px!important;} .header .headertop .m_box{overflow: unset!important;} .header .headertop .m_box:after{content: '';display: block;clear: both} /* 分页 */ .page-turn {text-align: center; padding-top: 20px; } .page-turn .item-turn {display: inline-block;vertical-align: middle;overflow: hidden;} .page-turn a {float: left;line-height: 30px;font-size: 12px;color: #999;padding: 0 12px;border: #ddd 1px solid;border-radius: 4px;margin-right: 8px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;} .page-turn a.z-crt,.page-turn a:hover {border-color: #31ce90;background: #31ce90;color: #fff !important;} .page-turn a.btn {background: #31ce90;color: #fff;border-color: #31ce90;} .page-turn i {float: left;line-height: 32px;padding: 0 12px;} .page-turn span {float: left;line-height: 32px;height: 32px;font-size: 12px;color: #999;padding: 0 12px;} .page-turn span input {height: 32px;width: 32px;text-align: center;border: #ddd 1px solid;border-radius: 4px;margin: 0 5px;} .mianze{ background:#fff; overflow:hidden; } .mianze p{ width: 1180px;color: #869099;line-height: 38px;font-size: 12px;padding: 0 16px;border: #dfdfdf 1px solid;background: #f0efef;margin: 20px auto; } /* 意见反馈 */ .feedback{ position:fixed; width:100%; height:100%; z-index:101; left:0; top:0; display:none; } .feedback .bg{ position:absolute; z-index:1; width:100%; height:100%; background:#000; background:rgba(0, 0, 0, 0.8); filter:alpha(opacity=80); left:0; top:0; } .feedback .panel{ position:absolute; width:620px; height:540px; background:#fff; z-index:2; margin:auto; left:0; top:0; right:0; bottom:0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } .feedback .panel .close{ position:absolute; width:34px; height:34px; background:url(/uploads/image/ppaimages/icon.png) 0 0 no-repeat; right:-17px; top:-17px; cursor:pointer; transition:transform .3s; -webkit-transition:transform .3s; -moz-transition:transform .3s; } .feedback .panel .close:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); } .feedback .panel h5{ font-size:28px; color:#333; text-align:center; font-weight:normal; line-height:80px; } .feedback .panel .time{ font-size:16px; line-height:28px; color:#999; margin:0 40px; } .feedback .panel .time span{ font-size:16px; color:#333; } .feedback .panel .desc{ font-size:16px; color:#999; line-height:28px; margin:0 40px; } .feedback .panel .select{ margin:0 40px; overflow:hidden; padding: 15px 0; } .feedback .panel .select a{ float:left; width:76px; border:#ddd 1px solid; text-align:center; line-height:28px; margin-right:10px; color:#999; font-size:14px; } .feedback .panel .select a.cur{ color:#fff; background:#30a15d; border-color:#30a15d; } .feedback .panel .textarea{ margin:0 40px; } .feedback .panel .textarea h3,.feedback .panel .tel h3{ font-size:16px; color:#333; line-height:32px; } .feedback .panel .textarea p.title,.feedback .panel .tel p.title { font-size:16px; color:#333; line-height:32px; } .feedback .panel .textarea textarea{ width:518px; height:90px; border:#ddd 1px solid; padding:10px; font-size:14px; line-height:1.5em; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } .feedback .panel .tel{ margin:20px 40px 0; } .feedback .panel .tel input{ border:#ddd 1px solid; height:40px; line-height:40px\9; text-indent:10px; width:320px; font-size:14px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } .feedback .panel .btn{ margin:0 40px; padding-top:20px; } .feedback .panel .btn button{ width:176px; height:48px; font-size:18px; color:#fff; cursor:pointer; background:#30a15d; border:none; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; } .feedback .panel .btn button:hover{ background:#1d8e4a; }.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .header .box{ width: 1180px; margin: 0 auto;} @charset 'utf-8'; /* 二手房列表 */ .pages-list{ padding-bottom:30px; } .pages-list .box{ width: 1180px; margin: 0 auto;} .pages-list .list-choose{ margin-top: 20px;} .pages-list .list-choose .choose{ padding: 15px 0 20px; background: rgba(239,239,239,.4); border-radius: 8px;} .pages-list .list-choose .tab{ padding-bottom: 20px;} .pages-list .list-choose .tab a {line-height: 36px;padding: 6px 20px;font-size: 18px;color: #333333;position: relative;} .pages-list .list-choose .tab a:hover {background: linear-gradient(123deg, #1cd3a9 0%, #01cc68 98%);color: #fff;border-radius: 8px;position: relative;} .pages-list .list-choose .tab a.active {background: linear-gradient(123deg, #1cd3a9 0%, #01cc68 98%);color: #fff;border-radius: 8px;position: relative;} .pages-list .list-choose .tab a.active:after {content: '';position: absolute;width: 0px;height: 0px;border-left: transparent 6px solid;border-right: transparent 6px solid;border-top: #1cd3a9 6px solid;left: 0;right: 0;top: 36px;margin: 0 auto;} .pages-list .list-choose .item{ overflow: hidden; display: flex;} .pages-list .list-choose .tit{ line-height: 50px; width: 70px; color: #333333; font-weight: bold; text-align: center; margin-right: 10px;} .pages-list .list-choose .txt{ flex: 1;} .pages-list .list-choose .item-more .txt{ display: flex; align-items: center;} .pages-list .list-choose .sel{ height: 22px; margin-right: 20px;} .pages-list .list-choose .sel dd{border: #cdcdcd 1px solid;border-top: none;position: relative;z-index: 2;background: #fff;display: none;} .pages-list .list-choose .sel:hover dd {display: block;} .pages-list .list-choose .sel a{ display: block; line-height: 24px; font-size: 12px; text-indent: 8px;} .pages-list .list-choose .sel dt {font-size: 12px;color: #333;line-height: 20px;border: #cdcdcd 1px solid;border-radius: 2px;padding: 0 20px 0 8px;cursor: pointer;position: relative;} .pages-list .list-choose .sel dt:after{content: '';position: absolute;width: 0;height: 0;border-left: transparent 4px solid;border-right: transparent 4px solid;border-top: #999 6px solid;margin: auto;top: 0;bottom: 0;right: 8px;} .pages-list .list-choose .vr{ display: flex; margin-right: 10px;} .pages-list .list-choose .vr input{ margin-right: 5px;} .pages-list .list-choose .sel a:hover {color: #31ce90;} .pages-list .list-choose .sel dt.active, .pages-list .list-choose .sel dd a.active { color: #31ce90; } .pages-list .list-choose .options{ display: flex; flex-wrap: wrap; align-items: center;} .pages-list .list-choose .options label{ margin: 0 10px;} .pages-list .list-choose .options a{ line-height: 50px; color: #333333; margin-right: 20px;} .pages-list .list-choose .options a:hover, .pages-list .list-choose .options a.active{ color: #31ce90; font-weight: bold;} .pages-list .list-choose .options a.active{ position: relative; } .pages-list .list-choose .options .input{ width: 75px; height: 30px; background: #ffffff; border: 1px solid #dcdfe6; text-indent: 10px;} .pages-list .list-choose .options .submitprice{ width: 50px; height: 30px; background: #ffffff; border: 1px solid #dcdfe6; color: #333333;} .pages-list .list-choose .child{ padding: 5px 20px 5px 0; margin: 6px 20px 10px 0; overflow: hidden;} .pages-list .list-choose .child a{ float: left; line-height: 30px; margin-right: 20px; font-size: 12px;} .pages-list .list-choose .child a:hover, .pages-list .list-choose .child a.active{ color: #31ce90;} .pages-list .list-choose .child a:hover .iconfont, .pages-list .list-choose .child a.active .iconfont{ color: #31ce90;} .pages-list .list-choose .close .item:nth-child(n 5){ display: none;} .pages-list .list-choose .item-more{ overflow: visible;} .pages-list .list-choose .result{ text-align: center; margin: 0 auto; position: relative; line-height: 16px; box-sizing: border-box;} .pages-list .list-choose .result .open, .pages-list .list-choose .result .close{ font-size: 12px; cursor: pointer; color: #9c9ea1;} .pages-list .list-choose .result .open .iconfont, .pages-list .list-choose .result .close .iconfont{ font-size: 12px; color: #9c9ea1;} .pages-list .list-choose .result .remove{ position: absolute; color: #999999; right: 26px; font-size: 12px; } .pages-list .list-choose .result .open, .pages-list .list-choose .result .close{ font-size: 12px; cursor: pointer; color: #9c9ea1;} .pages-list .list-choose .list a:hover, .pages-list .list-choose .list a.active{ color: #31ce90; } .pages-list .main{ overflow:hidden; margin-top:20px; } .pages-list .left{ float:left; width:900px; } .pages-list .top .sort{ border-bottom:#ddd 1px solid; } .pages-list .top .num{ margin:20px 0 0; line-height:20px; height:20px; color:#333; font-size:16px; } .pages-list .top .num span{ color:#fe4844; font-size:16px; } .pages-list .no-result{ overflow:hidden; margin: 20px 0; } .pages-list .no-result h5{ font-size:18px; line-height:40px; border-bottom:#ddd 1px solid; color:#333; margin-top:20px; } .pages-list .hot_list p{ font-size: 28px;color: #333;font-weight: bold;margin-bottom: 20px; } .pages-list .left .sort .bacbox{display: inline-block;width: 148px;height: 40px;background-color: transparent;text-align: center;line-height: 40px;overflow: hidden;cursor: pointer;} .pages-list .left .sort .greenbacbox{display: inline-block;width: 148px;height: 40px;background-color: #31ce90;text-align: center;line-height: 40px;overflow: hidden;} .pages-list .left .sort .greenbacbox a{color: #ffffff;font-size: 18px;} .pages-list .left .sort .bacbox a{ color: #333333; font-size: 18px;} .pages-list .top .sort {display: flex;justify-content: space-between;border-bottom: #31ce90 2px solid;} .pages-list .top .tab{ display: flex;} .pages-list .top .items{ display: flex; align-items: center;} .pages-list .top .item{ width: 80px; text-align: center; position: relative; } .pages-list .top .item span{ margin-right: 5px;} .pages-list .top .item .iconfont{ color: #666; font-size: 6px; position: absolute; } .pages-list .top .item .iconfont:hover{ color: #30a15d;} .pages-list .top .item .up{ top: 2px; } .pages-list .top .item .down{ bottom: 2px;} .pages-list .top .item .cur{ color: #31ce90;} .pages-list .left .list li{ padding:20px 0; overflow:hidden; border-bottom:#f7f7f7 1px solid; display: flex;} .pages-list .left .list .img{ width:220px; height: 158px; position:relative; } .pages-list .left .list .item-best .img:before{ content:''; position:absolute; width:40px; height:67px; background:url(/uploads/image/ppaiv3/icon.png) -250px 0; left:0; top:-7px; } .pages-list .left .list .img img{ width:100%; height:100%; object-fit:cover; } .pages-list .left .list .img .icons{ position: absolute; width: 76px; padding: 5px; background: rgba(0,0,0,.6); color: #ffffff; border-radius: 10px; font-size: 12px; bottom: 7px; left: 10px;} .pages-list .left .list .img .vr{ bottom: 36px;} .pages-list .left .list .img .icons .iconfont{ color: #ffffff;} .pages-list .left .list .txt .ellipsis a:hover { color: #31ce90; } .pages-list .left .list .txt .address{ color: #999999;} .pages-list .left .list .txt .address a:hover { color: #31ce90; } .pages-list .left .list .text{ flex: 1; margin-left:20px; } .pages-list .left .list .info{ display: flex; align-items: center;} .pages-list .left .list .info .txt{ flex: 1;} .pages-list .left .list .info .price{ text-align: right; width: 165px; } .pages-list .left .list .price .total{ font-size: 33px; font-weight: bold; color: #de1e1e;} .pages-list .left .list .price .single{ font-size: 14px; color: #de1e1e;} .pages-list .left .list .price .unit{ color: inherit; font-weight: normal;} .pages-list .left .list h2{ width:100%; margin-bottom: 8px; display: flex; align-items: center; } .pages-list .left .list h2.esf{ margin-bottom: 3px;} .pages-list .left .list h2 a{ color:#333; font-size: 26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold; max-width:588px; } .pages-list .left .list h2.esf a{ max-width: unset;} .pages-list .left .list h2 a:hover{ color:#31ce90; } .pages-list .left .list h2 span{ margin:4px 0 0 10px; line-height:16px; font-size:12px; color:#fff; padding:0 4px; border-radius:2px; } .pages-list .left .list .gopages{ display: flex; margin-top: 6px;} .pages-list .left .list .orangefont{position: relative;color: #333333;padding-right: 40px;font-size: 16px;} .pages-list .left .list .orangefont:hover{color: #31ce90;text-decoration: none;} .pages-list .left .list .items{ margin: 7px 0;} .pages-list .left .list .item{ position: relative; padding-right: 15px; color: #999999;} .pages-list .left .list .item.floor{ padding-left: 15px;} .pages-list .left .list .item.floor:before{ position: absolute; content: "\e671"; font-family: 'iconfont'; left: 0; top: 2px;} .pages-list .left .list .item:after{ position: absolute; content: " | "; right: 5px;} .pages-list .left .list .item:last-child:after{ content: "";} .pages-list .left .list .updatetime{ position: relative; background: linear-gradient(123deg, #fff0d7 0%, #ffffff 98%);width: 200px;line-height: 36px;padding-left: 20px;font-size: 14px;color: #ff984c;} .pages-list .left .list .updatetime:before{ position: absolute; content: "\e60c"; font-family: 'iconfont'; left: 4px;} .pages-list .left .list .nums{ display: flex;} .pages-list .left .list .nums a{ width: 100px; line-height: 36px; font-size: 14px; margin-right: 15px; text-align: center;} .pages-list .left .list .nums a:nth-child(1){ background: #fff2dd; color: #ff984c; } .pages-list .left .list .nums a:nth-child(2){ background: #e6fff5; color: #30a15d; } .pages-list .left .list .tags{ display: flex;} .pages-list .left .list .tags.esf{ margin-top: 5px;} .pages-list .left .list .tag{ background: #f8f8f8; color: #999999; font-size: 12px; padding: 5px; margin-right: 8px;} .pages-list .left .list .tag:first-child{ color: #05b570; background: #e6fff5;} .pages-list .list .no-result .img{ float:left; width:108px; height:70px; margin:0 0 0 190px; background: no-repeat; } .pages-list .no-result p{ font-size:16px; color:#333; line-height:20px; margin-top:18px; text-indent:30px; } .pages-list .no-result span{ display:block; color:#999; line-height:20px; margin-top:12px; text-indent:30px; } .pages-list .interest{ margin-top: 50px;} .pages-list .interest .title{font-size: 28px;color: #333;font-weight: bold;margin-bottom: 20px;} .pages-list .interest .communitys{ display: grid;grid-column-gap: 20px; grid-template-columns: 1fr 1fr 1fr 1fr;} .pages-list .interest .community{ width: 280px;} .pages-list .interest .thumb{ width: 280px;height: 200px;} .pages-list .interest .info{ display: flex;align-items: center;justify-content: space-between; margin: 5px 0;} .pages-list .interest .name{ font-size: 22px; color: #333333; flex: 1;} .pages-list .interest .price{ font-size: 20px; color: #de1e1e; font-weight: bold; width: 97px;} .pages-list .interest .unit{ color: inherit; font-weight: normal; font-size: 14px; } .pages-list .interest .tags{ display: flex;} .pages-list .interest .tag{background: #f8f8f8; color: #999999; font-size: 12px; padding: 5px; margin-right: 8px;} .pages-list .interest .tag:first-child{ color: #05b570; background: #e6fff5;} /*.pages-list .buyhousegroup .sqrqarea {*/ /* box-shadow: 0px -1px 7px 0px rgba(0, 0, 0, 0.1);*/ /* border-radius: 8px;*/ /* margin-bottom: 20px;*/ /* padding: 7px 12px 0 17px;*/ /*}*/ .pages-list .right{ float:right; width:250px; } /** 购房群 **/ .pages-list .right .buyhousegroup .sqrqarea{box-shadow: 0px -1px 7px 0px rgba(0,0,0,0.1);border-radius: 8px;margin-bottom: 20px; padding: 5px 5px 0 5px;} .pages-list .right .buyhousegroup .titlearea{height: 65px;padding-left: 60px;position: relative;} .pages-list .right .buyhousegroup .groupname{font-size: 14px; color: #333333;font-weight: bold; line-height: 40px;} .pages-list .right .buyhousegroup .titlearea:before{ content: "";background: no-repeat;background-size: 100% 100%;position: absolute;width: 55px;height: 55px;left: 0;top: 0;} #ax_container {width: 100%;position: relative;overflow: hidden;height: 16px} #ax_list {width: 100%;list-style: none;margin: 0;box-sizing: border-box;} #ax_listwrapper {position: relative;transition: 0.5s} #ax_list {width: 100%;list-style: none;margin: 0;box-sizing: border-box;} .pages-list .right #ax_list li{ font-size: 12px;} .pages-list .right .buyhousegroup .btnarea{height: 50px; position: relative; background: #ffffff;} .pages-list .right .buyhousegroup .btnarea:before{content: ""; background: no-repeat; background-size: contain;position: absolute;width: 58px;height: 24px; left: 0; top: 13px;} .pages-list .right .buyhousegroup .btnarea span{color: #666666; font-size: 12px;} .pages-list .right .buyhousegroup .btnarea .member{padding-left: 60px; padding-top: 17px; display: inline-block; color: #ff0000; } .pages-list .right .buyhousegroup .btnarea button{background: linear-gradient(113deg, #1dd3ab 0%, #03cc6c 100%);border-radius: 20px;padding: 2px 8px;color: #ffffff;margin-left: 2px;cursor: pointer; font-size: 12px;} .pages-list .right .codescan{ position: relative; margin-bottom: 10px;} .pages-list .right .codescan .img{ width: 100%;} .pages-list .right .codescan .code{} .pages-list .right .mapfindhouse{ position: relative; margin-bottom: 10px;} .pages-list .right .mapfindhouse .img{ width: 100%;} .pages-list .right .mapfindhouse .gomappage{ position: absolute; background: linear-gradient(90deg, #1ad3a6 0%, #07cd73 100%); border-radius: 19px; color: #ffffff; line-height: 38px; display: block; margin: 0 auto; left: 0; right: 0; bottom: 20px; text-align: center; width: 80%;} .pages-list .right .mapfindhouse{ position: relative;} .pages-list .right .pos .new_title{ font-weight: bold; color: #333333; font-size: 18px;} .pages-list .right .wiki{ margin-top: 20px;} .pages-list .right .answers .houseitem{ display: flex; position: relative;margin-bottom: 20px;} .pages-list .right .answers dd:nth-child(1) .houseitem::before{ position: absolute; content: ""; background: ; width: 17px; height: 21px; left: 5px;} .pages-list .right .answers dd:nth-child(2) .houseitem::before{ position: absolute; content: ""; background: ; width: 17px; height: 21px; left: 5px;} .pages-list .right .answers dd:nth-child(3) .houseitem::before{ position: absolute; content: ""; background: ; width: 17px; height: 21px; left: 5px;} .pages-list .right .answers dd:nth-child(1) .houseitem::after{ position: absolute; content: "1"; left: 11px; color: #ffffff; top: 4px; font-size: 12px;} .pages-list .right .answers dd:nth-child(2) .houseitem::after{ position: absolute; content: "2"; left: 11px; color: #ffffff; top: 4px; font-size: 12px;} .pages-list .right .answers dd:nth-child(3) .houseitem::after{ position: absolute; content: "3"; left: 11px; color: #ffffff; top: 4px; font-size: 12px;} .pages-list .right .answers .img{ width: 114px; height: 80px; border-radius: 5px;} .pages-list .right .answers .info{ margin-left: 10px; flex: 1;} .pages-list .right .answers .info .hot_borough_name{ font-size: 14px; color: #333333; margin-bottom: 10px;} .pages-list .right .answers .info .hot_price{ font-size: 14px; margin-bottom: 10px; font-weight: bold; color: #de1e1e;} .pages-list .right .answers .info .hot_address{ position: relative; font-size: 14px; color: #999999; padding-left: 16px;} .pages-list .right .answers .info .hot_address:before{ position: absolute; content: '\ec3f'; font-family: 'iconfont'; color: #c5c5c5; left: 0; top: 2px;} .pages-list .right .answers .item{ display: flex; justify-content: space-between; margin-bottom: 10px;} .pages-list .right .answers .item .name{ font-size: 14px; color: #333333;} .pages-list .right .answers .item .date{ color: #999999; font-size: 12px;} /*.pages-list .mapsearch span{ display:block; height:204px; background:url(/uploads/image/ppaimages/map_s.jpg); }*/ /*.pages-list .mapsearch a{ display:block; }*/ /*.pages-list .mapsearch p{ line-height:40px; color:#fff; background:#30a15d; text-align:center; font-size:16px; }*/ /*.pages-list .right .tel{ height:246px; background:#f8f8f8; margin-top:20px; overflow:hidden; text-align:center; }*/ /*.pages-list .right .tel i{ display:block; width:128px; height:126px; background:url(/uploads/image/ppaiv3/icon.png) -110px 0; margin:16px auto 20px; }*/ /*.pages-list .right .tel b{ display:inline-block; vertical-align:middle; line-height:22px; font-size:16px; color:#30a15d; font-weight:bold; padding-left:26px; position:relative; }*/ /*.pages-list .right .tel b:before{ content:'\e67f'; position:absolute; width:22px; height:22px; left:0; top:0; font-family: 'iconfont';font-size: 23px;}*/ /*.pages-list .right .tel span{ display:block; color:#333; font-size:16px; line-height:22px; margin-top:4px; }*/ /*.pages-list .right .tel p{ color:#333; font-size:16px; line-height:22px; }*/ /*.pages-list .right .btn{ margin-top:20px; }*/ /*.pages-list .right .btn a{ display:block; line-height:30px; background:#30a15d; color:#fff; text-align:center; border-radius:4px; }*/ /*.pages-list .answers{ margin-top:20px; }*/ /*.pages-list .answers dl{ border-bottom:#e5e5e5 1px solid; }*/ /*.pages-list .answers dt{ line-height:40px; height:40px; border-bottom:#e5e5e5 1px solid; }*/ /*.pages-list .answers dt a{ font-size:18px; color:#333; }*/ /*.pages-list .answers dt a:hover{ color:#30a15d; }*/ /*.pages-list .answers dd{ border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; line-height:32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:32px; text-indent:16px; }*/ /*.pages-list .answers dd a{ color:#333; }*/ /*.pages-list .answers dd a:hover{ color:#30a15d; }*/ /*.pages-list .hot{ margin-top:20px; border-bottom:#e5e5e5 1px solid; }*/ /*.pages-list .hot dt{ line-height:40px; height:40px; border-bottom:#e5e5e5 1px solid; font-size:18px; color:#333; }*/ /*.pages-list .hot dd{ border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; overflow:hidden; }*/ /*.pages-list .hot .img{ width:210px; height:160px; margin:16px auto 0; display:block; position:relative; }*/ /*.pages-list .hot .img img{ width:100%; height:100%; object-fit:cover; }*/ /*.pages-list .hot .img p{ position:absolute; line-height:30px; width:100%; left:0; bottom:0; color:#fff; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-indent:10px; background:rgba(0, 0, 0, 0.6); }*/ /*.pages-list .hot .o{ width:210px; margin:0 auto; overflow:hidden; border-bottom:#e5e5e5 1px dashed; padding-bottom:6px; }*/ /*.pages-list .hot .o p{ float:left; line-height:36px; max-width:50%; color:#333; }*/ /*.pages-list .hot .o span{ float:right; line-height:36px; max-width:50%; color:#999; }*/ /*.pages-list .hot .more{ padding:0 20px; line-height:50px; height:50px; border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; }*/ /*.pages-list .hot .more a{ color:#333; }*/ /*.pages-list .hot .more a:hover{ color:#30a15d; }*/