@charset "utf-8";


/* =======================================================
 * 旅居养老  2023-10-21
 * ------------------------------------------------------- */
 .path-bar .path-nav li{padding-right: 10px;}
 .path-bar .path-nav li,
 .path-bar .path-nav li a{font-size: 16px;}
 
 /* clearfix */
 .travel-item .travel-item-hd:after{content: '';display: block;height: 0;clear: both;overflow: hidden;}
 .travel-item .travel-item-hd{*zoom:1;}
 
/* 顶部通栏*/
.travel-banner-layer {overflow: hidden;margin-top: -8px;clear: both;position: relative;}
.travel-banner-layer .travel-banner-info{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.travel-banner-layer .travel-banner-title,
.travel-banner-layer .travel-banner-desc{display: block;width: 470px;height: 37px;background-repeat: no-repeat;background-position: 0 center; background-size: contain; margin: 0 auto;}
.travel-banner-layer .travel-banner-title{background-image: url(../images/travel-banner-title.png); animation: fadeInUp 1s ease;}
.travel-banner-layer .travel-banner-desc{background-image: url(../images/travel-banner-desc.png);margin-top: 10px;animation: fadeInUp 1.2s ease;}
@keyframes fadeInUp{
	0%{opacity: 0;transform: translateY(100%);}
	100%{opacity: 1;transform: translateY(0%);}
}

/*当前位置 */
.path-bar .layout{display: flex;}
.path-bar .path-nav{display: inline;}
.path-bar .path-nav li, .path-bar .path-nav li a{font-size: 1em;}
.top-city-list{float: right;text-align: right;flex:1;font-size: 1em;}
.top-city-list li{display: inline;padding-left: 22px;}
.top-city-list li a{display: inline-block;position: relative;}
.top-city-list li a:hover,
.top-city-list li.active,.top-city-list li.active a{color: #0094ab;}
.top-city-list li.active{font-weight: bold;}
.top-city-list li.active a:before{content: '';display: block;width: 100%;height: 2px;background-color: currentColor;position: absolute;left: 0;bottom: -1px;}

/* travel-layer */
.travel-layer{padding-bottom: 50px;overflow: hidden;}
.travel-layer a:hover{color: #0094ab;}

/* 首屏资讯 */
.owl-drag{position:relative;width:100%;}
.owl-drag .owl-item{float:left;min-height:1px;position:relative;overflow:hidden;}
.owl-drag .owl-stage-outer{width:100%;overflow:hidden;position:relative;}
.owl-drag .owl-stage{position:relative;}
.owl-drag .owl-controls{overflow:visible;}
.owl-drag .owl-nav.disabled{display: none;}
.owl-drag .owl-prev,.owl-carousel .owl-next{cursor:pointer;}
.owl-drag  button{border: 0;background: none;}
.owl-loaded .slide-item{display:block;}
.travel-layer-news{padding-top: 10px;}
.travel-layer-news .travel-col-slider{width: 48.75%;float: left;position: relative;}
.travel-layer-news .travel-slider-item{position: relative;}
.travel-layer-news .travel-slider-item,.travel-layer-news .travel-slider-item a{color: #fff;}
.travel-layer-news .travel-slider-item  a{display: block;}
.travel-layer-news .travel-slider-item .slider-item-img img{width:100%; height: 386px;object-fit: cover;}
.travel-layer-news .travel-slider-item .slider-item-hd{width: 100%;height: 45px;line-height: 45px;background-color:rgba(0,0,0,.5);position: absolute;left: 0;bottom: 0;transform: translateY(100%); opacity: 0; transition: all .6s ease;}
.travel-layer-news .travel-slider-item:not(:first-of-type){display: none;}
.travel-layer-news .active .travel-slider-item .slider-item-hd{transform: none;opacity: 1;}
.travel-layer-news .active .travel-slider-item .slider-item-img img{transform: scale(1);}
.travel-layer-news .travel-slider-item .slider-item-tit{font-size: 1.125em;font-weight: normal;margin: 0 70px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.travel-layer-news .owl-prev,.travel-layer-news .owl-next{display: block;width: 40px;height: 45px;position: absolute;bottom: 0;text-align: center;line-height: 45px;color: #fff;font-size: 22px;font-family: simsun;font-weight: bold;cursor: pointer;z-index: 9;background-position: center;background-repeat: no-repeat;opacity: .88;}
.travel-layer-news .owl-prev{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAMAAABVab95AAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMA5t2LfUQ74PTsyIV0ajUyLiamnO9XJUgAAABKSURBVAjXXc7HEQAhDAPAg8uJqP5rhQGDGPzah2VrkfFPEDmNq8qewFpkdNOhgLdrK9qpG/hqOGd/uahILjA2HJte8DHrsCSrxwR/ogPkRrmjngAAAABJRU5ErkJggg==);}
.travel-layer-news .owl-next{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAMAAABVab95AAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMA5t2LfUQ74PTsyIV0ajUyLiamnO9XJUgAAABHSURBVAjXZc5JEoAgEENRQAXn8d//rG6iqYJevUWnknDPV9CNpFPsoBx22uUFYpb7yoO8wvR5g2LG+kExKbvCxZ7TjHz+6S+DIQPk7dO11AAAAABJRU5ErkJggg==);}
.travel-layer-news .owl-prev:hover,.travel-layer-news .owl-next:hover{opacity: 1;}
.travel-layer-news .owl-prev span,.travel-layer-news .owl-next span{display: none;}
.travel-layer-news .owl-prev{left: 0;}
.travel-layer-news .owl-next{right: 0;}
.travel-layer-news .disabled{display: none;}
.travel-layer-news .owl-dots{position: absolute;right: 15px;bottom: 10px;}
.travel-layer-news .owl-dot{display: inline;padding: 0 5px;vertical-align: middle;border: 0;background: none;}
.travel-layer-news .owl-dot span{display: inline-block;width: 12px;height: 12px;background-color: #fff;border-radius:50%;overflow: hidden;vertical-align: middle;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;cursor: pointer;}
.travel-layer-news .owl-dot:hover span{background-color: #a8e631;}
.travel-layer-news .owl-dots .active span{width: 22px;height: 9px;margin-top: 1px;border-radius: 20px;background-color: #a8e631;}
.travel-layer-news .travel-col-news{width: 48.75%;float: right;position: relative;}
.travel-layer-news .travel-col-news::before{content: '';display: block;width: 200px;height: 100px;background-image: linear-gradient(25deg,#fff 50%,#9ad5de);position: absolute;right: 0;top: 0;}
.travel-layer-news .travel-news-item{font-size: 14px;padding:14px 15px 15px;position: relative;transition: all .3s ease;z-index: 1;}
.travel-layer-news .travel-news-item+.travel-news-item:after{content: '';display: block;width: 100%;height: 1px;background-color: #f4f4f4;position: absolute;left: 0;top: 0;}
.travel-layer-news .travel-news-item .news-item-tit,
.travel-layer-news .travel-news-item .news-item-desc{height: 1.5em;line-height: 1.5em;overflow: hidden;text-overflow: ellipsis;}
.travel-layer-news .travel-news-item .news-item-tit{font-size: 1.125em;font-weight: normal;transition: all .3s ease;margin-bottom: 4px;}
.travel-layer-news .travel-news-item .news-item-tit a:hover{color: inherit;}
.travel-layer-news .travel-news-item .news-item-desc{color: #666;}
.travel-layer-news .travel-news-item .news-item-label{display: inline;color: #ff1200;}
.travel-layer-news .travel-news-item .news-item-price{font-weight: bold;padding: 0 2px;}
.travel-layer-news .travel-news-item:hover{box-shadow: 0 0 15px rgba(0,0,0,.15);}
.travel-layer-news .travel-news-item:hover .news-item-tit{font-weight: bold;letter-spacing: .35px;}

/* 当季旅居养老推荐 */
.travel-layer-list{padding-bottom: 100px;}
.travel-layer-hd{line-height: 42px;font-size: 16px;margin-bottom: 20px;border-bottom: 1px solid #cfcfcf;padding-top: 3px;background-position: right 0;background-repeat: no-repeat;background-image: url(../images/travel-layer-hd-bg.png);}
.travel-layer-hd .travel-layer-title{display: inline-block;line-height: 42px;padding: 0 18px;font-size: 1.25em; margin-right: 50px; vertical-align: middle;background-color: #0094ab;border-radius: 5px 0 0 0;padding-bottom: 1px;margin-bottom: -1px;position: relative;}
.travel-layer-hd .travel-layer-title,.travel-layer-hd .travel-layer-title a{color: #fff;}
.travel-layer-hd .travel-layer-title:after{content: '';display: block;width: 43px;height: 43px;background-repeat: no-repeat;background-position: center;position: absolute;left: 100%;top: 0; margin-left: -1px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAArCAMAAAA0X5qLAAAAkFBMVEUAAABi1+li1+li1+li1+li1+lNx9oAlKti1+li1+li1+li1+li1+li1+kAlKti1+li1+li1+li1+li1+li1+li1+li1+kjrMEAlKti1+li1+kAlKti1+li1+li1+li1+li1+li1+li1+li1+kAlKsAlKti1+kAlKsAlKti1+le1OdSzN89vtIlrcIQn7UEl60QxLGGAAAAKHRSTlMA7vkI9YcE7ujgzLOlko1aTD8zKR8XDfn18NjV1MO9mXt1bGZeKRIKxWRu8gAAANhJREFUOMuVzjcWwkAQBFEWGZD3wns3wt7/djwSJf2mxVb8gxrJJPVH/yYiqQ2e2GA52+D5xQLL6maBZWaMcbtfJnGGsDy7Pm8Qfx49NoNY3vdeZ4NYXj12K4JhO3R0jNsJwbid6xi3Ta1j3N74OsZtT8e4PS50jNvTRse4HRGM2weCcbvUMW4HLWJ9O0ZMtk+AybZbASbbawcw2d4BZtsZYLK9qAGT7dABTLY9wGw7B0y2pw1gsr31AZPtPWCyPS4Ak+3gCphsR4DZ9hEw2y4Bk+1lC5hsx19Ag7Qbx6+7vAAAAABJRU5ErkJggg==);}
.travel-layer-hd .travel-layer-desc{display: inline;}
.travel-layer-hd .travel-layer-desc .txt-num{color: #ff1200;}
/* 星级 */
.sm-rate-box{display: inline-block;vertical-align: middle;}
.sm-rate-box .rate-stars{display: inline-block;width: 15px;height: 15px;background-repeat: repeat-x;background-position: 0 center;vertical-align: middle;overflow: hidden;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAY1BMVEUAAAAAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIngAVaTAAAAIHRSTlMABn/64LSjn4wjEvHWv7qShGBJQQfrzMeumm5oWlcyDegFVQcAAABsSURBVAjXbc5HDoQwEERRBxwIAww5U/c/JcaoCYLaPan11ex7RRc+LDDeyRUUP8FZGSMOGa922j4TCoCxmR6cU1zLnVdLkvnR+AeeyUxF4y2I0c9bkyeJOpUIloOVQVJELiLovN2fLxvN3tsArkQIfy1vKPUAAAAASUVORK5CYII=);}
.sm-rate-box .rate-stars-1{width: 15px;}
.sm-rate-box .rate-stars-2{width: 30px;}
.sm-rate-box .rate-stars-3{width: 45px;}
.sm-rate-box .rate-stars-4{width: 60px;}
.sm-rate-box .rate-stars-5{width: 75px;}
/* 推荐列表 */
.travel-list{margin: -16px;display: flex;flex-wrap: wrap;}
.travel-item{width: 33.33333333%;float: left;font-size: 14px;display: flex;}
.travel-item .travel-item-inner{margin: 16px 16px 21px;min-height: 405px;background-color: #f3f8f9;transition: all .3s ease;border-radius: 5px;overflow: hidden;flex: 1;}
.travel-item .travel-item-inner:hover{box-shadow: 0 8px 10px rgba(0,0,0,.17);background-color: #fff;}
.travel-item .travel-item-img{position: relative;overflow: hidden;width: 100%;padding: 57.3333333% 0 0;}
.travel-item .travel-item-img img{display: block;width: 100%;height: 100%; position: absolute;left: 0;top: 0;object-fit: cover;transition: all .9s ease;}
.travel-item .travel-item-inner:hover .travel-item-img img{transform: scale(1.08);}
.travel-item .travel-item-info{padding: 20px 20px;}
.travel-item .travel-item-hd,.travel-item .travel-item-desc{margin-bottom: 10px;}
.travel-item .travel-item-hd{display: flex;}
.travel-item .travel-item-tit{display: inline;font-size: 1.1428em;font-weight: bold;flex: 1;padding-right: 1em;}
.travel-item .travel-item-tit,.travel-item .travel-item-tit a{color: #202020;}
.travel-item .travel-item-tit a:hover{color: #0094ab;}
.travel-item .travel-item-hd .ico-local{display: inline-block;width: 12px;height: 16px;margin-left: 8px;margin-top: -2px; vertical-align: middle; background-repeat: no-repeat;background-position: center;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAMAAAAVv241AAAAS1BMVEUAAAAAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhIkAhImFHlGNAAAAGHRSTlMAP1XC4qvsspFlNBLMf7mkopWIbl0c9tGUm7ntAAAAdklEQVQI1zXNRw6EQAxE0d850WRmfP+TYhrxNpbtkgpVVu/XwjBJyjnJhApiUVYCnFLBGKhyEhI4EQcp4DdNGKPZzRMz5lkMOeLmLzY7Dr1hLfo/aH5hWHyDIh3VpaB2sU/nzhDidcXAq/2dmxq86i9W+Ng+xg0TdwStt+/kNQAAAABJRU5ErkJggg==);}
.travel-item .travel-item-hd .sm-rate-box{float: right;}
.travel-item .travel-item-desc{font-size: 1.1428em;max-height: 2.7em;line-height: 1.35em;overflow: hidden;color: #000;}
.travel-item .travel-item-buy{line-height: 25px;margin-bottom: 5px;font-weight: bold;color: #666;}
.travel-item .travel-item-buy .item-buy-left{float: left;font-size: 12px;}
.travel-item .travel-item-buy .item-buy-right{float: right;}
.travel-item .travel-item-buy .item-price-num,
.travel-item .travel-item-buy .item-order-num{color: #ff0000;font-weight: bold;}
.travel-item .travel-item-buy .item-price-num{font-size: 18px;}
.travel-item .travel-item-buy .item-order-num{padding-left: 3px;}
.travel-item .travel-item-tags{margin-top:20px;letter-spacing: -6px;color: #666;}
.travel-item .travel-item-tags .tag-item{display: inline-block;font-size: 14px;border: 1px dotted #f98132;padding: .2em .5em;margin: 0 6px 6px 0;letter-spacing: 0;}
.travel-item .item-badge{display: block;width: 68px;height: 68px;background-repeat: no-repeat;background-position: center;position: absolute;left: 0;top: 0;}
.travel-item .badge-recommend{background-image: url(../images/badge-recommend.png);}
.travel-item .badge-free{background-image: url(../images/badge-free.png);}
.travel-item .badge-new{background-image: url(../images/badge-new.png);}


