/* 系列 */
.xl-wrap{margin: 0 12px;margin-bottom: 60px;margin-top: 60px;}
.brand-nav{background: #fff;border-radius: 8px}
.brand-nav .tit{color: #152030;font-size: 16px;font-weight: 500;display: flex;justify-content: start;align-items: center;height: 45px;line-height: 45px;padding:10px 0 5px 0; margin: 10px 0 0px 0; border-bottom: 1px solid #eee;}
.brand-nav .tit::before{content: "";border-radius: 10px;background: #0086f6;display: inline-block;height: 100%;width: 5px;margin:0 10px 0 1px;}
.brand-nav .nav-body{padding: 10px;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;}
.brand-nav .nav-body a{border:1px solid #f8f8f8;font-weight: 500;display: flex;flex-direction: row;justify-content: start;align-items: center;color: #152030; width: 31%;margin: 5px 1%;padding: 5px;border-radius: 3px;background: #f8f8f8; text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.brand-nav .nav-body a img{height: 30px;width: 30px; overflow: hidden;transition: transform .3s ease 0s;-o-object-fit: cover;object-fit: cover;}
.brand-nav .nav-body a span{color: #152030;font-size: 14px;font-weight: 500;}
.brand-nav .nav-body a.on{color: #0086f6;background: #e5f2fe;}
.brand-nav .nav-body a:hover{border:1px solid #0086f6;}
.brand-nav .nav-body a:hover img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);transition-duration: .8s;}
.brand-nav .nav-body a:hover span{color: #0086f6;}

/* 系列介绍 */
.binfo{background-color: #fff;margin-top: 10px;border-radius: 8px;}
.binfo .b-body{padding: 10px;position: relative;}
.binfo .b-body .icon{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
.binfo .b-body .icon img{width: 55px;overflow: hidden;}
.binfo .b-body .icon h1{font-size: 16px; font-weight: 500; color: #152030; flex: 1;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: end;background: linear-gradient(to right, #152030, #69798c);-webkit-background-clip: text;color: transparent;}
.binfo .b-body .icon .ename{color: #bbb;font-size: 12px;}
.binfo .b-body .info{font-size: 14px;text-indent: 2em;line-height: 24px;}
.binfo .b-body .info{padding: 0 10px; position: relative;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-overflow: ellipsis;display:-moz-box;-moz-box-orient:vertical;-moz-line-clamp: 3;display:box;box-orient:vertical;line-clamp: 3;}
.binfo .b-body .info .ec{font-style: normal;cursor: pointer;}
.binfo .b-body .info .ec::after{content: "...更多";position: absolute;right: 0;bottom: 0;color: #0086f6;background: #fff;display:inline-block;}
.binfo .b-body .info.on .ec::after{content: "收起";}
.binfo .b-body .info.on{-webkit-line-clamp:none;-moz-line-clamp:none;line-clamp: none;-webkit-box-orient:none;display:block;}
        
/*旗下邮轮*/
.yacht-list{background-color: #fff;margin-top: 10px;border-radius: 8px;}
.yacht-list .tit{color: #152030;font-size: 16px;font-weight: 500;display: flex;justify-content: start;align-items: center;height: 45px;line-height: 45px;padding:10px 0 5px 0; margin: 10px 0 0px 0; border-bottom: 1px solid #eee;}
.yacht-list .tit::before{content: "";border-radius: 10px;background: #0086f6;display: inline-block;height: 100%;width: 5px;margin:0 10px 0 1px;}
.list-body{padding: 10px;}
.list-body li{padding: 10px 0; border-bottom: 1px dotted #eee;}
.list-body a{display: flex;}
.list-body a img{width: 85px;height: 85px;border-radius: 5px;margin-right: 10px;}
.list-body a .info{flex: 1;display: flex;flex-direction: column;justify-content:space-between ;}
.list-body .info .yname{font-size: 14px;font-weight: 500;color: #152030;}
.list-body .info .ydate{color: #304659;display: flex;}
.list-body .info .ydate i{font-size: 12px;margin-right: 2px;}
.list-body .info .price{color: #ff0000;align-items: baseline;font-size: 12px;display: flex;justify-content: end;}
.list-body .info .price .fh{font-size: 12px;font-style: normal;}
.list-body .info .price .num{font-size: 16px;}
.list-body .info .price .qi{font-size: 12px;}