.banner{position: relative; height: 360px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.banner-title{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; margin: auto; align-items: center; justify-content: center;}
.banner-title-inner{font-size: 30px; text-transform: uppercase; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.75);}.direct{padding: 9px 0; background: #139fea;}
.direct ul{list-style: none;}
.direct ul li{float: left; color: #fff;}
.direct ul li+li:before{content: "/"; display: inline-block; margin: 0 5px;}
.direct ul li a{display: inline-block; color: #fff;}
.direct ul li a i{font-size: 12px;}
@media (min-width:320px){
    .direct ul li.direct-m{display: none;}
}
@media (min-width:480px){
    .direct ul li.direct-m{display: block;}
}.menu-bar{position: absolute; right: 5px; bottom: 18px; height: 40px; margin: auto;  z-index: 100;}
.menu-icon{position: relative; float: left; width: 100%; height: 100%; background: #139fea; text-align: center;}
.menu-icon span{display: block; width: 28px; height: 2px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #fff;}
.menu-icon span:after, .menu-icon span:before{content: ''; position: absolute; display: block; width: 28px; height: 2px; background: #fff;}
.menu-icon span:after{bottom: -8px;}
.menu-icon span:before{top: -8px;}
.menu{float: left;}
.menu ul{list-style: none; transition: all 0.25s ease 0s;}
.menu ul li{position: relative;}
.menu ul li a{display: block; font-family: Avo; color: #333; transition: all 0.25s ease 0s;}
.menu > ul > li{float: left;}
.menu > ul > li > a{line-height: 40px;}
.menu > ul > li.active > a, .menu > ul > li:hover > a{color: #139fea;}
.menu ul li ul{position: absolute; width: 200px; opacity: 0; transform-origin: 0 0;}
.menu ul li ul li a{padding: 0 10px; background: #fff; font-size: 14px; line-height: 30px;}
.menu ul li ul li a:hover{color: #139fea;}
.menu > ul > li > ul{top: 100%; left: 0; padding-top: 18px; transform: scale(1,0);}
.menu > ul > li:hover > ul{transform: scale(1,1); opacity: 1;}
.menu > ul > li > ul > li > ul{top: 0; left: 100%; transform: scale(0,1);}
.menu > ul > li > ul > li:hover > ul{transform: scale(1,1); opacity: 1;}
@media (min-width: 320px){
    .menu-bar{width: 50px;}
    .menu{display: none;}
}
@media (min-width: 970px){
    .menu-bar{width: auto;}
    .menu{display: block;}
    .menu-display{display: none;}
    .menu > ul > li > a{padding: 0 10px; font-size: 16px;}
}
@media (min-width: 1170px){
    .menu > ul > li > a{padding: 0 15px; font-size: 18px;}
}.KS{padding-top: 25px;}
.KSGroup{position: relative;}
.KSGroup img{display: unset; max-width: 100%; -webkit-filter: brightness(100%); max-height: 100%;}
.KSGroup:hover img{-webkit-filter: brightness(75%); transition: all 1s ease 0s;}
.KSGroupName{position: absolute; bottom: 10px; display: inline-block; text-align: center;}
.KSGroupName label{font-family: AptimaBold; color: #fff;}
.KSGroupName span{font-family: Avo; color: #fff;}

@media (min-width: 320px){
    .KSGroup2, .KSGroup3{width: 49%;}
    .KSGroup1{width: 100%; float: left; margin: 0 0 6px;}
    .KSGroup2{float: left; margin: 0 6px 6px 0;}
    .KSGroup3{float: left; margin: 0 0 6px;}
    .KSGroup4{width: 49%; float: left; margin: 0 6px 6px 0;}
    .KSGroup5{width: 49%; float: left; margin: 0 0 6px;}
    .KSGroup6{width: 100%; height: auto; float: left; margin: 0 0 6px;}
    .KSGroup7{width: 100%; height: auto; float: left; margin: 0 0 6px;}
    .KSGroup8{width: 49%; float: left; margin: 0 6px 6px 0;}
    .KSGroup9{width: 49%; float: left; margin: 0 0 6px;}
    .KSGroup10{width: 100%;float: left; margin: 0 0 5px;}
    .KSGroupName{right: 5px;}
    .KSGroupName label{font-size: 18px;}
}
@media (min-width: 480px){
    .KSGroup1, .KSGroup2, .KSGroup3, .KSGroup4, .KSGroup5, .KSGroup8, .KSGroup9, .KSGroup10{height: 108px;}
    .KSGroup1{width: auto; float: left; margin: 0 0 7px;}
    .KSGroup2{width: auto; float: left; margin: 0 7px 7px;}
    .KSGroup3{width: auto; float: left; margin: 0 0 7px;}
    .KSGroup4{width: auto; float: left; margin: 0 0 5px;}
    .KSGroup5{width: auto; float: left; margin: 0 7px 5px;}
    .KSGroup6{width: 216px; height: auto; float: left; margin: 0 0 7px;}
    .KSGroup7{width: 216px; height: auto; float: left; margin: 0 0 5px;}
    .KSGroup8{width: auto; float: left; margin: 0 0 5px;}
    .KSGroup9{width: auto; float: left; margin: 0 7px 5px;}
    .KSGroup10{width: auto; float: left; margin: 0 0 5px;}
}
@media (min-width: 580px){
    .KSGroup1, .KSGroup2, .KSGroup3, .KSGroup4, .KSGroup5, .KSGroup8, .KSGroup9, .KSGroup10{height: 132px;}
    .KSGroup1{width: auto; float: left; margin: 0 0 7px;}
    .KSGroup2{width: auto; float: left; margin: 0 5px 7px;}
    .KSGroup3{width: auto; float: left; margin: 0 0 7px;}
    .KSGroup4{width: auto; float: left; margin: 0 0 5px;}
    .KSGroup5{width: auto; float: left; margin: 0 5px 5px;}
    .KSGroup6{width: 265px; height: auto; float: left; margin: 0 0 7px;}
    .KSGroup7{width: 265px; height: auto; float: left; margin: 0 0 5px;}
    .KSGroup8{width: auto; float: left; margin: 0 0 5px;}
    .KSGroup9{width: auto; float: left; margin: 0 5px 5px;}
    .KSGroup10{width: auto; float: left; margin: 0 0 5px;}
    .KSGroupName{right: 20px;}
}
@media (min-width: 768px){
    .KSGroup1, .KSGroup2, .KSGroup3, .KSGroup4, .KSGroup5, .KSGroup8, .KSGroup9, .KSGroup10{height: 171px;}
    .KSGroup1{width: auto; float: left; margin: 0 0 15px;}
    .KSGroup2{width: auto; float: left; margin: 0 15px 15px;}
    .KSGroup3{width: auto; float: left; margin: 0 0 15px;}
    .KSGroup4{width: auto; float: left; margin: 0 0 15px;}
    .KSGroup5{width: auto; float: left; margin: 0 15px 15px;}
    .KSGroup6{width: 342px; height: auto; float: left; margin: 0 0 13px;}
    .KSGroup7{width: 342px; height: auto; float: left; margin: 0 0 15px;}
    .KSGroup8{width: auto; float: left; margin: 0 0 15px;}
    .KSGroup9{width: auto; float: left; margin: 0 15px 15px;}
    .KSGroup10{width: auto; float: left; margin: 0 0 15px;}
    .KSGroupName label{font-size: 26px;}
    .KSGroupName span{font-size: 16px;}
}

@media (min-width: 970px){
    .KSGroup1, .KSGroup2, .KSGroup3, .KSGroup4, .KSGroup5, .KSGroup8, .KSGroup9, .KSGroup10{height: 218px;}
    .KSGroup1{width: auto; float: left; margin: 0 0 15px;}
    .KSGroup2{width: auto; float: left; margin: 0 15px 15px;}
    .KSGroup3{width: auto; float: left; margin: 0 0 15px;}
    .KSGroup4{width: auto; float: left; margin: 0 0 15px;}
    .KSGroup5{width: auto; float: left; margin: 0 15px 15px;}
    .KSGroup6{width: 436px; height: auto; float: left; margin: 0 0 13px;}
    .KSGroup7{width: 436px; height: auto; float: left; margin: 0 0 15px;}
    .KSGroup8{width: auto; float: left; margin: 0 0 15px;}
    .KSGroup9{width: auto; float: left; margin: 0 15px 15px;}
    .KSGroup10{width: auto; float: left; margin: 0 0 15px;}
}
@media (min-width: 1170px){
    .KSGroup1{width: 520px; height: 260px; float: left; margin: 0 0 25px;}
    .KSGroup2{width: 300px; height: 260px; float: left; margin: 0 25px 25px;}
    .KSGroup3{width: 300px; height: 260px; float: left; margin: 0 0 25px;}
    .KSGroup4{width: 300px; height: 260px; float: left; margin: 0 0 25px;}
    .KSGroup5{width: 300px; height: 260px; float: left; margin: 0 25px 25px;}
    .KSGroup6{width: 520px; height: 120px; float: left; margin: 0 0 20px;}
    .KSGroup7{width: 520px; height: 120px; float: left; margin: 0 0 25px;}
    .KSGroup8{width: 300px; height: 260px; float: left; margin: 0 0 25px;}
    .KSGroup9{width: 300px; height: 260px; float: left; margin: 0 25px 25px;}
    .KSGroup10{width: 520px; height: 260px; float: left; margin: 0 0 25px;}
}.promotion{background: #ec0d80;}
.promotion-list .owl-dots{position: absolute; right: 0; bottom: 20px; left: 0; height: 12px; margin: auto; font-size: 0; text-align: center;}
.promotion-list .owl-dot{display: inline-block; width: 12px; height: 12px; margin: 0 5px; background: #fff!important; border-radius: 50%; outline: none; opacity: 0.5;}
.promotion-list .owl-dot.active{opacity: 1;}
.with{padding: 50px 0 0 100px; font-family: Avo; color: #fff;}
.with ul{list-style: none;}
.with ul li{margin-bottom: 15px;}
.with ul li img{float: left; margin-right: 10px;}
.with-title{margin-bottom: 30px; font-size: 28px; text-transform: uppercase;}
@media (min-width:320px){
    .promotion{padding-bottom: 15px;}
    .with{padding: 30px 0 0 25px;}
    .with-title{font-size: 22px;}
    .with ul li span{font-size: 18px;}
}
@media (min-width:360px){
    .with-title{font-size: 26px;}
    .with ul li span{font-size: 20px;}
}
@media (min-width:410px){
    .with-title{font-size: 28px;}
    .with ul li span{font-size: 22px;}
}
@media (min-width:480px){
    .with{padding: 30px 0 0 50px;}
}
@media (min-width:768px){
    .with{padding: 50px 0 0 100px;}
}
@media (min-width:970px){
    .promotion{padding-bottom: 0;}
    .promotion-list{float: left; width: 768px;}
    .with{float: left;}
}.tourhot{position: relative; margin-bottom: 30px; background: #fff;}
.tourhot-title{position: relative; font-size: 18px; text-indent: 10px; line-height: 40px; border: 1px solid #d7d7d7; border-top: 3px solid #139fea;}
.tourhot-list{border: 1px solid #d7d7d7; border-top: 0;}
.tourhot-item{padding: 10px; border-bottom: 1px dashed #d7d7d7;}
.tourhot-item:last-child{border-bottom:  0;}
.tourhot-img{float: left; margin-right: 10px;}
.tourhot-img-2{margin-bottom: 5px;}
.tourhot-name{height: 44px; margin-bottom: 4px; overflow: hidden;}
.tourhot-name-2{height: 66px;}
.tourhot-name a{display: block; font-size: 14px; color: #139fea;}
.tourhot-price b{color: #ff0000;}
.tourhot-more{padding: 10px; text-align: right; line-height: 30px;}
.tourhot-more a{display: inline-block; padding: 0 15px; background: #a8d045; color: #fff; transition: all 0.25s ease 0s;}
.tourhot-more a:hover{background: #f30c3b;}.col-menu{margin-bottom: 30px; padding: 20px; background: #fff; box-shadow: 0 0 5px 1px rgba(0,0,0,0.0625); transition: all 0.25s ease 0s;}
.col-menu:hover{transform: translateY(-1px); box-shadow: 0 0 5px 2px rgba(0,0,0,0.25);}
.col-menu-title{margin-bottom: 15px; padding-top: 10px; font-size: 18px; font-weight: 500; text-transform: uppercase;}
.col-menu ul{list-style: none;}
.col-menu ul li{position: relative;}
.col-menu ul li a{position: relative; display: block; font-size: 16px; line-height: 35px; color: #333; transition: all 0.25s ease 0s;}
.col-menu ul li a:hover{transform: translateX(3px);}
.col-menu ul li ul li a i{position: absolute; top: 15px; left: 15px; font-size: 8px; transition: all 0.25s ease 0s;}
.col-menu > ul > li{margin-bottom: 5px;}
.col-menu > ul > li:last-child{margin-bottom: 0;}
.col-menu > ul > li > a{padding-left: 10px;}
.col-menu > ul > li > a:hover, .col-menu > ul > li.active > a{color: #cd0000;}
.col-menu > ul > li > i{position: absolute; top: 0; right: 0; width: 35px; height: 35px; font-size: 10px; text-align: center; line-height: 35px; cursor: pointer;}
.col-menu > ul > li > i:hover, .col-menu > ul > li.active > i{color: #cd0000;}
.col-menu > ul > li > ul > li > a{padding-left: 30px;}
.col-menu > ul > li > ul > li > a:hover, .col-menu > ul > li > ul > li.active > a{color: #cd0000;}.search{margin: auto; z-index: 99;}
.search-in{padding-top: 20px;}
.search-item{float: left;}
.search-item span{display: block;}
@media (min-width:320px){
    .search{width: 310px;}
    .search-wrap{padding: 15px 0;}
    .search-item{width: calc((100% - 10px)/2); margin-right: 10px; margin-bottom: 10px;}
    .search-item:nth-child(2n){margin-right: 0;}
    .search-item:nth-child(5) span{height: 0px;}
}
@media (min-width:360px){.search{width: 350px;}}
@media (min-width:410px){.search{width: 400px;}}
@media (min-width:480px){.search{width: 480px;}}
@media (min-width:580px){.search{width: 580px;}}
@media (min-width:768px){
    .search{position: absolute; right: 0; bottom: 45px; left: 0; width: 768px;}
    .search-in{position: relative; bottom: 0;}
    .search-wrap{padding: 25px; background: rgba(255,255,255,0.75);}
    .search-in .search-wrap{background: #fff; border: 1px solid #d7d7d7;}
    .search-item{width: calc((100% - 60px)/5); margin-right: 15px; margin-bottom: 0;}
    .search-item:nth-child(2n){margin-right: 15px;}
    .search-item:nth-child(5){margin-right: 0;}
    .search-item:nth-child(5) span{height: auto;}
}
@media (min-width:970px){
    .search{width: 970px; bottom: 45px;}
    .search-in{bottom: 0;}
    .search-item{width: calc((100% - 120px)/5); margin-right: 30px;}
    .search-item:nth-child(3),
    .search-item:nth-child(4){margin-right: 30px;}
    .search-item:nth-child(5){margin-right: 0;}
}
@media (min-width:1170px){.search{width: 1170px;}}.news-item{box-sizing: border-box; margin-bottom: 20px; border: 1px solid #d7d7d7; border-radius: 10px; overflow: hidden; transition: all 0.25s ease 0s;}
.news-item:hover{transform: translateY(-1px); box-shadow: 0 0 3px 1px rgba(0,0,0,0.25);}
.news-info{padding: 10px; background: #fff; border-top: 1px solid #d7d7d7;}
.news-name{height: 50px; margin-bottom: 10px; overflow: hidden;}
.news-name a{display: block; font-family: Avo; font-size: 16px; color: #333;}
.news-name a:hover{text-decoration: underline;}
.news-time{font-weight: bold; color: #777;}
.news-time span{position: relative; display: inline-block; margin-left: 7px; padding-left: 8px; color: #139fea;}
.news-time span:before{content: ''; position: absolute; top: 6px; left: 0; width: 1px; height: 11px; background: #777;}
.news-prev{height: 66px; color: #555; overflow: hidden;}
@media (min-width:320px){

}
@media (min-width:480px){
    .news-item{float: left; width: calc((100% - 20px)/2); margin-right: 20px;}
    .news-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:767px){
    .news-item{width: calc((100% - 40px)/3); margin-right: 20px;}
    .news-item:nth-child(2n){margin-right: 20px;}
    .news-item:nth-child(3n){margin-right: 0;}
}.bk-left{box-sizing: border-box; margin-bottom: 25px; padding: 10px; background: #fff; border: 1px solid #d7d7d7;}
.bk-left img{margin-bottom: 10px;}
.bk-left label{display: block; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d7d7d7; font-family: Roboto Condensed; font-size: 20px; font-weight: bold; text-align: center; line-height: 25px;}
.bk-left ul{list-style: none;}
.bk-left ul li{margin-bottom: 5px; line-height: 20px;}
.bk-left ul li b{display: inline-block; width: 100px;}
.bk-left ul li span{display: inline-block; width: calc(100% - 100px); text-align: right;}
.bk-count{margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #d7d7d7;}
.bk-count li:nth-child(2) span, .bk-count li:nth-child(3) span{color: #ff0000;}
.bk-count-2 li:nth-child(2) span, .bk-count-2 li:nth-child(3) span{color: #444;}
.bk-total li:nth-child(2){margin-bottom: 0;}
.bk-total li:nth-child(2) span{font-weight: bold; font-size: 16px; color: #ff0000;}
.bk-right{box-sizing: border-box; margin-bottom: 25px; padding: 10px; background: #fff; border: 1px solid #d7d7d7;}
.bk-title{margin-bottom: 15px; font-weight: bold; font-size: 16px; text-transform: uppercase; color: #139fea;}
.bk-info{margin-bottom: 15px;}
.bk-item{float: left; width: calc((100% - 20px)/2);}
.bk-item:nth-child(2n){float: right;}
.bk-list{list-style: none; margin-bottom: 15px;}
.bk-list li{margin-bottom: 10px;}
.bk-list li label{display: block; padding: 9px 15px; background: #f5f5f5; border: 1px solid #d7d7d7; font-size: 16px; line-height: 20px; color: #444; cursor: pointer;}
.bk-list li label i{margin-right: 10px;}
.bk-list li label input[type='radio']{display: none;}
.bk-list li div.main-detail{display: none; padding: 15px; border: 1px solid #d7d7d7; border-top: 0;}
.bk-list li.active label{background: #139fea; border: 1px solid #139fea; color: #fff;}
.bk-list li.active div.main-detail{display: block;}
.bk-item-submit{text-align: center;}
@media (min-width:767px){
    .bk-left{float: left; width: 275px;}
    .bk-right{float: right; width: calc(100% - 300px);}
}.tour-head{position: relative; margin-bottom: 20px;}
.tour-title{font-size: 25px;}
.tour-title-2{max-width: none!important; padding-bottom: 10px; border-bottom: 1px solid #d7d7d7;}
.tour-title h1{font-size: 100%; font-weight: normal;}
.tour-route{padding-left: 5px;}
.tour-route i{color: #139fea;}
.tour-value label{display: block; line-height: 25px;}
.tour-value label b{font-size: 20px; font-weight: bold; color: #0782c1;}
.tour-value label strong{color: #ff0000;font-size: 20px;}
.tour-value span{display: block; font-weight: bold; text-decoration: line-through; color: #777;}
.tour-value p{font-size: 11px; color: #ec0d80;}
.tour-slide{position: relative;}
.tour-menu{position: fixed; top: -94px; right: 0; left: 0; margin: auto; background: #fff; box-shadow: 0 2px 3px rgba(0,0,0,0.25); z-index: 99991; transition: all 0.25s ease 0s;}
.tour-menu ul{list-style: none; float: right;}
.tour-menu ul li{float: left; margin-left: 30px;}
.tour-menu ul li:first-child{margin-left: 0;}
.tour-menu ul li a{position: relative; display: block; padding: 0 5px; font-family: Avo; text-transform: uppercase; line-height: 70px; color: #333; cursor: pointer;}
.tour-menu ul li a:after{content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 0; margin: auto; background: #139fea; opacity: 0; transition: all 0.5s ease 0s;}
.tour-menu ul li a.active:after{height: 3px; opacity: 1;}
.tour-scroll{top: 0;}
.tour-padding{background: #fff; border: 1px solid #d7d7d7;}
.tour-overview{padding-top: 20px;}
.tour-overview-detail{margin-bottom: 10px; text-align: justify;}
.tour-string{list-style: none; margin-bottom: 15px;}
.tour-string li{float: left; width: calc(50% - 5px); margin-bottom: 5px; padding-right: 5px;}
.tour-feature ul{list-style: none;}
.tour-feature ul li{position: relative; margin-bottom: 5px; padding-left: 15px;}
.tour-feature ul li:before{content: ''; position: absolute; top: 6px; left: 0; width: 10px; height: 10px; background: #139fea; border-radius: 50%;}
.tour-itinerary{padding-top: 20px;}
.tour-itinerary-title{margin: 20px 0 5px; padding-bottom: 3px; border-bottom: 1px solid #d7d7d7; font-size: 17px; color: #ec0d80;}
.tour-rate{padding-top: 20px;}
.tour-rate-list{margin-bottom: 20px;}
.tour-rate-item{border-left: 1px solid #d7d7d7; text-align: center;}
.tour-rate-item >*:not(.clear){box-sizing: border-box; float: left; display: flex; padding: 10px 5px; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; align-items: center; justify-content: center;}
.tour-rate-adult span, .tour-rate-children span{text-decoration: line-through;}
.tour-rate-adult label, .tour-rate-children label{font-weight: bold; color: #0782c1;}
.tour-rate-baby{width: 55px;}
.tour-rate-title{font-weight: bold; color: #ec0d80;}
.tour-rate-detail{margin-bottom: 20px;}
.tour-form .form-item{float: left; width: calc((100% - 60px)/3); margin-right: 20px;}
.tour-form .form-item:nth-child(3){margin-right: 0;}
.tour-submit{display: block; width: 150px; margin: 0 auto; border-radius: 5px;}
.tour-information{margin-bottom: 20px; padding-top: 20px;}
@media (min-width: 320px){
    .tour-padding{padding: 10px;}
    .tour-rate-item >*:not(.clear){height: 65px;}
    .tour-rate-name{width: calc(100% - 210px);font-weight: bold;}
    .tour-rate-adult,
    .tour-rate-children{width: 105px;}
    .tour-rate-baby{display: none!important;}
    .tour-menu ul li a{line-height: 30px; color: #333;font-size: 14px;}
}
@media (min-width: 360px){
    .tour-rate-name{width: calc(100% - 265px);}
    .tour-rate-baby{display: flex!important;}
}
@media (min-width: 410px){
    .tour-padding{padding: 20px;}
}
@media (min-width: 480px){

}
@media (min-width: 580px){

}
@media (min-width: 767px){
    .tour-rate-item >*:not(.clear){height: auto;}
    .tour-rate-name{width: calc(100% - 495px);}
    .tour-rate-adult,
    .tour-rate-children{width: 220px;}
    .tour-menu ul li a{line-height: 70px; color: #333;font-size: 14px;}
}
@media (min-width: 970px){

}
@media (min-width: 1170px){
    .tour-title{max-width: calc(100% - 225px);}
    .tour-route{max-width: calc(100% - 225px);}
    .tour-value{position: absolute; top: 0; right: 0; width: 225px; margin-bottom: 0; text-align: right;}
    .tour-value-2{right: initial; left: 10px; text-align: left;}
}.tour-item{box-sizing: border-box; position: relative; margin-bottom: 20px; background: #fff; border: 1px solid #d7d7d7; transition: all 0.25s ease 0s;}
.tour-item:hover{transform: translateY(-1px); box-shadow: 0 0 3px 1px rgba(0,0,0,0.25);}
.tour-wrap{box-sizing: border-box; padding: 20px;}
.tour-left ul{list-style: none;}
.tour-left ul li{margin-bottom: 5px;}
.tour-left ul li:last-child{margin-bottom: 0;}
.tour-left ul li i{color: #139fea;}
.tour-name{position: relative; margin-bottom: 10px; overflow: hidden;}
.tour-name:after{content: ''; display: block; width: 50px; height: 1px; background: #139fea; margin-top: 20px;}
.tour-name a{display: block; font-family: Avo; font-size: 18px; line-height: 24px; color: #333;font-weight: bold;}
.tour-price b{display: block; font-size: 18px; color: #0782c1;}
.tour-price strong{color: #ff0000;font-size: 20px;}
.tour-price span{font-weight: bold; text-decoration: line-through; color: #777;}
.tour-more{background: #139fea; border-radius: 5px; transition: all 0.25s ease 0s;}
.tour-more:hover{background: #ec0d80;}
.tour-more a{display: block; text-align: center; line-height: 40px; color: #fff;}
.tour-save{position: absolute; top: -2px; left: 10px; width: 62px; background: #f25a39; border-top: 2px solid #b92b0c; font-family: Avo; font-size: 18px; text-align: center; color: #fff; z-index: 1;}
.tour-save:after{content: ''; position: absolute; bottom: -10px; left: 0; width: 62px; height: 10px; background: url(/components/tour/sale.png) no-repeat;}
.tour-save i{display: block; font-family: Times New Roman;}
@media (min-width:320px){
    .tour-left ul{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #d7d7d7;}
    .tour-price{float: left; width: calc(100% - 100px);}
    .tour-more{float: right; width: 100px;}
}
@media (min-width:580px){
    .tour-item:before{content: ''; position: absolute; top: 20px; right: 174px; width: 0; height: calc(100% - 40px); border-left: 1px dashed #d7d7d7;}
    .tour-img{float: left; width: 240px;}
    .tour-wrap{float: right; width: calc(100% - 240px);}
    .tour-left{float: left; width: calc(100% - 175px);}
    .tour-left ul{margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
    .tour-left ul, .tour-name:after{display: none;}
    .tour-right{width: 134px; float: right; margin-left: 20px; padding-left: 21px;}
    .tour-price{float: none; width: auto; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px dashed #d7d7d7;}
    .tour-more{float: none; width: calc(100% - 20px);}
}
@media (min-width:768px){
    .tour-img{width: 320px;}
    .tour-wrap{width: calc(100% - 320px);}
    .tour-left ul, .tour-name:after{display: block;}
    .tour-name{max-height: 72px;}
}
@media (min-width:970px){
    .tour-img{width: 240px;}
    .tour-wrap{width: calc(100% - 240px);}
    .tour-left ul, .tour-name:after{display: none;}
    .tour-name{max-height: none;}
}
@media (min-width:1170px){
    .tour-img{width: 320px;}
    .tour-wrap{width: calc(100% - 320px);}
    .tour-left ul, .tour-name:after{display: block;}
    .tour-name{max-height: 72px;}
}