pfhwyigou/wechat/web/css/public/majorlookhouse.css

body{ max-width: 640px; margin: 0 auto; background: #fff;}
.Latitude{width: 100%;height: 100%;}
.Latitude_mian{width: 100%;height: 100%; position: relative; }
.Latitude_bg{ width: 100%; height: 100%;}
.Latitude_bg img{ width: 100%; height: 100%;}
.Latitude_box{ position: absolute; left: 50%; top: 48%; width: 82%;margin-left: -41%;}

.Latitude_top a{display: inline-block; width: 30%; border:1px solid #ADADAD; height: 40px; border-radius: 2px; line-height: 40px; float: left; padding: 0 8px;}
.Latitude_top a span{display: inline-block;width: 82%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 1rem; color: #8A8A8A; float: left;}
.Latitude_top a i{display: inline-block; float: right;
	position: relative;
	top: 50%;
	margin-top: -3px;
	line-height: 6px;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:6px solid #555;
}
.Latitude_top a+a{ margin-left: 5%;}
.boxform{ margin-top: 20px;}
.boxform p.inpt{ border:1px solid #ADADAD; border-radius: 2px; padding: 10px;}
.boxform p.inpt span{display: inline-block; width: 25px; height: auto; float: left; border-right: 1px solid #ADADAD; padding-right: 10px;}
.boxform p.inpt span img{width: 100%;height: auto;}
.boxform p.inpt input{display: inline-block; float: left; width: 83%; margin-left: 10px; border:none; background: #fff; font-size: 0.95rem; height: 25px;}
.boxform p.text{font-size: 0.9rem; color: #343434; margin-top: 25px;} 
.boxform p.text em{display: inline-block; padding: 0 3px; font-size: 0.6rem; color: #8A8A8A}
.boxform .textarea_box{ margin-top: 10px; font-size: 1rem; color: #8A8A8A;  width: 100%; height: 80px; border-radius: 5px;  border:1px solid #ADADAD; resize:none;overflow-x:hidden; padding:5px 10px; }
.boxform a.button_box{display: block; height: 40px; line-height: 40px;background: linear-gradient(to right, #5997FC, #246BE7); border-radius: 30px; text-align: center; font-size: 1.2rem; color: #fff; margin-top: 15px;}


/*弹出*/
.showbox_pulid{ position: fixed;z-index: 5; width: 100%; height: 50%;left: 0px; bottom: -100%; background: #fff; border-radius: 10px 10px 0 0;}
.title_h{ position: relative; font-size: 1.2rem; color: #30333C; font-weight: bold; text-align: center; padding: 15px 0; border-bottom: 1px solid #E0E0E0;}
.title_h em{ display: block; position: absolute; right: 10px; bottom: 15px; font-size: 0.7rem; color: #777;}
.city_main{ position: relative;}
.city_piue{text-align: center; background: #fff; position: absolute;height: 270px; left: 0%;width: 100%; text-align: center; top: 0px; overflow-y:auto;}
.city_piue a{display: block; font-size: 1rem; color: #30333C; padding: 10px 0;}
.city_piue a.on{ color: #FF9E33; font-weight: bold;}
.city_piue_m{ width: 75%; position: absolute;right: -100%;overflow-y:auto; top: 0px;background: #F8FAFB; height: 270px;}
.city_piue_m a{ display: block; font-size: 1rem; color: #30333C; padding: 10px 20px 10px 68px;}
.city_piue_m a+a{ border-top:1px solid #eee; }
.city_piue_m a.on{ color: #FF9E33; font-weight: bold;}

.showbox_type{ text-align: center; background: #fff;}
.showbox_type a{ display: block; font-size: 1rem; color: #30333C; padding: 10px 20px;}
.showbox_type a.on{ color: #FF9E33; font-weight: bold;}
.showbox_pric{ text-align: center; background: #fff;}
.showbox_pric a{ display: block; font-size: 1rem; color: #30333C; padding: 10px 20px;}
.showbox_pric a.on{ color: #FF9E33; font-weight: bold;}

.classify_m{overflow-y:auto;}

.showbox_bg{ display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 3;}