pfhwyigou/mobile/web/zt/jpindex1/css/style.css

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%;}
}