/** * 作用范围:首页\楼盘列表\资讯列表\楼盘详情页\资讯详情页 */ /*首页样式*/ body{ min-width: 1200px; } .index-top-l{ width: 295px; float: left; height: 442px; overflow: hidden; } .index-top-l-ad{ overflow: hidden; margin-bottom: 17px; background: #fff; height: 177px; float: left; width: 295px; } .index-top-l-ad span p{ float: left; width: 142px; padding: 2px 0px 2px 0px; } .index-top-l-ad .ad-1{ width: 142px; float: left; height: 177px; line-height: 16px; text-align: center; background: #430001; } .index-top-l-ad a{ text-align: center; color: white; font-size: 12px; float: left; width: 100%; } .index-top-l-ad .hot-img{ width: 142px; height: 140px; } .index-top-l-ad a b{ font-size: 16px; } .index-top-l-ad .ad-2{ width: 142px; float: right; height: 177px; line-height: 16px; text-align: center; background: #430001; } .index-top-l-new{ border: 1px solid #ccc; float: left; } .index-top-l-new-title{ width: 293px; border-bottom: 1px solid #ccc; background: #f1f1f1; float: left; } .index-top-l-new-title h2{ float: left; height: 36px; line-height: 36px; color: #333; font-size: 16px; letter-spacing: 1px; margin-left: 20px; } .index-top-l-new-container{ width: 283px; height: 140px; overflow: hidden; padding: 10px 0px 4px 10px; float: left; } .index-top-l-new-container li{ height: 24px; line-height: 24px; padding: 2px 0px; overflow: hidden; zoom: 0.97; font-weight: bold; } .online-qq{ float: left; background: #f1f1f1; overflow: hidden; width: 293px; height: 44px; border: 1px solid #dddddd; margin-top: 9px; background-image: ; background-repeat: no-repeat; background-position: 0px; -webkit-background-size:295px 56px; background-size:295px 56px; cursor: pointer; } .index-top-m{ overflow: hidden; height: 439px; width: 430px; float: left; margin: 0px 0px 0px 15px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff; border-top: 2px solid #cc0001; } .index-top-m h2{ font-size: 25px; text-align: center; height: 61px; line-height: 65px; font-weight: lighter; width: 404px; overflow: hidden; padding: 0px 14px 0px 14px; } .index-top-m h2 a{ color: #cd0100; } .index-top-m p{ text-align: left; line-height: 21px; color: #333; padding: 0px 14px 20px 14px; font-size: 15px; } .index-top-m ul{ overflow: hidden; height: 310px; padding: 13px 0px 3px 0; border-top: 1px dashed #c0c0c0; width: 400px; margin: 0px auto; } .index-top-m ul li{ overflow: hidden; line-height: 31px; height: 31px; list-style-type: none; font-size: 15px; background: url(/uploads/image/phimages/back.gif) no-repeat 0px -18px; padding-left: 15px; letter-spacing: -1px; float: left; width: 381px; } .index-top-m ul li span{ color: #b4b4b4; font-size: 15px; } .index-top-r{ width: 289px; float: right; height: 443px; overflow: hidden; } .index-top-r-ad{ width: 289px; height: 176px; margin-bottom: 18px; float: left; } .index-top-r-new{ width: 287px; height: 245px; float: left; } .index-top-r-new h2{ height: 37px !important; background-image: url(/uploads/image/phimages/back.gif); background-repeat: no-repeat; background-position: 0px -58px; background-color: #f1f1f1; } .index-top-r-new label{ font-size: 16px; line-height: 37px; color: #333; margin-left: 15px; float: left; } .index-top-r-new span{ font-size: 12px; font-weight: normal; float: right; margin-right: 14px; line-height: 37px; } .index-top-r-new ul{ height: 198px; width: 262px; padding: 5px 12px; border-left: 1px #e2e2e1 solid; border-right: 1px #e2e2e1 solid; border-bottom: 1px #e2e2e1 solid; zoom: 1; } .index-top-r-new ul li{ width: 248px; float: left; display: inline; list-style-type: none; line-height: 36px; height: 33px; font-size: 15px; color: #696969; background: url(/uploads/image/phimages/back.gif) no-repeat 0px -16px;; padding-left: 15px; overflow: hidden; } .index-m-ad{ width: 1050px; margin-top: 15px; float: left; } .index-m-ad li{ float: left; } .index-m-ad-1{ width: 310px; height: 120px; overflow: hidden; margin-right: 14px; } .index-m-ad-2{ width: 400px; height: 120px; overflow: hidden; margin-right: 15px; } .index-m-ad-3{ width: 310px; height: 120px; overflow: hidden; } .index-hot-house{ float: left; width: 1050px; margin: 15px auto 0 auto; overflow: hidden; padding: 0 0px 19px 0px; } .index-hot-house-title{ border-bottom: 4px solid #dcdcdc; height: 39px; width: 1050px; float: left; position: relative; } .index-hot-house-title h2{ height: 39px; line-height: 30px; font-size: 22px; font-weight: lighter; color: #333; padding: 0px 11px; width: auto; overflow: hidden; float: left; cursor:pointer; } .index-hot-house-title h2.on{ border-bottom: 4px solid #e20001; } .index-hot-house-title .hot-ico{ position: absolute; width: 30px; height: 11px; background: no-repeat -32px 0px; left: 169px; top: 0px; } .index-hot-house-title .hot-more{ float: right; line-height: 36px; height: 36px; } .index-hot-con{ width: 1050px; float: left; margin-top: 20px; display:none; height:170px; } .index-hot-house ul.on,.index-hot-house div.on{ display:block; } .index-price-box{ height:170px; margin-top:0; padding-top:20px; } .index-hot-con li{ float: left; width: 196px; margin-right: 17px; font-size: 15px; position: relative; overflow: hidden; zoom: 1; } .index-hot-con .hot-con-ls5{ margin-right: 0px; } .index-hot-con li p{ width: 100%; float: left; line-height: 28px; padding: 3px 0px; height: 28px; } .index-hot-con li a{ float: left; width: 196px; height: 137px; overflow: hidden; display: inline; } .index-hot-con .name{ position: absolute; left: 0px; top: 111px; background: #3e4241; width: 196px; height: 25px; float: left; opacity: 0.8; color: white; line-height: 24px; text-indent: 5px; } .index-hot-con .price{ font-size: 19px; color: #cd0001; font-weight: normal !important; float: left; height: 28px; } .index-hot-con .price-dw{ float: left; font-size: 13px; height: 28px; } .index-hot-con .type{ float: right; font-weight: bold; width: 56px; overflow: hidden; text-align: center; height: 28px; } .index-lp-gx{ width: 515px; float: left; } .index-lp-qd{ width: 515px; float: right; } .index-lp-qx{ margin-top: 12px; width: 515px; float: left; } .index-lp-sy{ margin-top: 12px; width: 515px; float: right; } .index-lp-title{ width: 510px; height: 35px; border: 1px solid #d9d9d9; border-left: 4px solid #c40002; float: left; position: relative; } .index-lp-title h2{ height: 37px; font-size: 16px; line-height: 37px; color: #333; padding: 0px 13px; float: left; } .index-lp-title h3{ height: 37px; font-size: 14px; line-height: 37px; color: #9d9d9d; padding: 0px 10px; float: right; font-weight: lighter; } .index-lp-title span{ position: absolute; width: 10px; height: 11px; background: no-repeat 0px -135px; top: 26px; left: 501px; } .index-lp-con{ float: left; width: 515px; height: 163px; margin-top: 12px; } .index-lp-con .l-t{ height: 162px; width: 34px; background: #c60001; float: left; position: relative; } .index-lp-con .l-t .ico{ position: absolute; width: 16px; height: 16px; background: no-repeat 0px -162px; top: 133px; left: 9px; } .index-lp-con .l-t .sj{ position: absolute; width: 7px; height: 12px; background: no-repeat 0px -210px; right: -7px; top:50%; margin-top: -6px; } .index-lp-con .m-t{ width: 481px; height: 160px; float: left; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; } .index-lp-con .m-t li{ position: relative; float: right; width: 35px; } .index-lp-con .m-t li a{ width: 354px; height: 135px; float: left; margin: 12px 0px 12px 18px; _margin: 12px 0px 12px 9px; display: none; overflow: hidden; } .index-lp-con .m-t li span{ float: right; width: 34px; height: 160px; border-left: 1px solid #d9d9d9; background: #e9e9e9; position: relative; text-align: center; cursor: pointer; } .index-lp-con .m-t li span i{ font-style: normal; float: left; width: 14px; font-size: 14px; margin: 5px 10px 0px 10px ; position: absolute; left: 0; top:0; height: 131px; overflow: hidden; } .index-lp-con .m-t li span cite{ width: 17px; height: 17px; position: absolute; background: no-repeat 0px -184px; top: 136px; left: 10px; } .index-lp-con .m-t .on{ width: 372px; float: left; } .index-lp-con .m-t .on a{ display: block; } .index-lp-con .m-t .on span{ background: none; border: none; position: absolute; left: -34px; color: white; top:0; } .index-lp-con .m-t .on span cite{ background: none; } .index-top-bot{ border: 1px solid #d9d9d9; width: 515px; height: 70px; margin-top: 12px; float: left; } .index-top-bot ul{ padding: 15px 20px; width: 475px; float: left; } .index-top-bot ul li{ width: 157px; float: left; line-height: 21px; height: 21px; text-align: left; overflow: hidden; font-size: 12px; } .index-b-new{ width: 1050px; margin: 16px auto; overflow: hidden; margin-bottom: 8px; padding-bottom: 18px; float: left; } .index-b-new-title{ width: 1050px; height: 35px; border-bottom: 4px solid #dcdcdc; float: left; } .index-b-new-title h2{ height: 35px; font-size: 22px; line-height: 30px; color: #333; padding: 0px 10px 0px 0px; border-bottom: 4px solid #e20001; float: left; font-weight: lighter; } .index-b-new-title span{ padding-left: 830px; font-weight: bold; color: #9d9d9d; font-size: 13px; } .index-b-new-con{ width: 340px; float: left; } .index-b-new-con h3{ width: 322px; height: 36px; font-size: 16px; color: #333; line-height: 36px; border-left: 3px solid #e20001; margin: 23px auto 10px; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; padding-left: 14px; float: left; } .index-b-new-con h3 .index-b-new-con-tit{ width: 124px; float: left; } .index-b-new-con h3 .index-b-new-con-more{ line-height: 36px; height: 36px; color: #9d9d9d; text-decoration: none; font-size: 13px; width: 54px; float: right; font-weight: normal; } .index-b-new-con ul{ width: 340px; overflow: hidden; float: left; } .index-b-new-con ul li{ line-height: 25px; height: 25px; font-size: 14px; padding-left: 10px; list-style: none; background-image:; background-repeat: no-repeat; background-position: 0px -225px; } .flsum{ margin-left: 15px; } .index-cooperation{ width: 100%; background-color: #f2f2f2; padding: 15px 0; border-top: 1px solid #dedede; } .index-coo-con{ width: 1030px; margin: 0 auto 0px; overflow: hidden; padding: 8px 10px; line-height: 21px; } .index-coo-con h2{ font-size:22px; margin-top:6px; line-height: 22px; } .index-coo-con ul{ margin-top: 10px; width: 1050px; float: left; } .index-coo-con ul li{ float: left; font-size: 12px; margin-right: 3px; } /*楼盘列表样式*/ .bui-choose-box{ width: 1198px; margin-top: 14px; float: left; } .bui-choose-box .bui-choose-title{ border-bottom: 1px solid #e7e7e7; height: 40px; float: left; width: 1198px; border-left: 1px solid #e7e7e7; } .bui-choose-title-content{ border-bottom: 1px solid #fff; font-weight: 700; border-right: 1px solid #e7e7e7; color: #333; display: block; font-size: 16px; height: 38px; line-height: 40px; text-align: center; width: 129px; float: left; border-top: 1px solid #e7e7e7; } .bui-choose-title-content.special{ font-size: 14px; color: #333333; font-weight: normal; background: 20px center no-repeat; padding-left: 10px; width: 119px; cursor: pointer; } .bui-choose-box dl{ float: left; border: 1px solid #dcdddd; border-top: none; border-bottom: 2px solid #dcdddd; } .bui-choose-box dl dd{ border-bottom: 1px dashed #ccc; display: block; padding-top: 15.5px; padding-bottom: 15.5px; font-size: 12px; float: left; width: 1198px; position: relative; } .bui-choose-box dl dd:nth-last-child(1){ border-bottom: none; } .bui-choose-box dl dd span{ color: #666; padding-left: 25px; float: left; line-height:25px; font-size: 14px; } .bui-choose-box dl dd ul{ float: left; width: 1120px; } .bui-choose-box dl dd ul li{ float: left; margin-right: 20px; cursor: pointer; padding: 2px; font-size: 14px; } .bui-choose-box dl dd ul li.on{ color: #c00; font-weight: bold; } .bui-choose-box dl dd ul li:hover{ color: #c00; } .bui-font-lit{ color: #999; line-height:22px; float: left; } .index-choose-form{ float: left; margin-left:10px; } .index-choose-form input{ height: 22px; line-height: 22px; padding-left: 5px; padding-right: 5px; width: 42px; } .index-choose-form button{ background: #fff; border: 1px solid #dcdcdc; color: #666; height: 25px; line-height: 22px; margin-top: 1px; text-align: center; width: 53px; cursor: pointer; } .bui-content-title{ border: 1px solid #dcdddd; height: 30px; background: #f5f5f5; float: left; width: 878px; padding: 8px 0; } .bui-content-title-main{ text-align: left; float: left; width: 880px; } .bui-content-title-main h3{ font-size: 18px; overflow: hidden; display: block; float: left; font-weight: 400; line-height: 30px; padding-left: 28px; padding-right: 24px; color: #333333; } .bui-content-title-main dl{ display: block; line-height: 24px; float: left; font-size: 12px; width: 745px; } .bui-content-title-main dl dt{ color: #666; float: left; padding-right: 35px; font-size: 14px; color: #898989; line-height: 30px; } .bui-content-title-main dl dt em{ color: #c00; margin-left: 2px; margin-right: 2px; font-style: normal; } .bui-content-title-main dl dd{ margin-right: 9px; color: #666; float: right; height: 30px; line-height: 30px; font-size: 14px; } .bui-content-title-main dl dd span{ cursor: pointer; } .bui-content-title-main dl dd .check i{ width: 12px; height: 12px; background: #ffffff; border: 1px solid #dcdddd; float: left; margin-top: 8px; margin-right: 8px; } .bui-content-title-main dl dd .check.on i{ border: 1px solid #ff9900; background: center center no-repeat #fff; } .bui-content-title-main dl dd label{ cursor: pointer; } .bui-content-title-main dl .def{ padding: 0; text-align: center; } .bui-content-title-main dl .def .cur{ background: #c00; color: white; border: 1px solid #c00; } .bui-content-title-main dl .def span{ border: 1px solid #e5e5e5; display: block; height: 28px; margin: 0; padding: 0; width: 90px; line-height: 28px; background: #fff; } .bui-content-title-main dl .paixu span{ border: 1px solid #e5e5e5; display: block; height: 28px; line-height: 28px; overflow: hidden; padding-left: 17px; width: 61px; position: relative; font-size: 14px; background: #fff; } .bui-content-title-main dl .paixu span i{ background: url(/uploads/image/phimages/back.gif) -36px -254px #ffffff; position: absolute; width: 12px; height: 15px; top: 8px; right: 14px; } .bui-content-title-main dl .paixu .cur{ background-color: #c00; color: white; } .bui-content-title-main dl .paixu .cur i{ background: url(/uploads/image/phimages/back.gif) #c00; background-repeat: no-repeat; background-position: -105px -255px; } .bui-content-title-main dl .paixu .cur-down{ background-color: #c00; color: white; } .bui-content-title-main dl .paixu .cur-down i{ background: url(/uploads/image/phimages/back.gif) #c00; background-repeat: no-repeat; background-position: -105px -270px; } .bui-content-title-main dl .paixu-time span{ border: 1px solid #e5e5e5; display: block; height: 28px; line-height: 28px; overflow: hidden; padding-left: 13px; width: 85px; position: relative; background: #fff; font-size: 14px; } .bui-content-title-main dl .paixu-time span i{ background: url(/uploads/image/phimages/back.gif) -36px -254px #ffffff; position: absolute; width: 12px; height: 15px; top: 8px; right: 10px; } .bui-content-title-main dl .paixu-time .cur{ background-color: #c00; color: white; } .bui-content-title-main dl .paixu-time .cur i{ background: url(/uploads/image/phimages/back.gif) #c00; background-repeat: no-repeat; background-position: -105px -255px; } .bui-content-title-main dl .paixu-time .cur-down{ background-color: #c00; color: white; } .bui-content-title-main dl .paixu-time .cur-down i{ background: url(/uploads/image/phimages/back.gif) #c00; background-repeat: no-repeat; background-position: -105px -270px; } .bui-main-box{ overflow: hidden; float: left; width: 1200px; padding-top: 30px; } .bui-main-l{ width: 880px; } .bui-main-l ul{ float: left; } .bui-main-l ul li{ float: left; } .bui-main-l ul li dl{ border: 1px solid #dcdddd; color: #333; display: block; padding-bottom: 18px; padding-top: 18px; float: left; width: 860px; font-size: 12px; margin-top: 20px; padding: 20px; padding-right: 0; } .bui-main-l ul li dl dt{ height: 154px; width: 206px; padding-right: 25px; float: left; position: relative; } .zyj-lc-bottom-box{ position: absolute; width: 178px; height: 17px; bottom: 0; left: 0; padding: 9px 14px; } .zyj-lc-bottom-box .potice{ padding-left: 27px; line-height: 17px; height: 17px; color: #fffcdf; font-size: 15px; background: left center no-repeat; float: left; } .zyj-lc-bottom-box .newwx{ width: 21px; height: 17px; float: left; background: center center no-repeat; margin-left: 14px; } .bui-main-l ul li dl dt a img{ width: 100%; height: 100%; display: block; } .bui-main-l ul li dl dt a{ float: left; width: 100%; height: 100%; position: relative; } .bui-main-l ul li dl dd .pri{ margin-top: -15px; } .bui-main-l ul li dl dd{ width: 390px; float: left; } .bui-main-l ul li dl dd .fontbox{ width: 100%; float: left; } .bui-main-l ul li dl dd .fontbox.namebox{ padding-right: 60px; width: auto; max-width: 330px; position: relative; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bui-main-l ul li dl dd .fontbox.namebox span{ width: 47px; height: 18px; position: absolute; margin: 0; top: 6px; right: 0; float: left; text-align: center; color: #fff; line-height: 18px; font-size: 12px; } .bui-main-l ul li dl dd .fontbox span{ font-size: 14px; line-height: 30px; color: #666; } .bui-main-l ul li dl dd .fontbox .address{ height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 340px; } .bui-main-l ul li dl dd .fontbox span a{ color: #666; margin-right: 2px; } .bui-main-l ul li dl dd .fl span{ padding:0 3px; border-radius:3px; margin-left:5px; } .bui-main-l ul li dl dd.w215{ width: 230px; height: 130px; border-left: 1px dashed #dcdddd; float: right; margin-top: 13px; } .bui-main-l ul li dl dd.w215 .dollor{ text-align: center; font-size: 14px; color: #898989; margin-top: 15px; } .bui-main-l ul li dl dd.w215 .tel{ text-align: center; font-size: 18px; color: #666; line-height: 30px; margin-top: 5px; padding: 0 15px; } .bui-main-l ul li dl dd.w215 .tel i{ margin-right: 4px; background: center center no-repeat; padding: 7px; } .bui-main-l ul li dl dd.w215 .dollor b{ color: #c60000; font-size: 30px; } .bui-main-l ul li dl dd.w215 .dollor b span{ font-size: 14px; color: #898989; font-weight: normal; margin-left: 2px; display: inline-block; margin-bottom: -1px; } .bui-main-l ul li dl dd h4{ float: left; font-size: 22px; line-height: 30px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 30px; } .bui-main-l ul li dl dd h4 a{ float:left; line-height: 30px; font-size: 100%; font-weight: 600; margin: 0; padding: 0; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 30px; width: 100%; } .bui-main-l ul li dl dd h4 a.clo{ color: #b3b6bf; } .bui-main-l ul li dl dd h5{ text-align: right; float: right; font-size: 100%; font-weight: 400; margin: 0; padding: 0; } .bui-main-l ul li dl dd h5 span{ color: #c00; font-size: 28px; font-weight: 700; margin-right: 6px; } .bui-main-l ul li dl dd.add{ padding-top: 2px; } .bui-main-l ul li dl dd .add-box{ width: 284px; height: 20px; line-height: 20px; } .bui-main-l ul li dl dd .add-box a{ color: #999; } .bui-main-l ul li dl dd .add-map{ width: 76px; } .bui-main-l ul li dl dd .add-map cite{ width: 14px; height: 21px; background: url(/uploads/image/phimages/search_icon.gif) -7px -220px no-repeat; float: left; } .bui-main-l ul li dl dd .add-map a{ float: left; color: #999; height: 20px; line-height: 20px; margin-left: 5px; } .bui-main-l ul li dl dd.typs{ margin-top: 5px; color: #999; } .bui-main-l ul li dl dd.typs a{ color: #999; } .bui-main-l ul li dl dd.typs span{ margin-right: 5px; } .bui-main-l ul li dl dd.typ{ margin-top: 5px; color: #999; } .bui-main-l ul li dl dd.typ .fr{ margin-top: -17px; } .bui-main-l ul li dl dd strong{ color: #c00; font-size: 14px; float: left; } .bui-like-box{ width: 100%; float: left; } .bui-like-box-title{ border-bottom: 2px solid #c00; height: 30px; float: left; width: 100%; } .bui-like-box ul{ float: left; width: 100%; padding: 20px 0px; } .bui-like-box ul li{ display: inline; float: left; margin-left: 11px; margin-right: 11px; width: 168px; font-size: 12px; } .bui-like-box ul li p{ float: left; width: 100%; } .bui-like-box ul li a{ float: left; } .bui-like-box ul li p .like-title{ width: 105px; overflow: hidden; } .bui-like-box ul li p em{ font-style: normal; color: #c00; } .bui-mai-r{ width: 300px; } .bui-r-content-box{ margin-bottom: 20px; width: 298px; border: 1px solid #dcdddd; } .bui-r-content-box.new dl .pri{ text-align: center; } .bui-r-content-box.new{ margin-top: 20px; } .bui-r-content-box .list-lr{ padding: 0 20px; float: left; width: 258px; } .bui-r-content-box .list-lr li{ width: 100%; height: auto; float: left; margin-bottom: 20px; } .bui-r-content-box .list-lr li .img-box{ width: 130px; height: 90px; float: left; padding-right: 15px; } .bui-r-content-box .list-lr li .name{ width: 110px; float: left; line-height: 25px; height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; } .bui-r-content-box .list-lr li .pri{ width: 110px; float: left; line-height: 25px; height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #666666; } .bui-r-content-box .list-lr li .pri span{ color: #d32222; } .bui-r-code .code-box{ width: 138px; border: 1px solid #e7e7e7; height: 153px; } .bui-r-code{ padding-bottom: 20px; float: left; width: 300px; } .bui-r-code .code-box img{ width: 76px; height: 76px; display: block; margin: 17px auto 0; } .bui-r-code .code-box p{ font-size: 14px; color: #666666; line-height: 20px; text-align: center; margin-top: 7px; padding: 0 20px; } .bui-r-content-box .list-lr li .dq{ width: 110px; float: left; line-height: 25px; height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #999; margin-top: 15px; } .bui-r-content-box .list-lr li .img-box img{ width: 100%; height: 100%; display: block; } .bui-r-content-box-title{ height: 45px; float: left; width: 258px; padding: 0 20px; line-height: 45px; } .bui-r-content-box-title .more{ line-height: 45px; float: right; font-size: 12px; color: #898989; } .bui-r-content-box-title h3{ font-size: 18px; font-weight: normal; float: left; } .bui-r-content-box dl{ float: left; padding: 0 20px; width: 258px; margin-bottom: 15px; font-size: 12px; } .bui-r-content-box dl.width252{ width: 252px; } .bui-r-content-box dl dt{ height: 33px; width: 100%; float: left; margin-top: 15px; } .bui-r-content-box dl dt span{ line-height: 33px; color: #999; font-size: 14px; } .bui-r-content-box dl .name{ width: 94px; overflow: hidden; font-size: 14px; } .bui-r-content-box dl .name a{ width: 90px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .bui-r-content-box dl .name.w150{ width: 150px; } .bui-r-content-box dl .sum{ width: 45px; overflow: hidden; text-align: center; font-size: 14px; } .bui-r-content-box dl .pri{ width: 90px; text-align: right; } .bui-r-content-box dl .pri.center{ text-align: center; font-size: 14px; } .bui-r-content-box dl .pri span{ color: #cc0000; } .bui-r-content-box dl dd{ height: 32px; float: left; width: 100%; line-height: 32px; font-size: 14px; } .bui-r-content-box dl dd a{ color: #333; } /*资讯列表样式*/ .art-title{ width: 1198px; height: 35px; line-height: 35px; border: #dcdcdc 1px solid; text-indent: 20px; margin: 12px auto 0; color: #666; overflow: hidden; font-size: 12px; } .art-l{ width: 880px; float: left; } .art-l dl{ float: left; width: 838px; padding: 20px; border: 1px solid #dddddd; overflow: hidden; margin-top: 20px; } .art-l dl dt{ float: left; width: 230px; height: 150px; overflow: hidden; padding-right: 25px; } .art-l dl dt a{ float: left; width: 230px; height: 150px; } .art-l dl dt a img{ width: 100%; height: 100%; display: block; } .art-l dl dd{ float: right; width: 570px; overflow: hidden; } .art-l dl dd .name{ float: left; width: 100%; height: 24px; font-size: 18px; font-weight: bold; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px; } .art-l dl dd .name a{ font-size: 18px; color: #000; overflow: hidden; width: 100%; float: left; height: 24px; text-overflow: ellipsis; white-space: nowrap; } .art-l dl dd .name a:hover{ text-decoration: underline; } .art-l dl dd p{ line-height: 24px; margin-top: 5px; overflow: hidden; font-size: 14px; float: left; color:#666666; height: 72px; } .art-l dl dd .timebox{ width: 100%; height: 35px; line-height: 35px; font-size: 14px; float: left; margin-top: 9px; } .art-l dl dd .timebox .span{ color: #a9855a; float: left; } .art-l dl dd .timebox .time{ float: left; color: #999999; margin-left: 15px; } .art-l dl dd p a{ font-style: normal; color: #c00; } .art-r{ float: right; width: 300px; overflow: hidden; } .art-r-ad{ width: 300px; margin-top: 10px; overflow: hidden; } .art-right-box{ width: 298px; margin-top: 20px; overflow: hidden; font-size: 12px; border: 1px solid #dddddd; } .art-right-box h2{ width: 119px; font-size: 16px; padding-left: 20px; color: #333333; font-weight: normal; height: 35px; line-height: 35px; } .art-right-box .right-box-hot{ border: 1px solid #eee; font-size: 12px; text-align: center; float: left; padding:5px 8px 15px 8px; } .art-right-box .right-box-hot li{ padding: 14px 0 0 14px; float: left; } .right-box-hot li{ width:120px; } .right-box-hot li p{ width:120px; height:20px; line-height:20px; overflow:hidden; } .art-right-box-title{ height: 35px; line-height: 35px; margin-top: 5px; } .art-right-box-txt-list{ padding: 0 20px 20px; } .art-right-box-title .more{ float: right; line-height: 35px; font-size: 12px; color: #999999; margin-right: 20px; } .art-right-box-txt-list dl{ width: 258px; height: 35px; line-height: 35px; overflow: hidden; font-size:14px; } .art-right-box-txt-list dl dt{ float: left; width: 15px; height: 15px; line-height: 15px; margin-top: 9px; color: #fff; text-align: center; overflow: hidden; background: #ce0000; font-size:12px; border-radius: 3px; } .art-right-box-txt-list dl dt.on{ background: #999999; } .art-right-box-txt-list dl dd{ float: left; width: 233px; margin-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: normal; height: 35px; } .art-right-box-txt-list dl dd a{ float: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 35px; line-height: 35px; color: #333; } .bui-r-content-box dl dd a:hover{ color: #c00; } .art-right-box-txt-list dl dd a:hover{ color: #c00; } /*资讯详情页*/ .art-msgcontent{ float: left; width: 880px; overflow: hidden; } .art-msgcontent h1{ color: #191919; font-size: 28px; height: 70px; line-height: 70px; margin-top: 10px; overflow: hidden; text-align: center; } .art-msgcontent .artinfo{ height: 38px; color: #999999; font-size: 14px; line-height: 38px; background: #f5f5f5; zoom: 1; padding: 0 20px; position: relative; } .art-msgcontent .artinfo span{ margin-right: 15px; } .art-msgcontent .artinfo .fx{ width: 60px; height: 38px; float: right; background: center center no-repeat; cursor: pointer; position: relative; } .art-msgcontent .bdsharebuttonbox{ background: #eee; line-height: 24px; margin-top: 15px; overflow: hidden; padding: 11px; font-size:16px; background: #ffffff; padding: 0 5px; margin: 0; } .art-msgcontent .contentbox{ margin-top: 20px; font-size:16px; color: #333333; line-height: 30px; } .art-msgcontent .contentbox img{ max-width: 100%; } .zyj-new-left-box{ width: 880px; float: left; } .zyj-new-left-box .new-left_box{ margin-top: 40px; float: left; width: 100%; } .zyj-new-left-box .new-left_box .top-list{ width: 100%; float: left; } .zyj-new-left-box .new-left_box .top-list li { width: 388px; height: 78px; border: 1px solid #dcdddd; position: relative; padding: 20px; } .zyj-new-left-box .new-left_box .top-list li img{ width: 78px; height: 78px; float: left; } .zyj-new-left-box .new-left_box .top-list li p{ color: #666666; font-size: 14px; line-height: 20px; float: left; margin-top: 17px; margin-left: 20px; } .zyj-new-left-box .new-left_box .top-list li p span{ color: #df2f30; } .zyj-new-left-box .new-left_box .bottom-list{ width: 878px; height: 188px; float: left; border: 1px solid #dcdddd; margin-top: 20px; overflow: hidden; } .zyj-new-left-box .new-left_box .bottom-list .title{ width: 823px; float: left; position: relative; padding-left:35px; margin-top: 15px; padding-right: 20px; font-size: 16px; } .zyj-new-left-box .new-left_box .bottom-list .title i{ width: 4px; height: 16px; background: #e40000; position: absolute; top: 3.5px; left: 19px; } .zyj-new-left-box .new-left_box .bottom-list ul{ padding: 0 0 0 20px; width: 860px; float: left; } .zyj-new-left-box .new-left_box .bottom-list ul li{ padding-left: 15px; width: 395px; float: left; position: relative; margin-top: 10px; margin-right: 20px; } .zyj-new-left-box .new-left_box .bottom-list ul li i{ width: 4px; height: 4px; background: #b2b2b2; position: absolute; top: 12px; left: 0; } .zyj-new-left-box .new-left_box .bottom-list ul.special{ margin-top: 13px; width: 860px; } .zyj-new-left-box .new-left_box .bottom-list ul.special li .name{ width: 330px; font-weight: normal; font-size: 14px; } .zyj-new-left-box .new-left_box .bottom-list ul.special li .name:hover{ color: #df2f30; } .zyj-new-left-box .new-left_box .bottom-list ul.special li{ margin-top: 3px; margin-right: 20px; } .zyj-new-left-box .new-left_box .bottom-list ul.special li .time{ width: 50px; float: right; text-align: right; } .zyj-new-left-box .new-left_box .bottom-list ul.special li .time span{ margin: 0; font-size: 12px; line-height: 28px; } .zyj-gg_box{ width: 1200px; height: 55px; margin-top: 4px; float: left; } .zyj-gg_box img{ width: 100%; height: 55px; display: block; } .zyj-new-left-box .new-left_box .bottom-list ul li .name{ width: 100%; color: #333333; font-size: 16px; line-height: 28px; height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; font-weight: bold; } .zyj-new-left-box .new-left_box .bottom-list ul li .name:hover{ color: #df2f30; } .zyj-new-left-box .new-left_box .bottom-list ul li .time{ font-size: 14px; color: #999999; line-height: 25px; float: left; } .zyj-new-left-box .new-left_box .bottom-list ul li .time span{ margin-right: 10px; } .zyj-new-left-box .new-left_box .bottom-list .title .more{ color: #999999; font-size: 12px; float: right; } .zyj-new-left-box .new-left_box .top-list li i{ position: absolute; right: -1px; bottom: -1px; width: 17px; height: 17px; background: right bottom no-repeat; } .art-msgcontent .bdsharebuttonbox{ position: absolute; top: 38px; right: 0; display: none; } .description{ border: 1px solid #e7e7e7; color: #666666; font-size: 14px; line-height: 24px; padding: 8px 20px; width: 838px; } .name_max{ width:1050px; padding-bottom:10px; } .name_max li{ padding-bottom:5px; } .name_max li,.name_max li a{ width:1050px; height:55px; } .name_left{ position: absolute; left: 50%; top: 247px; margin-left: -635px; } .name_right{ position: absolute; right: 50%; top: 247px; margin-right: -635px; } /*房价走势*/ .pri-left-box{ width: 880px; float: left; } .pri-left-box-top{ height: 45px; padding-top: 40px; } .pri-left-box-top h2{ font-size: 28px; height: 40px; font-weight: normal; } .pri-left-box-top span{ margin-left: 24px; margin-top: 8px; height: 40px; } .pri-left-box-top span em{ font-style: normal; margin-left: 26px; font-size: 25px; color: #df0303; } .pri-right-box{ width: 300px; float: right; } .f-price{ width: 75px; height: 15px; line-height: 15px; padding-left: 10px; background: no-repeat -95px 0px; float: left; color: #dbdbdb; margin-top: 22px; margin-left: 22px; } .pri-left-box-map{ width:880px; overflow:hidden; height: 230px; margin-top:40px; } .pri-left-box-tab p{ text-align: center; color: #df0303; font-size: 14px; } .pri-left-box-tab table{ margin-top: 16px; width: 880px; border: solid #efdca2; border-width: 1px 0px 0px 1px; } .pri-left-box-tab table tr th{ background: #e61e1e; height: 50px; color: #ffffff; border: solid #efdca2; border-width: 0px 1px 1px 0px; font-size: 16px; } .pri-left-box-tab table tr td{ height: 49px; border: solid #efdca2; border-width: 0px 1px 1px 0px; text-align: center; font-size: 15px; } .pri-left-box-tab table tr td.red{ color: red; } .pri-left-box-tab table tr td.gre{ color: #00b600; } .pri-left-box-new-title{ height: 50px; line-height: 50px; } .pri-title-btn{ width: 120px; padding-left: 15px; height: 50px; float: left; color: #333; position: relative; line-height: 50px; font-size: 16px; } .pri-title-btn .line{ position: absolute; width: 4px; height: 15px; background: #e40000; top: 17px; left: 0; } .pri-title-more{ float: right; color: #999; font-size: 12px; } .pri-left-box-new ul{ width: 860px; margin-bottom: 10px; } .pri-left-box-new ul li{ width: 409px; height: 20px; float: left; line-height: 25px; overflow: hidden; display: block; padding-top: 5px; padding-bottom: 5px; padding-right: 20px; } .pri-left-box-new ul li .pri-new-title{ width: 314px; height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; padding-left: 13px; position: relative; } .pri-left-box-new ul li .pri-new-title:hover{ color: #ce0000; } .pri-left-box-new ul li .pri-new-title .dian{ position: absolute; width: 4px; height: 4px; background: #b2b2b2; top: 50%; margin-top: -2px; left: 0; } .pri-left-box-new ul li .pri-new-time{ width: 60px; height: 25px; float: right; overflow: hidden; color: #999999; text-align: right; } .gg-box-zyj{ width: 100%; margin-top: 16px; } .gg-box-zyj a{ margin-top: 4px; display: block; } .gg-box-zyj img{ width: 100%; display: block; height: 55px; } .pri-right-img-box{ margin-top: 43px; border: 1px solid #dcdddd; padding: 0 20px 20px 20px; } .pri-right-img-box ul{ width: 100%; overflow: hidden; float: left; } .pri-right-img-box ul li{ width: 100%; margin-bottom: 18px; float: left; } .pri-right-img-box ul li:last-child{ margin-bottom: 0; } .pri-right-img-box ul li a{ width: 129px; height: 88px; overflow: hidden; float: left; } .pri-right-img-box ul li a img{ width: 100%; height: 100%; display: block; } .pri-right-box-new-t{ width: 110px; height: 67px; float: right; padding-left: 17px; } .pri-right-box-new-t p{ height: 25px; overflow: hidden; line-height: 25px; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .pri-right-box-new-t span{ height: 20px; overflow: hidden; color: #df0303; line-height: 20px; display: block; font-size: 14px; } .pri-right-box-new-t span em{ color: #666666; font-style: normal; } .pri-right-box-new-t span.special{ color: #999999; font-size: 12px; margin-top: 23px; } .pri-left-box-new{ border: 1px solid #e7e7e7; padding: 0 20px; overflow: hidden; margin-top: 20px; } /*地图页样式*/ .map-search-box{ height: 36px; width: 1050px; padding: 15px 0; margin: 0 auto; position:relative; z-index: 1; } .select-box{ float: left; display: inline; } .select-box .n-li{ float: left; display: inline; width: 98px; height: 36px; border: 1px solid #ccc; color: #666666; margin-right: 6px; background: url(/uploads/image/phimages/search_icon.gif) 70px 5px no-repeat; background-color: #fff; position: relative; z-index: 1001; } .select-box .n-li .dq{ display: block; width: 100%; height: 36px; line-height: 36px; text-decoration: none; color: #666; text-indent: 10px; } .min-select-box{ border: 1px solid #ececec; border-bottom: none; position: absolute; top: 32px; left: -1px; display: none; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); background: #fff; } .min-select-box.hover{ display: block; } .min-select-box li{ overflow: hidden; vertical-align: top; float: left; width: 100px; height: 28px; line-height: 28px; text-align: center; background: #fff; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec; color: #666666; text-decoration: none; cursor: pointer; } .min-select-box li:hover{ color: #df0303; } .map-cfa{ margin: 11px 0 0 20px; } .map-cfa a{ float: left; background: url(/uploads/image/phimages/search_icon.gif) no-repeat; height: 20px; line-height: 20px; padding-left: 20px; cursor: pointer; margin-right: 12px; color: #333; background-position: -7px -65px; font-size: 12px; } .map-qh{ border-left: 1px solid #ddd; border-top: 1px solid #ddd; overflow: hidden; right:0; top:8px; position:absolute; } .map-qh span{ float: left; text-align: center; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } .map-qh span a{ display: block; width: 56px; height: 20px; background: url(/uploads/image/phimages/search_list_ico.png) no-repeat; padding-top: 30px; color: #999999; text-decoration: none; font-size: 12px; } .map-qh .map a{ background-position: 15px -138px; background-color: #fff; } .map-qh .list a{ background-position: 15px -93px; } .map-main{ min-width: 1000px; width: 100%; position: relative; z-index: 0; } .map-body{ height: 100%; right: 650px; position:absolute; left:0; top:0; bottom:0; } .map-search-result{ width: 649px; height: auto; overflow: hidden; border-left: solid 1px #ddd; border-right: none; background: #fff; position: absolute; right: 0; top: 0; height: 719px; } .map-search-result-title{ width: 100%; height: 28px; border-bottom: solid 1px #ddd; background: #eee; position: relative; z-index: 11; } .map-search-result-title ul{ width: 100% !important; float: left; } .map-search-result-title ul li{ height: 28px; line-height: 28px; padding: 0px 13px; font-size: 14px; text-align: center; float: left; border-right: 1px #ddd solid; } .map-search-result-title ul li:nth-child(1){ background-color: #c00; color: white; } .map-search-result-title ul li:nth-child(2){ height: 28px; line-height: 28px; color: #333; float: left; overflow: hidden; display: block; margin-right: 5px; font-size: 12px; padding-top: 2px; } .map-search-result-title ul li:nth-child(2) em{ color: #c00; font-style: normal; } .map-search-result-title ul li:nth-child(3){ float: right; margin-right: 20px; position: relative; background: url(/uploads/image/phimages/search_icon.gif) 62px 3px no-repeat; } .map-search-result-title ul li .px-list{ position: absolute; z-index: 999; left: 0px; top: 28px; border: 1px solid rgb(221, 221, 221); width: 81px; display: none; background-color: rgb(238, 238, 238); } .map-search-result-title ul li .px-list a{ display: block; } .map-search-result-title ul li .px-list .cur{ width: 81px; text-align: center; background: url(/uploads/image/phimages/search_icon.gif) no-repeat 48px -490px; display: block; } .map-search-result-title ul li .px-list .cur-down{ width: 81px; text-align: center; background: url(/uploads/image/phimages/search_icon.gif) no-repeat 48px -183px; display: block; } .map-search-result-content{ width: 100%; overflow-y: auto; overflow-x: hidden; position: relative; left: 0px; top: 0px; z-index: 10; height: 806px; } .map-search-result-content .map_con li{ width: 620px; height: 125px; padding: 10px 0 0 15px; border-bottom: 1px dashed #ddd; position: relative; z-index: 1000; } .map-search-result-content .map_con li:hover{ background: #f7f8f8; } .map-search-result-content .map_con li .map_con_content{ margin-left: 15px; float: left; display: inline; } .map-search-result-content .map_con li .map_con_img{ position: relative; width: 168px; height: 112px; overflow: hidden; float: left; } .map-search-result-content .map_con li .map_con_txt{ margin-top: 10px; width: 260px; overflow: hidden; } .map-search-result-content .map_con li .map_con_txt h2{ display: inline; font-size: 18px; margin-right: 15px; } .map-search-result-content .map_con li .map_con_address{ height: 22px; width: 260px; line-height: 22px; overflow: hidden; margin-top: 5px; font-size: 12px; } .map-search-result-content .map_con li .map_con_tip{ height: 22px; width: 260px; line-height: 22px; overflow: hidden; margin-top: 4px; font-size: 12px; } .map-search-result-content .map_con li .map_con_tip a{ margin: 0 2px; } .map-search-result-content .map_con li .map_con_box{ height: 22px; width: 260px; line-height: 22px; overflow: hidden; margin-top: 5px; font-size: 12px; } .map-search-result-content .map_con li .map_con_box span{ display: inline-block; height: 20px; line-height: 20px; padding: 0 5px; color: #999; border: 1px solid #ddd; margin-right: 5px; cursor: default; } .map-search-result-content .map_con li .map_con_content_r{ position: absolute; top: 10px; right: 0px; text-align: right; margin-right: 5px; height: 112px; width: 180px; font-size: 12px; } .map-search-result-content .map_con li .map_con_content_r .r-p-1{ position: absolute; right: 0; top: 10px; } .map-search-result-content .map_con li .map_con_content_r .r-p-1 .scpri{ font-size: 20px; line-height: 20px; font-weight: bold; color: #c00; position: relative; display: inline-block; } .map-search-result-content .map_con li .map_con_content_r .r-p-1 .dw{ display: inline-block; position: relative; top: -1px; margin-left: 10px; } .map-search-result-content .map_con li .map_con_content_r .r-p-2{ position: absolute; right: 0; top: 63px; color: #c00!important; font-size: 14px; } .mapicon{ background:; width:64px; height:34px; line-height:17px; text-align:center; padding:15px 0; } .mapicon a{ color:white; text-decoration:none; } /*房贷计算页*/ .jisuan-main{ width: 1198px; margin-top: 10px; border: 1px solid #dcdddd; float: left; height: 798px; margin-bottom: 20px; } .jisuan-left{ float: left; background: #f7f8f8; border-right: 1px solid #dcdddd; width: 689px; height: 798px; } .jisuan-left .title{ text-align: center; height: 25px; line-height: 25px; font-size: 25px; color: #df0303; margin-top: 27px; } .jisuan-left table{ width: 596px; height: 634px; margin: 0 auto; text-align: left; } .jisuan-left table tr th{ font-size: 15px; } .jisuan-left table tr td label{ margin-left: 10px; } .jisuan-left table tr td input{ margin-left: 5px; margin-right: 5px; color: red; padding-left: 5px; padding-right: 5px; } .jisuan-left table tr td input.lit-inp{ height: 28px; width: 116px; margin-left: 75px; } .jisuan-left table tr td input.long-w{ height: 28px; width: 237px; } .jisuan-left table tr td .fl-10{ margin-left: 23px; } .jisuan-left table tr td select{ background: white; color: red; height: 32px; } .jisuan-left table tr td select option{ color: red; } .jisuan-left table tr td button{ width: 170px; height: 45px; background: #ce0000; font-size: 25px; line-height: 45px; text-align: center; padding: 0px; margin-right: 30px; border-radius: 5px; } .jisuan-left table tr td button:hover{ background: red; } .jisuan-left table tr td .cl-con{ color: #ce0000; font-size: 16px; } .jisuan-right{ float: right; width: 390px; height: 486px; padding-top: 74px; } .jisuan-right-title{ font-size: 20px; color: #df0303; } .jisuan-right table{ width: 302px; border: solid#dcdddd; border-width: 1px 0px 0px 1px; text-align: center; margin-top: 28px; } .jisuan-right table tr td{ height: 37px; border: solid#dcdddd; border-width: 0px 1px 1px 0px; } .jisuan-right table tr td span{ color: red; } .jisuan-right table tr td.hav-bg{ background: #f7f8f8; width: 100px; } .jisuan-right ul{ margin-top: 16px; } .jisuan-right ul li{ width: 332px; height: 26px; line-height: 26px; font-size: 12px; color: #979898; } .jisuan-right input{ border:none; background:none; } .jisuan-right textarea{ border:none; background:none; padding:10px 0; height:150px; width:100%; } /*楼盘详情页*/ .bui-top{ height: 127px; } .bui-top-l{ width: 790px; float: left; } .bui-top-l dl{ height: 103px; width: 100%; } .bui-top-l dl dt{ height: 70px; margin-top: 25px; width: 70px; display: inline; float: left; } .bui-top-l dl dd{ margin-top: 25px; display: inline; float: left; margin-left: 20px; width: 700px; } .bui-top-l dl dd .msgcontent{ height: 40px; line-height: 40px; width: 700px; float: left; } .bui-top-l dl dd .msgcontent span{ margin-left:10px; border-radius:3px; padding:0 2px; color:#fff; } .bui-top-l dl dd .msgcontent span.name-special{ color: #666666; font-size: 12px; } .bui-top-l dl dd .msgcontent h1 a{ color: #000; font-size: 28px; text-decoration: none; cursor: auto; } .bui-top-l dl dd .tips{ margin-top: 6px; overflow: hidden; float: left; width: 710px; } .bui-top-l dl dd .tips .tip-lis{ border: solid 2px #ccc; color: #999; height: 17px; line-height: 17px; text-decoration: none; font-size: 12px; padding: 0 8px; margin-right: 5px; float: left; } .bui-top-r{ height: 80px; width: auto; margin-top: 25px; display: inline; float: right; font-size: 12px; text-align: right; } .bui-top-r .phone{ padding-left: 50px; background: left center no-repeat; height: 50px; line-height: 50px; color: #d60000; font-size: 30px; font-weight: bold; } .bui-top-r .phone .span{ font-size: 30px; color: #d60000; font-weight: bold; float: left; } .bui-top-r .phone b{ font-size: 23px; color: #333333; line-height: 50px; margin: 0 5px; float: left; font-weight: normal; } .bui-top-r .phone span{ color: #333333; font-size: 24px; font-weight: normal; } .bui-nav{ background: #f7f7f7; border-bottom: 2px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-top: 1px solid #dddddd; height: 47px; line-height: 48px; width: 1198px; display: block; } .bui-nav a{ color: #000; float: left; font-size: 18px; font-weight: 700; padding: 0 32.5px; height: 48px; line-height: 48px; float: left; cursor: pointer; text-decoration: none; } .bui-nav a:hover{ color: #df0303; } .bui-nav a.curr{ color: #fff!important; } .bui-nav a.curr{ background: #ce0000; color: #fff!important; text-decoration: none; } .bui-buiinfo{ height: auto; padding: 25px 0px 0 0; } .buiinfo-img dt{ width: 600px; height: 400px; float: left; overflow: hidden; line-height: 400px; } .buiinfo-img dt a{ width: 600px; height: 400px; float: left; overflow: hidden; line-height: 400px; display: flex; align-items: center } .buiinfo-img dt img{ margin: 0 auto; display: block; max-height:400px; max-width:600px; align-items: center; _height:expression(this.height > 600 ? "600px" : this.height); _width:expression(this.width > 400 ? "400px" : this.width); } .buiinfo-img{ height: 490px; width: 600px; overflow: hidden; float: left; position: relative; } .buiinfo-img .buiinfo-bottom{ width: 600px; height: 85px; float: left; margin-top: 3px; position: relative; } .buiinfo-img .buiinfo-bottom .left-btn{ width: 22px; height: 33px; position: absolute; top: 50%; left: 0; margin-top: -16.5px; background: no-repeat; background-position: 0 0; cursor: pointer; z-index: 111; } .buiinfo-img .buiinfo-bottom .left-btn:hover{ background-position: 0px -34px; } .buiinfo-img .buiinfo-bottom .right-btn:hover{ background-position: -23px -34px; } .buiinfo-img .buiinfo-bottom .right-btn{ width: 22px; height: 33px; position: absolute; top: 50%; right: 0; margin-top: -16.5px; background: no-repeat; background-position: -23px 0; cursor: pointer; z-index: 111; } .buiinfo-img .buiinfo-bottom .bui-lunbo{ width: 100%; float: left; height: 85px; } .buiinfo-img .buiinfo-bottom .img-box{ width: 112px; height: 80px; margin-right: 10px; padding-top: 5px; float: left; cursor: pointer; position: relative; overflow: hidden; text-align: center; } .buiinfo-img .buiinfo-bottom .img-box p{ height: 20px; position: absolute; bottom: 0; left: 0; right: 0; background: ; padding: 0 10px; font-size: 12px; color: #fff; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .buiinfo-img .buiinfo-bottom .img-box.on p{ left: 2px; right: 2px; } .buiinfo-img .buiinfo-bottom .img-box:last-child{ margin-right: 0; } .buiinfo-img .buiinfo-bottom .img-box.last{ margin-right: 0; } .buiinfo-img .buiinfo-bottom .img-box.on{ background: center center; width: 108px; height: 76px; padding: 7px 2px 2px 2px; } .buiinfo-img .buiinfo-bottom .img-box img{ display: block; width: 100%; height: 100%; } .buiinfo-sjkf{ display: inherit; width: 419px; height:320px; position: absolute; top: 0; left: 0; overflow: hidden; background: no-repeat; _background: no-repeat; } .buiinfo-con{ height: auto; width: 570px; margin-left: 30px; float: right; display: block; } .buiinfo-con label{ font-size: 14px; width: auto; float:left; height:36px; line-height:36px; overflow:hidden; color: #333333; margin-right: 10px; display: inline; } .top-time-box label.layer{ text-align:left; letter-spacing:4.6px; } .buiinfo-con .top-ti{ padding-left: 20px; width: 550px; height: 40px; line-height: 40px; } .top-time-box span{ color: #666!important; } .top-time-box span a{ color: #666!important; } .buiinfo-con .top-ti .pri{ height:36px; line-height:36px; display:inline; *margin-right:10px; } .buiinfo-con .top-ti .pri em{ font-style: normal; font-size: 30px; color: #df0303; font-weight: bold; color: #c60000; } .b-price{ width: 75px; height: 40px; padding-left: 18px; background: no-repeat left 10px; color: #999999; margin-left: 16px; font-size: 12px; line-height: 40px; } .b-prices{ width: auto; height: 40px; padding-left: 18px; background: no-repeat left center; color: #999999; font-size: 12px; line-height: 40px; position: relative; cursor: pointer; } .b-prices:hover .new-price-box{ display: block; } .map_tit{ background: none!important; } .new-price-box{ width: 370px; height: auto; position: absolute; top: 40px; left: -95px; border: 1px solid #dcdddd; background: #fff; line-height: 25px; font-size: 12px; padding: 10px; z-index: 2; box-shadow: -5px 0px 10px #e5e5e5; -webkit-box-shadow: -5px 0px 10px #e5e5e5; -o-box-shadow: -5px 0px 10px #e5e5e5; -moz-box-shadow: -5px 0px 10px #e5e5e5; display: none; } .new-price-box i{ position: absolute; top: -10px; left: 50%; margin-left: -74px; width: 20px; height: 10px; background: no-repeat center center; z-index: 2; } .z-price{ height: 40px; padding-left: 18px; background: no-repeat left center; color: #999999; font-size: 12px; line-height: 40px; margin-right: 40px; } .top-tg-box{ width: 530px; height: 37px; padding: 17px 20px 12px 20px; background: center center; position: relative; margin-top: 15px; } .top-tg-box .top-tg-p1 span{ font-size: 16px; color: #c60000; line-height: 36px; } .top-tg-box .top-tg-p2{ margin-left: 40px; height: 25px; line-height: 25px; } .top-tg-box .top-tg-p2 span{ font-size: 12px; line-height: 30px; color: #7f8080; margin-left: 50px; } .top-tg-box a{ width: 120px; height: 37px; font-size: 16px; color: #fff; line-height: 37px; text-align: center; background: #ee4433; position: absolute; border-radius: 5px; right: 20px; top: 16px; text-decoration: none; } .top-time-box{ width: 550px; padding-left: 20px; height: 36px; line-height: 36px; } .buiinfo-con .address{ line-height: 25px; float: left; width: 470px; margin-top: 6px; } .detail-line{ width: 100%; height: 0; border-top: 1px dashed #dcdddd; float: left; margin-top: 15px; margin-bottom: 15px; } .top-time-box .more-lang{ color: #ee4433; font-size: 14px; } .top-time-box .gife{ padding-left: 20px; color: #999; font-size: 12px; line-height: 36px; background: left center no-repeat; margin-left: 25px; float: left; } .top-time-box .more{ margin-left: 20px; color: #7f8080; font-size: 12px; background: left center no-repeat; padding-left: 16px; color: #666; float: left; } .top-type-box{ width: 550px; padding-left: 20px; height: 36px; line-height: 36px; overflow: hidden; margin-top: 5px; } .top-type-box a.all{ padding-left: 22px; background: left center no-repeat; line-height: 40px; font-size: 12px; color: #999999; float: left; margin-left: 15px; } .buiinfo-con label.bold{ font-weight: bold; } .top-type-box .type{ margin-left: 20px; } .top-type-box .type1{ margin-left: 10px; } .top-type-box .more{ margin-left: 20px; color: #7f8080; font-size: 12px; } .top-type-box span{ color: #666!important; font-size: 14px; } .top-bot-box{ width: 550px; height: 36px; padding-left: 20px; line-height: 36px; } .top-bot-box-jz-lb{ margin-left: 35px; } .top-bot-box-jz-sp{ margin-right: 35px; line-height: 36px; color: #666; } .top-bot-box .more{ color: #df0303; } .top-bot-box span{ color: #666; } .top-bot-box .for-mobile{ width: 70px; height: 30px; border: 1px solid #dcdddd; line-height: 30px; font-size: 12px; text-align: center; background: no-repeat -54px -292px; text-decoration: none; margin-left: 24px; padding-left: 30px; position: relative; } .top-bot-box .for-mobile.no-bor{ border: solid#dcdddd; border-width: 1px 1px 0px 1px; } .top-bot-box .for-img{ height: 32px; width: 101px; background-color: #df0303; padding-left: 30px; text-align: center; color: white; font-size: 12px; line-height: 32px; border-radius: 5px; margin-left: 25px; background-image: ; background-position: -57px -334px; background-repeat: no-repeat; text-decoration: none; } .top-bot-box .mobile-show{ position: absolute; top: 31px; right: -1px; width: 260px; height: 78px; border: 1px solid #dcdddd; z-index: 2; display: none; background: white; } .top-bot-box .mobile-show .mobile-show-con{ width: 230px; height: 62px; margin-left: 20px; margin-top: 5px; float: left; } .mobile-show-con-l{ float: left; width: 152px; overflow: hidden; text-align: left; line-height: 21px; } .mobile-show-con-l h3{ color: #ce0000; line-height:25px; } .mobile-show-con-r{ width: 70px; height: 70px; float: right; overflow: hidden; } .top-tel-box{ width: 526px; height: 53px; border: 1px dashed #dcdddd; background-color: #f7f8f8; margin-top: 15px; padding-left: 90px; line-height: 53px; font-size: 20px; color: #ce0000; font-weight: bold; background-image: ; background-repeat: no-repeat; background-position: -56px -836px; } .bui-main-title{ height: 50px; line-height: 50px; border-top: 2px solid #cccccc; margin-top: 20px; float: left; width: 100%; } .bui-main-title.special50{ height: 40px; } .bui-main-title h3{ color: #000000; font-size: 20px; font-weight: 700; line-height: 50px; margin-top: -2px; display: inline; border-top: 2px solid #c60000; float: left; } .bui-main-title .more{ float: right; color: #666; font-size: 13px; zoom: 1; } .bui-main-title .more .my-ask{ width: 80px; height: 30px; line-height: 30px; text-align: center; float: right; color: #ffffff; background: #df2f30; border-radius: 5px; text-decoration: none; font-size: 12px; margin-top: 10px; cursor: pointer; } .bui-main-title .more span{ margin-right:30px; } .bui-main-title .more .more-link{ padding: 0px 14px; text-decoration: none; position: relative; } .bui-main-title .more .more-link i{ width: 2px; height: 10px; position: absolute; right: 0; background: #dddddd; top: 50%; margin-top: -5px; } .bui-main-title .more .last-link{ padding-left: 14px; text-decoration: none; } .bui-new-activity{ height: auto; border: solid#dcdddd; border: 1px solid #dcdddd; padding: 0 20px; width: 1158px; float: left; } .bui-new-activity .mian-box{ height: auto; padding: 25px 0; border-bottom: 1px dashed #dcdddd; } .bui-new-activity .mian-box:last-child{ border-bottom: none; } .bui-new-activity .mian-box dl{ height: auto; float: left; width: 100%; } .bui-new-activity .mian-box dl dt{ float: left; width: 88px; height: 76px; overflow: hidden; border: 1px solid #dcdddd; background: #f8f8f8; } .bui-new-activity .mian-box dl dt .year{ width: 100%; height: 26px; line-height: 26px; text-align: center; color: #ffffff; font-size: 14px; background: #cbcbcb; } .bui-new-activity .mian-box dl dt .yue{ width: 100%; line-height: 30px; font-size: 18px; color: #333333; text-align: center; } .bui-new-activity .mian-box dl dt .houre{ width: 100%; text-align: center; color: #c4c4c4; font-size: 12px; } .bui-new-activity .mian-box dl dd{ width: 1048px; height: 78px; float: left; margin-left: 20px; display: inline; overflow: hidden; } .bui-new-activity .mian-box dl dd .big-t{ height: 30px; font-size: 15px; font-weight: bold; line-height: 30px; display: block; } .bui-new-activity .mian-box dl dd .big-t i{ padding: 0px 7px; border: 1px solid #fa9344; color: #fa9344; font-size: 14px; font-style: normal; margin-right: 20px; font-weight: normal; } .bui-new-activity .mian-box dl dd .big-t a{ color: #333; } .bui-new-activity .mian-box dl dd p{ height: 60px; line-height: 30px; overflow: hidden; font-size: 14px; position: relative; } .bui-new-activity .mian-box dl dd p .add-time{ position: absolute; font-size: 12px; color: #797979; right: 0px; top: 33px; } .bui-new-activity .mian-box ul{ height: auto; padding: 10px 0px; border-top:1px dashed #dcdddd; margin-top: 25px; float: left; } .bui-new-activity .mian-box ul li{ height: 29px; line-height: 29px; width: 1010px; float: left; font-size: 12px; } .bui-new-activity .mian-box ul li .bt-l{ width: 420px; float: left; overflow: hidden; } .bui-new-activity .mian-box ul li .time-r{ width: 122px; overflow: hidden; float: right; color: #797979; } .bui-info-box{ width: 1198px; height: 228px; position: relative; border:solid #ccc; border: 1px solid #dcdddd; float: left; } .new-detail-zt{ width: 368px; background: url(/uploads/image/phimages/list-detail-back.jpg) left top no-repeat; height: 214px; padding-left: 20px; float: left; padding-top: 14px; overflow-y: auto; } .new-detail-zt li{ width: 100%; line-height: 32px; color: #666666; font-size: 14px; } .new-detail-zt li.special{ color: #000000; font-weight: bold; } .new-detail-zt li.special i{ padding: 0px 9px; border: 1px solid #ee4433; font-size: 14px; font-style: normal; font-weight: normal; color: #ee4433; margin-left: 10px; } .bui-info-box .new-detail-font{ width: 760px; padding: 20px 25px; height: 188px; float: left; display: inline; overflow-x: auto; } .bui-info-box .new-detail-font p{ font-size: 14px; line-height: 30px; color: #666666; } .bui-info-box .new-detail-font p span{ font-size: 14px!important; line-height: 30px; color: #666666!important; } .bui-info-box .new-detail-font p strong{ color: #666666!important; font-size: 14px!important; line-height: 30px; font-weight: normal; } .bui-info-box .new-detail-font p span strong{ color: #666666!important; font-weight: normal; font-size: 14px; } .bui-style-box{ height: auto; overflow: hidden; width: 100%; } .bui-style-box li{ display: inline; float: left; height: 235px; margin-right: 25px; overflow: hidden; width: 220px; } .bui-style-box li .img-content{ height: 165px; position: relative; width: 222px; float: left; overflow: hidden; } .bui-style-box li .img-content .bottom{ height: 36px; width: 90%; position: absolute; bottom: 0; left: 0; background: ; padding: 0 5%; line-height: 36px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bui-style-box li .img-content img{ width: 100%; height: 100%; display: block; } .bui-style-box li .txt-content{ overflow: hidden; text-align: center; width: 194px; float: left; height: 69px; border: 1px solid #dcdddd; border-top: none; padding: 0 12px; } .bui-style-box li .txt-content .dollor{ height: 40px; line-height: 40px; color: #666666; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } .bui-style-box li .txt-content .dollor b{ color: #ee4433; } .bui-style-box li .txt-content .biao{ width: 100%; height: 20px; } .bui-style-box li .txt-content .biao span{ padding: 0 10px; height: 20px; line-height: 20px; color: #ffffff; background: #c1d0d8; float: left; margin-right: 14px; font-size: 14px; } .bui-photo-box{ height: auto; overflow: hidden; width: 1200px; } .bui-photo-box.off{ display: none; } .bui-photo-box li{ display: inline; float: left; height: 153px; border: 3px solid #cccccc; margin-right: 25px; overflow: hidden; width: 214px; } .bui-photo-box li .img-content{ height: 100%; position: relative; width: 100%; float: left; overflow: hidden; } .bui-photo-box li .img-content img{ width: 100%; height: 100%; display: block; } .bui-photo-box li .txt-content{ font-size: 14px; height: 30px; line-height: 30px; overflow: hidden; width: 100%; float: left; color: #ffffff; position: absolute; bottom: 0; left: 0; right: 0; background: ; } .bui-photo-box li .txt-content a{ width: 90%; float: left; height: 30px; display:inline; color: #ffffff; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; padding: 0 5%; } .bui-photo-box li .txt-content a b{ float:left; width:122px; display:inline; overflow:hidden; text-align: left; } .bui-photo-box li .txt-content a i{ float:right; width:100px; display:inline; overflow:hidden; font-style:normal; color:#ce0000; text-align: right; } .bui-zb_map-box{ width: 1200px; height: 350px; position: relative; } .newmapbox{ width:100%; height:60px; float: left; position: relative; z-index:2; background: #fff; padding: 5px 0; } .newmapbox p.one{ padding:0 10px; line-height: 25px; color:#999999; text-align: left; font-size: 12px; } .newmapbox p.two{ padding:0 10px; line-height: 30px; color:#333333; font-size: 12px; text-align: left; } #r-result ol li div{ background: #fff!important; } .newmapbox p.two i{ font-style: normal; } #r-result div{ border:none!important; background: #fff!important; } #r-result div p span a{ color: #333!important; } #r-result div a{ color: #333!important; } #r-result div div:last-chind{ background:#f2f2f2!important; } #r-result ol li span{ color:#333!important; } #r-result ol li a{ color:#333!important; } .bui-zb_map-box #allmap{ width: 860px; height: 350px; } .bui-zb_map-box .map-select-info{ width: 300px; height: 325px; position: absolute; right: 0; top: 0; box-shadow: -5px 0px 10px #e5e5e5; -webkit-box-shadow: -5px 0px 10px #e5e5e5; -o-box-shadow: -5px 0px 10px #e5e5e5; -moz-box-shadow: -5px 0px 10px #e5e5e5; background: #fff; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; z-index: 1; text-align: center; font-size: 0; padding: 9px 6px 0; } .map-select-info ul li{ width: 80px; height: 40px; font-size: 12px; text-align: center; float: left; } .map-select-info ul li a{ text-decoration: none; width: 80px; height: 40px; } .map-select-info ul li span{ display: block; margin-bottom: 8px; width: 52px; height: 52px; background: url(/uploads/image/phimages/maptab.gif) no-repeat; overflow: hidden; cursor:pointer; } .map-select-info ul li .s1{ background-position: -4px -4px; } .map-select-info ul li .s2{ background-position: -64px -4px; } .map-select-info ul li .s3{ background-position: -124px -4px; } .map-select-info ul li .s4{ background-position: -184px -4px; } .map-select-info ul li .s5{ background-position: -244px -4px; } .map-select-info ul li .s6{ background-position: -304px -4px; } .map-select-info ul li .s7{ background-position: -364px -4px; } .map-select-info ul li .s8{ background-position: -424px -4px; } .map-select-info ul li .s9{ background-position: -484px -4px; } .msclose{ z-index: 1; position: absolute; width: 14px; height: 150px; background-image: url(/uploads/image/phimages/mapopenclose1.jpg); background-repeat: no-repeat; background-position: left top; top: 50%; right: 312px; margin-top: -75px; -webkit-box-shadow: -5px 0px 10px #e5e5e5; -moz-box-shadow: -5px 0px 10px #e5e5e5; box-shadow: -5px 0px 10px #e5e5e5; cursor: pointer; background-color: white; } .msclose:hover{ background-image: url(/uploads/image/phimages/mapopenclose2.jpg); } #search_panel{ width: 320px; height: 350px; position: absolute; right: 0; /* box-shadow: -5px 0px 10px #e5e5e5; */ background: #fff; /* border-right: 1px solid #efefef;border-bottom: 1px solid #efefef; */ z-index: 1; padding: 0; -webkit-box-shadow:none; -o-box-shadow: none; -moz-box-shadow: none; border:none; } #search_panel ul{ float: left; width: 320px; overflow: hidden; height: 40px; border-bottom: 2px solid #ff3333; background: #f2f2f2; } #search_panel ul li{ width: 80px; } #search_panel ul li a{ width:100%; height:40px; line-height: 40px; float:left; font-size: 14px; cursor: pointer; } #search_panel ul li a.on{ color: #fff!important; background: #ff3333; } #r-result{ float: left; overflow-x: hidden; overflow-y: auto; height: 245px; position: absolute; right: 0; width: 320px; background:white; top:106px; z-index: 2; } .bui-foi-box{ height: 50px; position: relative; border-top: 2px solid #dcdddd; width: 1200px; } .bui-foi-box li{ border-right: #fff 3px solid; color: #333; cursor: pointer; float: left; font-size: 16px; height: 50px; line-height: 50px; overflow: hidden; padding-right: 8px; margin-right: 8px; } .bui-foi-box li.hover{ border-top: 2px solid #c60000; margin-top: -2px; font-weight: bold; } .bui-foi-con{ height: 200px; } .bui-foi-con.bro-px{ border: 1px solid #dcdddd; padding: 20px; width: 1158px; height: 210px; } .bui-foi-con.bro-px .bui-photo-box{ width: 1158px; } .bui-foi-con.bro-px .bui-photo-box li{ width: 215px; border: none; margin-right: 20px; height: 220px; } .bui-foi-con.bro-px .bui-photo-box li .img-content{ border: 1px solid #ccc; width: 213px; height: 158px; } .zyuj-new-phone{ float: left; width: 100%; } .zyuj-new-phone b{ line-height: 30px; color: #333333; margin-top: 4px; font-size: 14px; display: block; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zyuj-new-phone i{ color: #898989; font-style: normal; font-size: 14px; line-height: 30px; } .zyuj-new-phone i span{ color: #ff3333; } .bui-hotmap-box{ height: 455px; width: 1138px; border: 1px solid #dcdddd; padding: 0 30px; position: relative; } .bui-hotmap-box .status-box{ width: 652px; height: 44px; padding-top: 26px; float: left; } .bui-hotmap-box-l{ float: left; width: 772px; height: 347px; overflow: hidden; } .bui-hotmap-box-r{ float: left; width: 470px; overflow-y:auto; overflow-x:hidden; position: absolute; top: 26px; right: 30px; } .bui-hotmap-box-r .nab{ width: 450px; padding-right: 20px; height: 38px; border-bottom: 1px solid #ff3333; background: #f2f2f2; overflow-x: hidden; min-width: 450px; } .bui-hotmap-box-r .nab ul{ width: auto; height: 100%; float: left; } .bui-hotmap-box-r .nab i{ width: 19px; height: 39px; background: center center; position: absolute; right: 0; cursor: pointer; top: 0; } .bui-hotmap-box-r .nab ul li{ width: 94px; height: 38px; float: left; text-align: center; line-height: 40px; cursor: pointer; } .gyx-box{ display: none; height: 355px; overflow-y: auto; } .gyx-box.on{ display: block; } .bui-hotmap-box-r .nab ul li.on{ color: #ffffff; background: #ff3333; } .bui-hotmap-box-r .nad{ width: 430px; padding: 0 20px; float: left; margin-top: 15px; margin-bottom: 35px; } .bui-hotmap-box-r .title{ width: 450px; height: 30px; padding-left: 15px; border-left: 5px solid #e9e9e9; line-height: 30px; color: #666666; font-size: 14px; float: left; background: #f3f3f3; } .lp-info-span{ /*display: none;*/ } .bui-hotmap-box-r .title-detail{ width: 430px; height: 40px; line-height: 40px; font-size: 14px; color: #666666; padding: 0 20px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bui-hotmap-box-r .title-detail span{ margin-right: 20px; float: left; } .bui-hotmap-box-r .title-detail span.special{ margin-right: 25px; width: 150px; } .bui-hotmap-box-r .nad span{ width: 50%; float: left; color: #666666; font-size: 14px; line-height: 35px; } .bui-hotmap-box-r .bantt{ width: 100%; height: 27px; line-height: 27px; border-bottom: 1px dashed #ccc; } .bui-hotmap-box-r .contbanbox{ clear: both; overflow: hidden; margin: 3px 0; font-size: 12px; width: 235px; cursor: pointer; } .bui-hotmap-box-r .contbanbox.on .zktb{ display: block; } .bui-hotmap-box-r .contbanbox.on .chuangtt{ background: no-repeat -107px -953px; } .bui-hotmap-box-r .chuangtt{ clear: both; overflow: hidden; width: 233px; height: 22px; border: 1px solid rgb(225, 225, 225); background: no-repeat -107px -913px; line-height: 22px; } .bui-hotmap-box-r .chuangtt span{ margin-left: 21px; } .bui-hotmap-box-r div.on .chuangtt span{ color:#ce0000; font-weight:bold; } .bui-hotmap-box-r .zktb{ clear: both; overflow: hidden; margin: 5px 0; height: auto; display: none; } .bui-hotmap-box-r .zktb .title-ls{ clear: both; overflow: hidden; height: 26px; line-height: 26px; text-align: center; border-bottom: 1px dashed #ccc; width: 100%; } .bui-hotmap-box-r .zktb .title-ls span{ width: 117.5px; } .bui-hotmap-box-r .zktb ul li{ clear: both; overflow: hidden; height: 26px; line-height: 26px; text-align: center; } .bui-hotmap-box-r .zktb ul li span{ width: 117.5px; overflow:hidden; } .bui-hotmap-box-r .zktb ul li:hover{ background:#dcdddd; } .bui-pho-box{ width: 1050px; height: auto; margin-top: 20px; margin-bottom: 20px; } .bui-pho-l{ width: 170px; height: 500px; float: left; position: relative; } .bui-pho-l ul{ width: 170px; height: auto; position: absolute; left: 0; top: 0; } .bui-pho-l ul li{ position: relative; width: 160px; height: 35px; line-height: 35px; font-size: 14px; font-weight: bold; border: 1px solid #dcdcdc; border-bottom: 0px; cursor: pointer; background-color: white; cursor: pointer; } .bui-pho-l ul li.hover,.bui-pho-l ul li:hover{ color:#fff; background:#ce0000; } .bui-pho-l ul li i{ width: 41px; height: 35px; background-position:-58px -557px; } .bui-pho-l ul li cite{ margin-right: 15px; font-style: normal; } .bui-pho-l ul li:nth-child(1) i{ background-image: ; background-repeat: no-repeat; background-position: -58px -557px; } .bui-pho-l ul li:nth-child(2) i{ background-image: ; background-repeat: no-repeat; background-position: -58px -590px; } .bui-pho-l ul li:nth-child(3){ border-bottom: 1px solid #dcdddd; } .bui-pho-l ul li:nth-child(3) i{ background-image: ; background-repeat: no-repeat; background-position: -58px -616px; } .bui-pho-l ul li.hover{ background-color:#ce0000; color: white; } .bui-pho-l ul li:nth-child(1).hover i,.bui-pho-l ul li:nth-child(1):hover i{ background-position:-92px -557px; } .bui-pho-l ul li:nth-child(2).hover i,.bui-pho-l ul li:nth-child(2):hover i{ background-position:-92px -590px; } .bui-pho-l ul li:nth-child(3).hover i,.bui-pho-l ul li:nth-child(3):hover i{ background-position:-92px -616px; } .bui-pho-r{ float: right; width: 880px; } .bui-pho-r-title{ height: 35px; border-bottom: 2px solid#ddd; width: 880px; float: left; } .bui-pho-r-title span{ padding-right: 5px; height: 35px; line-height:35px; border-bottom: 2px solid#ce0000; cursor: pointer; font-size: 16px; color: #333; font-weight: bold; float: left; } .bui-show-ls{ width: 878px; float: left; border: 1px solid#dcdddd; height: auto; } .bui-show-ls ul{ width: 878px; height: auto; float: left; padding-bottom:10px; } .bui-show-ls ul li{ width: 200px; height: 170px; float: left; display: inline; margin: 15px 0 0 15px; overflow: hidden; background:#f8f8f8; } .bui-show-ls ul li img{ display:inline; float:left; } .bui-show-ls ul li p{ height: 30px; line-height: 30px; text-align: center; width: 200px; overflow: hidden; display:inline; float:left; } .bui-huxing-title{ width: 1050px; height: 30px; border-bottom: 2px solid#ddd; margin-top: 10px; } .bui-huxing-title span{ padding-right: 5px; height: 30px; border-bottom: 2px solid#ce0000; cursor: pointer; font-size: 16px; color: #333; font-weight: bold; line-height: 30px; float: left; } .bui-huxing-title a{ float: right; } .bui-huxing-content{ width: 880px; height: auto; margin-bottom:15px; float: left; overflow: hidden; } .bui-huxing-content ul{ width: 900px; height: auto; float: left; padding-bottom:15px; } .bui-huxing-content ul li{ width: 200px; padding-bottom: 35px; height: 217px; overflow: hidden; float:left; margin-right: 25px; cursor: pointer; } .bui-huxing-content ul li a{ width: 198px; height: 148px; border: 1px solid #dcdddd; position: relative; float: left; } .bui-huxing-content ul li a .bottom{ width: 168px; height: 27px; left: 0; right: 0; bottom: 0; background: ; position: absolute; padding: 0 15px; color: #ffffff; line-height: 27px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bui-huxing-content ul li a img{ width: 100%; height: 100%; display: block; } .bui-huxing-content ul li p{ height: 35px; line-height: 35px; text-align: center; width: 100%; overflow: hidden; float: left; } .bui-huxing-content ul li p span{ font-size: 12px; color: #333333; } .bui-huxing-content ul li .biao{ width: 53px; border: 1px solid #cc0000; line-height: 24px; color: #cc0000; font-size: 14px; height: 24px; float: left; font-style: normal; text-align: center; margin-top: 7px; } .bui-huxing-right{ width: 298px; margin-left: 20px; border: 1px solid #dcdddd; float: left; margin-top: 30px; margin-bottom: 30px; } .bui-det-l{ width: 880px; float: left; height: auto; margin-top: 14px; margin-bottom: 45px; } .bui-det-base{ width: 878px; height: auto; border: 1px solid #dcdddd; margin-top: 16px; float: left; } .bui-det-con{ width: 880px; float: left; margin: 20px 0; } .bui-det-con.mar20{ margin: 30px; width: 820px; } .bui-det-con-tit{ width: 694px; height: 30px; line-height: 30px; font-size: 20px; } .bui-det-con ul{ width: 100%; float: left; } .bui-det-con ul.mar20-ul{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #dcdddd; margin-top: 15px; } .bui-det-con ul li label{ width: 66px; float:left; display:inline; } .bui-det-con ul li label.letter{ letter-spacing:4.8px; } .bui-det-con ul li{ line-height: 30px; width: 410px; overflow: hidden; float: left; } .bui-det-con ul li cite{ margin-left: 5px; font-style: normal; float: left; width: 339px; } .bui-det-con ul li cite.w100{ width: 700px; } .bui-det-con ul li cite.w-f{ color: #ce0000; font-size: 18px; } .bui-det-con ul li i{ font-style: normal; color: #ce0000; } .bui-det-info{ margin-top: 20px; width: 878px; height:auto; border: 1px solid #dcdddd; float: left; } .bui-det-con-txt{ margin-top: 15px; width: 100%; height: auto; font-size: 14px; } .bui-det-con-txt p{ font-size: 14px; } .bui-det-con-txt p span{ font-size: 14px!important; } .bui-det-r{ width: 300px; float: right; margin-top: 30px; } .bui-zs-l{ width: 880px; float: left; padding-bottom:15px; } .bui-zs-tab{ width: 880px; margin-top: 30px; border: 1px solid #dcdddd; } .bui-zs-tab.w100{ width: 1200px; height: auto; margin: 0; border: none; } .bui-zs-tab.w100 .bui-zs-imgls{ width: 100%; } .bui-zs-tab.w100 .bui-det-con{ width: 1160px; } .bui-zs-r{ width: 275px; float: right; margin-top: 14px; } .bui-zs-con-tab{ width: 694px; height: 30px; line-height: 30px; border-left:4px solid #ce0000; padding-left: 8px; font-size: 15px; } .bui-zs-con-tab span{ margin-left: 30px; } .bui-zs-imgls{ width: 100%; height: 300px; overflow: hidden; margin-top: 40px; } .bui-zs-l table{ width: 100%; border: solid#dcdddd; border-width: 1px 0px 0px 1px; margin-top: 20px; text-align: center; } .bui-zs-l table tr th{ height: 40px; background: #f8f8f8; border: solid#dcdddd; border-width: 0px 1px 1px 0px; overflow: hidden; } .bui-zs-l table tr td{ height: 40px; border: solid#dcdddd; border-width: 0px 1px 1px 0px; overflow: hidden; } .house_box{ width: 1200px; height: auto; float: left; } .shapan{ height:350px; width:650px; border:#dcccdd solid 1px; position:relative; overflow:hidden; background:#dcdddd; } .shapan .infolist{ position:relative; left:0; top:0; height:350px; width:650px; overflow:hidden; cursor:move; background: repeat; } .shapan .infolist span{ position:absolute; padding:1px 8px; border-radius:3px; color:white; } .shapan .infolist span.ons{ background:#ee9c21; box-shadow:0 0 2px 2px #ee9c21; color:white; border-top:#ee9c21 solid 1px; border-left:#ee9c21 solid 1px; } .shapan .infolist span.on{ background:#b3b6bf; box-shadow:0 0 2px 2px #b3b6bf; color:white; border-top:#b3b6bf solid 1px; border-left:#b3b6bf solid 1px; } .shapan .infolist span.one{ background:#8dbf4c; box-shadow:0 0 2px 2px #8dbf4c; color:white; border-top:#8dbf4c solid 1px; border-left:#8dbf4c solid 1px; } .shapan .infolist span .maplabelbtnt{ border-color: #8dbf4c transparent transparent; border-image: none; border-style: solid; border-width: 10px; height: 0; line-height: 0; margin: 0 auto; width: 0; position:absolute; bottom:-18px; left:50%; margin-left:-2px; *border-width:0; *width:10px; *height:10px; *background: no-repeat; *bottom:-10px; border-width:0\0; width:10px\0; height:10px\0; background: no-repeat\0; bottom:-10px\0; } .shapan .infolist span.ons .maplabelbtnt{ border-color: rgba(238, 156, 33, 0.75) transparent transparent; *background: no-repeat center right; background: no-repeat center right\0; } .shapan .infolist span.on .maplabelbtnt{ border-color: #b3b6bf transparent transparent; *background: no-repeat center center; background: no-repeat center center\0; } .shapan img{ position:absolute; left:0; top:0; } .status-box .status1{ background:#ff9934; border-radius:1px; color:white; height: 26px; float: right; width:40px; line-height: 26px; text-align:center; padding-left: 20px; margin-left: 10px; cursor: pointer; position: relative; } .status-box .status1 .fang{ width: 12px; height: 12px; position: absolute; top: 7px; left: 8px; background: #ffffff; } .status-box .status2 .fang{ width: 12px; height: 12px; position: absolute; top: 7px; left: 8px; background: #ffffff; } .status-box .status3 .fang{ width: 12px; height: 12px; position: absolute; top: 7px; left: 8px; background: #ffffff; } .status-box .status1.on .fang{ background: center center #fff no-repeat; } .status-box .status2.on .fang{ background: center center #fff no-repeat; } .status-box .status3.on .fang{ background: center center #fff no-repeat; } .status-box .status2{ background:#8dbf4c; border-radius:1px; color:white; height: 26px; float: right; width:40px; line-height: 26px; text-align:center; padding-left: 20px; margin-left: 10px; position: relative; cursor: pointer; } .status-box .status3{ background:#b3b6bf; border-radius:1px; color:white; height: 26px; float: right; width:40px; line-height: 26px; text-align:center; padding-left: 20px; margin-left: 10px; position: relative; cursor: pointer; } .bui-detail-info img{ max-width: 100%; } /*弹窗样式*/ .ly-top{ width: 672px; height: auto; margin-top: 30px; padding-top:30px; } .ly-top p{ height: 66px; line-height: 66px; padding-bottom: 30px; text-align: center; font-size: 34px; font-weight: bold; color: #666; } .ly-m{ width: 672px; clear: both; } .ly-m-l{ width: 300px; padding: 0 10px 0 20px; } .ly-m-l h4{ line-height: 30px; padding: 10px 0; color: #cc0000; font-size: 26px; text-align: left; margin-bottom: 0; } .ly-m-l span{ border: 1px solid #cc0000; display: block; height: auto; line-height: 38px; overflow: hidden; font-size: 14px; color: #333333; text-align: left; padding: 0 10px; margin-bottom: 4px; text-decoration: none; } .ly-m-r{ border-left: 1px dashed #dddddd; width: 308px; padding-left: 22px; } .ly-m-r ul{ margin: 5px 0 0 0 } .ly-m-r ul li{ height: 40px; line-height: 40px; margin-bottom: 8px; vertical-align: top; } .ly-m-r ul li span { font-size: 14px; color: #333333; padding-right: 15px; float: left; } .ly-m-r ul li cite{ width: 104px; border: 1px solid #dedede; height: 40px; text-align: center; font-style: normal; float: left; } .ly-m-r ul li cite img{ width: 104px; height: 40px; float: left; } .ly-m-r ul li input{ border: 1px solid #d3d3d3; height: 40px; line-height: 40px; padding: 0 5px; font-size: 14px; color: #aaa; width: 196px; float: left; } .ly-m-r ul li input#yhcode{ width: 90px !important; } .ly-m-r ul li input.lit-inp-w{ width: 107px; } .ly-m-r ul li input.huoqu_code{ width: 84px; height: 40px; border: none; background: no-repeat; margin-left: 5px; cursor: pointer; font-size: 12px; color: #333; } .ly-b{ width: 322px; margin: 0 auto; padding-top: 60px; } .ly-b input{ width: 322px; height: 40px; line-height: 40px; border: none; background: #f85758; text-align: center; color: #fff; font-size: 16px; margin: 0 auto; cursor:pointer; } .ly-c{ width: 322px; margin: 0 auto; padding-top: 40px; } .ly-c input{ width: 322px; height: 40px; line-height: 40px; border: none; background: #f85758; text-align: center; color: #fff; font-size: 16px; margin: 0 auto; cursor:pointer; } .s01{ background: center center no-repeat; } .s02{ background: center center no-repeat; } .s03{ background: center center no-repeat; } .s04{ width: 86px; background:#ffffff; border:1px solid #e8e4e3 !important; color:#333333!important; height: 28px; line-height: 26px; float: left; text-align: center; margin-right: 10px; margin-top: 4px; } .qy_hot_list{ width: 220px; height: 420px; float: left; margin-right: 25px; height: 430px; } .quyu-box{ width: 1158px; height: auto; border: 1px solid #dcdddd; padding: 20px; margin-bottom: 30px; float: left; } .quyu-box a{ font-size: 14px; color: #666666; margin-right: 15px; line-height: 40px; } .quyu-box a:hover{ color: #c00; } .qy_hot_list.last{ margin-right: 0; } .qy_hot_list .tittle{ margin-top: 14px; height: 30px; line-height: 30px; display: block; background: no-repeat right center; border-bottom: 1px solid #df2f30; } .qy_hot_list .tittle span{ height: 26px; border-bottom: 4px solid #df2f30; width: 54px; display: block; line-height: 20px; font-size: 16px; color: #333333; font-weight: bold; } .qy_hot_list ul{ width: 100%; height: auto; margin-top: 5px; } .qy_hot_list:last-child{ margin-right: 0; } .qy_hot_list ul li{ width: 200px; height: 35px; line-height: 35px; padding-left: 20px; position: relative; border-bottom: 1px dashed #dddddd; } .qy_hot_list ul li:hover{ background: #efefef; cursor: pointer; } .qy_hot_list ul li:hover .name{ color: #c30105; } .qy_hot_list ul li:hover .time{ color: #c30105; } .qy_hot_list ul li i{ width: 15px; height: 15px; border-radius: 1px; background: #999999; position: absolute; top: 10px; left: 0; color: #ffffff; font-size: 10px; font-style: normal; line-height: 15px; text-align: center; } .qy_hot_list ul li i.on{ background: #df2f30; } .qy_hot_list ul li .name{ width: 115px; line-height: 35px; color: #333333; font-size: 14px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:106px; } .qy_hot_list ul li .time{ float: right; width: 85px; height: 35px; overflow: hidden; line-height: 35px; color: #333333; font-size: 14px; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .new-tel-box{ width: 100%; height: 170px; background: #f8f8f8; border-top: 1px solid #dcdddd; } .new-tel-box .tel-box{ width: 1200px; margin: 0 auto; height: 110px; padding: 30px 0; } .new-tel-box .tel-box .tel-list{ width: 216px; border-right: 1px solid #dcdddd; float: left; height: 110px; margin-right: 45px; } .new-tel-box .tel-box .tel-list p{ height: 30px; width: 100%; color: #000000; font-size: 16px; float: left; } .new-tel-box .tel-box .tel-list a{ width: 50%; float: left; line-height: 30px; font-size: 12px; color: #666666; } .new-tel-box .tel-box .img-box{ width: 192px; height: 110px; border-right: 1px solid #dcdddd; float: left; padding-left: 35px; } .new-tel-box .tel-box .img-box2{ width: 186px; height: 110px; float: left; } .new-tel-box .tel-box .img-box2 img{ width: 103px; height: 103px; float: right; margin-top: -10px; } .new-tel-box .tel-box .img-box2 p{ width: 103px; color: #666666; font-size: 12px; line-height: 30px; float: right; text-align: center; } .new-tel-box .tel-box .img-box img{ float: left; width: 103px; height: 103px; margin-top: -10px; } .new-tel-box .tel-box .img-box p{ width: 103px; color: #666666; font-size: 12px; line-height: 30px; float: left; text-align: center; } .hx-nav{ width: 880px; float: left; margin-bottom: 15px; } .hx-nav li{ margin-right: 23px; float: left; } .hx-nav li a{ font-size: 14px; color: #333333; } .hx-nav li a.on{ color: #d54444; } .hx-nav li a:hover{ } .bui-huxing-right .huxing-right-title{ padding-left: 20px; width: 278px; line-height: 25px; margin-top: 10px; font-size: 15px; color: #333333; font-weight: bold; padding-bottom: 10px; float: left; } .bui-huxing-right ul{ width: 100%; float: left; padding-bottom: 30px; } .bui-huxing-right ul li{ width: 100%; height: 35px; line-height: 35px; float: left; position: relative; } .bui-huxing-right ul li a{ padding-left: 55px; display: block; width: 218px; padding-right: 25px; height: 35px; } .bui-huxing-right ul li i{ width: 10px; float: left; height: 35px; background: left center no-repeat; position: absolute; left: 0; top: 0; display: none; } .bui-huxing-right ul li span{ color: #333333; font-size: 14px; } .bui-huxing-right ul li.on i{ display: block; } .bui-huxing-right ul li.on span{ color: #cc0000; } .bui-huxing-right ul li.ios1{ background: 20px 6px no-repeat; } .bui-huxing-right ul li.ios2{ background: 20px -37px no-repeat; } .bui-huxing-right ul li.ios3{ background: 20px -81px no-repeat; } .bui-huxing-right ul li.ios4{ background: 20px -127px no-repeat; } .bui-huxing-right ul li.ios5{ background: 20px -171px no-repeat; } .bui-huxing-right ul li.ios6{ background: 20px -280px no-repeat; } .bui-huxing-right ul li.ios7{ background: 20px -323px no-repeat; } .bui-huxing-right ul li.ios8{ background: 20px -368px no-repeat; } .bui-huxing-right ul li.ios9{ background: 20px -414px no-repeat; } .bui-huxing-right ul li.ios1.on{ background: 20px 6px no-repeat; } .bui-huxing-right ul li.ios2.on{ background: 20px -37px no-repeat; } .bui-huxing-right ul li.ios3.on{ background: 20px -81px no-repeat; } .bui-huxing-right ul li.ios4.on{ background: 20px -127px no-repeat; } .bui-huxing-right ul li.ios5.on{ background: 20px -171px no-repeat; } .bui-huxing-right ul li.ios6.on{ background: 20px -280px no-repeat; } .bui-huxing-right ul li.ios7.on{ background: 20px -323px no-repeat; } .bui-huxing-right ul li.ios8.on{ background: 20px -368px no-repeat; } .bui-huxing-right ul li.ios9.on{ background: 20px -414px no-repeat; } .bui-huxing-left{ width: 880px; height: auto; float: left; } .left-font-box{ width: 880px; height: auto; margin-top: 30px; float: left; } .left-font-box .font-nav{ width: 100%; margin-top: 15px; float: left; padding-bottom: 13px; border-bottom: 1px solid #dcdddd; } .left-font-box .font-nav li{ height: 27px; padding: 0 14px; color: #666; font-size: 14px; float: left; line-height: 27px; margin-right: 15px; cursor: pointer; } .left-font-box .font-nav li a{ color: #333; text-decoration: none; } .left-font-box .font-nav li.on{ background: #c60000; color: #ffffff; border-radius: 5px; } .left-font-box .font-nav li.on a{ color: #fff; } .left-font-box .left-list-box{ width: 100%; margin-top: 30px; float: left; } .left-font-box .left-list-box dl{ width: 845px; padding-left: 35px; background: 12px 5px no-repeat; float: left; height: auto; padding-bottom: 35px; } .left-font-box .left-list-box dl dt{ font-size: 14px; color: #666; height: 30px; width: 100%; float: left; } .left-font-box .left-list-box dl dd{ width: 800px; float: left; } .left-font-box .left-list-box dl dd .name{ width: 100%; color: #333333; line-height: 30px; font-size: 20px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .left-font-box .left-list-box dl dd .name a{ width: 100%; color: #333333; line-height: 30px; font-size: 20px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .left-font-box .left-list-box dl dd .font{ font-size: 14px; width: 100%; line-height: 30px; color: #666666; float: left; } .left-font-box .left-list-box dl dd .font a{ color: #c60000; } .zyj-photo-box{ width: 880px; height: auto; float: left; margin-top: 30px; padding-bottom: 30px; } .zyj-photo-box .title{ width: 100%; height: auto; font-weight: bolder; font-size: 18px; height: 55px; line-height: 40px; font-weight: bolder; color: #333333; } .zyj-photo-box .title .red{ color: #cc0000; } .zjy-lunbox{ width: 880px; height: 650px; padding-bottom: 30px; position: relative; z-index: 0; overflow: hidden; } .swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto; } .swiper-button-ble{ color: #898989; background-image: ; } .swiper-button-blc{ background-image: ; } .swiper-slide { background-size: cover; background-position: center; } .impowerbox .status p{ color: #333; } .impowerbox .title{ color: #333; } .swiper-slide a{ display: block; width: 100%; height: 100%; align-items: center; overflow: hidden; display: flex; } .swiper-slide img{ height: 100%; width: auto; display: block; margin: 0 auto; } .gallery-top { height: 80%; width: 100%; } .gallery-thumbs { height: 100%; padding: 10px 0 40px 0; } .gallery-thumbs .swiper-slide { opacity: 0.4; padding-bottom: 30px; position: relative; cursor: pointer; overflow: hidden; text-align: center; } .zjy-lunbox .poton-img img{ max-height: 520px; max-width: 880px; align-items: center; margin: 0 auto; width: auto; height: auto; _height: expression(this.height > 880 ? "880px" : this.height); _width: expression(this.width > 520 ? "520px" : this.width); align-items: center; } .zyj-swiper{ width: 800px; height: 100px; padding: 0 40px; position: relative; } .zyj-swiper .zyj-next-button{ position: absolute; width: 35px; height: 100px; position: absolute; top: 10px; left: 0; background: center center; cursor: pointer; } .zyj-swiper .zyj-prev-button{ position: absolute; width: 35px; height: 100px; position: absolute; top: 10px; right: 0; background: center center; cursor: pointer; } .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } .zjy-lunbox img{ width: 100%; height: 100%; display: block; cursor: pointer; margin: 0 auto; } .zjy-lunbox img.lcimg{ height: 100%; width: auto; display: block; margin: 0 auto; } .zjy-lunbox .zyj-font{ width: 100%; line-height: 30px; text-align: center; display: block; font-size: 12px; color: #666; position: absolute; left: 0; bottom: 0; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zyj-photo-box .photo-list{ width: 100%; height: auto; float: left; margin-top: 20px; } .zyj-photo-box .photo-list li{ width: 100%; float: left; height: 40px; line-height: 40px; } .zyj-photo-box .photo-list li b{ font-size: 14px; color: #333; float: left; } .zyj-photo-box .photo-list li span{ font-size: 14px; color: #333; float: left; line-height: 40px; } .zyj-photo-box .photo-list li span.red{ color: #cc0000; margin-left: 20px; } .zyj-photo-box .photo-list li span span{ margin-right: 5px; } .zyj-photo-box .photo-list li span cite{ font-size: 20px; font-style: normal; color: #cc0000; margin: 0 5px; float: left; } .zyj-photo-box .photo-list li span em{ font-style: normal; color: #333333; font-size: 14px; float: left; line-height: 40px; } .zyj-photo-box .photo-list li .jj{ width: 78px; height: 27px; padding-left: 23px; float: left; background: center center no-repeat; font-style: normal; line-height: 27px; margin-left: 70px; margin-top: 7px; cursor: pointer; font-size: 14px; color: #666; } .zyj-photo-box .photo-list li .jj a{ color: 666; } .zyj-photo-box .photo-list li .kp{ width: 68px; height: 27px; padding-left: 33px; font-size: 14px; float: left; background: center center no-repeat; font-style: normal; line-height: 27px; margin-left: 15px; margin-top: 7px; cursor: pointer; color: #666; } .zyj-photo-box .photo-list li .kp a{ color: 666; } .zyj-photo-box .photo-list li .hx{ width: 68px; height: 27px; padding-left: 33px; float: left; background: center center no-repeat; font-style: normal; line-height: 27px; margin-left: 20px; margin-top: 7px; cursor: pointer; } .zyj-photo-box .photo-list li .hx a{ color: #666; } .zyj-comment{ width: 100%; height: auto; float: left; } .zyj-comment ul{ width: 1198px; height: auto; border: 1px solid #dcdddd; float: left; border-bottom: none; } .zyj-comment ul li{ width: 1168px; height: auto; float: left; border-bottom: 1px solid #dcdddd; padding: 15px; } .zyj-comment ul li .name-img{ width: 80px; height: 80px; overflow: hidden; float: left; margin-right: 20px; } .zyj-comment ul li .name-img img{ width: 80px; height: 80px; border-radius: 50%; } .zyj-comment ul li .name-img span{ display: block; text-align: center; font-size: 12px; width: 100%; color: #898989; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zyj-comment ul li .font{ width: 1000px; float: left; line-height: 20px; font-size: 14px; color: #666; margin-top: 20px; } .zyj-comment ul li .time{ width: 1000px; float: left; line-height: 20px; font-size: 12px; color: #888888; margin-top: 10px; } .zyj-zj{ width: 100%; height: 100px; float: left; } .zyj-zj ul{ border: 1px solid #dccddd; width: 1198px; height: 78px; padding: 10px 0; float: left; } .zyj-zj ul li{ border-right: 1px solid #dcdddd; float: left; width: 238px; height: 78px; padding: 0 30px; position: relative; } .zyj-zj ul li:last-child{ border-right: none; } .zyj-zj ul li img{ width: 60px; height: 60px; float: left; margin-top: 9px; border-radius: 50%; margin-right: 30px; } .zyj-zj ul li .zyj-zj-img{ width: 150px; height: 180px; top: -20px; margin-top: 0; right: -60px; position: absolute; display: none; z-index: 2; } .zyj-zj ul li .zyj-zj-img img{ width: 150px; height: 150px; } .zyj-zj ul li .zyj-zj-img p{ line-height: 30px; font-size: 14px; text-align: center; width: 100%; } .zyj-zj ul li .name{ width: 58px; float: left; line-height: 20px; font-size: 14px; color: #333; margin-top: 15px; } .zyj-zj ul li .font{ width: 50px; height: 20px; border: 1px solid #fa5555; color: #fa5555; float: left; font-size: 12px; text-align: center; line-height: 20px; margin-top: 10px; cursor: pointer; } .dp-box-my{ width: 400px; height: 400px; padding: 0 50px; } .dp-box-my .my-title{ width: 100%; line-height: 80px; font-size: 18px; font-weight: bolder; text-align: center; } .dp-box-my textarea{ width: 380px; height: 190px; border: 1px solid #dcdddd; padding: 10px; border-radius: 3px; resize: none; } .dp-box-my button{ margin-top: 10px; } .zyj-page{ width: 100%; float: left; margin-top: 5px; } .zyj-page b{ color: #ce0000; } .zyj-page .rows{ text-align: center; } .newlp-from{ padding: 0 20px 20px; } .newlp-from .title{ margin-top: 25px; text-align: center; font-size: 20px; color: #333; padding-bottom: 15px; width: 100%; } .newlp-from ul{ width: 410px; margin: 0 auto; } .newlp-from ul li{ margin-top: 15px; position: relative; } .newlp-from ul li label{ font-size: 16px; color: #666; } .newlp-from ul li input{ width: 303px; padding: 0 10px; font-size: 14px; color: #333; background-color: transparent; height: 40px; line-height: 40px; border: 1px solid #ccc; } .newlp-from ul li button{ width: 100%; height: 40px; margin-top: 15px; background-color: #f33; border: none !important; font-size: 18px; color: #fff; cursor: pointer; } .no-body-new{ width: 100%; background: center center no-repeat; height: 500px; } .bui-list-gg-box{ width: 1200px; height: 45px; margin-top: 16px; } .bui-list-gg-box a{ display: block; width: 100%; height: 45px; margin-top: 5px; } .bui-list-gg-box a img{ width: 1200px; height: 45px; display: block; } .select-box-new{ width: 98px; height: 26px; border: 1px solid #e7e7e7; float: left; position: relative; margin-right: 7px; } .select-box-new .option{ padding-right: 25px; width: 73px; text-align: center; color: #666666; font-size: 14px; background: 75px center no-repeat; padding-left: 0; line-height: 26px; cursor: pointer; } .select-box-new .option.on{ background: 75px center no-repeat; } .select-box-new .sel-box{ width: 98px; height: auto; position: absolute; top: 27px; left: -1px; background: #fff; border: 1px solid #e7e7e7; border-top: none; display: none; border-bottom: none; z-index: 2; } .select-box-new .sel-box li{ border-bottom: 1px solid #e7e7e7; height: 24px; width: 100%; margin: 0; padding: 0; } .select-box-new .sel-box li:hover{ background: #fffcdf; } .select-box-new .sel-box li a{ color: #666666; font-size: 14px; padding-left: 23px; line-height: 25px; text-decoration: none; } .new-list-nav{ width: 1198px; height: 46px; border: 1px solid #dddddd; background: #f9f9f9; margin-top: 25px; float: left; } .new-list-nav li{ width: 137px; height: 46px; line-height: 48px; text-align: center; float: left; } .new-list-nav li a{ width: 100%; display: block; color: #333333; font-size: 18px; text-decoration: none; } .new-list-nav li a.on{ color: #fff; background: #c60000; margin-top: -1px; } .zyjnew-list-box{ padding: 10px 15px; width: 268px; float: left; } .zyjnew-list-box li{ position: relative; padding-left: 13px; width: 255px; line-height: 30px; float: left; } .zyjnew-list-box li i{ width: 3px; height: 3px; position: absolute; left: 0; top: 50%; margin-top: -2.5px; background: #cccccc; } .zyjnew-list-box li a{ width: 100%; height: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #333333; line-height: 30px; float: left; } .zyjnew-list-box li a:hover{ color: #cc0000; } .eachitbottom{ width: 100%; text-align: center; margin-top: 10px; } .eachitbottom span{ font-size: 12px; color: #999; margin: 0 10px; padding-left: 25px; } .eachitbottom span.line1{ background: left center no-repeat; } .eachitbottom span.line2{ background: left center no-repeat; } .tstag span{ padding:0 5px 0 0; }