@charset "utf-8";
/*+++++++++++++++++++++ Reset Stylesheet +++++++++++++++++++++*/
body{font: 16px/2 Microsoft Yahei,Arial,sans-serif;color: #000;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
list-style:none;
}
article, aside, figure, footer, header,
hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none;}
a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none;background: none; text-decoration: none;}
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; outline:none;}

/*+++++++++++++++++++++ Common page ++++++++++++++++++++++++++*/
html,body{ height:100%; overflow-x:hidden;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix {zoom: 1;}

/*+++++++++++++++++++++ index ++++++++++++++++++++++++++*/
.home-wrapper{background:url(../../images/mobile/bg.jpg) top no-repeat;background-size:100%; position:relative; }

.content{ height:100%;}

.main-title{padding-top:28%; text-align:center;}
.main-title img{ width:80%; height:auto;}

/*首页菜单*/
.main-menu{ width:15em; height:15em; position:absolute; left:50%; margin-left:-7.5em; top:38%;}
.main-menu a{ display:block; width:7.25em; float:left;}
.main-menu a img{ display:block; width:100%; height:auto;}
#main-menu-01{ margin-right:.5em; margin-bottom:.5em;}
#main-menu-02{}
#main-menu-03{margin-right:.5em; margin-bottom:.5em;}
#main-menu-04{}
#main-menu-05{ position:absolute; top:4em;left:4em; z-index:99; width:7em;}


/*底部导航*/
#nav { width: 100%; background:#233241; position:fixed; bottom:0; z-index:99;}
#nav li { width:20%; text-align:center; float:left;line-height:1; font-size:0.8em; position:relative;}
#nav a { display:block; color:#fff; padding:1em 0;  position:relative; z-index:999;}
#nav a img{ width:2.5em; height:auto;}
#nav .li-tap > a {background: #204365;border-left-color: #222;color: #fff;text-shadow: 0 1px 0 #204365; box-shadow: inset 0 0 10px #111;}
#nav ul {opacity: 0; position: absolute; bottom:100%; visibility: hidden; width: 0;}
#nav .li-tap ul {opacity: 1; visibility: visible; width:120%; left:-10%;}

#nav ul li {background: #f3f3f3; float: none; line-height: 0;width: 100%;border:1px solid #fff; border-top:0;}
#nav ul li:first-child{ border-top:1px solid #fff; border-radius:2px 2px 0 0 ;}
#nav ul li a { color: #555; font-size:12px; padding:1.5em 0; text-align:center; white-space:nowrap; }
#nav ul li a:hover {background: #5ca7f1; color: #fff;box-shadow: inset 0 0 10px #2786e2;}
#nav ul a:active span { color: #fff; position: relative;top: 1px;}

/*列表*/

.list-title{ font-size:1.5rem; text-align:center; font-weight:normal; padding:0 1rem;}
.list-title span{ display:block;border-bottom:1px solid #ddd;}
.news-list{ width:100%; }
.news-list li{display:block;overflow:hidden;padding:0 1rem ; background:url(../../images/mobile/arrow02.png) 98% center no-repeat; background-size:auto 1em; }
.news-list li:hover{ background:#f2f2f2 url(../../images/mobile/arrow01.png) 98% center no-repeat; background-size:auto 1em; }
.news-list li a{ display:block;border-bottom:1px solid #ddd; padding:1em 0; color:#004276; }
.news-list li:hover a,.news-list li a:hover{ color:#09f;}

.news-list li .pic{ width:7em; height:4rem; float:left; margin-right:.5em; position:relative;}
.news-list li .pic img{ width:100%; height:100%; }
.news-list li .txt{ height:4rem; overflow:hidden; padding-right:1em;line-height:1.2; position:relative;}
.news-list li .txt h2{ font-size:1.125em;toverflow:hidden; padding-top:3px;}
.news-list li .txt h6{ font-weight:normal; font-size:0.75em; position:absolute; bottom:3px; color:#666;}
.news-list li .abs{ color:#dfc0c0; font-size:1.4rem; line-height:1.6rem;}


/*景点介绍*/
.jdjs-search-content{ background:#3a3a3c; padding:.5em 0;}
.jdjs-search-box{ width:60%; margin:0 auto; background:#fff; text-align:center; border-radius:6px;}
.jdjs-search-box .search-icon{ height:1.2em; width:auto; vertical-align:middle; margin-right:.2em;}
.jdjs-search-box input{border:0; outline:none; width:10em; font-size:1em; line-height:1.5em; height:1.5em; vertical-align:baseline;}

.jdjs-body{ background:#272829;}
.jdjs-header img{ display:block;}

.jdjs-tip{ background:#fff; padding:0 .5em;}
.jdjs-tip .count{ float:right;}

.jdjs-list{ width:100%; }
.jdjs-list li{display:block;overflow:hidden;background:#404143; margin-bottom:.5em;}
.jdjs-list li a{display:block; color:#fff;}

.jdjs-list li .pic{ width:10em; height:6em; float:left; margin-right:.5em; position:relative;}
.jdjs-list li .pic img{ width:100%; height:100%; }
.jdjs-list li .txt{ height:5em; padding:.4em .2em 0 .2em; overflow:hidden; line-height:1.25em;}
.jdjs-list li .txt h2{ font-size:1.125em;}
.hot-rate{ white-space:nowrap; margin-left:-.5em;}
.hot-rate span{ vertical-align:middle;}
.my-rating{ display:inline-block; height:20px; vertical-align:middle;}

/*jq-star 样式*/
.jq-stars {display: inline-block;}
.jq-rating-label {font-size: 22px;display: inline-block;position: relative; vertical-align: top;font-family: helvetica, arial, verdana;}
.jq-star {width: 100px;height: 100px; display: inline-block;cursor: pointer;}
.jq-star-svg { width: 100%; height: 100% ;}
.jq-star:hover .fs-star-svg polygon {}
.jq-star-svg polygon {stroke: #000;stroke-linejoin: round;}

/*线路导览*/
.xldl-body{background:#272829;}

.xldl-header{ position:relative; width:100%; z-index:1;}
.xldl-header img{ width:100%; height:auto; display:block;}
.xldl-title{ padding:.5em 0; background:rgba(0,0,0,0.5); text-align:center; position:fixed; top:0; width:100%; color:#fff; line-height:2rem;}
.xldl-title-text{ display:inline-block;}

.go-back{ font-size:0.875rem; position:absolute; left:1em;display:inline-block; color:#fff;}
.go-back-icon{display:inline-block; width:0.5em;height:0.5em; border-color:#fff; border-width: 0 0 2px 2px; border-style: solid;transform:rotateZ(45deg); }
.go-next-icon{display:inline-block; width:0.5em;height:0.5em; border-color:#fff; border-width: 0 0 2px 2px; border-style: solid;transform:rotateZ(-135deg);}

.xldl-tip{ background:#fff; padding:0 .5em; text-align:center; box-shadow:0 0 6px #000}
.xldl-tip img{ height:1.2em; vertical-align:-.2em;;display:inline-block; padding-right:.2em;}

.xldl-list{ width:100%; }
.xldl-list li{display:block;overflow:hidden;background:#404143; margin-bottom:.2em;color:#fff;}
.xldl-list li .pic{ width:9em; height:7em; float:left; position:relative; margin:.5em;}
.xldl-list li .pic img{ width:100%; height:100%; }
.xldl-list li .txt{ padding:.5em .2em 0 .2em; overflow:hidden; line-height:1.2em; font-size:0.875rem;}
.xldl-list li .txt h2{ font-weight:bold; font-size:1rem;}
.xldl-list li .txt .abs{ min-height:3.6em; margin-bottom:.2em;}

.xldl-list li .link a{ display:inline-block; background:#2485a6; padding:.25em 1em; color:#fff; border-radius:5px;}
.xldl-list .my-rating{ height:16px; margin:.2em 0; }

.xldl-xlts-list{ background: url(../../images/mobile/xldl-icon04.png) repeat-y 1em 0; background-size:1em auto; padding-left:1em; margin-top:.5em;}
.xldl-xlts-list li{ background:url(../../images/mobile/xldl-icon03.png) no-repeat 0 center;background-size:1em auto; padding-left:1.5em; padding-right:.5em; margin-bottom:.5em;}
.xldl-xlts-list li .grid{ background:#464648 url(../../images/mobile/xldl-icon05.png) no-repeat 98%; background-size:1.2em auto; padding:.5em; border-radius:.5em; display:block; color:#fff; line-height:1.5em; }
.xldl-xlts-list li .pic{ width:4.5em; height:3em; float:left; position:relative; margin-right:.5em;}
.xldl-xlts-list li .pic img{ width:100%; height:100%; }
.xldl-xlts-list li .txt{ height:3em;}
.xldl-xlts-list li .my-rating{ height:21px; margin:.2em 0; }

a.route-link{ position:fixed; display:block; width:100%; height:3em; line-height:3em; text-align:center;bottom:0; z-index:99; color:#fff; background:#2e9bc0;}
a.route-link img{ height:1.2em; margin-right:.5em; vertical-align:middle;}
a.route-link:hover { box-shadow: inset 0 0 10px #174579;}

.map-area{ width:100%; height:100%; background:#fbf0de; position:absolute; z-index:0;}
.route-txt{ position:fixed; width:100%; bottom:3em; background:rgba(255,255,255,0.5); color:#4f4f4e;}
.route-txt .count{ text-align:center; padding:.5em 0; border-bottom:1px solid #a0a0a0;}
.route-list{ width:100%; overflow:hidden;}
.route-list ul{ padding:10px;}
.route-list li{ white-space:nowrap; background:url(../../images/mobile/xldl-icon07.png) right no-repeat; background-size:1.2em auto; padding-right:1.5em; margin-right:5px;display:inline-block;}
.route-list li:last-child{ background:none; padding:0;}
.route-list li a{ display:inline-block; color:#55aec8; border-radius:5px; border:1px solid #55aec8; padding:0 .5em }

/*内容页*/
.article-title{ font-size:1.2em;text-align:center; font-weight:normal; padding:.5rem 1rem; color:#004276;}
.article-title span{ display:block;border-bottom:1px solid #ddd;}

.article{ padding:.5rem 1rem; line-height:1.75; color:#666; font-size:0.875em;}

/*景点介绍内容页*/
.jd-article-box{ background:#3a3b3d;}

.swiper-container { width: 100%; height:11em; border-top:2px solid #cdcdce;}
.swiper-container img{ width:100%; height:100%; display:block;}

.xldl-title-02{ position:absolute; top:3px; left:5px; z-index:11;}
.xldl-title-02 .go-back{ font-size:0.875rem; position:static; color:#fff; display:inline; background:rgba(0,0,0,.5); padding:.2em .5em; border-radius:3px;}

.jd-article-box .xldl-tip{ text-align:left;}
.jd-article-box .go-next-icon{ border-color:#46484a;width:0.6em;height:0.6em; border-width: 0 0 3px 3px; margin-top:-3px;}
.jd-article-box a.go-route{ display:block; float:right;}

.jd-article{ color:#fff; padding:1em 1em 3.8em;line-height:1.75;}
.jd-article h1{ font-size:1.5em; font-weight:normal; line-height:1.5;}
.jd-article h5 { font-weight:normal; line-height:1em; color:#ba4826;}
.jd-article video{ margin:.5em 0 0;}

/*above audioplayer.css*/
.audio-box{ background:#181819; color:#999ba0; position:fixed; z-index:111; bottom:0; width:100%;-webkit-user-select:none}
.audio-box .circle{ background:#fff; border-radius:100%; height:1em; width:1em; position:absolute; left:98%; top:50%; margin-top:-0.5em; display:block;}
.audio-title{ position:absolute; left:4em; top:0;}
.audio-box .time-space{width: .5em;height: 1em;line-height: 1em;text-align: center;z-index: 2;bottom: 5px;position:absolute; left:6.75em;}


/*weather*/
.weatherBg{ background:url(../../images/mobile/weather-bg.jpg) top no-repeat; background-size: cover; min-height: 100%;position:relative;}
.weatherBg #nav{clear: both;position: relative; margin-top: -75px;height: 75px;}
.weatherBox{ position:relative;}
.weatherTitle{ height:5rem; padding-top:2rem;text-align:center;}
.weatherTitle h1{ height:1.625rem;}
.weatherTitle img{ height:100%; width:auto;}
.weatherInfo{ color:#fff; text-align:center;width:90%; margin:0 auto;margin-bottom:.5em;font-size:0.75rem; }
.weatherInfo b{ color:#bde5ff; font-size:1.4rem; text-shadow:#5c819a 0 1px 2px;margin-right:5px;}
.weatherContent{ padding:0 5%; color:#bde5ff; overflow:scroll;}
.weatherContent::-webkit-scrollbar{ width:0; height:0;}
.weatherContent .grid{ height:50px; padding:5px 0;}
.weatherContent .grid:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.weatherContent .grid .time{ font-size:1.2rem; width:3rem; height:3rem; line-height:3rem; background:#3b6bc3; color:#bde5ff; text-align:center; border-radius:100%; float:left; margin-right:.5em;}
.weatherContent .grid p{ line-height:1.5rem;}
.weatherContent .grid p span{ display:inline-block;margin-right:.5em;}
.weatherContent .grid p b{ color:#fff;}


/*@media 置底*/
@media screen and (max-width:320px){
	body{ font-size:0.875rem;}
	.xldl-list li .txt{ font-size:0.75rem;}
}

@media screen and (max-height:480px){
	.main-title{ padding-top:18%;}
	.main-menu{ top:32%;}
}