body {background:#222932;} .he {height:40px;} /*头图*/ .timg {} .timg img {display:block;width:100%;} /*顶报名*/ .taply {height:50px;line-height:50px;background:url(../image/tbg.png) no-repeat center/100% 100%;} .inside {margin:0 5.3%;} .insi {} .insi input[name="name"] {height:28px;line-height:28px;padding-left:8px;border:none;border-radius:5px;width:82px;font-size:0.8125rem;} .insi input[name="mobile"] {height:28px;line-height:28px;padding-left:8px;border:none;border-radius:5px;width:116px;font-size:0.8125rem;margin:0 10px} .insi .insi-btn {display:inline-block;height:28px;line-height:28px;font-size:0.8125rem;color:#fff;background:#20B011;border:none;border-radius:5px;padding:0 7px;} /*热卖楼盘*/ .lp-title {height:55px;line-height:55px;text-align:center;background:url(../image/lp-title.png) no-repeat center/100% 100%;font-size:1.5625rem;color:#D9AF65;} .lp-listbox {background:#E5E5E5;} .lp-listbox .lp-nav {background:#6B3A00;} .lp-listbox .lp-nav a {display:inline-block;width:49%;text-align:center;height:36px;line-height:36px;font-size:0.9375rem;color:#fff;} .lp-listbox .lp-nav a.on {background:#E5E5E5;color:#454544;} .lp-list {padding-bottom:15px;} .lp-list ul li {margin:13px 7px 0;background:#fff;position:relative;} .lp-list ul li .lp-list-img {display:inline-block;vertical-align:top;width:47%;height:113px;} .lp-list ul li .lp-list-img img {display:block;width:100%;height:100%;} .lp-list ul li .lp-list-font {display:inline-block;vertical-align:top;width:51.4%;padding:5px 15px;} .lp-list ul li .lp-list-font .name {font-size:0.9375rem;font-weight:600;padding-bottom:5px;width:90%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .lp-list ul li .lp-list-font .price {font-size:0.9375rem;color:#FF5400;padding-top:5px;border-top:1px solid #CFCFCF;} .lp-list ul li .lp-list-font .price span {display:inline-block;margin-left:8px;} .lp-list ul li .lp-list-font .rent {font-size:0.6875rem;color:#6F6F6F;border-bottom:1px solid #CFCFCF;padding:5px 0;} .lp-list ul li .lp-list-font .rent span {display:inline-block;margin-left:3px;} .lp-list ul li .lp-list-font .b {height:21px;margin-top:7px;} .lp-list ul li .bth {position:absolute;right:0;bottom:5px;width: 51.4%;} .lp-list ul li .bth a {display:inline-block;font-size:0.8125rem;color:#fff;background:#20B011;padding:5px 7px;border-radius:2px;margin-left:8px;} /*问题*/ .lp-bg {background:url(../image/lp-bg.png) no-repeat center/100% 100%;} .questions {background:#E5E5E5;padding:16px 2.18%;} .questions .q-box {margin-bottom:17px;} .questions .q-box .q-label{display:inline-block;border:1px solid #A05F12;text-align:center;width:32%;} .questions .q-box .q-label p:nth-child(1) {font-size:1rem;color:#fff;background:#A05F12;padding:7px 6px;} .questions .q-box .q-label p:nth-child(2) {font-size:10px;color:#A05F12;padding:5px 0;} .dl {} .dl dd {background:#fff;padding:12px 7px;margin-top:10px;} .dl dd p:nth-child(1) {font-size:0.9375rem;color:#000;font-weight:600;} .dl dd p:nth-child(1):before {content:"";display:inline-block;width:16px;height:16px;background:url(../image/l.png) no-repeat center/100% 100%;vertical-align:middle;margin-top:-2px;margin-right:8px;} .dl dd p:nth-child(2) {font-size:0.625rem;color:#000;line-height:15px;margin-top:8px;} .questions-btn {text-align:center;padding:20px 0 6px;} .questions-btn a {display:inline-block;background:#20B011;border-radius:2px;color:#fff;font-size:0.8125rem;padding:8px 9px 8px;} .questions-btn a + a {margin-left:10px;} .questions-btn a:nth-child(1):before {content:"";display:inline-block;width:16px;height:16px;background:url(../image/consult.png) no-repeat center/100% 100%;vertical-align:middle;margin-top:-2px;margin-right:5px;} .questions-btn a:nth-child(2):before {content:"";display:inline-block;width:16px;height:16px;background:url(../image/tel.png) no-repeat center/100% 100%;vertical-align:middle;margin-top:-2px;margin-right:5px;} /*流程*/ .lp-bg1 {background:url(../image/lp-bg1.png) no-repeat center/100% 100%;} .flow {padding:14px 2.18%;background:#E5E5E5;} .flow table {width:100%;} .flow table tr td {border:1px solid #BABABA;width:30.68%;height:63px;padding-left: 3px;} .flow table tr:nth-child(1) td {border-top:0;} .flow table tr:nth-child(1) td:nth-child(1) {border-left:0;} .flow table tr:nth-child(1) td:nth-child(3) {border-right:0;} .flow table tr:nth-child(2) td {border-bottom:0;} .flow table tr:nth-child(2) td:nth-child(1) {border-left:0;} .flow table tr:nth-child(2) td:nth-child(3) {border-right:0;} .flow .title {display:inline-block;width:70px;vertical-align:middle;} .flow .title p:nth-child(1) {font-size:0.85rem;color:#6B3A00;letter-spacing:3px;} .flow .title p:nth-child(2) {font-size:0.625rem;color:#000;line-height:15px;margin-top:3px;} .flow .label {display:inline-block;width:20px;height:40px;line-height:40px;text-indent:2px;color:#fff;vertical-align:middle;background:url(../image/label.png) no-repeat center/100% 100%;} .wmt {background:#E5E5E5;} .wmt > img {display:inline-block;width:100%;position:relative;z-index:1;} .wmb {padding:8px;margin-top:-32px;position:relative;} .wmb-m {position:absolute;top:45px;left:15px;} .wmb-m .wmb-m-l {display:inline-block;vertical-align:top;padding-right:8px;border-right:1px solid #fff;} .wmb-m .wmb-m-l p:nth-child(1) {font-size:1.125rem;color:#fff;font-weight:600;} .wmb-m .wmb-m-l p:nth-child(2) {font-size:0.8125rem;color:#E4FF00;margin-top:8px;} .wmb-m .wmb-m-l p:nth-child(3) {font-size:0.625rem;color:#E4FF00;margin-top:4px;} .wmb-m .wmb-m-r {display:inline-block;vertical-align:top;font-size:0.625rem;color:#fff;line-height:16px;padding-left:5px;} .wmb .has {position:absolute;left:0;bottom:15px;padding:0 15px;} .wmb .insi input[name="mobile"] {margin:0 5px;width:115px;} /*为什么选择*/ .choice {position:relative;} .choice-title {text-align:center;height:56px;line-height:56px;font-size:1.5625rem;color:#D9AF65;font-weight:600;border-bottom:4px solid #6B3A00;position:relative;z-index:10;background:url(../image/choice.png) no-repeat center/100% 100%;} .choice > img {position:absolute;top:0;left:0;} .choice-box {background:#E5E5E5;position:relative;z-index:10;padding:27px 2.18% 0;} .choice-box .nav-box {} .choice-box .nav-box a {display:inline-block;width:23.5%;text-align:center;} .choice-box .nav-box a img {display:inline-block;width:54px;height:54px;} .choice-box .nav-box a p {font-size:0.625rem;color:#222932;margin-top:8px;text-align:center;} .choice dl {background:#E5E5E5;margin-top:27px;padding-bottom:15px;} .choice dl dd {background:#fff;} .choice dl dd + dd {margin-top:8px;} .choice dl dd .dl-img {display:inline-block;vertical-align:top;width:46.56%;height:97px;} .choice dl dd .dl-img img {display:inline-block;width:100%;height:100%;} .choice dl dd .dl-font {display:inline-block;vertical-align:top;width:49.25%;font-size:0.8rem;padding:5px;min-height:97px;} /*底部*/ .foor {padding:34px 0 0;position:relative;height:227px;border-bottom:4px solid #6B3A00;background:url(../image/choice.png) no-repeat center/100% 100%;} .foor .wlogo {display:inline-block;vertical-align:top;width:150px;margin-left:5.4%;} .foor .wlogo p img {display:inline-block;width:100%;} .foor .wlogo p {color:#D9AF65;} .foor .wlogo p:nth-child(2) {font-size:18px;margin-top:13px;} .foor .wlogo p:nth-child(3) {font-size:23px;} .foor .wcode {display:inline-block;vertical-align:top;width:105px;float:right;margin-right:6.4%;} .foor .wcode img {display:block;width:100%;height:100%;} .for-ap {position:absolute;bottom:25px;} .for-ap .insi {} .for-ap .insi input {height:33px;line-height:33px;} .for-ap .insi input[name="mobile"] {width:120px;margin: 0 5px;} /*媒体查询*/ @media (max-width: 320px){ .insi input[name="name"] {width:75px;} .insi input[name="mobile"] {margin:0 2px;width:90px;} .lp-list ul li .lp-list-img {width:43%;} .lp-list ul li .lp-list-font {width:51.4%;padding: 8px 4px;} .questions-btn a {font-size:0.7rem;} .questions-btn a + a {margin-left:0px;} .questions .q-box .q-label + .q-label {margin-left:-2px} .questions .q-box .q-label p:nth-child(1) {font-size:0.8rem;} .questions .q-box .q-label {width:89px;} .flow .title {width:60px;} .flow .title p:nth-child(1) {font-size:0.7rem;} .flow .title p:nth-child(2) {font-size:0.6rem;} .wmb-m .wmb-m-l {padding-right:5px;} .wmb-m .wmb-m-r {padding-left:5px;} .wmb .insi input[name="mobile"] {margin:0;width:105px;} .for-ap .insi input[name="mobile"] {width:100px;} } /*媒体查询*/ @media (max-width: 414px){ .questions .q-box .q-label {width:32%;} }