@charset "utf-8";
.sea-box{height:1.3889rem}
.search{padding:.2778rem;box-sizing:border-box;width:100%;overflow:hidden;line-height:.8334rem}
.search-city{float:left;height:.8334rem;position:relative;padding-right:.4445rem;margin-right:.5834rem;}
.search-city span{display:inline-block;height:.8334rem;overflow:hidden;text-align:center;max-width:2.2rem;margin-left:.2223rem}
.search-city i{position:absolute;top:0;right:0}
.search-dest{background-color:#fff;position:relative;overflow:hidden;height:.8334rem;border-radius:.13334rem;line-height:.8334rem;border:1px solid #dcdcdc}
.search-dest i{position:absolute;left:.2rem;top:0;color:#999}
.search-dest span{color:#999;display:inline-block;padding:0 .2778rem 0 .75rem;position:absolute;top:0}
.swiper-container{width:100%;height:100%;overflow:hidden}
.swiper-slide{width:100%;height:100%}
.swiper-container-horizontal > .swiper-pagination{background:rgba(0,0,0,.3);border-radius:5px;bottom:6px;left:50%;padding:3px 3px 3px 8px;width:auto;height:6px;margin-left:-30px}
.swiper-pagination-bullet{height:6px;width:6px;border-radius:50%;background-color:#fff;opacity:1;float:left}
.swiper-pagination-bullet-active{background-color:#f60}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet{margin:0;margin-right:5px}
.index-link,.index-list{margin-top:.27778rem;background-color:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee}
.index-link > a{display:block;padding:.3rem .4rem .3rem .5rem;line-height:.833334rem;overflow:hidden}
.index-link > a span.title-img{background:url(../images/ticket.png) no-repeat 0 0;display:inline-block;width:1.277778rem;height:.833334rem;background-size:1.277778rem auto;vertical-align:middle}
.index-link > a span.txt{vertical-align:middle;margin-left:.133334rem}
.index-link > a .link-all{float:right;color:#999;max-width:5rem}
.index-list .tit{padding:.133334rem .277778rem;text-align:center}
.index-list .tit h2{color:#666;line-height:.78125rem;font-size:.46875rem;margin-bottom:.1rem}
.index-list .tit .line{display:block;color:#aaa;height:.625rem;font-size:.375rem;line-height:.625rem;position:relative;overflow:hidden}
.index-list .tit .line:before,.index-list .tit .line:after{content:"";width:29%;height:.03125rem;background:#dcdcdc;position:absolute;top:.3125rem}
.index-list .tit .line:before{left:0}
.index-list .tit .line:after{right:0}
.list-link{border-top:1px solid #eee;font-size:.4375rem;text-align:center;line-height:1.375rem;display:none}
.list-link > a{display:block}
.list-link > a:active{background-color:#f7f7f7}
.list-link i{color:#999;margin-left:.133334rem}
.city-box{padding:0 .2778rem}
.city-box dt{color:#999;padding:.1334rem 0;line-height:.8rem}
.city-box dd span,.city-box dd a{float:left;border:1px solid #dcdcdc;border-radius:.1rem;box-sizing:border-box;display:block;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#fff;height:.9rem;line-height:.9rem;margin:0 2% 2% 0;text-align:center;width:23%;padding:0 .08rem}
.dest-search{border-bottom:1px solid #dcdcdc;background-color:#fff;padding:.2778rem;position:relative;line-height:.9445rem;box-sizing:border-box;z-index:10}
.dest-search .dest-sea-name{float:left;border-radius:.2rem;color:#666;padding-left:.8334rem;width:7.5rem;height:.9445rem;line-height:.9445rem;border:none;box-sizing:border-box;background-color:#f2f2f2}
.dest-search span{color:#666;float:left;line-height:.9445rem;padding:0 .4167rem}
.dest-search i{position:absolute;left:.6112rem;top:.2778rem;color:#aaa;line-height:.9445rem}
.dest-list{padding:.27778rem}
.dest-list h3{color:#999;margin-left:2%;margin-bottom:.133334rem}
.dest-list li{float:left;margin:1.5% 2% 1.5% 0}
.dest-list li a{border:1px solid #ddd;border-radius:.13334rem;line-height:1.8;overflow:hidden;padding:.13334rem .27778rem;display:block}
.dest-list li:nth-child(3n+1) a{color:#23beae}
.dest-list li:nth-child(3n+2) a{color:#fb8964}
.dest-list li:nth-child(3n) a{color:#2ebd59}
.index-loading{color:#999;text-align:center;background-color:#fff;padding:.5rem 0}
.index-loading .loading{display:inline-block;height:.3125rem;width:.3125rem;border:1px solid #ccc;border-left-color:transparent;border-right-color:transparent;border-radius:50%;animation:spin 2s infinite;-webkit-animation:spin 2s infinite;margin-left:.25rem;position:relative;top:.03125rem}
@-webkit-keyframes spin{0%,100%{-webkit-transform:rotate(0)}50%{-webkit-transform:rotate(360deg)}}
@keyframes spin{0%,100%{transform:rotate(0)}50%{transform:rotate(360deg)}}
.list-item{padding:0 .3125rem}
.list-item li{padding:.3125rem 0}
.list-item li > a{display:block;position:relative;height:2.34375rem;overflow:hidden}
.list-item li .pic{position:relative;height:100%;width:3.125rem;border-radius:.1rem;overflow:hidden;float:left;margin-right:.3125rem}
.list-item li .pic img{width:100%;height:100%;object-fit:cover}
.list-item li .pic span{font-size:.28125rem;box-sizing:border-box;background:url(../images/topicon.png) no-repeat 0 0;background-size:1.03125rem .40625rem;color:#fff;position:absolute;left:0;top:.21875rem;padding-left:.1rem;line-height:.40625rem;height:.40625rem;width:1.03125rem}
.list-item li .info h4{color:#333;font-size:.4375rem;line-height:.5rem;margin-bottom:.2rem}
.list-item li .info .tags{height:.5rem;line-height:.5rem;margin-bottom:.3125rem;margin-right:2.34275rem}
.list-item li .info .tags i{border-radius:0.0625rem;border:1px solid #fc924c;float:left;font-size:0.28125rem;  line-height:.5rem;margin-right:.15625rem;padding: 0 .15625rem;color:#fc924c}
.list-item li .info .des{color:#999;font-size:.3125rem;line-height:.375rem;height:.375rem}
.list-item li .info .tips{margin-top:.15625rem;color:#999;font-size:.3125rem;line-height:1}
.list-item li .pri{color:#999;position:absolute;right:0;top:.5rem;font-size:.375rem}
.list-item li .pri span{font-size:.625rem}