body{background: #ff5962;} .max_box{max-width:640px;margin:auto;min-width:320px;position: relative;} .Latitude{width: 100%;height: 100%;} .Latitude_mian{width: 100%;height: 100%; position: relative; } .Latitude_bg{width: 100%;} .Latitude_bg img{ width: 100%;display:block;} .Latitude_box{width: 82%;margin:auto;position:relative;top:32px;} .Latitude_top a{display: inline-block; width: 30%; height: 40px;line-height: 40px; float: left; padding: 0 8px;background:#fff;border-radius:1px;} .Latitude_top a span{display: inline-block;width: 82%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:0.8125rem; color: #666; 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 #666; } .Latitude_top a+a{ margin-left: 5%;} .boxform{ margin-top:20px;} .boxform p.inpt{ padding:6.5px 10px;background:#fff;border-radius:3px;box-shadow:0px 1px 4px 1px rgba(69, 0, 4, 0.22);} .boxform p.inpt + p.inpt {margin-top:20px;} .boxform p.inpt span{display: inline-block; width: 20px; height: auto; float: left; padding-right: 10px;position: relative;top: 1px;} .boxform p.inpt span img{width: 100%;height: auto;} .boxform p.inpt input{display: inline-block; float: left; width: 83%;border:none; background: #fff; font-size:0.8125rem; 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:#6C69FF;text-align: center; font-size:1.05rem; color: #fff; margin-top: 17px;font-weight:600;border-radius:3px;box-shadow:0px 1px 4px 1px rgba(69, 0, 4, 0.22); background: -webkit-linear-gradient(#ffd55c, #ffa703); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#ffd55c, #ffa703); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#ffd55c, #ffa703); /* Firefox 3.6 - 15 */ background: linear-gradient(#ffd55c, #ffa703); /* 标准的语法 */ } /*弹出*/ .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;}