.ship-page-body {
    background: #f6f8fa;
}

/* 游轮首页 */
#swiperBanner .swiper-slide .item {
    display: block;
    height: 500px;
    overflow: hidden;
    position: relative;
    background: #f7f7f7;
}
#swiperBanner .swiper-slide .item img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 首页搜索区域 */
.search-area-block {
    padding: 15px;
    position: relative;
    z-index: 10;
    margin-top: -100px;
    box-shadow: 0px 4px 10px 0px #d3e1ee;
    border-radius: 10px;
    background: #fff;
}
.search-tab-bar {
    padding: 0 0 10px;
}
.search-tab-nav {
    display: flex;
}
.search-tab-nav .item {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    cursor: pointer;
    font-size: 14px;
}
.search-tab-nav .item .icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    position: relative;
    vertical-align: middle;
    margin: -2px 0 0 0;
    border-radius: 50%;
    border: 1px solid #999;
    background: #fff;
}
.search-tab-nav .item.on .icon {
    border-color: #00468c;
}
.search-tab-nav .item.on .icon::before {
    display: inline-block;
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    background: #00468c;
}
.search-flex-select {
    display: flex;
}
.search-select-group {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    border-radius: 5px;
    background: #f6f8fa;
}
.search-select-item {
    flex: 0 0 25%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 20px;
    position: relative;
    cursor: pointer;
    border-right: 1px solid #e5e5e5;
    box-sizing: border-box;
}
.search-select-item:last-child {
    border: 0;
}
.search-select-item .hd {
    flex: 0 0 auto;
    font-size: 16px;
}
.search-select-item .bd {
    flex: 1 1 auto;
    text-align: right;
    font-size: 16px;
}
.search-select-item .icon {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    margin: -2px 0 0 4px;
    border-top: 5px solid #333;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.city-select .city-input em {
    color: #999;
    font-size: 16px;
}
.search-link-button {
    color: #fff;
    flex: 0 0 160px;
    height: 60px;
    line-height: 60px;
    margin-left: 20px;
    text-align: center;
    transition: all 0.3s;
    font-size: 18px;
    border-radius: 5px;
    background: #ff8a00;
}
.search-link-button:hover {
    box-shadow: 1px 1px 5px #79a4cf;
}
.search-link-button:active {
    box-shadow: 1px 1px 5px #33587c;
    background: #006bd6;
}

.search-hot-tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}
.search-hot-tag .hot-list {
    color: #333;
    flex: 0 0 calc(calc(100% - 50px) / 2);
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.search-hot-tag .hot-list:last-child {
    margin-left: 50px;
}
.search-hot-tag .hot-list .item {
    color: #999;
    display: inline-block;
    margin-right: 20px;
}
.search-hot-tag .hot-list .item:hover {
    color: #00468c;
}

/* 下拉框 */
.down-select-wrapper {
    width: 200px;
    max-height: 100px;
    max-height: 240px;
    position: absolute;
    z-index: 20;
    overflow-y: auto;
    border: 1px solid #00468c;
    border-radius: 5px;
    box-shadow: 0px 4px 10px 0px #c1daf3;
    background: #fff;
}
.down-select-group .select-item {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
}
.down-select-group .select-item:hover,
.down-select-group .select-item.active {
    color: #fff;
    background: #00468c;
}

*::-webkit-scrollbar {
    background-color: transparent;
    width: 5px;
    height: 5px;
}

*::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #e4eef7;
}

*::-webkit-scrollbar-track {
    background: #fff;
}

.ship-main-area {
    background: url('../../images/new/page_hot_bg.png') center bottom no-repeat;
}
.column-module {
    padding: 30px 0;
}
.column-module-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0;
}
.column-module-bar .tit {
    flex: 0 0 auto;
    height: 40px;
    line-height: 40px;
    font-size: 28px;
}
.column-module-bar .tit::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 30px;
    vertical-align: middle;
    margin: -4px 10px 0 0;
    background: #00468c;
}
.column-module-bar .more {
    flex: 0 0 auto;
    color: #fff;
    display: block;
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    transition: all 0.3s;
    font-size: 14px;
    border-radius: 5px;
    background: #00468c;
}
.column-module-bar .more:hover {
    box-shadow: 1px 1px 5px #79a4cf;
}
.column-module-bar .more:active {
    box-shadow: 1px 1px 5px #33587c;
    background: #006bd6;
}

/* 爆款推荐 */
.swiper-hot-product-block,
.swiper-sale-product-block {
    position: relative;
}
.swiper-hot-product .swiper-slide,
.swiper-sale-product .swiper-slide {
    width: 294px;
}

.hot-product-item {
    display: block;
    position: relative;
    background: #fff;
}
.hot-product-item::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.5s;
    background: #0053a7;
}
.hot-product-item:hover::after {
    width: 100%;
}
.hot-product-item .hd {
    position: relative;
    width: 294px;
    height: 322px;
    overflow: hidden;
}
.hot-product-item .hd img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.hot-product-item:hover .hd img {
    transform: scale(1.2);
}
.hot-product-item .hd .label {
    color: #fff;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 5;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.7);
}
.hot-product-item .bd {
    height: 134px;
    padding: 15px;
    box-sizing: border-box;
}
.hot-product-item .bd .tit {
    height: 44px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    font-size: 16px;
}
.hot-product-item:hover .bd .tit {
    color: #0053a7;
}
.hot-product-item .bd .date {
    color: #999;
    margin-top: 8px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}
