/* nav */
.nav-tit{padding: 10px 5px; display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #eee;}
.nav-tit h1,.nav-tit h2,.nav-tit h3{height: 30px;line-height: 30px;font-size: 16px;color: #152030;font-weight: 500;display: flex;justify-content: start;align-items: center;}
.nav-tit .more{font-size: 14px; color: #69798c;display: flex;align-items: center;}
.nav-tit .more i{font-size: 12px;margin-right: 5px;}
.nav-tit h1::before,.nav-tit h2::before,.nav-tit h3::before{content: "";border-radius: 10px;background: #0086f6;display: inline-block;height: 100%;width: 5px;margin:0 10px 0 1px;}

/* 分页 */
.mpage{padding: 30px 0;display: flex;justify-content: center;flex-wrap: nowrap;align-items: center;}
.mpage a{width: 45%;margin: 0 5px;border: 1px solid #eee;padding: 8px 0;text-align: center;font-size: 14px;color: #006ff6;border-radius: 5px;}
.mpage a.off{color: #ccc;}
.mpage .num{font-size: 14px;color: #555;margin: 0 5px;}

/*所有系列*/
.nav{margin: 60px 12px 0 12px; background: #fff;border-radius: 8px}
.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;}
.nav .tit::before{content: "";border-radius: 10px;background: #0086f6;display: inline-block;height: 100%;width: 5px;margin:0 10px 0 1px;}
.nav .nav-body{padding: 10px;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;}
.nav .nav-body a{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;}
.nav .nav-body a img{height: 30px;width: 30px; overflow: hidden;}
.nav .nav-body a span{color: #152030;font-size: 14px;font-weight: 500;}
.nav .nav-body a.on{color: #006ff6;background-color: #e5f2fe;}

/*游轮列表*/
.yacht-list{margin: 10px 12px;background: #fff;border-radius: 8px;}
.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;}