pfhwyigou/mobile/web/css/city/dubai/index.css

body{background:#FFF;}

.max_box{max-width:640px;margin:auto;min-width:320px;position: relative;}


.Plan_img{width:100%;position:relative;}
.Plan_img img{width:100%;display:block;}

.m_switch{position:fixed;bottom:0;left:0;width:100%;height:49px;box-shadow :0px 0px 8px 0px #e6e6e6;background:#FFF;z-index:10;}
.m_switch a{display:block;width:20%;float:left;height:100%;font-size:0.9375rem;color:#666;display: flex;align-items: center;justify-content: space-around;     flex-direction: column;position:relative;}
.m_switch a.on{background:#083080;color:#FFF;}
.m_switch a:before {content:"";display:block;width:1px;height:58%;background:#CCC;position:absolute;right:0;top:50%;margin-top:-17.5%;} 
.m_switch a.on:before{content:"";background:#083080;}     
.m_switch a i{position:absolute;bottom:0;left:50%;width:50%;height:1px;background:#FFF;margin-left:-25%;}
.m_switch a:last-child:before{content:"";width:0;}     

.m_switch a.in:before{content:"";width:0;}




.Plan_img form{position:absolute;top:0;left:2.7%;width:95%;height:100%;}
.Plan_img form .img{width:100%;height:100%;}
.form_input{position:absolute;bottom:10%;left:5%;background:#FFF;border-radius:100px;width:74%;height:40%;}
.form_input input{width:47%;height:100%;border:0;margin-left:9%;float:left;display:block;font-size:0.9rem;color:#333;}
.form_input p{float:right;width:36%;height:84%;background:#0039AA;border-radius:100px;font-size:0.9rem;color:#fff;position:relative;top:10%;left: -1.5%;
display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600;
}
.form_input img{width:10px;float:left;position:relative;top:32%;left:6%;}



.m_zx_lunbo_box{padding-top:25px;padding-bottom:10px;overflow:hidden;height:300px;}
.m_zx_lunbo{width:100%;}
.m_zx_lunbo ul{width:100%;}
.m_zx_lunbo ul li{width:60%;position:relative;top:16px;}
.m_zx_lunbo ul li .m_zx_lunbo_img{width:100%;height:200px;overflow:hidden;position: relative;}
.m_zx_lunbo ul li .m_zx_lunbo_img:before {content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;}
.m_zx_lunbo ul li .m_zx_lunbo_img img{width:100%;height:100%;}

.m_zx_lunbo .swiper-slide-active{     /*选中的效果*/
   position:relative;top:0;
   transition: all .4s;
   box-shadow :0px 0px 10px 0px #bbb;

}

.m_zx_lunbo .swiper-slide-active .m_zx_lunbo_img{     /*选中的效果*/
   height:230px;
   border-radius:0;
   transition: all .4s;
}

.m_zx_lunbo .swiper-slide-active .m_zx_lunbo_img:before {    /*选中的效果*/
	background:none;
	transition: all .4s;
}


/*楼盘列表*/
.lplist{margin-top:20px;padding:0 15px;}
.lplist li{border-radius:10px;overflow:hidden;box-shadow:0px 0px 16px 0px rgba(214, 214, 214, 0.62);margin-bottom:20px;}

.lplist_img{float:left;width:38%;height:130px;}
.lplist_img img{width:100%;height:100%}

.lplist_text{float:left;width:55%;margin-left:4%;}

.lplist_text .title{margin-top:10px;}
.lplist_text .title em{font-size:1.05rem;color:#333;font-weight:600;display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.lplist_text .title em:before {content:"";display:block;width:2px;height:17px;background:#011978;float:left;margin-right:6px;margin-top:2px;}   
.lplist_text .title1{margin-top:10px;}
.lplist_text .title1 span{font-size:0.6875rem;color:#666;margin-top:5px;}
.lplist_text .title1 span img{width:9px;margin-right:3px;margin-top:-3px;}

.lplist_text .Price{margin-top:7px;font-size:0.95rem;color:#FA6B1C;font-weight:600;}
.lplist_text .Price span{font-size:1.3rem;font-weight:600;}
.lplist_text .Price i{font-size:0.8rem;margin-left:2px;}
.lplist_text .time{margin-top:10px;font-size:0.7rem;color:#666;}

.lplista{position:absolute;top:0;left:25%;width:50%;height:50%;}



.m_bmbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20;display:none;}
.m_bmboxbj{width:100%;height:100%;background:rgba(51, 51, 51, 0.51);}
.m_bmbox form{width:257px;height:283px;background:url(/image/city/dubai/bm.png) no-repeat 0 0/ 100% 100%;position:absolute;top:50%;left:50%;margin-top:-158px;margin-left:-128.5px;}
.m_input_box{position:absolute;top:65%;left:50%;width:219px;margin-left:-109.5px;}

.m_input{background:#FFF;border-radius:50px;height:35px;padding:0 5%;border:1px solid #BFBFBF;}
.m_input_box .m_input + .m_input{margin-top:3%;}
.m_input img{margin-top:10px;width:10px;position:relative;left:6px;}
.m_input input{float:right;width:87%;height:100%;border:0;font-size:0.7rem;color:#333;background:none;}

.m_input input::-webkit-input-placeholder {
	color: #888;
}

.m_input input::-moz-placeholder {
	color: #888;
}

.m_input input:-moz-placeholder {
	color: #888;
}

.m_input input:-ms-input-placeholder {
	color: #888;
}

.m_input_box p{margin-top:5%;border-radius:100px;height:35px;text-align:center;line-height:35px;font-size:1.05rem;color:#FFF;font-weight:600;

  background: linear-gradient(left, #387CFC, #70CEFC);
  background: -webkit-linear-gradient(left, #387CFC, #70CEFC); 
  background: -o-linear-gradient(left, #387CFC, #70CEFC);
  background: -moz-linear-gradient(left, #387CFC, #70CEFC);
}



.m_bmgb{width:24px;height:24px;position:absolute;bottom:-13%;right:50%;margin-right:-12px;}
.m_bmgb img{width:100%;height:100%}


.bmxf{position:fixed;top:50%;left:0;width:25%;margin-top:-18px;z-index:10;}
.bmxf img{width:100%;display:block;}