/*小镇介绍*/
.banner{width:100%;height:auto;position: relative;}
.banner .bannerpic{width:100%;height:100%; position: absolute;top:0px;left:0px;}
.banner  .sceneryname{width:100%; height:40px;line-height: 40px; position: absolute;bottom:0px;color:#fff;font-size:16px;padding:0px 10px;}
.banner span.videoicon{width:30px;height:30px;background-position: -237px 0px;}
.banner span.videoicon.active{background-position: -75px -200px;}
.linkBox{width:100%;background-color: #fff;}
.linkBox ul li{display: block;width:33.3%;padding:10px 0px; float:left;text-align: center; border-right:1px solid #e8e8e8;}
.linkBox ul li:last-child{border-right:none;}
.linkBox ul li i.playicon{width:30px;height:30px;background-position: 0px 0px;}
.linkBox ul li i.playicon.active{background-position: 0px -200px;}
.linkBox ul li i.sceneryicon{width:30px;height:30px;background-position: -28px 0px;}
.linkBox ul li i.visiticon{width:30px;height:30px;background-position: -60px 4px;}
.linkBox ul li a{color:#7c7c7c;}
.infoBox{width:100%;height:auto;background-color: #fff;}
.infoBox ul li{width:100%;color:#606060; line-height: 50px;border-bottom:1px solid #ebebeb}
.infoBox ul li a{color:#606060}
.infoBox ul li i.clockicon{width:18px;height:15px; background-position: -156px 0px;    position: relative;
    top: 4px;margin-right:3px;}
.infoBox ul li i.telicon{width:18px;height:15px; position: relative; background-position: -174px -1px;}
.infoBox ul li i.arrowicon{width:20px;height:20px; position: relative; background-position: -215px 0px;top:17px;}
.infoBox ul li i.addressicon{width:18px;height:18px; position: relative; background-position: -192px 1px;}
.summary{width:100%;height:auto;background-color: #fff;}
.summary .info img{max-width:100%}
.summary .tit{width:100%;height:40px;line-height: 40px;border-bottom:1px solid #ebebeb}
.summary .tit i.summaryicon{width:30px;height:30px;background-position: -128px 0px;}
.summary .tit i.sceneryicon{width:30px;height:30px;background-position: -96px 2px;}
.summary .tit i.noticeicon{width:25px;height:25px;background-position: -18px -56px;margin-left:5px;margin-right:5px;}
.summary .info{width:100%;height:auto;padding:10px;color:#6c6c6c;line-height: 22px;}
.scenerylist{width:100%;height:auto;padding: 10px;height:80px;position: relative;  margin:0 auto;}
.scenerylist a{ color:#333;}
.scenerylist .scenerypic{width:60px;height:60px; position: absolute;top:10px;left:10px; overflow: hidden;border-radius: 100px;}
.scenerylist .scenerypic img{width:100%;height:100%}
.scenerylist .sceneryinfo{width:100%;height:100%;padding-left:70px;}
.scenerylist .sceneryinfo .sceneryname{font-size:15px;margin-top:5px; color:#333;}
.scenerylist .sceneryinfo .sceneryintro{color:#6c6c6c;    line-height: 18px;max-height:45px; overflow: hidden;}

.scenerylist .sceneryinfo .sceneryintro p{display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom:10px;}
/*攻略*/
.strategyList{width:100%;height:auto;margin:0 auto;}
.strategyList .strategybox{width:100%;height:auto;position: relative; background-color: #fff;padding:10px;}
.strategypic{width:100%;height:auto; position: relative;}
.strategypic .hoticon{width:15px;height:25px;position:absolute;top:0px;left:5px;background-size:300px; background-position: -285px 0px;}
.strategybox  .strategypic{color:#333}
.strategybox .sceneryname,.strategybox .markbox{text-align: center;}
.strategybox .sceneryname{line-height:40px;font-size:16px;}
.strategybox .markbox span{display: inline-block; width:60px;height:35px;line-height: 35px;text-align: center; border-radius:5px;border:1px solid #45c4f4;color:#45c4f4}
.scenerymark{width:100%;height:auto;padding:10px; position: absolute;bottom:0px;z-index:10; color:#fff;}
.scenerymark .name{font-size:16px;margin-bottom:5px;}
.scenerymark .markbox {text-align: left;}
.scenerymark .markbox span{display: inline-block; width:50px;height:30px;line-height: 30px;text-align: center; border-radius:5px;border:1px solid #fff;color:#fff}
.scenerymark .priceinfo{color:#ffde00}
.scenerymark .priceinfo .price{font-size:18px;}
.raidersmark{width:100%;height:auto;padding:10px;z-index:10; text-align: center;}
.raidersmark .name{ line-height:30px;font-size:16px;color:#333}
.raidersmark .markbox span{display: inline-block; width:50px;height:30px;line-height: 30px;text-align: center; border-radius:5px;border:1px solid #85d5f8;color:#85d5f8; margin:0 5px;}
.raidersmark .priceinfo{color:#ffde00}
.raidersmark .priceinfo .price{font-size:18px;}



.introtit{width:100%;height:40px;line-height: 40px;color:#cba656;border-bottom:1px solid #edeaea}
.introicon{width:15px;height:16px;background-position:-23px -35px;margin-left:5px;}
.banner  .playicon{width:60px;height:60px;background-position: -50px -32px;cursor: pointer; display: block;position: absolute;top:50%;margin-top:-30px;left:50%;margin-left:-30px}
/*游览须知*/
.notice_tit{ display:none; position:absolute;top:50%;color:#fff;left:50%;margin-left:-40px; margin-top:-20px; }
.notice_tit i.noticeicon{width:30px;height:30px;background-position: -120px -35px;position: relative;top:2px;}
.notice_tit i.askicon{width:30px;height:30px;background-position: -159px -30px;position: relative;top:2px;}
.suggestcon{width:100%;height:auto;border-bottom:1px solid #ebebeb; padding:8px 2% 10px 2%; background-color: #fff;}
.suggestcon .suggesticon{width:15px;height:15px;margin-right:3px;position: relative;top:2px; display: inline-block; background-position: -202px -47px;}
.suggestcon .suggestarea{width:90%;height:100px;border:none;}
.suggestcon .telicon{width:20px;height:20px;background-position: -225px -43px;position: relative;top:10px;}
.suggestcon .telcon{width:90%;height:40px;border:none;}
.btnBox .telicon{width:15px;height:17px; background-position: 0px -60px;}

.listbox{width:100%;padding:10px;border-bottom:1px solid #e6e6e6; position: relative; background-color: #fff;}
.listbox .listpic{width:100px;height:70px;overflow: hidden; position: absolute;top:10px;left:10px;}
.listbox .listpic img{width:100%;height:100%;}
.listbox .listinfo{width:100%;height:100%;/*padding-left:110px;*/}
.listbox .listinfo .address{ width:100%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;color:#606060;margin-top:2px;}
.listbox .listinfo .tit{font-size:16px;color:#333}
.listbox .listinfo .priceinfo{color:#cba656;margin-top:5px;}
.listbox .listinfo .priceinfo .price{font-size:20px;}
.listbox .listinfo i.addressicon{width:15px;height:20px;background-position:-197px 2px;}
.listbox .listinfo span.arrowicon{width:16px;height:16px;background-position: 0px -34px; position: relative;top:2px;}
.listinfo .mark{color:#cba656}
.audio_list{ width:100%; padding:10px 2%;}
.videobox { position:relative; width:100%;height:80px;padding:10px; margin-bottom:10px; background-color: #fff;}
.videobox .videopic{width:60px;height:60px;position: absolute;top:10px;left:10px; overflow: hidden;border-radius: 100px;;}
.videobox .videopic img{width:100%;height:100%;}
.videobox .videoinfo{width:100%;height:100%;line-height:60px;padding-left:70px;}
.videobox .playicon{width:40px;height:40px; position: absolute;right:10px;top:20px; background-position:-260px -35px;}
.videobox .playicon.active{background-position:-25px -200px;}
.videobox .playicon .audio{ display:none; width:40px;height:40px; opacity:0;}
video{object-fit:fill !important;}
.infoBox ul li.opentimebox{padding:15px 0px;}
.infoBox ul li div.opentime{font-size:14px !important;line-height:20px;width:88%}