@charset "utf-8";
body{font-size:12px;color:#575757;margin:0px; font-family:"微软雅黑", "宋体", Arial, Helvetica, sans-serif; background-color:#ffffff;}
img{ border:0px;}
.clr{ clear:both;}
.clear{ clear:both;}
input,select{/*vertical-align:middle;*/} 
ul,ol{ list-style: none outside none;}

.top {
border-bottom: 1px solid #e5e5e5;
height:30px; line-height:30px;
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr='#ffffff', endColorStr='#f6f6f6');
background: -moz-linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
background: -webkit-linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
background: -o-linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
background: -ms-linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
background: linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
}
.top .top-menu{ width:100%; margin:auto;}
.top .top-menu .fr{ float:right; width:200px; text-align:right; padding-right:10px;}
.top .top-menu .fl{ float:left; width:500px; padding-left:10px;}
.header{ height:105px; width:100%; margin:auto;}
.header .logo{ padding-top:20px; float:left;}
.header .ads1{ padding-top:5px; width:700px; float:left;}
.header .search{ float:right; width:460px; text-align:right; padding-top:25px; padding-right:10px;}
.soso-form {position: relative; height: 50px;border-radius: 5px;box-shadow: 0px 2px 3px #ccc;z-index: 11;}
.soso-search-input {position: relative;float: left;padding-left: 16px;width: 403px;height: 48px;line-height: 48px;background-color: #fff;border: 1px solid #c3c8cd;border-right: none;border-top-left-radius: 5px;border-bottom-left-radius: 5px;z-index: 9;}
.soso-search-submit {float: left;width: 122px;height: 50px;cursor: pointer;color: #fff;font-weight: bold;font-size: 14px;font-family: simsun;background-color: #08A1D3;border-top-right-radius: 5px;border-bottom-right-radius: 5px;  border:0px;}
.nav{ width:100%; height:42px; background-image:url("../images/menubg.jpg");}
.nav .menu{ width:100%; padding:0;margin:0 auto;}
.nav .menu ul{padding:0;margin:0 auto;}
.nav .menu ul li{ width:57px; float:left; line-height:43px; text-align:center;}
.nav .menu ul li:hover{ background-color:/*#FEB252*/#ffc57d;  text-align:center; line-height:43px;cursor: pointer;}
.nav .menu ul li li:hover{ background-color:#FEB252;  text-align:center; line-height:43px;cursor: pointer;}
.nav .menu ul li a{ color:#FFF; font-size:14px;display:block;}
.nav .menu ul li a:hover{ color:#FFF;font-size:14px;}
.nav .menu ul .curr{ width:57px; float:left; line-height:43px; background-color:#FEB252;  text-align:center;}
.nav .menu .nav2 .down{background-image:url('../images/down.png');}
.nav .menu .nav2 .up{background-image:url('../images/up.png');}
.nav .menu .nav2 i{width:16px;height:16px;background-size:16px;position:absolute;top:118px;margin-left:2px;font-weight:bold;}
.nav .menu .nav2 ul{background-color:#ffc57d;height:35px;width:100%;position:absolute;left:0px;display:none;}
.nav .menu .nav2 ul li{width:120px;line-height:35px;}
.nav .menu .nav2 ul li:hover{line-height:35px;}
.nav .menu .nav2 ul li:hover a{font-size:14px;}
.nav .menu .nav2 ul li a{color:#575757;font-size:12px;}
.postion{ width:1130px; margin:auto; line-height:50px; line-height:50px;}

/* 地图页 */
.map-body{width:100%;overflow:hidden;margin:0 auto;}
.map-ditu{width:100%;margin:0 auto;}


.map-body .mleft{ width:155px;float:left; border-right:1px solid #e5e5e5; padding:0px 0px 20px 15px; margin-right:0px; line-height:25px; background-color:#fff;
border-bottom: 1px solid #e5e5e5;
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr='#ffffff', endColorStr='#f6f6f6');
background: -moz-linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
background: -webkit-linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
background: -o-linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
background: -ms-linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
background: linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
}

.map-body .wleft{ width:350px;float:left; border-right:1px solid #e5e5e5; padding:0px 0px 20px 15px; margin-right:0px; height:770px; }
.map-body .wleft .s_text{ width:330px;float:left; margin-top:100px; float:left; color:#333; line-height:22px;}
.map-body .wleft .ad{ width:330px;float:left; margin-top:50px;}

.map-body .mleft-map{ width:160px;float:left; border-right:1px solid #e5e5e5; padding:0px 0px 20px 15px; margin-right:0px; line-height:25px; background-color:#fff;
border-bottom: 1px solid #e5e5e5;
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr='#ffffff', endColorStr='#f6f6f6');
background: -moz-linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
background: -webkit-linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
background: -o-linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
background: -ms-linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
background: linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
}
.map-body .mleft .map-city{ margin-top:10px;}
.map-body .mleft-map .map-city-info{ margin-top:10px; padding-right:10px;}
.map-body .mleft .map-city ul{padding:0;margin:0 auto;} 
.map-body .mleft .map-city ul li{background-image:url(../images/st_icon.png); background-repeat:no-repeat; background-position:0 8px; padding-left:10px; } 

.map-ditu .mleft{ width:155px;float:left; border-right:1px solid #e5e5e5; padding:0px 0px 20px 15px; margin-right:0px; line-height:25px; background-color:#fff;
border-bottom: 1px solid #e5e5e5;
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr='#ffffff', endColorStr='#f6f6f6');
background: -moz-linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
background: -webkit-linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
background: -o-linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
background: -ms-linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
background: linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
}
.map-ditu .mleft .map-city{ margin-top:10px;}
.map-ditu .mleft .map-city ul{padding:0;margin:0 auto;} 
.map-ditu .mleft .map-city ul li{background-image:url(../images/st_icon.png); background-repeat:no-repeat; background-position:0 8px; padding-left:10px; } 


.postion{width:100%;overflow:hidden;margin:0 auto 5px; margin-top:0px; text-align:left; height:34px; line-height:30px; color:#666666;
border-bottom: 1px solid #e5e5e5;
height:30px; line-height:30px;
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr='#ffffff', endColorStr='#f6f6f6');
background: -moz-linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
background: -webkit-linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
background: -o-linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
background: -ms-linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
background: linear-gradient(top,#fff 0,#f6f6f6 100%) no-repeat #f6f6f6;
}
.postion h1{ float:right; padding-right:5px; font-family:"微软雅黑"; font-size:14px; color:#ff6600; padding:0;margin:0 auto;}

.map-body .mright{ width:300px;float:right;margin-left:2px ;background-color:#fff;margin-right: 13px;}
.map-body .mmid{margin:0 171px;}
.map-body .mmids{margin:0 20px;}

.map-ditu .mright{ width:161px;float:right;border:1px solid #ccc;  margin-left:2px ;background-color:#fff;}
.map-ditu .mmid{margin:0 102px;}
.map-ditu .mmids{margin:0 20px;}

.jd-list{}
.jd-list ul{ margin-top:10px;padding:0;margin:0 auto;}
.jd-list ul li{ float:left; width:280px; line-height:30px; height:30px; font-size:14px; }

.ditu-list-world{margin:0 10px;}
.ditu-list-world h1{ font-weight:bold; font-size:20px; text-align:center;}

.ditu-list-gaosu{margin:0 10px;}
.ditu-list-gaosu h1{ font-weight:bold; font-size:20px; text-align:center; display:none;}
.ditu-list-gaosu .content{ margin-top:20px;}

.ditu-list{margin:0 170px;}
.ditu-list ul{ margin-top:10px;padding:0;margin:0 auto;}
.ditu-list ul li{ float:left; width:21.77%; line-height:30px; height:30px; font-size:14px; height:200px; text-align:center; margin-top:10px;}
.ditu-list ul li img{ border:1px #dddddd solid; padding:2px; }
.ditu-list h1{ font-weight:bold; font-size:20px; text-align:center;}
.ditu-list .share{ height:40px; text-align:center;}
.ditu-list .content{ text-align:left;}

.map_canvas { height:606px; font-size:14px; line-height:22px; background:url(ico_loader.gif) center no-repeat;  margin-left:auto; margin-right:auto; overflow:hidden;}
.notes{width:100%; line-height:32px; background-color:#fff; font-size:14px; margin-top:0px; padding-left: 6px;min-height:300px;padding-top:40px;}
.notes .text{ padding-top:10px; padding-left:20px; padding-right:20px; padding-bottom:10px;}

.matop{ margin-top:15px;}
.gaosuclass{ margin:auto; margin-top:20px; width:1200px; border:1px #dddddd solid; padding:5px; background-color:#efefef}
.gaosuclass a{ padding-left:10px; padding-right:10px; line-height:25px; font-size:14px; border-right:1px #dddddd solid;}
.footer{ border-top:1px #08A1D3 solid; margin-top:30px; background-color:#08A1D3;}
.footer .foot-bar{ width:1130px; margin:auto; padding-top:20px;}
.footer .foot-bar .foot-menu{ text-align:center; line-height:40px; color:#dddddd;}
.footer .foot-bar .foot-menu a{ padding-left:10px; padding-right:10px; color:#dddddd;}
.footer .foot-bar a:hover{ width:1130px; margin:auto; padding-top:20px; color:#ff6600;}
.footer .foot-bar .foot-text{ text-align:center; line-height:30px; color:#dddddd;}
.links{overflow:hidden;margin:10px 0 0 170px;line-height:30px;font-size: 14px;color: #FF5F0F;}
.links a{margin-left:15px;}
.newpages{text-align:center;height:30px;margin-top:20px;}
.newpages a{border:1px solid #e4e4e4;padding:5px 10px;margin-right:8px;}
.newpages span{padding:0 13px 0 7px;}			    
.pages {
height:22px;
margin-top:20px;
overflow:hidden;
}
.pages a,.pages span {
border:1px solid #ccc;
background-color:#dddddd;
display:block;
float:left;
height:20px;
line-height:20px;
margin-left:5px;
padding-left:10px;
padding-right:10px;
width:auto;
}
a:link {color: #333333;text-decoration:none;}
a:visited {color: #333333;text-decoration: none;}
a:hover {color: #FEB252;text-decoration:none;}
a:active {color:#333333;text-decoration: none;}
*{margin:0;padding:0;border:0;}
.advter-warp{width: 298px;height:250px;margin:0 0 5px 10px;border:1px solid #f0f0f0;text-align: center;}
.ewm-warp{margin:10px 0 0 10px;}
.ov{overflow:hidden;}
.lianXi-way{margin-bottom: 10px;}
.lianXi-way img{float:left;display:block;width: 21px;vertical-align:top;}
.lianXi-way p{float:left;width: 229px;line-height:20px;margin-left: 10px;font-size:14px;color:#575757;vertical-align:top;}
.lianXi-way p.c-blue{color: #00BBF9;}
.lianXi-way img.ts{margin-top: 5px;}
.rank-warp{overflow:hidden;margin-left: 177px;}
.rank-warp li{overflow:hidden;float:left;width: 30%;margin-right:3%;}
.rank-warp li h3{padding:20px 0;font-size:17px;color:#1D1D1C;}
.rank-deail{overflow: hidden;width: 100%;height:auto;}
.rank-deail li{width:100%;text-align: center;border-bottom:1px dashed #EDEDED;margin-bottom: 2px;}
.rank-deail li a{display: block;}
.rank-deail li a:hover{color:#333232;}
.rank-deail li.bottom-line{border-bottom:1px solid #EDEDED;}
.rank-deail li .rank-left{float: left;width: 10%;height:40px;line-height:40px;font-size: 18px;color:#FFF; font-weight:bold;background: #06BFF8;}
.rank-deail li.ts .rank-left,.rank-deail li.ts .rank-center,.rank-deail li.ts .rank-right{font-size: 16px;color: #333232;font-weight: 500;background: #FFF;}
.rank-deail li .rank-center{float: left;width: 80%;height:40px;line-height:40px;font-size:14px;font-weight: 300;}
.rank-deail li .rank-right{float: left;width: 10%;height:40px;line-height:40px;}
.rank-deail li .rank-right img{vertical-align:middle;}
.rank-deail li .rank-left.bg-ts{background: #CECECE;}

.ditie-list{width:85%;margin-left:8.7%;}
.ditie-list .bottom .left, .ditie-list .bottom .center, .ditie-list .bottom .right{float:left; }
.ditie-list .bottom .left{width:14%; margin-top:10px; font-size:14px; } 
.ditie-list .bottom .left .bl-top input{width:30%;height:26px;border:1px solid #ddd;padding-left:3px;}
.ditie-list .bottom .left .bl-top .search-sub{background-color:#08a1d3; color:#fff; padding:4px 5px 6px 5px; border-radius:2px; }
.ditie-list .bottom .left .bl-center .name{color:#07a1d3; font-size:16px; font-weight:700; padding:10px 0; }
.ditie-list .bottom .left .bl-center ul li{float:left; margin-top:0px; margin-bottom:10px; color:#fff; font-size:12px; margin-right:10px; border-radius:20px; padding:1px 8px 2px 8px; }
.ditie-list .center{ width:20%; min-height:720px; border-left:1px dotted #dedede; border-right:1px dotted #dedede; margin-top:10px; padding-left:5px; }
.ditie-list .center .bc-top{font-size:14px; font-weight:700; padding:2px 10px; border-radius:10px; color:#fff; }
.ditie-list .center .bc-bootom{padding:5px; margin-top:5px; }
.ditie-list .right{width:50%; } 
.ditie-stations li{float:left; }
.ditie-stations .line{padding-top: 5px; }
.ditie-stations .line img{height: 11px; width:15px; }
.ditie-stations .line-sw img{width:3px; }
.ditie-stations .circle{width:20px; margin-bottom:20px; }
.ditie-stations .circle a{display:block;height:110px; }
.ditie-stations .circle a span{display:block;padding-left: 4px; height:110px; overflow:hidden; }
.ditie-maps #container{width:100%; height:520px; }
.del-stations-info{position:absolute;left:148px;top:1px; } #bd-subwayInfo1{background-color: rgba(0,0,0,0.7); text-align: center; color: #fff; border-radius: 5px; position: relative; top: 0 }
#bd-subwayInfo1:before {content: ""; position: absolute; left: 50%; bottom: -10px; margin: 0 0 0 -7px; width: 0; height: 0; border-left: 7px solid transparent; border-top: 10px solid rgba(0,0,0,0.7); border-right: 7px solid transparent; }
#bd-subwayTitle1 {padding: 5px 12px 3px 12px; text-align: left; overflow: hidden; }
.ditie-news .news-name{color:#fff; background-color:#07a1d3; padding:5px 10px; margin-right:5px; }
.ditie-news ul li{margin-top:8px; background-color:#fdfdfd; margin-right: 5px; padding:5px; padding-top: 3px; border-bottom:1px solid #f2f2f2; }
.ditie-news ul li a img{width:30%; height:56px; float:left; margin-right:5px; }
.ditie-news ul li a div h3{height:40px; }
.ditie-news ul li a div div{text-align:right; padding-right: 11px; color:#999; }
.description{font-size:14px; padding:0 15px; line-height:24px; text-indent:2em; }
.ditie-list .bottom .left .bl-top .search-stations-list{border:1px solid #eee; background-color:#07a1d3; font-size:12px; position:absolute; padding:5px 10px; min-width:110px; }
.ditie-list .bottom .left .bl-top .search-stations-list li{margin-top:5px; border-bottom:1px solid #eee; }
.ditie-list .bottom .left .bl-top .search-stations-list li a{color:#fff; }




chtml = ['<div class="cbox_details" style="background-color:#fff;width:290px;height:210px;border:2px solid #d2d2d2;position:absolute;top:-34px;"></div><div style="width:260px;height:180px;border:1px solid #d2d2d2;padding:10px;position:relative;top:-26px;left:8px;z-index:20;"> <img src="http://n1-q.mafengwo.net/s15/M00/77/B5/CoUBGV3vzh2AYXwOAAWjqWFvT9s274.jpg" style="width:80px;height:80px;float:left;"> <div style="float:left;width: 170px;margin-left: 8px;margin-bottom:8px;"> <h3 style="font-size:14px;height:42px;overflow:hidden;">稻城印象老砂锅老砂锅老砂锅锅老砂锅</h3> <div class="tags"><span>好玩</span><span>好吃</span><span>便宜</span><span>划算</span></div> <div class="score"><img src="/public/images/score_4.png"></div> </div> <p class="miaoshu" style="font-size:12px;line-height:18px;letter-spacing: 1px;"><img src="/public/images/sy_t.png"><span style="padding:0 10px;">大熊猫繁育科研机构，完全模拟大熊猫野外生活环境，建有湖泊、溪流、竹林、草坪等，共饲养100 多只大熊猫...</span><img src="/public/images/sy_b.png"></p> <div style="border-top:1px dashed #d5d5d5;margin-top:10px;text-align:center;padding-top:6px;"><a href="" style="font-size:16px;color:#FFC57D;letter-spacing:2px;">查看详情</a> </div> </div><div style="box-sizing:content-box;overflow: hidden;z-index:1;position: absolute;left:145px;top:160px;width: 34px;height: 50px;z-index:10;"><img style="box-sizing:content-box;border:none;margin:0px;padding:0px;margin-left:-186px;margin-top:-691px;max-width:none; width:690px;height:786px;" src="https://api.map.baidu.com/images/iw3.png"></div>'];