.hot-product-item .bd .price {
    color: #f60;
    margin-top: 12px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
.hot-product-item .bd .price .num {
    font-size: 20px;
    font-weight: bold;
}
.swiper-hot-button-prev,
.swiper-hot-button-next {
    position: absolute;
    bottom: 0;
    top: 0;
    z-index: 20;
    width: 30px;
    cursor: pointer;
    border-radius: 4px;
    background: rgba(214, 224, 234, 0.7);
}
.swiper-hot-button-prev {
    left: -37px;
}
.swiper-hot-button-next {
    right: -37px;
}
.swiper-hot-button-prev::after,
.swiper-hot-button-next::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
.swiper-hot-button-prev::after {
    border-right: 8px solid #00468c;
}
.swiper-hot-button-next::after {
    border-left: 8px solid #00468c;
}

.swiper-hot-button-prev.disbaled::after {
    border-right: 8px solid #7f92a5;
}
.swiper-hot-button-next.disbaled::after {
    border-left: 8px solid #7f92a5;
}
.ship-brand-logo{
    

}
.bba{
 margin-bottom: 30px;
    
}
.vva{
   
    clear: both;
    padding-top: 30px;
}
.btil{
    margin-bottom: 30px;
}
.ship-brand-logo li{
   float: left;
   text-align: center;
   border: 1px solid #bbb;
   padding: 8px;
   margin: 5px 10px;
   font-size: 14px;
   color: #f0f0f0;
   
}
.ship-brand-logo li h4{

   color: #666;
   
}
.ship-brand-logo li img{
    width: 195px;
    height: 80px;
    margin-bottom: 2px;
}
/* 游轮品牌 */
.ship-brand-area {
    padding: 50px 0 0;
    background: #fff;
}
.ship-brand-group {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
.ship-brand-group > li {
    width: 390px;
    margin: 0 15px 15px 0;
    transition: all 0.5s;
}
.ship-brand-group > li:nth-child(3n) {
    margin-right: 0;
}
.ship-brand-group > li:hover {
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
}
.ship-brand-item {
    display: block;
}
.ship-brand-item .img {
    width: 390px;
    height: 188px;
    vertical-align: top;
}
.ship-brand-item .con {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    text-align: center;
    height: 80px;
    background: rgba(235, 242, 249, 0.7);
}
.ship-brand-item .con .tit {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
}
.ship-brand-item:hover .con .tit {
    color: #00468c;
}
.ship-brand-item .con .txt {
    color: #666;
    padding: 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
    font-size: 14px;
}

/* 听他们说 */
.ship-comment-area {
    padding: 0 0 40px;
    background: #fff;
}
.comment-group {
    display: flex;
    align-items: start;
}
.comment-group .item {
    width: 33.333333%;
    margin-left: 25px;
}
.comment-group .item:first-child {
    margin-left: 0;
}
.comment-group .card {
    height: 260px;
    padding: 20px;
    position: relative;
    border-radius: 6px;
    background: #f6f8fa;
}
.comment-group .card::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -12px;
    left: 30px;
    width: 0;
    height: 0;
    border-top: 12px solid #f6f8fa;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
.comment-group .card .bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.comment-group .card .bar .name {
    font-size: 18px;
}
.comment-group .card .bar .date {
    color: #999;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
.comment-group .card .con {
    color: #666;
    height: 200px;
    line-height: 22px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    font-size: 14px;
}
.comment-group .card .rate {
    margin-top: 10px;
    font-size: 0;
}
.comment-group .card .rate .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(../../images/new/star-fill.png);
    background-position: 0 -145px;
}
.comment-group .headpic {
    width: 60px;
    height: 60px;
    margin: 20px 0 0 10px;
    overflow: hidden;
    border-radius: 50%;
}
.comment-group .item .headpic img {
    width: 100%;
    height: 100%;
}

/* 船期表 */
.ship-date-container {
    padding: 50px 0;
}
.ship-date-box {
    padding: 5px;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0px 4px 10px 0px #d3e1ee;
    background: #fff;
}
.ship-date-column {
    padding: 20px 0;
    text-align: center;
    font-size: 28px;
}

.ship-city-block {
    display: flex;
    align-items: center;
    height: 50px;
    margin: -5px -5px 0;
    padding: 0 20px;
    background: linear-gradient(90deg, #006bd6 0%, #00468c 100%);
}
.ship-city-block .hd {
    color: #fff;
    width: 90px;
    flex: 0 0 auto;
    font-size: 16px;
}

.city-swiper-container {
    flex: 1 1 auto;
}

.city-swiper-container .swiper-slide {
    color: #fff;
    width: 85px;
    padding: 4px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 16px;
}
.city-swiper-container .swiper-slide.on {
    color: #00468c;
    border-radius: 40px;
    background: #fff;
}
.ship-city-block .fd {
    width: 50px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: right;
}
.ship-city-block .fd .prev,
.ship-city-block .fd .next {
    display: block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    cursor: pointer;
}
.ship-city-block .fd .prev.disabled {
    border-right-color: #7f92a5;
}
.ship-city-block .fd .next.disabled {
    border-left-color: #7f92a5;
}
.ship-city-block .fd .prev {
    border-right: 6px solid #fff;
}
.ship-city-block .fd .next {
    margin-left: 10px;
    border-left: 6px solid #fff;
}