/***  网站整体风格定义 */
ul,li {margin: 0; padding: 0; list-style-type: none; text-indent: 0; text-transform: capitalize;}
html, body, ul, li, h1, h2, h3, h4, h5, h6, p, fieldset, legend { padding: 0; margin: 0;}
img { border: none; vertical-align: middle;}
input,select,option,textarea{outline: none;vertical-align: middle;}
body a {outline:none;blr:expression(this.onFocus=this.blur());}
body { background: #f2f2f2 url("../images/bg-line.gif") repeat-y center; line-height: 1.8; color: #333; font-size: .75rem;}
/**** 网站默认连接定义 */
a:link { text-decoration: none;}/* ==========    鼠标点击后，链接状态    =============== */
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }/* ==========    鼠标经过，链接状态色    =============== */
a:active { text-decoration: none; }/* ==========    鼠标无点击过，链接状态    =============== */

.main { margin: 0 auto; width: 414px; overflow: hidden; }

.swiper {width: 100%;height: 200px; margin-bottom: 10px; background: #fff;} 
.swiper img {width: 100%; height: 200px;} 

.home_menu_box { overflow: hidden; padding-top: 10px;}
.home_menu_box .home_menu { width: 42%; background: linear-gradient(rgb(255, 255, 255), rgb(245, 245, 245)); margin-bottom: 20px; text-align: center; border-radius: 5px; box-shadow: 0 0 5px hsla(0, 0%, 0%, 0.15); padding: 10px 0;}
.home_menu_box .home_menu:hover { background: #f2f2f2; box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.2);}
.home_menu_box .home_menu img { width: 80px; height: 80px;}
.home_menu_box .home_menu a { display: block; color: #333;}
.home_menu_box .home_menu span { display: block; font-size: 1rem;}
.home_menu_box .menu_l { float: left; margin-left: 5%;}
.home_menu_box .menu_r { float: right; margin-right: 5%;}

.travel_box { margin: 0 5%; overflow: hidden;}
.travel_title { font-size: 1.2rem; font-weight: bold; border-bottom: #ccc solid 1px; overflow: hidden; margin-bottom: 15px;}
.travel_title span { float: right; color: #ddd;}
.travel_list_title { font-size: 1.2rem; font-weight: bold; border-bottom: #ccc solid 1px; overflow: hidden; margin-bottom: 15px; padding: 0 5%;}
.travel_list_title span { float: right; color: #ddd;}
.travel_list { border-bottom: #eee solid 1px; margin-bottom: 10px; padding-bottom: 10px; overflow: hidden;}
.travel_list:last-child { border: none;}
.travel_list a { display: block;}
.travel_list .travel_img { float: left; width: 120px; height: 100px; margin-right: 10px; display: block; background: #eee; border-radius: 3px; overflow: hidden;}
.travel_list .travel_img img { width: 100%; height: 100%;}
.travel_list .travel_info { height: 100px; overflow: hidden;}
.travel_list .travel_info strong { font-weight: bold; font-size: 1rem; color: #000; margin-bottom: 5px; display: block;}
.travel_list .travel_info li { color: #666; line-height: 1.2rem;}

.travel_disp .top_info { background: #fff; border-bottom: #eee solid 1px; padding: 10px 5%; margin-bottom: 10px;}
.travel_disp .title { font-size: 1.4rem; font-weight: bold; color: #000; line-height: 1.6rem; margin-bottom: 10px;}
.travel_disp .info { color: #999; overflow: hidden;}
.travel_disp .info span { margin-left: 1em;}
.travel_disp .contents_box { margin: 0 3%;}
.travel_disp .contents { font-size: 1rem;}
.travel_disp .contents img { width: 100%;}
.travel_disp .views { font-weight: bold; font-size: 1rem; margin: 10px 0 40px 0;}
.travel_disp .views span { font-weight: 500; color: #999; margin-left: 1em;}

.map { width: 100%; height: 100vh; z-index: 1;}
.map_search { position: fixed; width: 94%; z-index: 999; margin: 0 3%; top: 10px; background: hsla(0,0%,100%,.9); border-radius: 8px; box-shadow: 0 0 5px hsla(0, 0%, 0%, 0.15); overflow: hidden;}
.map_search form { margin:0; padding: 0; }
.map_search input { border: none; width: 80%; float: left; line-height: 32px;}
.map_search img { width: 24px; float: left; margin: 5px;}
.map_search_list {position: relative; width: 94%; top: 50px; left: 3%; z-index: 999; background: hsla(0,0%,100%,.9); border-radius: 8px; box-shadow: 0 0 5px hsla(0, 0%, 0%, 0.15); overflow: hidden;}
.map_search_list a { display: block; padding: 5px 10px; font-weight: bold; color: #000; border-bottom: #eee solid 1px;}
.map_search_list a:last-child { border: none;}
.map_search_list span { font-weight: 500; margin-left: 10px; color: #999;}

.map_info { position: fixed; bottom: 0px; width: 94%; padding: 2% 3%; z-index: 999; background: #fff; box-shadow: 0 0 5px hsla(0, 0%, 0%, 0.15); overflow: hidden;}
.map_info .map_title { color: #999; overflow: hidden; padding-bottom: 5px;}
.map_info .map_title strong { color: #000; font-size: 1rem;}
.map_info .map_title ul { float: left; width: 75%;}
.map_info .map_title a { float: right; width: 25%; background: #118B3F; color: #fff; font-size: .9rem; text-align: center; line-height: 40px; border-radius: 50px; }
.map_info .map_title a:hover { background: #f90;}
.map_info .map_add { margin-bottom: 35px;  border-top: #eee solid 1px;}
.map_info .map_add img { width: 18px; margin-right: 1em;}
.map_info .map_add ul,li { padding: 0; margin: 0; line-height: 30px;}
.map_navigation { position: fixed; left: 50%; top: 50%; z-index: 999; width: 32px; height: 32px; background: url("../images/navigation.png") no-repeat center; background-size: 32px 32px;}



.footer_copyright { text-align: center; padding: 1rem 0; margin: 1rem 5%; border-top: #eee solid 1px; color: #999; overflow: hidden; display: block;}
.footer_h { height: 1.2rem; overflow: hidden; display: block;}

.footer_menu { position: fixed; width: 414px; left: 50%; margin-left: -207px; bottom: 0; z-index: 999999; background: #fff; box-shadow: 0 0 5px hsla(0, 0%, 0%, .35);}
.footer_menu li { text-align: center; line-height: 2rem; font-size: 1rem;}
.footer_menu .f_l { float: left;}
.footer_menu .f_r { float: right;}
.footer_menu .menu_a { width: 45%;}
.footer_menu .menu_a a {background: #00b26a; color: #fff; font-weight: bold; display: block;}
.footer_menu .menu_a a:hover { background: #096; color: #fff;}
.footer_menu .menu_b { width: 45%; }
.footer_menu .menu_b a { background: #eee; color: #333; display: block;}
.footer_menu .menu_b a:hover { background: #096; color: #fff;}
.footer_menu .menu_home { position: absolute; z-index: 9999; width: 16%; height: 80px; bottom: -40px; left: 42%; border-radius: 15%; box-shadow: 0 -1px 5px hsla(0, 0%, 0%, .35); overflow: hidden;}
.footer_menu .menu_home a { width: 100%; height: 80px; display: block; background: #fff url("../images/ico01b.png") no-repeat center 5px; background-size: 32px;}
.footer_menu .menu_home a:hover { background: #000 url(../images/ico01.png) no-repeat center 5px; background-size: 32px;}

.footer_show_menu { position: fixed; width: 414px; left: 50%; margin-left: -207px; bottom: 0; z-index: 999; background: #fff; box-shadow: 0 0 5px hsla(0, 0%, 0%, .35); text-align: center; line-height: 2.5rem; font-size: 1rem;}
.footer_show_menu .backhome { float: left; width: 15%; height: 2.5rem; }
.footer_show_menu .backhome a { width: 100%; height: 2.5rem; display: block; background: #fff url("../images/ico01b.png") no-repeat center; background-size: 32px;}
.footer_show_menu .backhome a:hover { background: #000 url(../images/ico01.png) no-repeat center; background-size: 32px;}
.footer_show_menu .backpage { float: left; width: 15%; height: 2.5rem; }
.footer_show_menu .backpage a { width: 100%; height: 2.5rem; display: block; background: #006745 url("../images/ico06.png") no-repeat center; background-size: 26px;}
.footer_show_menu .backpage a:hover { background: #009a67 url(../images/ico06.png) no-repeat center; background-size: 26px;}
.footer_show_menu .navigation { float: left; width: 70%; }
.footer_show_menu .navigation a { display: block; line-height: 2.5rem; height: 2.5rem; color: #fff; background:#00b26a url(../images/ico05.png) no-repeat 32% center; background-size: 32px; }
.footer_show_menu .navigation a:hover { background:#096 url(../images/ico05.png) no-repeat 32% center; background-size: 32px;}
.footer_show_menu .navigation span { margin-left: 13%;}

.no_more { text-align: center; color: #ccc; padding: 10% 0;}


@media only screen and (max-width:630px){	
	.main { width: 100%;}
	.footer_menu { position: fixed; width: 100%; left: 0; margin: 0px; bottom: 0; z-index: 999; background: #fff; box-shadow: 0 0 5px hsla(0, 0%, 0%, .35);}
	.footer_show_menu { position: fixed; width: 100%; left: 0; margin: 0px; bottom: 0; z-index: 999; background: #fff; box-shadow: 0 0 5px hsla(0, 0%, 0%, .35); text-align: center; line-height: 2.5rem; font-size: 1rem;}
}