@charset "utf-8";
@import url("global.css");
/* CSS Document */
.plate-wrap {width:100%; margin-bottom:30px;}
.plate-container { width: 1100px;margin-left: auto;margin-right: auto;}
.plate-content { width: 100%; margin: 0px;}


/* plate-header */
.plate-header {margin: 30px 0;text-align: center; overflow: hidden;}
.plate-header h2 { font-size: 30px; font-weight: 500; line-height: 30px;}
.plate-header p {display: inline-block;padding: 5px 10px;font-size: 14px;margin: 0;color: #666;}

/*全局*/ 
/*location*/
#location{margin:0px auto;padding:10px 0px 5px;width:1100px;height:35px;line-height:35px;position:relative;font-size:14px;color:#666;}
#location .icon-home{width:18px;height:14px;margin-right:12px;vertical-align:middle;background:url(../images/icon_home.gif) no-repeat left top;display:inline-block;}
#location .right{width:300px;height:35px;position:absolute;top:7px;right:0px;}


/* === 目的地频道 === */
/*place-focus*/
.place-focus { position: relative;}
.place-focus .show-banner { position: relative; width: 100%; overflow: hidden;}
.place-focus .show-banner .cover { background: #ccc;height: 400px;}
.place-focus a.bigimg { display: block; position: relative; height: 400px; overflow: hidden;}
.place-focus a.bigimg img{ display: block;width: 100%; height: 400px; overflow: hidden;}
.place-focus .search-form{overflow: hidden;}
.place-focus .search-panel { position: absolute; z-index: 2; left: 71%; top: 50%; margin: -71px 0 0 -500px; width: 400px; padding: 15px; background-color: #000; background-color: rgba(0,0,0,.4); border-radius: 4px;}
.place-focus .search-panel h2 { font-size: 20px; color: #fff; margin-bottom: 15px; font-weight: normal; text-align: center; line-height: 1; font-family: "Microsoft Yahei";}
.place-focus .search-panel-sm .search-bar { height: 46px;}
.place-focus .search-panel .search-input { float: left; width: 308px; height: 46px; margin: 0 6px 0 0; padding: 0 20px; background-color: #fff; border: 0 none; line-height: 46px; font-size: 18px; color: #111; border-radius: 4px;}
.place-focus .search-panel .search-button { float: left; width: 45px; height: 46px; background-color: #4199ce; border-radius: 4px; text-align: center;}
.place-focus .search-panel .icon-search { display: inline-block; margin-top: 11px; width: 24px; height: 24px; background: url(http://images.mafengwo.net/images/header-sprites.png) no-repeat 0 -110px; overflow: hidden; vertical-align: top;}
.place-focus .search-hot { font-size: 14px; margin-top: 15px; line-height: 16px;}
.place-focus .search-hot a { margin-right: 10px; color: #fff;}


/*mdd-rank*/
.mdd-rank{width:100%;overflow:hidden}
.mdd-rank .mdd-rank-top {float:left;position:relative;width:800px;height:352px;overflow:hidden}
.mdd-rank-top .top-item {width:310px}
.mdd-rank-top .top-item.top-01{position:absolute;z-index:1;left:0;top:0;width:450px;height:352px}
.mdd-rank-top .top-item.top-01 .top-item-pic{width:450px;height:312px}
.mdd-rank-top .top-item.top-01 .top-item-pic a,.mdd-rank-top .top-item.top-01 .top-item-pic img{display:block; width:100%; height:100%}
.mdd-rank-top .top-item.top-02, .mdd-rank-top .top-item.top-03{position:absolute; z-index:1; left:470px;top:0; width:310px; height:166px}
.mdd-rank-top .top-item.top-02 .top-item-pic{width:310px;height:126px}
.mdd-rank-top .top-item.top-03 {top:186px}
.mdd-rank-top .top-item.top-02 .top-item-pic a,
.mdd-rank-top .top-item.top-02 .top-item-pic img,
.mdd-rank-top .top-item.top-03 .top-item-pic a,
.mdd-rank-top .top-item.top-03 .top-item-pic img {display:block;width:100%;height:125px}

.mdd-rank-top .top-item-text{width:100%;height:40px;overflow:hidden}
.mdd-rank-top .top-item-text a{display:flex;width:100%;height:40px;line-height:40px}
.mdd-rank-top .top-item-text i{display:inline-block;margin:11px 0 10px;width:22px;height:22px;line-height:22px;color:#fff;font-size:14px;background:#00b7a8;text-align:center}
.mdd-rank-top .top-item.top-01 .top-item-text i{background:#ef4b4b}
.mdd-rank-top .top-item.top-02 .top-item-text i{background:#fa9607}
.mdd-rank-top .top-item.top-03 .top-item-text i{background:#ffd220}
.mdd-rank-top .top-item-text em{flex:1;height:43px;padding-left:10px;line-height:43px; font-size: 16px;}
.mdd-rank-top .top-item-text .item-status{display:inline-block;height:43px;padding-right:15px;line-height:43px;font-size:14px;color:#333}

.mdd-rank .mdd-rank-list{float:right;width:300px}
.mdd-rank-list .rank-item{height:43px;border-bottom:1px dotted #dde1da}
.mdd-rank-list .rank-item a{display:flex;width:100%;height:43px;font-size: 14px;}
.mdd-rank-list .rank-item i{display:inline-block;margin:11px 0 10px;width:22px;height:22px;line-height:22px;color:#fff;font-size:14px;background:#00b7a8;text-align:center}
.mdd-rank-list .rank-item.rank-01 i{background:#ef4b4b}
.mdd-rank-list .rank-item.rank-02 i{background:#fa9607}
.mdd-rank-list .rank-item.rank-03 i{background:#ffd220}
.mdd-rank-list .rank-item em{flex:1;height:43px;padding-left:10px;line-height:43px}
.mdd-rank-list .rank-item .item-status{display:inline-block;height:43px;padding-right:15px;line-height:43px;font-size:14px;color:#333}
.mdd-rank-update{float:right;width:300px;height:44px;line-height:44px;color:#a1abbc;font-size:13px;text-align:right}
 
/*tab样式*/ 
.tab-box{ width: 100%; height: auto; overflow: hidden;}
.tab-box .tab-head {width: 100%;height:80px; margin-bottom:0px; position:relative; background:url(https://www.hiboats.cn/statics/portal/images/youting/h_line1.gif) #FFF repeat-x 0 60px;}
.tab-box .tab-head .tab-list  {width: 1100px; position:absolute; left:0px; top:0px; height:32px; clear:both;}
.tab-box .tab-head .tab-list li {float:left; width:91px; cursor:pointer; font-size:16px; height:60px; line-height:60px; padding-bottom:18px; text-align:center; background:url(https://www.hiboats.cn/statics/portal/images/youting/point.jpg) no-repeat 36px 54px;}
.tab-box .tab-head .tab-list li.head-on { font-size:24px; color: #fa9607;  background-position:36px -132px;}
.tab-box .tab-con{ display: none; width: 100%;}
.tab-box .tab-on{ display: block;}

/*photo-inner*/
.mdd-month-list{ margin:0px;width: 1120px; overflow: hidden; }
.mdd-month-list .des-item {float: left;margin: 20px 20px 0 0;width: 260px;height: 160px;overflow: hidden;}
.mdd-month-list li:nth-child(1),.mdd-month-list li:nth-child(2),.mdd-month-list li:nth-child(3){float: left;margin: 20px 20px 0 0;width: 353px;height: 248px;overflow: hidden;}
.mdd-month-list .des-item a {position: relative;display: block;width: 100%;height: 100%;}
.mdd-month-list .des-item a img {display: block;width: 100%;height: 100%; transform: scale(1);transition: all .2s ease;}
.mdd-month-list .des-item .des-name {position: absolute;z-index: 2;bottom: 20px;left: 20px;color: #fff;font-size: 22px;text-align: left;}
.mdd-month-list .des-item .des-name span {display: block;height: 26px;line-height: 26px;font-size: 22px;}
.mdd-month-list .des-item .des-name span {display: block;height: 20px;padding-top: 5px;line-height: 20px;font-size: 16px;}
.mdd-month-list .des-item .mask {position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.1);}


/*country-class*/
.country-class{display:flex;margin-bottom:10px;flex-wrap:wrap;justify-content:center;overflow:hidden}
.country-class .c-item{position:relative;padding:0 25px 14px;height:22px;line-height:22px;font-size:18px}
.country-class .c-item i{position:absolute;z-index:0;left:0;top:2px;width:1px;height:20px;background:#d8d8d8}
.country-class .c-item:first-child i{display:none}
.country-class .c-item span{display:block;padding-bottom:14px;color:#4a4a4a}
.country-class .c-item.thistab span,.country-class .country-item span:hover{padding-bottom:10px;border-bottom:4px solid #f5a623;color:#f5a623}

/*country-class*/
.country-list{display:none;width:100%;overflow:hidden}
.country-list p { height: 16px;line-height: 16px;color: #a1abbc;}
.country-list.active{display:block}.country-list p{height:16px;line-height:16px;color:#a1abbc}
.country-list ul{margin-left:-20px;width:1200px}
.country-list ul li{float:left;margin:20px 20px 0;width:350px;height:20px;overflow:hidden}
.country-list ul li a{float:left;height:20px;line-height:20px;color:#565e6a;font-size:15px}
.country-list ul li a span{margin:0 5px;color:#a1abbc}
.country-list ul li i{float:left;margin-top:2px;height:16px;padding:0 5px;line-height:16px;font-style:italic;color:#fff;font-size:12px;background:#f5a623}


/* === 目的地列表 === */





/* === 目的地内容 === */
.des-header{width: 100%;margin-top:10px; padding-bottom: -1px;box-shadow: 0 3px 5px rgba(0,0,0,0.1);border-top:0px #eee solid; background-color:#fff;}
.des-wrap{position:relative; width:1100px; margin: 0 auto 20px; padding:0;}
.des-top-info{padding: 15px 0;}
.des-top-info .top-left {float:left;width:800px;padding-top:0px;overflow:hidden;}
.des-top-info .top-left .des-name {margin-bottom: 10px; overflow:hidden;}
.des-top-info .top-left .des-name h1 {color: #333;font-size: 30px;line-height: 30px;font-weight: 500;padding-bottom: 0px;padding-right: 20px;float: left;}
.des-top-info .top-left .des-name p {float: left;line-height: 30px; padding-right: 20px; font-size: 24px;color: #999;}
.des-top-info .top-left .des-name span.gltextdown_blk{float: left;margin-top: 15px;margin-bottom: 0px;margin-left: 15px;white-space: nowrap;}
.des-top-info .top-left .des-summary{margin-bottom: 0px; height:36px;line-height:36px;padding-top: 0px;font-size: 14px;color: #666;overflow:hidden;}
.des-top-info .top-left .des-name .gltextdown {display: inline-block;color: #00a7e1;font-size: 15px;height: 27px;line-height: 27px;text-align: left;white-space: nowrap;}
.des-top-info .top-left .des-name .gltextdown em.text_clue {display: inline-block;height: 27px;line-height: 27px;background: url(../images/gltextdown_icon.png?t=fcead6e2f0f994cb754b07396f4a488d) -20px top no-repeat;
padding: 0 8px 0 33px;}
.des-top-info .top-left .des-name .gltextdown i.rt_corner {display: inline-block;width: 14px;height: 27px;overflow: hidden;
background: url(http://pages.c-ctrip.com/gs_static/common/img/gltextdown_icon.png?t=fcead6e2f0f994cb754b07396f4a488d) no-repeat;
vertical-align: top;}
.des-top-info .top-right{float:right;width 720px;padding-top:0px;overflow:hidden;}
.des-top-info .top-right li.des_icon_want{border-right:1px solid #eee;margin-right:12px;padding-right:12px}
.des-top-info .top-right li.des_icon_been a,.des-top-info .top-right li.des_icon_want a{width:35px; height:35px; float:left; margin-right:10px; overflow:hidden; display:inline-block; background-position:-82px 0}
.des-top-info .top-right li.des_icon_want a{background-position:-10px 0}
.des-top-info .top-right li.des_icon_been a:hover{background-position:-118px 0}
.des-top-info .top-right li.des_icon_want a:hover{background-position:-46px 0}
.des-top-info .top-right li.des_icon_want a.current:hover,.des-top-info .top-right li.des_icon_want a.current{background-position:-46px 0;cursor:default}
.des-top-info .top-right li.des_icon_been a.current,.des-top-info .top-right li.des_icon_been a.current:hover{background-position:-118px 0;cursor:default}

.des-top-info .top-right li.des_icon_been a,
.des-top-info .top-right li.des_icon_want a,
.des-top-info .top-right li a{background:url(../images/ttd2.png) no-repeat}
.des-top-info .top-right li{float:right;min-width:100px}
.des-top-info .top-right li p{float:left}
.des-top-info .top-right span{font-size:12px}
.des-top-info .top-right span em{font-size:16px;color:#00a7e1}
.des-top-info .top-right span.textcolor{color:#333;font-size:14px;display:block}
.des-top-info .top-right li.des_icon_want{border-right:1px solid #eee;margin-right:12px;padding-right:12px}
.des-top-info .top-right li.des_icon_been a,.des-top-info .top-right li.des_icon_want a{width:35px;height:35px;float:left;margin-right:10px;overflow:hidden;display:inline-block;background-position:-82px 0}
.des-top-info .top-right li.des_icon_want a{background-position:-10px 0}
.des-top-info .top-right li.des_icon_been a:hover{background-position:-118px 0}
.des-top-info .top-right li.des_icon_want a:hover{background-position:-46px 0}
.des-top-info .top-right li.des_icon_want a.current:hover,.des-top-info .top-right li.des_icon_want a.current{background-position:-46px 0;cursor:default}
.des-top-info .top-right li.des_icon_been a.current,.des-top-info .top-right li.des_icon_been a.current:hover{background-position:-118px 0;cursor:default}

/* 导航*/
.des-nav{width:1120px;margin:0 auto;height:42px;border-bottom:0px solid #ddd;position:relative;top:0;left:0;width:100%;z-index:20;background-color:#fff;}
.des-nav ul{width:1100px;height:42px;border-top:0px solid #ddd;_overflow:hidden}
.des-nav ul li{float:left;padding:0 0px;height:38px;min-width:90px;text-align:center;font-size:18px;line-height:38px;margin-left:-1px;position:relative;background:url(http://pages.c-ctrip.com/gs_static/ttd2/img/ttd2.png?t=c3b56437f97760c6eb5297fcf6fa5f7d) no-repeat -105px -40px;}
.des-nav ul li.des-first-nav{background:0}
.des-nav ul li a{display:block;overflow:hidden}
.des-nav ul li.current{width:90px;height:42px;background:url(../images/ttd2.png) no-repeat -10px -36px;z-index:2;top:0px;line-height:44px;padding-right:5px}
.des-nav ul li.current a{color:#fff;text-decoration:none}

/*.des-info*/
.des-info{height:330px;color:#333;font-family:"microsoft yahei";font-size:12px;position:relative;background-color:#fff;}
.des-info .des-info-pic{width:600px;height:330px;float:left;position:relative;overflow:hidden}
.des-info .des-info-pic .city-info-pic{background:url(//gss0.bdstatic.com/8KIPcyv9KgQIm2_p8IuM_a/static/destination/widget/view/view-main/city-info/img/bg-525-x2_30b989d.png) no-repeat;background-size:525px 295px;width:525px;height:295px;display:inline-block}
.des-info .des-info-txt{width:440px;padding:20px 30px;float:left}
.des-info .des-info-txt h3.title{margin-top:0;font-size:28px;font-family:"microsoft yahei";font-weight:500;line-height:28px}
.des-info .des-info-txt h3.title span{color:#a3a3a3}
.des-info .des-info-txt .des-score{height:24px;line-height:24px;color:#666;margin-top:16px}
.des-info .des-info-txt .remark-count{float:right;}
.des-info .des-info-txt .des-score .star-new{margin-top:4px;float:left;margin-right:2px}
.des-info .des-info-txt .des-impression{margin:15px 0}
.des-info .des-info-txt .des-impression p.txt{line-height:24px;font-size: 14px;color:#666}
.des-info .des-info-txt .des-impression span.tit{font-weight:700}
.des-info .des-info-txt .des-intro{width:100%;line-height:26px;font-size:14px;}
.des-info .des-info-txt .des-intro .point-rank{margin-bottom:5px;height:26px}
.des-info .des-info-txt .des-intro .rank{color:#ff9c00;display:inline;font-size:14px;margin-left:3px}
.des-info .des-info-txt .des-intro .globel-iconfont{margin-right:5px}
.des-info .des-info-txt .des-intro span{width:100%;margin-bottom:5px;display:block;color:#666}

.star-new {background: url(../images/star-icon.png) no-repeat;background-size: 100% auto;width: 100px; height: 16px;display: inline-block; position: relative;}
.star-new span{position:absolute;height:16px;background:url(../images/star-icon.png) no-repeat;background-size:100px auto;background-position:0 -17px}
.star-new .star-0{width:0}
.star-new .star-1{width:8px}
.star-new .star-2{width:16px}
.star-new .star-3{width:29px}
.star-new .star-4{width:37px}
.star-new .star-5{width:50px}
.star-new .star-6{width:60px}
.star-new .star-7{width:71px}
.star-new .star-8{width:80px}
.star-new .star-9{width:92px}
.star-new .star-10{width:100px}

.des-content{background-color #fff;}
.des-left { float: left; width: 760px; overflow:hidden;background-color:#fff;}
.des-left .des-title{ display: block;padding: 20px 20px 0;line-height: 40px;overflow:hidden;}
.des-left .des-title h2{margin: 0 10px 0 0; display: inline; font-size: 34px; line-height: 1.15; font-weight: 400; vertical-align: sub;}
.des-left .des-title .detail-share{float: right;width: 230px;line-height: 28px;}
.des-left .des-title .detail-share span{float: left;font-size: 14px;}
.des-left .detail-box{margin-top:0px;overflow:hidden;}
.des-left .detail-title{display: block;clear: both;zoom: 1; overflow: hidden; font-size: 20px;border-left: 12px solid #00a7e1;}
.des-left .detail-title h3{line-height: 40px;display: block;float: left;padding: 0 8px 0 5px;color: #333; background: #fff;}
.des-left .detail-title .title-text { float: left; display: block; padding: 0 8px 0 18px; line-height: 24px; font-size: 22px; font-weight: 400; color: #000; background: #fff;}
.des-left .detail-title .title-prefix { display: none;}
.des-left .detail-content {line-height: 30px;font-size: 15px;margin:0px;padding:20px ; overflow:hidden;}
.des-left .detail-content p {color: #333;margin: 15px 0 0px;text-indent: 1em;line-height: 30px;}

.des-right { float: right; width: 300px;padding:0 10px 0;overflow:hidden ;background-color:#fff;}
.des-right .narrow_title{width: 100%; padding: 0 0 15px; line-height: 26px;overflow:hidden}
.des-right .narrow_title h3 {float: left; font-weight: normal;font-size: 18px;    font-weight: 700;}
.des-right .narrow_title span {float: right;}
.des-right .narrow_title .gs2_more_arror {background: url(http://pages.c-ctrip.com/gs_static/ttd2/img/ttd2.png?t=c3b56437f97760c6eb5297fcf6fa5f7d) no-repeat -1px -1px;width: 4px;height: 10px;overflow: hidden;margin-left: 5px;display: inline-block;vertical-align: middle;}

/* travel-recDiv */
.big-pic {width: 100%;height: auto;margin: 0 auto;position: relative;z-index: 2;zoom: 1;}
.big-pic a {width: 100%;height: 100%;overflow: hidden;display: block;}
.big-pic a img {display: block;width: 100%;height: auto;max-height:250px; margin: 0 auto;} 
.rec-picul li.item {padding-bottom: 15px;}
.rec-picul li.ite m:first-child{padding-top:0}
.rec-picul li.item .info-pic {float: left;}
.rec-picul li.item .info-pic img {display: block;width: 100px;height: 80px;margin-bottom: 0px;}
.rec-picul li.item .info-txt {float: right;width: 185px;}
.rec-picul li.item .info-txt p {margin-bottom: 10px;font-size: 14px;line-height: 25px;height: 50px;overflow: hidden;}
.rec-picul li.item .info-txt span {float: left;font-size: 12px;color: #999;}
.rec-picul li.item .info-txt .name {float: right;}

/* des-recList */
.des-recList{width:105%;margin-top:0px;overflow:hidden;}
.des-recList li,.des-recList li img{width: 142px;height:100px;}
.des-recList li{float:left;position:relative;margin: 0 15px 15px 0;}
.des-recList li:hover{-moz-box-shadow:0 2px 12px rgba(18,4,8,.2);-webkit-box-shadow:0 2px 12px rgba(18,4,8,.2);box-shadow:0 2px 12px rgba(18,4,8,.2)}
.des_kind_left li:hover,.des_kind_right ul li:hover{-moz-box-shadow:0 2px 12px rgba(18,4,8,.2);-webkit-box-shadow:0 2px 12px rgba(18,4,8,.2)}
.des-recList li.mr0{margin:20px 0 0}
.des-recList .intro{height:120px;position:absolute;color:#fff;font-size:14px;text-align:center;left:0;right:0;bottom:0;background:url(https://img1.40017.cn/cn/c/gonglue/pd_home_03.png) repeat-x}
.des-recList .intro h4{font-size:18px;font-weight:700;line-height:30px;margin-top:50px}
.des-recList .intro p{line-height:25px;font-size:12px;}

/*related-list*/
.related-list {width:100%;floatleft;padding-top:0px;clear:both;overflow hidden;}
.related-list li{position: relative;border-bottom:1px solid #eaecef;width:730px;/* height:140px; */float left;margin: 0px;padding: 15px 0px;background #fff;} 
.related-list li img{border:0px solid #dadada;padding:0px;width: 180px;height: 110px;float:left;margin-right:15px;display:inline;}
.related-list li h3{font:700 20px/30px 'Microsoft Yahei';color:#0b78de;margin-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.related-list li p.txt{margin-bottom: 10px;padding: 0px 0;height: 30px;line-height: 30px;font-size:14px;color:#5e6b73;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.related-list li.last{ border-bottom:none}
.related-list li p.bq{ color:#a1a1a1; padding-top:8px}
.related-list li p.bq a{ color:#39648c;padding:0 6px;}
.related-list li p.bq a:hover{color:#e05a5a;}
.related-list li p.msg {font-size: 14px;color: #9baab6;line-height: 25px;zoom: 1;}
.related-list li p.msg a {font-size: 12px;color: #9baab6;}
.related-list li p.msg .aut {float: left;line-height: 25px;}
.related-list li p.msg .aut img {width: 25px;vertical-align: middle;margin-right: 8px;height: 25px;border-radius: 50%;-webkit-border-radius: 50%;}
.related-list li p.msg .time {float: left;margin-left: 25px;}
.related-list li p.msg .tags {float: right;}
.related-list li p.msg .tags em {margin-top: 6px; display: inline-block;vertical-align: middle;background: url(https://www.leiphone.com/resWeb/images/common/yp_spirit.png) no-repeat -215px -46px;width: 14px;height: 14px;}
.related-list li p.msg .tags a {display: inline-block;padding-left: 8px;}
.related-list .inner-box {position: relative;height: 100%;}
.related-list li:hover {background-color:#f5f5f5;}