.z { float: left; } .y { float: right; } .cl { clear: both; } .zh { margin: 0 auto; } .txtzh{ text-align: center; } body{ background: #f0f0f0; } #container { width: 100%; display: block; } .center { width: 100%; } .group { height: 67px; background: white; } .dash { border-bottom: 1px dashed darkgray; } .hot-img { width: 25px; height: 25px; margin-left: 20px; margin-right: 10px; } .hotRecommend { margin-top: 10px; } /* footer */ .footer { z-index: 100; position: fixed; width: 100%; bottom: 0px; height: 66px; line-height: 66px; text-align: center; background: #e3e3e3; } .footer-center{ height: 40px; width: 90%; margin-top: 14px; } .footer span { opacity: 0.9; height: 40px; line-height: 40px; width: 48.4%; background: white; color: #423F3F; font-size: 17px; border-radius: 7px; } /* 目的地 */ .m_mudidi { z-index: 100; position: fixed; bottom: 66px; width: 100%; /* height: 270px; */ overflow: hidden; padding-bottom: 10px; background: white; display: none; opacity: 1; } .mask_center{ width: 90%; display: block; } .m_center { /* height: 120px; */ margin-top: 20px; overflow: hidden; } .m_center p,.m_footer p{ color: #a0a0a0; font-size: 15px; } .xxian, .xxian2, .xxian3 { position: relative; height: 1px; width: 82.27%; background: #e5e5e5; } .xxian2 { width: 96.6%; margin-top: 5px; margin-bottom: 10px; } .xxian3 { width: 96.6%; margin-top: 5px; margin-bottom: 10px; } .m_choose { color: rgb(44,192,148); border: 2px solid rgb(44,192,148); } .m_button { color: #707070; border: 2px solid #e7e7e7; } .m_choose,.m_button { text-align: center; float: left; font-size: 15px; height: 30px; width: 28%; background: white; display: block; border-radius: 5px; margin:1%; } .m_city,.m_scenery{ list-style: none; margin: 10px 0px 0px 5%; display: block; line-height: 30px; overflow:hidden; } .my_city1 { position:relative; float:center; margin-left:auto; margin-right:auto; width:353px; overflow:hidden; } .m_button a { display: block; text-decoration: none; } /*===================出发类型=======================================*/ .c_type { z-index: 3; position: fixed; width: 100%; /* overflow: hidden; */ /* height: 270px; */ overflow: hidden; background-color: white; display: none; bottom: 60px; padding-bottom: 0px; opacity: 1; } .c_type_center_all { width: 90%; } .c_header_all { height: 55px; font-size: 15px; line-height: 55px; } .c_header_all span:first-child{ display: block; text-align: left; color: #808080; } .c_header_all span:nth-child(2) { display: block; text-align: right; } .c_line { height: 1px; background-color: #e5e5e5; } .c_type_footer { margin-top: 15px; text-align: center; padding-bottom: 35px; } .three_btn { width: 27%; height: 30px; display: block; line-height: 30px; border: 1px solid black; margin-left: 6px; } /*style="filter: Alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; background-color: #000; width: 100%; height: 100%; z-index: 5px; position: absolute; left: 0; top: 0; display: none; overflow: hidden;*/ /*============================目的地选择层的CSS===================================*/ /*蒙板层*/ .mask { opacity: 0.5; background-color: #000; width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none; overflow: hidden; }