body{background: #ca0a1a; max-width: 750px; margin: 0 auto;} .w_im{display: none;} .ztBox{ width: 100%; height: auto;} .ztHead{ width: 100%; height: auto; position: relative;} .ztHead_bg,.ztHead_bg img,.ztHead_foot,.ztHead_foot img{ width: 100%; height: auto;} .ztHead_intr{ position: absolute; width: 46%; right: 50%; margin-right: -32%; bottom: 24.3%;z-index: 2;} .ztHead_intr p.title{ position: relative; width: 100%; height: auto; height:15px; line-height: 15px; font-size: 0.875rem; color:#fffdc2;} .ztHead_intr p.title.lpjs{float: left;overflow: hidden; white-space:nowrap;} .ztHead_intr p.title.lpjs span{ position: absolute; left: 0px; top: 0px; display: inline-block; } .ztHead_intr p.title.lpjs span i{ padding-right: 20px;} .ztHead_foot{ position: absolute; right: 0px; bottom: -18%; z-index: 1;} .ztMain{ position: relative; top: -25px; width: 100%; height: auto; background: url('/zt/xinnain2020/image/ico_16.png') no-repeat center; background-size:100% 100%; } /*.ztMain_center{height:1000px;}*/ .main_title{padding-top: 20px; font-size: 1.2625rem; color: #FFF8C7; text-align: center;} .lplist{ width: 78%; margin: 0 auto; } .lplist_mainbox{ width: 100%;height: auto; overflow: hidden;} /*.lplist_main{ width: 100%;height: auto; overflow: hidden;}*/ .lplist ul li .topcenter{background: url('/zt/xinnain2020/image/ico_17.png') no-repeat center; padding: 2px; background-size:100% 100%; border-radius: 5px; overflow: hidden;} .lplist ul li .topcenter .lpimg{ width: 100%; height: 158px;} .lplist ul li .topcenter .lpimg img{ width: 100%; height: 100%;} .lplist ul li .topcenter .lptext{ padding: 18px 10px 10px;} .lplist ul li .topcenter .lptext .lptitle p.left{float: left; position: relative;} .lplist ul li .topcenter .lptext .lptitle p.left span{margin-left: 20px; background: #c20600; padding: 0 10px 0px 25px; border-radius: 20px; height: 30px; line-height: 30px; display:inline-block; font-size: 0.937rem; color: #FBE5AD; font-weight: bold;} .lplist ul li .topcenter .lptext .lptitle p.left i{ width: 45px; height: auto;display: inline-block; position: absolute; left: 0; bottom: -3px; z-index: 1;} .lplist ul li .topcenter .lptext .lptitle p.left i img{ width: 100%; height: auto;} .lplist ul li .topcenter .lptext .lptitle p.right{float: right; position: relative; top: 10px;} .lplist ul li .topcenter .lptext .lptitle p.right i{ position: relative; top: 0px; width: 8px; height: 11px; display: inline-block;margin-right: 4px;} .lplist ul li .topcenter .lptext .lptitle p.right i img{ width: 100%; height: 100%;} .lplist ul li .topcenter .lptext .lptitle p.right span{display: inline-block; font-size: 0.75rem; color: #510303; padding-left: 0px;} .lplist ul li .topcenter .lptext .lppric{ margin-top: 10px;font-weight: 600;color: #c20600;} .lplist ul li .topcenter .lptext .lppric i{display: inline-block; width: 8px; height: 12px;margin-right:3px;position: relative;top:-2px;} .lplist ul li .topcenter .lptext .lppric i img{width: 100%; height: 100%;} .lplist ul li .topcenter .lptext .lppric span{display: inline-block; font-size: 1.875rem; color:#DC0000; font-weight: bold;} .lplist ul li .topcenter .lptext .lppric span em{display: inline-block; font-size: 0.875rem;font-weight: normal; padding-left: 3px;} .lplist ul li .topcenter .lptext .lppric b{display: inline-block; font-size: 0.75rem; color: #666; padding-left: 5px;} .lplist ul li .topcenter .lptext .lpzkou{margin-top: 10px; background: url('/zt/xinnain2020/image/ico_19.png') no-repeat center; background-size:100% 100%; height: 25px; line-height: 25px;} .lplist ul li .topcenter .lptext .lpzkou p{font-size: 0.75rem; color: #510303; padding-left: 15px;} .lplist ul li .topcenter .lptext .lpzkou p em{display: inline-block; float: left; margin-right: 5px;} .lplist ul li .topcenter .lptext .lpzkou p span{float: left; display: inline-block;max-width: 70%;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;color:#c20600} .lplist ul li .topcenter .lptext .lptuij{margin-top: 10px;} .lplist ul li .topcenter .lptext .lptuij p.t i{width: 12px; height: 12px; display: inline-block; position: relative; top: -2px;} .lplist ul li .topcenter .lptext .lptuij p.t i img{width: 100%; height: 100%;} .lplist ul li .topcenter .lptext .lptuij p.t span{display: inline-block; font-size: 0.875rem; color: #C20600; font-weight: bold;} .lplist ul li .topcenter .lptext .lptuij p.b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden; margin-left: 15px;margin-top: 2px; font-size: 0.75rem; color: #510303; line-height: 20px;} .lplist .swiper-pagination{ width: 100%; text-align: center; margin: 0 auto; margin-top: 5px; position: relative; z-index: 1;} .lplist .swiper-pagination .swiper-pagination-bullet{margin:0 3px; width: 5px; height: 5px; background:#F0202A;opacity: 1;} .lplist .swiper-pagination .swiper-pagination-bullet-active{ width: 18px;border-radius: 10px;} .lpfoot_but{ width: 100%; margin: 0 auto; margin-top: 12px; height: 35px; background: url('/zt/xinnain2020/image/ico_4.png') no-repeat center; background-size: 100% 100%;} .lpfoot_but a{font-size:1.062rem; font-weight: bold; display: block; float: left; width: 50%; height: 35px; line-height: 35px; text-align: center;} .lpfoot_but a.in_but{ color: #FCF1D2;} .lpfoot_but a.in_zx{ color: #510303;} /*四大价值*/ .cityValue{ width: 78%; margin: 0 auto; margin-top: 30px;} .cityValue_m{ width: 100%; height: auto;} .cityValue_m .title{width: 100%; height: auto; position: relative;} .cityValue_m .title p.ico_img{ width: 100%; height: auto;} .cityValue_m .title p.ico_img img{ width: 100%; height: auto;} .cityValue_m .title p.title_text{position: absolute; width: 100%; left: 0px; bottom: 11%; text-align: center; font-size: 1.25rem; color: #FCF4BD;} .value_pulic{ margin-top: 20px; width: 100%; height: auto;display:none;} .value_pulic .pul_mo .pule_ico{width: 40%; height: 114px; position: relative;} .value_pulic .pul_mo .pule_ico p{ width: 100%; height: 100%; border:2px solid #B80C1B;} .value_pulic .pul_mo .pule_ico p img{ width: 100%; height: 100%;} .value_pulic .pul_mo .pule_ico i{display: inline-block; position: absolute; right:-2px; top: 50%;left: auto; background: url('/zt/xinnain2020/image/ico_26.png') no-repeat center; width: 12px; height: 26px; z-index: 2; margin-top: -13px;} .value_pulic .pul_mo .pule_ico.pule_right i{ left: -2px;right: auto; background: url('/zt/xinnain2020/image/ico_26_1.png') no-repeat center;} .value_pulic .pul_mo .pule_text{ width: 57%;} .value_pulic .pul_mo .pule_text p.Ii{font-size: 1rem; color: #510303; font-weight: bold;} .value_pulic .pul_mo .pule_text p.It{font-size: 0.75rem; color: #510303; line-height: 20px; margin-top: 5px;} .Dividing{ width:100%; height: auto; margin: 10px 0;} .Dividing img{ width: 100%; height: auto;} .lpfoot_bm{ width: 78%; margin:0 auto;margin-top: 10px; } .lpfoot_bm_main{position: relative;width: 100%; height: auto;} .lpfoot_bm_main p.ico_img{ width: 100%; height: auto;} .lpfoot_bm_main p.ico_img img{ width: 100%; height: auto;} .bm_form{ position: absolute; left: 0;bottom: 20%; width: 100%;} .bm_form .in_input{ position: relative; width: 80%;margin: 0 auto; height: 32px; background: url('/zt/xinnain2020/image/ico_11.png') no-repeat center; background-size:100% 100%; } .bm_form .in_input .con_in{height: 32px; border: none; background:url('/zt/xinnain2020/image/ico_8.png') no-repeat 18px center; background-size:9px 15px; padding-left: 35px; font-size: 0.75rem; color: #555;} .bm_form .in_input .bunton_i{height: 32px; top: 0px; position: absolute; right: 0px; background:url('/zt/xinnain2020/image/ico_10.png') no-repeat center; background-size: 100% 100%; font-size: 1rem; color: #FFF1AE; font-weight: bold; padding:0 22px; line-height: 32px;} .ztHead_introducer{ width: 100%; height: auto;} .ztFooter,.ztFooter p,.ztFooter p img{ width: 100%; height: auto;} /*右边悬挂*/ .suspBox{/* box-shadow: -4px 1px 20px 0px rgba(63,0,0,0.5);*/display: none; padding: 10px 0 20px; position: fixed;right: 0px; top: 15%;background: url('/zt/xinnain2020/image/ico_21.png') no-repeat center;background-size:100% 100%; z-index: 5;} .susp_main .Pgup{ text-align: center; position: relative; left: 2px;} .susp_main .Pgup a{display:inline-block; width: 40px;height: 33px; margin: 0 auto; text-align: center; line-height: 33px;} .susp_main .Pgup a img{ width: 20px; height: 9px; display: inline-block; line-height: 9px;} .susp_main ul li{ position: relative; left: 2px; width: 60px; height: 33px; line-height: 33px; text-align: center;} .susp_main ul li a{display: inline-block;font-size: 1.062rem; color: #FEF6E1; font-weight: bold;} .susp_main ul li+li a{border-top: 1px solid #8A0100; position: relative; top: -1px;} .susp_main ul li.on{background: #8A0100;} .susp_main ul li.on a{border: none;} .susp_main .suspBox_bm{ margin: 0 auto;width: 42px; height: auto; position: relative; left: 2px;} .susp_main .suspBox_bm img{ width: 100%; height: auto;} /*豪礼报名*/ .luxuryBox{display: none; width:100%; position: fixed;left: 0; bottom: 0; height: auto; z-index: 110;} .luxuryMain{ width: 100%; height: auto;position: relative;} .luxuryMain .ico_bg{ width: 100%; height: auto;} .luxuryMain .ico_bg img{ width: 100%; height: auto;} .luxuryMain .ico_form{position: absolute;top: 31.5%;left: 50%; width: 60%; margin-left: -30%;} .luxuryMain .ico_form .intext_m{margin-bottom: 8px; display: block; width: 100%; padding-left: 35px; height: 38px; border-radius: 20px; border:none; font-size: 0.75rem; color: #666;} .luxuryMain .ico_form .intext_m.intext_name{background:url('/zt/xinnain2020/image/ico_bm2.png') #fff no-repeat 18px center; background-size:8px 10px;} .luxuryMain .ico_form .intext_m.intext_mobile{background:url('/zt/xinnain2020/image/ico_bm1.png') #fff no-repeat 18px center; background-size:8px 10px;} .luxuryMain .ico_form .intext_but{ width: 100%; height: 38px; line-height: 38px; text-align: center; font-weight: bold; font-size: 1.062rem; color: #3D2000; display: block;background:url('/zt/xinnain2020/image/ico_bm3.png') no-repeat center; background-size:100% 100%; } .luxuryBg,.purchaseBg{ display: none; width: 100%; height: 100%; position: fixed; left: 0;top: 0; background:rgba(0,0,0,0.5);z-index: 105;} /* 购房豪礼 */ .purchaseBox{display: none; position: fixed;left: 50%; top: 20%; width: 96%; margin-left: -48%;z-index: 110;} .purchaseMain{width: 100%; height: auto;position: relative;} .purchaseMain .pu_bg{ width: 100%; height: auto;} .purchaseMain .pu_bg img{ width: 100%; height: auto;} .purchaseMain .pu_gb{ position: absolute; bottom: -30px; left: 50%;width: 24px; height: 24px; margin-left: -12px;} .purchaseMain .pu_gb img{ width: 100%; height: 100%;} .purchaseMain .pu_form{position: absolute;top: 50%;left: 50%; width: 60%; margin-left: -30%; margin-top: 10px;} .purchaseMain .pu_form .intext_m{margin-bottom: 8px; display: block; width: 100%; padding-left: 35px; height: 38px; border-radius: 20px; border:none; font-size: 0.75rem; color: #666;} .purchaseMain .pu_form .intext_m.intext_mobile{background:url('/zt/xinnain2020/image/ico_8.png') #fff no-repeat 18px center; background-size:8px 12px;} .purchaseMain .pu_form .intext_but{ width: 100%; height: 38px; line-height: 38px; text-align: center; font-weight: bold; font-size: 1.062rem; color: #6C1C00; display: block;background:url('/zt/xinnain2020/image/ico_bm3.png') no-repeat center; background-size:100% 100%; } @media only screen and (max-width: 370px) { .ztHead_intr{ bottom: 24%;} .cityValue_m .title p.title_text{font-size: 1.062rem;bottom: 12%;} .luxuryMain .ico_form{top: 30.5%;} .purchaseMain .pu_form{margin-top: 1px;} }