@charset "utf-8";
/* CSS Document */
/*list-related-more*/
.list-related-more { margin-top: 0px;line-height:1;font-size: 16px;text-align: center; border-top: 0px solid #eee;}
.list-related-more>a:after{content:"";display:inline-block;width:6px;height:11px;margin-left:8px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.5.5l5 5.04-5 4.96' stroke='%23111E36' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%}
/*recommand-tab*/
.recommand-tab {display: flex;flex-direction: column;gap: 20px;}
.recommand-tab .recommand-tabNav {padding:0px;width:100%; line-height: 22px;display: flex;justify-content: space-between; font-size:16px; text-align:center;overflow:hidden;border-radius: 20px;}
.recommand-tab .recommand-tabNav li{display:block;float:left;cursor:pointer;width:25%;line-height: 40px;text-align: center;}
.recommand-tab .recommand-tabNav li span{display: inline-block;padding:0 0px;font-weight: 500;overflow:hidden;}
.recommand-tab .recommand-tabNav li.active{/*background: #2196F3;color: #fff;*/border-radius: 20px;}
.recommand-tab .recommand-tabNav li.active span{}
.recommand-tab .recommand-tabBox {display: block; padding: 0px; min-width: 300px;}
.recommand-tab .recommand-tabBox .active {display: block;} 
.recommand-tab .recommand-tabCont {display: none; width: 100%;}
.recommand-tab .recommand-tabNav li.active span {margin-bottom:-0px;border-bottom: 2px #03A9F4 solid;color: #03A9F4;}

/*roomType-tab*/
.roomType-tab {display: flex;flex-direction: column;gap: 20px;}
.roomType-tab .roomType-tabNav {padding:0px;width:100%; display: flex;justify-content: center;overflow:hidden;gap:6px;}
.roomType-tab .roomType-tabNav li{display:block;float:left;cursor:pointer;line-height: 22px;font-size:14px;text-align: center;}
.roomType-tab .roomType-tabNav li span{display: inline-block;padding:0 10px;border: 1px #eee solid;font-weight: 400;overflow:hidden;border-radius: 20px;}
.roomType-tab .roomType-tabNav li.active span {border-color: #03A9F4;border-radius: 20px;}
.roomType-tab .roomType-tabBox {display: block; padding: 0px; min-width: 300px;}
.roomType-tab .roomType-tabBox .active {display: block;} 
.roomType-tab .roomType-tabCont {display: none; width: 100%;}
/* m-cruise-navbar */
.m-cruise-navbar {padding: 15px 10px;background: #fff;border-radius: 0 0 10px 10px;overflow:hidden;}
.m-cruise-navbar .navbar-wrap {width:100%;box-sizing: border-box;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10px 20px;}
.m-cruise-navbar .nav-item {text-align: center;display:inline-block;}
.m-cruise-navbar .nav-item img {width: 60px;height: 60px;}
.m-cruise-navbar .nav-item p {font-size: 20px;color: #1a2c38;}

/*============ 首页 CSS ============*/
.m-cruise-index {position:relative;}
.m-cruise-index .m-cruise-top {position:relative;margin-bottom: 15px;}
.m-cruise-index .flex-section {margin-bottom: 15px;}
.m-cruise-index .flex-section .section-wrap {background:#fff;border-radius: 8px;}

/*============ 线路产品 CSS ============*/
.m-cruise-product {position:relative;}
.m-cruise-product .product-top {}
.m-cruise-product .product-body {display: flex;flex-direction: column;gap: 15px;}
.m-cruise-product .product-body .container {display: flex;flex-direction: column;gap: 10px;}

.bottom-fix-booking {position: fixed;bottom: 0;left: 0;width: 100%;padding-bottom: 9px;background: #fff;box-shadow: 0 -1px 6px 0 rgba(0, 0, 0, 0.06);z-index: 999;}
.bottom-fix-booking .bottom-booking{padding: 9px 12px 0 8px;display: flex;white-space: nowrap;justify-content: center;align-items: center;}
.bottom-fix-booking .bottom-booking .bottom-use {display: block;width: -webkit-calc(23% - 10px);text-align: center;}
.bottom-fix-booking .bottom-booking .bottom-use .use-icon {display: block;margin: 0 auto;width: 20px;height: 20px;}
.bottom-fix-booking .bottom-booking .bottom-use .tel {background: url(../images/icon/icon-stel.png) no-repeat center center / contain;}
.bottom-fix-booking .bottom-booking .bottom-use .use-desc {margin-top: 6px;font-size: 12px;color: #222222;opacity: 0.8;}
.bottom-fix-booking .bottom-booking .bottom-use .kefu {background: url(../images/icon/icon-skefu.png) no-repeat center center / contain;}
.bottom-fix-booking .bottom-booking .bottom-use .not-clct {background: url(../images/icon/icon-sxing.png) no-repeat center center / contain;}
.bottom-fix-booking .bottom-booking .bottom-button {display: block;width: -webkit-calc(30% - 10px);flex: 1;margin-left: 12px;max-width: 271px;height: 40px;line-height:40px;border-radius: 22px;background-image: linear-gradient(270deg, #ff671a, #ff9004);text-align: center;font-size: 16px;color: #fff;font-weight: 500;}

/*线路列表-筛选*/
.m-cruise-product .filter-criteria {margin-bottom: 0px;padding: 15px;background: #ffffff;border-radius: 6px; overflow: hidden;}
.m-cruise-product .filter-criteria .filter-content {background: #fff;display: flex;flex-direction: column;overflow: hidden;padding: 0px;gap: 15px;}
.m-cruise-product .filter-criteria .filter-content .item {display:block;position:relative;padding:0px;line-height:1;font-size: 14px;border-top:0px dashed #eee;}
.m-cruise-product .filter-criteria .filter-content .item dt {margin-bottom: 15px;padding:0px 0;padding-left: 26px; line-height: 1.5;font-weight:500;color:#999;}
.m-cruise-product .filter-criteria .filter-content .item dt.log1{background: url(../images/icon/sift-icon-log1.jpg) center left no-repeat;overflow: hidden;background-position: left 2px;}
.m-cruise-product .filter-criteria .filter-content .item dt.log2{background: url(../images/icon/sift-icon-log2.jpg) center left no-repeat;overflow: hidden;background-position: left 2px;}
.m-cruise-product .filter-criteria .filter-content .item dt.log3{background: url(../images/icon/sift-icon-log3.jpg) center left no-repeat;overflow: hidden;background-position: left 2px;}
.m-cruise-product .filter-criteria .filter-content .item dt.log4{background: url(../images/icon/sift-icon-log4.png) center left no-repeat;overflow: hidden;background-position: left 2px;}
.m-cruise-product .filter-criteria .filter-content .item dt.log5{background: url(../images/icon/sift-icon-log5.jpg) center left no-repeat;overflow: hidden;background-position: left 2px;}
.m-cruise-product .filter-criteria .filter-content .item dt.log6{background: url(../images/icon/sift-icon-log6.jpg) center left no-repeat;overflow: hidden;background-position: left 2px;}
.m-cruise-product .filter-criteria .filter-content .item dt.log7{background: url(../images/icon/sift-icon-log7.jpg) center left no-repeat;overflow: hidden;background-position: left 2px;}
.m-cruise-product .filter-criteria .filter-content .item em {position:absolute;left:90px;top:10px;bottom:auto;width:auto;padding:5px 0;border-top:none}
.m-cruise-product .filter-criteria .filter-content .item dd {*zoom:1}
.m-cruise-product .filter-criteria .filter-content .item dd:after{content:" ";clear:both;display:table}
.m-cruise-product .filter-criteria .filter-content .item a {display:block; float:left;width: -webkit-calc(25% - 16px);padding:5px 5px; background: #f2f4f7; text-align: center; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-cruise-product .filter-criteria .filter-content .item a span{display:block; padding:8px 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-cruise-product .filter-criteria .filter-content .item a:hover,
.m-cruise-product .filter-criteria .filter-content .item a.active {color:#fff;background-color:#0099ff; border-radius: 3px;}
.m-cruise-product .filter-criteria .filter-content .item .links {display: block;clear: both;display: flex;gap: 6px;flex-wrap: wrap;gap: 8px;}
.m-cruise-product .filter-criteria .filter-content .item dt>i{display:inline-block;width:23px;height:23px;background:url("../images/ship-list-ico.png") no-repeat;vertical-align:middle;margin:-2px 6px 0 0}
.m-cruise-product .filter-criteria .filter-content .item dt>i.dest-ico{background-position:0 0}
.m-cruise-product .filter-criteria .filter-content .item dt>i.city-ico{background-position:0 -32px}
.m-cruise-product .filter-criteria .filter-content .item dt>i.time-ico{background-position:0 -64px}
.m-cruise-product .filter-criteria .filter-content .item dt>i.company-ico{background-position:0 -96px}
.m-cruise-product .filter-criteria .filter-content .item dt>i.day-ico{background-position:0 -128px}
.m-cruise-product .filter-criteria .filter-content .item dt>i.type-ico{background-position:0 -156px}
.m-cruise-product .filter-criteria .filter-content .item dt>i.type-ico{background-position:0 -156px}
/*filter-header*/
.m-cruise-product .filter-header {margin: 0px 0;padding: 15px;background: #ffffff;border-radius:6px; overflow: hidden; display: flex;justify-content: space-between;align-items: center;}
.m-cruise-product .filter-header .title {font-size:16px;}
.m-cruise-product .filter-header .filter-sortul {float:left;}
.m-cruise-product .filter-header .filter-sortul li {float:left;font-size:12px;margin-right:-1px;border:1px solid #DEE5EC}
.m-cruise-product .filter-header .filter-sortul li a {color:#666;display:block;padding:3px 10px;cursor:pointer;float:left}
.m-cruise-product .filter-header .filter-sortul li a.active {color:#f60;background:#fff;display:block;float:left}
.m-cruise-product .filter-header .filter-sortul li span {float:left}
.m-cruise-product .filter-header .filter-sortul li em {display:block;float:left;width:7px;height:8px; background-image:url(../images/filter-icon.png); background-attachment:scroll; background-repeat:no-repeat;margin:3px 0 0 4px;background-position: -130px 0;}
.m-cruise-product .filter-result {position:relative;display: flex;flex-direction: column; gap: 15px;}
.m-cruise-product .filter-result .filter-content {display: flex;flex-direction: column;}
/*product-top*/
.m-cruise-product .product-top {position: relative;margin-bottom: 10px;}
.m-cruise-product .product-top .detail-banner {position: relative; width: 100%;  height: 260px; overflow: hidden;}
.m-cruise-product .product-top .detail-banner .swiper-wrap {width: 100%;}
.m-cruise-product .product-top .detail-banner .swiper-wrap .swipe-item {width: 100%; height: 260px;}
.m-cruise-product .product-top .detail-banner .swiper-wrap .swipe-item img {width: 100%; height: 100%;object-fit: cover;}
.m-cruise-product .product-top .detail-banner .banner-mask { position: absolute; bottom: 0; left: 0; display: flex; width: 100%; height: 60px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #F7F7F7 100%);ox-sizing: border-box; padding: 0.58rem 12px 0 12px; -webkit-box-pack: justify; justify-content: space-between;}
.m-cruise-product .product-top .detail-header { position: relative; margin-top:-50px;}
.m-cruise-product .product-top .detail-header .detail-wrap {border: 1px #fff solid;border-radius: 12px; overflow: hidden;background-image: linear-gradient(270deg, #81D4FA, #0088ff);}
.m-cruise-product .product-top .detail-header .price-info {margin: 12px;color: #fff;height: 32px;line-height: 32px;}
.m-cruise-product .product-top .detail-header .price-info .price-currency {font-size: 18px;font-weight: 600;}
.m-cruise-product .product-top .detail-header .price-info .price-number {font-size: 30px;font-family: DINAlternate-Bold;font-weight: 600;}
.m-cruise-product .product-top .detail-header .price-info .price-after {font-size: 14px;font-weight: 200;}
.m-cruise-product .product-top .detail-header .price-info .price-desc {margin-left: 9px;display: inline-block;font-size: 12px;}
.m-cruise-product .product-top .detail-header .price-info .start-icon { display: inline-block; vertical-align: middle; margin-left: 3px; width: 12px; height: 12px;background: url(../images/icon-arw.png) no-repeat center center / contain;}
.m-cruise-product .product-top .detail-header .price-info .tour-num {position: absolute;right: 12px;top: 19px;font-size: 12px;}
.m-cruise-product .product-top .detail-header .product-info {width: 100%;box-sizing: border-box;padding: 12px;background: #fff;border-radius: 12px;display: flex;flex-direction: column;gap: 10px;}
.m-cruise-product .product-top .detail-header .product-info .prod-title {font-family: PingFangSC-Semibold;width: 100%;line-height: 24px;font-size: 22px;font-weight: bold;}
.m-cruise-product .product-top .detail-header .product-info .prod-subTitle {position: relative;font-size: 14px;line-height: 18px;font-weight: 400;font-family: PingFangSC-Regular;}
.m-cruise-product .product-top .detail-header .product-info .prod-city {display: flex;flex-wrap: wrap;gap: 8px;}
.m-cruise-product .product-top .detail-header .product-info .prod-city > span {width: 50%;width: -webkit-calc(50% - 5px);line-height: 1;}
.m-cruise-product .product-top .detail-header .product-info .prod-city > span.all {width: 100%;}
.m-cruise-product .product-top .detail-header .product-info .prod-city > span i {float: left;margin-right: 3px;width: 16px; height: 16px;}
.m-cruise-product .product-top .detail-header .product-info .prod-city > span i.icon-chufa {background: url(../images/icon/m-icon-chufa.png) no-repeat center center / contain;}
.m-cruise-product .product-top .detail-header .product-info .prod-city > span i.icon-dida {background: url(../images/icon/m-icon-dida.png) no-repeat center center / contain;}
.m-cruise-product .product-top .detail-header .product-info .prod-city > span i.icon-tujing {background: url(../images/icon/m-icon-port.png) no-repeat center center / contain;}
/*product-date*/
.m-cruise-product .product-date {position: relative;margin-bottom: 0px;padding:0 0px;}
.m-cruise-product .product-date .date-wrap {padding: 15px;background: #ffffff;display: flex;flex-direction: column;gap: 10px; border-radius: 12px;}
.m-cruise-product .product-date .date-picker {position: relative;padding: 10px 10px;box-sizing: border-box;background: #f8f8f8;border-radius: 12px;}
/*itinerary-tabs #03A9F4*/
.m-cruise-product .product-itinerary {margin-top: 0px !important;padding:0 0px;min-height:800px;}
.m-cruise-product .product-itinerary .itinerary-tabnav {margin-bottom:10px;padding: 0 0px;height: auto;display: flex;justify-content: space-around;align-items: center;overflow: hidden;border-radius: 10px;background: #fff;}
.m-cruise-product .product-itinerary .itinerary-tabnav ul {float: left;width: 100%;height: 40px;line-height: 40px; display: flex;justify-content: space-evenly; gap: 10px;}
.m-cruise-product .product-itinerary .itinerary-tabnav ul li {float: left;padding: 0 0px;font-size: 16px;cursor: pointer;}
.m-cruise-product .product-itinerary .itinerary-tabnav ul li .on {background: #fff;height: 46px;line-height: 46px;color: #03A9F4;font-size: 16px;font-weight: 700;}
.m-cruise-product .product-itinerary .itinerary-tabnav.prd-fixed{background:#03a9f4;color: #fff;}
.m-cruise-product .product-itinerary .itinerary-tabbox {display: flex;flex-direction: column;gap: 10px;}
.m-cruise-product .product-itinerary .itinerary-tabbox .tabbox-item {display: flex;flex-direction: column;gap: 15px;}
.m-cruise-product .product-itinerary .itinerary-tabbox .tabbox-wrap {padding: 15px;background: #fff;display: flex;flex-direction: column;gap: 15px;border-radius: 10px;}
.m-cruise-product .product-itinerary .itinerary-tabbox .tabbox-item .article-content {background: #f8f8f8;overflow: hidden;}
.m-cruise-product .product-itinerary .itinerary-tabbox .tabbox-item .item-text {padding-top:10px;line-height: 22px;letter-spacing: 1px;color: #2e3f59;font-weight: 400;}
.m-cruise-product .product-itinerary .itinerary-tabbox .tabbox-item .item-text p {display:block; margin 5px 0;}
.m-cruise-product .product-itinerary .itinerary-tabbox .tabbox-item .item-text h3 {position: relative;margin: 10px 0px;padding-left:20px; padding-bottom: 0px;line-height: 20px;font-size: 16px;font-weight: bold;color: #03A9F4;border-bottom: 0px solid #e5e5e5;}
.m-cruise-product .product-itinerary .itinerary-tabbox .tabbox-item .item-text h3 + h3{margin-top: 20px;}
.m-cruise-product .product-itinerary .itinerary-tabbox .tabbox-item .item-text h3:before {content: "©";display: inline-block;position: absolute;left: 0;top: 1px;padding: 0px 0px 0px;width: 20px;height: 20px;line-height: 20px;font-size: 16px;text-align: center;color: #fff;border-radius: 3px;font-weight: normal;color: #03A9F4;}
/*product-related*/
.m-cruise-product .product-related {position: relative;}
.m-cruise-product .product-related .related-wrap {display: flex;flex-direction: column;gap: 15px;padding:0px 15px;border-radius: 8px;}
.m-cruise-product .product-related .related-content {}    

/*============ 邮轮品牌 CSS ============ */
.m-cruise-brand {position: relative;}
.m-cruise-brand .m-cruise-top {position: relative;overflow: hidden; }
.m-cruise-brand .m-cruise-body {position: relative;}
.m-cruise-brand .m-cruise-body .container {display: flex;justify-content: space-between;flex-direction: column;gap: 15px;}
/* brand-classify-nav */
.m-cruise-brand .cruise-brand-classify {position: relative;margin: 0px 0;padding: 0px;}
.m-cruise-brand .cruise-brand-classify .section-wrap{background: #fff;border-radius: 8px;}
.m-cruise-brand .cruise-brand-classify .list-brand-nav {display: flex;flex-wrap: wrap;gap: 9px;}
.m-cruise-brand .cruise-brand-classify .list-brand-nav .item {width: -webkit-calc(33.333% - 6px);text-align: center;background: #fff;}
.m-cruise-brand .cruise-brand-classify .list-brand-nav .item .item-wrap { margin: 0; padding: 10px 10px 15px; display: flex; flex-direction: column; align-items: center; box-sizing: border-box;border-radius: 4px; border: 1px solid #eee;text-align: center;} 
.m-cruise-brand .cruise-brand-classify .list-brand-nav .item .item-wrap .item-logo {width:100%; height: 50px; overflow: hidden; margin: 0 auto;}
.m-cruise-brand .cruise-brand-classify .list-brand-nav .item .item-wrap .item-logo img {max-width:100%;height: 100%;-webkit-transition: all .5s linear;transition: all .5s linear;display: inline;}
.m-cruise-brand .cruise-brand-classify .list-brand-nav .item .item-wrap span {font-size: 16px;}
.m-cruise-brand .cruise-brand-classify .list-brand-nav .item .item-wrap:hover .item-logo img {-ms-transform: scale(0.8);-webkit-transform: scale(0.8);transform: scale(0.8);}
.m-cruise-brand .cruise-brand-list .section-wrap {padding: 0px 0;}

/*============ 邮轮船队 CSS ============*/
.m-cruise-brand .cruise-brand-banner {position: relative;width: 100%;height: 100%;overflow: hidden;width: 100%;height: 260px;background: url("../images/bg-top-ships.jpg");background-size: 100% 260px;}
.m-cruise-brand .cruise-brand-banner img {margin-top: 0px;width: 100%;height: 100%;}
/* brand-header */
.m-cruise-brand .cruise-brand-header {position: absolute;bottom: 0;width: 100%;}
.m-cruise-brand .cruise-brand-header .brand-wrap {padding:10px 15px; background: #ffffff;display: flex;justify-content: space-between;align-items: center;border-radius: 20px 20px 0 0;}
.m-cruise-brand .cruise-brand-header .brand-main {display: flex;align-items: center;}
.m-cruise-brand .cruise-brand-header .brand-main .brand-logo {float:left;margin-right:5px;width:auto;height:50px;border-radius: 4px;overflow: hidden;}
.m-cruise-brand .cruise-brand-header .brand-main .brand-logo img{width:100%;height:100%;}
.m-cruise-brand .cruise-brand-header .brand-main .brand-name {margin:0px;line-height: 1;display: flex;flex-direction: column;justify-content: space-between;gap:2px;}
.m-cruise-brand .cruise-brand-header .brand-main .brand-name h1{margin-bottom:0px;font-size:20px;font-weight: 600;}
.m-cruise-brand .cruise-brand-header .brand-main .brand-name p {color:#666;font-size:16px;}
.m-cruise-brand .cruise-brand-header .in_line {color: #999;margin: 0 10px;}
.m-cruise-brand .cruise-brand-header .brand-amount {font-size: 16px;}
.m-cruise-brand .cruise-brand-header .brand-amount span {display: block;font-size: 14px;}
.m-cruise-brand .cruise-brand-header .brand-amount em {margin:0 2px;font-size: 16px;color: #0099ff;font-weight:500;}
/*brand-summary*/
.m-cruise-brand .cruise-brand-summary {border-top: 0px #eee solid;background-color: #ffffff;border-radius: 0px 0px 10px 10px;}
.m-cruise-brand .cruise-brand-summary .section-content {position: relative;padding: 10px 10px;background: #f5f5f5;border-radius:10px;}
.m-cruise-brand .cruise-brand-summary .section-content  p {margin: 10px 0px;line-height: 24px;font-size: 14px;color: #535F78;text-indent: 0em;}
.m-cruise-brand .cruise-brand-content {padding: 0px 0;}
.m-cruise-brand .cruise-brand-content .section-wrap {padding: 0px 0;}
/*============ 邮轮船只 CSS ============*/
.m-cruise-brand .cruise-ship-banner {position: relative;width: 100%;height: 260px;overflow: hidden; }
.m-cruise-brand .cruise-ship-banner img {margin-top: 0px;height: 100%;width: 100%;}
/* ship-header */
.m-cruise-brand .cruise-ship-header {position: absolute;bottom: 0;width: 100%;}
.m-cruise-brand .cruise-ship-header .flex-wrap {padding:15px 15px 0px; background: #ffffff;display: flex;justify-content: space-between;align-items: center;border-radius: 20px 20px 0 0;}
.m-cruise-brand .cruise-ship-header .ship-main {display: flex;align-items: center;}
.m-cruise-brand .cruise-ship-header .brand-logo {float:left;margin-right:5px;width:auto;height:50px;border-radius: 4px;overflow: hidden;}
.m-cruise-brand .cruise-ship-header .brand-logo img{width:100%;height:100%;}
.m-cruise-brand .cruise-ship-header .ship-name {margin:0px;display: flex;flex-direction: column;justify-content: space-between;}
.m-cruise-brand .cruise-ship-header .ship-name h1{margin-bottom:0px;line-height: 24px;font-size:22px;font-weight: 600;}
.m-cruise-brand .cruise-ship-header .ship-name p {color:#666;font-size:16px;}
.m-cruise-brand .cruise-ship-header .ship-review {width:130px; float:right;font-size: 14px;text-align:right}
.m-cruise-brand .cruise-ship-header .ship-review span { display: block;float: right;}
.m-cruise-brand .cruise-ship-header .ship-review p {margin: 0px;color:#999;font-size:13px}
.m-cruise-brand .cruise-ship-header .ship-review p a{color:#333}
.m-cruise-brand .cruise-ship-header .ship-review .ping-num {margin-top: 5px;color:#999}
/*.brand-ship-summary*/
.m-cruise-brand .cruise-ship-summary {padding-bottom: 0px;overflow: hidden;border-radius: 0 0 8px 8px;}
.m-cruise-brand .cruise-ship-summary .ship-summary-content {padding: 15px 15px;background: #fff;} 
.m-cruise-brand .cruise-ship-summary .ship-intro {position: relative;padding: 10px;background: #f5f5f5; border-radius: 8px;}
.m-cruise-brand .cruise-ship-summary .ship-intro p {margin: 10px 0px;line-height: 22px;font-size: 14px;color: #535F78;text-indent: 0em;}
.m-cruise-brand .cruise-ship-summary .ship-parameter {width:100%;padding: 15px 0 20px;border-top: 1px #eee solid;display: flex;justify-content: space-evenly;flex-wrap: wrap;gap: 6px;}
.m-cruise-brand .cruise-ship-summary .ship-parameter dd {float:left;width: -webkit-calc(50% - 5px);line-height: 1; display: flex;flex-direction: row;align-items: baseline;}
.m-cruise-brand .cruise-ship-summary .ship-parameter dd span {font-size:14px;color:#999;}
.m-cruise-brand .cruise-ship-summary .ship-parameter dd em{font-size:18px;color:#0480d9;}
.m-cruise-brand .cruise-ship-content {display: flex;justify-content: space-between;flex-direction: column; gap: 15px;}
.m-cruise-brand .cruise-ship-content .flex-section .section-wrap {background-color: #ffffff;border-radius: 8px;}

/*============ 问答 CSS ============*/
.m-cruise-wenda {position:relative;}
.m-cruise-wenda .m-cruise-top {margin-bottom: 10px;}
.m-cruise-wenda .flex-section {margin-bottom: 15px;}
.m-cruise-wenda .flex-section .section-wrap {background: #fff;border-radius: 8px;}
.m-cruise-wenda .cruise-wenda-banner {overflow: hidden;height: 260px;background: url("../images/bg-top-dest.jpg");background-size: 100% 260px;}
.m-cruise-wenda .cruise-wenda-detail {margin-bottom: 10px;}
.m-cruise-wenda .cruise-wenda-detail .detail-wrap {padding: 15px 15px;background: #fff;display: flex;flex-direction: column;gap: 15px;}
/*user-wrap*/
.m-cruise-wenda .cruise-wenda-detail .user-wrap {margin-bottom: 0px;display: flex; justify-content: space-between;}
.m-cruise-wenda .cruise-wenda-detail .user-wrap .user-txm { display  flex; width: 50%;}
.m-cruise-wenda .cruise-wenda-detail .user-wrap .user-txm .user-toux {float: left;width: 32px;height: 30px; margin-right: 10px; border-radius: 50px;background: url("../images/toux-user.png") 0 0px no-repeat; background-size: 32px 32px;}
.m-cruise-wenda .cruise-wenda-detail .user-wrap .user-txm .user-toux img {width: 100%; border-radius: 50px;}
.m-cruise-wenda .cruise-wenda-detail .user-wrap .user-txm .user-info {float: left;line-height: 1;font-size: 12px;display: flex;flex-direction: column;gap: 5px;}
.m-cruise-wenda .cruise-wenda-detail .user-wrap .user-txm .user-info .user {font-size: 14px;}
.m-cruise-wenda .cruise-wenda-detail .user-wrap .user-txm .user-info .user .name{ display: inline-block; color: #000000;font-weight: bold;}
.m-cruise-wenda .cruise-wenda-detail .user-wrap .user-txm .user-info .user .level { margin-left: 5px;border-radius: 3px; font-size: 10px;color: #fff; padding: 0 5px; background: #ffa922;}
.m-cruise-wenda .cruise-wenda-detail .user-wrap .fab {font-size: 12px;color: #ccc;}
.m-cruise-wenda .cruise-wenda-detail .user-wrap .gzhd {display: flex;justify-content: space-between;flex-direction: row;align-items: center;gap:10px;}
.m-cruise-wenda .cruise-wenda-detail .user-wrap .gzhd div { float: right;padding: 0 10px; line-height: 32px;font-size: 14px; border-radius: 4px; }
.m-cruise-wenda .cruise-wenda-detail .user-wrap .gzhd div:hover { background: #ff9900; color: #fff; cursor: pointer;}
.m-cruise-wenda .cruise-wenda-detail .user-wrap .gzhd .gz { border:1px solid #ddd; }
.m-cruise-wenda .cruise-wenda-detail .user-wrap .gzhd .hd { background: #0099FF; color: #fff; }
/*wenda-question*/
.m-cruise-wenda .cruise-wenda-detail .wenda-question {margin-bottom: 10px;overflow: hidden;border-radius: 8px;}
.m-cruise-wenda .cruise-wenda-detail .wenda-question .title {margin-bottom: 0px;padding:0px;line-height: 20px;display: flex;}
.m-cruise-wenda .cruise-wenda-detail .wenda-question .title i {float: left;display: block;font-size: 16px; margin-top: 1px; width: 22px; height: 22px; line-height: 22px; margin-right: 10px; color: #fff; border-radius: 3px;text-align: center; background: #ff7800;}
.m-cruise-wenda .cruise-wenda-detail .wenda-question .title h3 {width: 95%;font-weight: bold; font-size: 20px;overflow: hidden;w}
.m-cruise-wenda .cruise-wenda-detail .wenda-question .desc { padding: 10px;line-height: 20px;font-size: 14px; color: #535F78;font-weight: normal;background: #f5f5f5;border-radius: 8px;}
/*wenda-answer*/
.m-cruise-wenda .cruise-wenda-detail .wenda-answer {overflow: hidden;border-radius: 8px;}
.m-cruise-wenda .cruise-wenda-detail .detail-content {padding: 10px;line-height: 1.5;font-size: 14px; color: #535F78;font-weight: normal;background: #f5f5f5;border-radius: 8px;}
.m-cruise-wenda .cruise-wenda-detail .detail-content p {margin:10px 0;}
/*cruise-wenda-related*/
.m-cruise-wenda .cruise-wenda-related {}
.m-cruise-wenda .cruise-wenda-related .related-wrap {padding:15px 15px;background: #fff;border-radius: 8px;display: flex;flex-direction: column;gap: 15px;}
.m-cruise-wenda .cruise-wenda-related .related-content {background: #f5f5f5;border-radius: 8px;overflow: hidden;}

/*============ 新闻 CSS ============*/
.m-cruise-news {position:relative;}
.m-cruise-news .m-cruise-top {margin-bottom: 10px;}
.m-cruise-news .flex-section {margin-bottom: 15px;}
.m-cruise-news .flex-section .section-wrap {background: #fff;border-radius: 8px;}
/*article-header*/
.m-cruise-news .article-header {position: relative;margin:0px 5px;}
.m-cruise-news .article-header .article-title {margin: 0;font-size: 22px;font-weight:600;clear: both;}
.m-cruise-news .article-header .article-meta {display: block;padding-bottom:10px;border-bottom:1px solid #eee;}
.m-cruise-news .article-header .article-meta span {color: #999;font-size:13px;margin-right: 10px;}
.m-cruise-news .article-header .article-meta span a {color: #999; background-color: transparent; -webkit-text-decoration-skip: objects;}
.m-cruise-news .article-header .article-meta span a:hover {color: #f80;}
.m-cruise-news .article-header .article-meta .icon-date{margin-right:3px;}
.m-cruise-news .article-header .article-meta .icon-article{color: #f80;}
.m-cruise-news .article-header .article-meta .icon-article:before{margin-right:3px; color: #f80;}
/*article-tags*/
.m-cruise-news .article-tags {margin-top:10px;line-height: 24px; font-size: 14px;}
.m-cruise-news .article-tags .content {margin:0 0px;padding:10px 0px;border-top: 0px solid #eee;}
.m-cruise-news .article-tags .tagslist {margin:0px 0px;height: auto;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;gap:10px;}
.m-cruise-news  .article-tags .tagslist a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;padding: 0 10px 0 5px;line-height: 28px;height: 28px;font-size: 13px;color: #555;border-radius: 18px;transition: all .5s ease;background: #f2f2f2;}
.m-cruise-news .article-tags .tagslist a i {border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;display: inline-block;width: 18px;height: 18px;line-height: 18px;text-align: center;background: #fff;color: #555;font-size: 13px;margin: 4px 5px 0 0; *margin: 0px 5px 0 0;font-style: normal;vertical-align: top; *vertical-align: middle;}
.m-cruise-news .article-tags .tagslist a:before {float: left;content: "#";border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;display: inline-block;width: 18px;height: 18px;line-height: 20px;text-align: center;background: #fff;color: #555;font-size: 14px;margin: 5px 5px 0 0; *margin: 0px 5px 0 0;font-style: normal;vertical-align: top; *vertical-align: middle;}
.m-cruise-news .article-tags .tagslist a:hover {background: #0092ff;color: #FFF;}
/*article-prevnext*/
.m-cruise-news .article-prevnext {padding-top: 10px;line-height: 1.5;border-top: 1px #eee solid;overflow: hidden; display: flex;flex-direction: column;}
.m-cruise-news .article-prevnext .twofifth { display: block; position: relative;font-size: 14px; color: #999;text-overflow: ellipsis;white-space: nowrap; }
/*============ 单页面 CSS ============*/
.m-cruise-single .m-cruise-top { position: relative;margin-bottom: 10px;}
.m-cruise-single .m-cruise-body .container {display: flex;flex-direction: column;gap: 10px;}
.m-cruise-single .cruise-sales-banner {width: 100%;height: 260px;background: url("../images/bg-top-ships.jpg");background-size: 100% 260px;overflow: hidden;}
/*sales-feature*/
.m-cruise-single .cruise-sales-feature {display: block;width: 100%;margin-bottom: 0px;background: #fff; border-radius: 0 0 10px 10px;}
.m-cruise-single .cruise-sales-feature .sales-feature-ul {display: block;padding: 15px 15px; display: flex; justify-content: space-evenly;overflow: hidden;} 
.m-cruise-single .cruise-sales-feature .sales-feature-ul li {float: left;display: flex;align-items: center;}
.m-cruise-single .cruise-sales-feature .sales-feature-ul li i {display: block; float: left;width: 50px;height: 50px;margin-right: 8px;border-radius: 50%;}
.m-cruise-single .cruise-sales-feature .sales-feature-ul li span {font-size: 22px;}
.m-cruise-single .cruise-sales-feature .sales-feature-ul li b {font-size: 22px;line-height: 1;}
.m-cruise-single .cruise-sales-feature .sales-feature-ul li p {margin-top: 5px;font-size: 16px;color: #999;line-height: 1.2;}
.m-cruise-single .cruise-sales-feature .sales-feature-ul li.sf1 i {background: url(../images/icon/sfn-icon-07.png) no-repeat center left / contain;}
.m-cruise-single .cruise-sales-feature .sales-feature-ul li.sf2 i {background: url(../images/icon/sfn-icon-06.png) no-repeat center left / contain;}
.m-cruise-single .cruise-sales-feature .sales-feature-ul li.sf3 i {background: url(../images/icon/sfn-icon-04.png) no-repeat center left / contain;}
/*sales-explain*/
.m-cruise-single .cruise-sales-explain {padding: 15px 15px;background: #fff;border-radius: 6px;}
.m-cruise-single .cruise-sales-explain dl {line-height:26px;color:#333;margin-bottom:10px;padding:0 0 10px 50px;border-bottom: 1px #eee dashed; background-position:0 -975px}
.m-cruise-single .cruise-sales-explain dl{background-image: url(../images/icon-sale.png);background-repeat: no-repeat;background-attachment: scroll;}
.m-cruise-single .cruise-sales-explain dl dt{margin-bottom: 5px;line-height: 1;font-size:16px;font-weight:500;}
.m-cruise-single .cruise-sales-explain dl dd{line-height: 1.5;font-size:12px;color: #999;}
.m-cruise-single .cruise-sales-explain .sale-tishi {font-size:12px;color:#ff6868;margin:10px 0 0px;}


.m-cruise-single .order-form {margin: 0px 10px;padding:15px 10px 30px;background-color:#ffffff;border-radius: 10px;}

.order-header {position: fixed;top:0;z-index:999;width: 100%;max-width: 768px;background:#03A9F4;overflow: hidden; box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.05);}
.order-header .flex-wrap {height:30px;padding: 10px 10px; display: flex;justify-content: space-between;align-items: center;}
.order-header a {}
.order-header a i {font-size: 24px; color: #fff;}
.order-header span {font-size: 20px; color: #fff;}


@media (max-width: 640px) {
#wrapper {padding-top: 50px;}
.flex-section .section-wrap {padding: 15px 10px 10px;gap: 10px;}
.m-cruise-index .m-cruise-top,
.m-cruise-index .flex-section {margin-bottom: 10px;}

.m-cruise-header .logo-slogan {height: 26px;line-height: 1.2;}
.m-cruise-header .logo-slogan .logo {height: 26px;}
.m-cruise-header .logo-slogan .logo::after { height: 20px;}
.m-cruise-header .logo-slogan .slogan {line-height: 1;font-size: 12px;}
    
.m-cruise-top .m-swipe {height: 120px;}
.m-cruise-top .m-swipe div a {height: 120px;}
.m-cruise-top .m-swipe div img {min-width: 100%;margin:0 -0px;}

.crumbs {line-height: 1;font-size: 12px;}
.epages a {margin: 0px 3px;}
.tips-patch {position: absolute;top: 6px;left: 6px;padding: 0px 8px;line-height: 24px;}
.tips-patch span {font-size: 12px;}

.m-cruise-navbar .nav-item p {font-size: 16px;}

.titleA .title {font-size: 18px;line-height: 18px;}
.titleA .title i {min-width: 18px;height: 18px;margin-right: 3px;}
.titleA .more {display: flex;font-size: 14px;}
.titleA .more i {width: 14px;height: 14px;}
.titleC .bar-content {font-size: 18px;}

.article-content {font-size: 15px;}
.article-content h2, .article-content h3, .article-content h4 {margin: 15px 0 10px;padding-bottom: 5px;font-size: 15px;}
.recommand-tab {gap: 10px;}
.recommand-tab .recommand-tabNav {font-size: 14px;}
.recommand-tab .recommand-tabNav li {line-height: 26px;}
.recommand-tab .recommand-tabNav li span { padding: 0 0px;}

.m-cruise-wenda .cruise-wenda-banner {height: 120px;background-size: 100% 120px;}

.mlist-product-cardul {gap: 10px;}
.mlist-product-cardul .item-card {width: -webkit-calc(50% - 5px);}
.mlist-product-cardul .item-card .item-thumb {height: 116px;overflow: hidden;}
.mlist-product-cardul .item-card .item-main {padding: 10px 10px;line-height: 1;gap: 5px;}
.mlist-product-cardul .item-card .item-title {height: 36px;line-height: 18px;font-size: 14px;}
.mlist-product-cardul .item-card .item-summary span {font-size: 12px;}
.mlist-product-cardul .item-card .item-meta span {font-size: 12px;}
.mlist-product-cardul .item-card .item-meta .el-price {font-size: 12px;}
.mlist-product-cardul .item-card .item-meta .el-price em {font-size: 14px;}
.mlist-product-cardul .item-card .item-meta .el-price b {font-size: 18px;}
.mlist-product-cardul .item-card .item-meta .icon-city { padding-left: 12px;font-size: 12px;background-size: 10px 12px;}

.mlist-brand-hotul .item-wrap img {width: 50px;height: 50px;}
.mlist-brand-hotul .item-wrap span {font-size: 14px;}

.mlist-wenda-cardul {margin: 10px;}
.mlist-wenda-cardul .item .item-title {margin-bottom: 5px;font-size: 16px;}
.mlist-wenda-cardul .item .item-title:before {width: 20px;height: 20px;line-height: 20px;}
.mlist-wenda-cardul .item + .item {margin-top: 10px;padding-top: 10px;}
.mlist-wenda-cardul .item .item-txt {line-height: 16px;font-size: 12px;}

.m-cruise-product .filter-criteria { padding: 10px;}
.m-cruise-product .filter-criteria .filter-content .item dt { margin-bottom: 10px;padding-left: 20px;line-height: 1.2;font-size: 16px;}
.m-cruise-product .filter-criteria .filter-content .item dt.log1,
.m-cruise-product .filter-criteria .filter-content .item dt.log2,
.m-cruise-product .filter-criteria .filter-content .item dt.log3,
.m-cruise-product .filter-criteria .filter-content .item dt.log4,
.m-cruise-product .filter-criteria .filter-content .item dt.log5,
.m-cruise-product .filter-criteria .filter-content .item dt.log6,
.m-cruise-product .filter-criteria .filter-content .item dt.log7{background-size: 15px 15px;}


.mlist-product-infoul .item .item-wrap { padding: 10px;gap: 10px;}
.mlist-product-infoul .item .item-thumb {height: 116px;}
.mlist-product-infoul .item .item-main {width: -webkit-calc(70% - 10px);}
.mlist-product-infoul .item .item-main .prod-title {line-height: 20px; font-size: 16px;font-weight: 600;}
.mlist-product-infoul .item .item-main .prod-depart {font-size: 12px;}
.mlist-product-infoul .item .item-main .prod-booking span {font-size: 12px;}
.mlist-product-infoul .item .item-main .prod-booking .sale-price {line-height: 1;}
.mlist-product-infoul .item .item-main .prod-booking .sale-price em {font-size: 14px;}
.mlist-product-infoul .item .item-main .prod-booking .sale-price b {font-size: 20px;font-weight: 500;}
.mlist-product-infoul .item .item-main .prod-booking .icon-city {background-size: 12px 14px;}

.prod-tags span {padding: 0 5px;height: 18px;line-height: 18px;font-size: 12px;}

.m-cruise-product .product-top .detail-header .product-info .prod-title {font-size: 20px;}
.m-cruise-product .product-top .detail-header .product-info .prod-city > span {font-size: 14px;}
.m-cruise-product .product-top .detail-header .product-info .prod-city > span i {width: 14px;height: 14px;}
.m-cruise-product .product-date .date-wrap {padding: 10px;}
.m-cruise-product .product-itinerary .itinerary-tabbox .tabbox-wrap {padding: 15px 10px 10px;gap: 12px;}

.m-cruise-brand .cruise-brand-classify .list-brand-nav { gap: 6px;}
.m-cruise-brand .cruise-brand-classify .list-brand-nav .item .item-wrap {padding: 5px 10px 10px;}
.m-cruise-brand .cruise-brand-classify .list-brand-nav .item {width: -webkit-calc(33.333% - 4px);}
.m-cruise-brand .cruise-brand-classify .list-brand-nav .item .item-wrap span {font-size: 14px;}

.m-cruise-brand .cruise-brand-banner {position: relative;width: 100%;height: 200px; background-size: 100% 200px;}
.m-cruise-brand .cruise-brand-banner img {width: 100%;height: 100%;}
.m-cruise-brand .cruise-ship-banner {position: relative;width: 100%;height: 230px; background-size: 100% 200px;}
.m-cruise-brand .cruise-ship-banner img {width: 100%;height: 100%;}
/*
.mlist-ships-infoul .item .item-head .item-mlogo-name .item-mlogo {display: none;}
.mlist-ships-infoul .item .item-head .item-mlogo-name .item-name .cnName { line-height: 20px;font-size: 20px;}
.mlist-ships-infoul .item .item-head .item-comm-in {width: 90px;}
.mlist-ships-infoul .item .item-mian { width: -webkit-calc(70% - 10px);}
.mlist-ships-infoul .item .item-canshu dd span {font-size: 12px;}
.mlist-ships-infoul .item .item-canshu dd em {font-size: 14px;}*/

.mlist-ships-infoul .item .item-head .item-mlogo-name .item-mlogo {margin-right: 5px;}
.mlist-ships-infoul .item .item-head .item-mlogo-name .item-name .cnName {line-height: 20px;font-size: 20px;}

.mlist-ships-infoul .item {padding: 10px 10px;}
.mlist-ships-infoul .item .item-wrap {flex-direction: column;gap: 15px;}
.mlist-ships-infoul .item .item-pic {width: 100%;height: 180px;}
.mlist-ships-infoul .item .item-mian {width: 100%;}
.mlist-ships-infoul .item .item-head .item-mlogo-name .item-mlogo {margin-right: 5px;}
.mlist-ships-infoul .item .item-canshu dd span {font-size: 14px;}
.mlist-ships-infoul .item .item-canshu dd em {font-size: 16px;}

.mlist-detail-picul {gap: 10px;}
.mlist-detail-picul .item .item-pic {height: 116px;}
.mlist-detail-picul .item .item-main {height: auto;padding: 10px;gap: 5px;}
.mlist-detail-picul .item .item-main .item-name {font-size: 16px;}
.mlist-detail-picul .item .item-main .item-info span {font-size: 14px;}
.mlist-detail-picul .item .item-main .item-txt {line-height: 1.5;}

.mlist-date-dl .date-cont-item {padding: 0px;width: -webkit-calc(33.333% - 4px);}
.mlist-date-dl .date-cont-item .date-cont-item-nei {gap: 6px;}
}
.mlist-news-infoul .item-pic {height: 72px;}
.mlist-news-infoul .item-main {padding: 6px 10px;}
.mlist-news-infoul .item-title {height: 40px;font-size: 16px;}
.mlist-news-infoul .item-meta span {font-size: 12px;}

.mlist-news-txtul .item .item-time b {font-size: 16px;margin-bottom: 3px;font-weight:600;}


/*m-cruise-news*/
.m-cruise-news .article-header .article-title {font-size: 18px;}
.m-cruise-news .article-header .article-meta span {font-size: 12px;margin-right: 5px;}

/*m-cruise-wenda*/
.m-cruise-wenda .cruise-wenda-detail .wenda-question .title i {font-size: 14px;width: 18px;height: 18px;line-height: 18px;margin-right: 5px;}
.m-cruise-wenda .cruise-wenda-detail .wenda-question .title h3 {font-size: 16px;}
.m-cruise-wenda .cruise-wenda-detail .user-wrap .user-txm .user-toux {width: 26px;height: 26px;margin-right: 5px;background-size: 26px 26px;}
.m-cruise-wenda .cruise-wenda-detail .user-wrap .gzhd {}
.m-cruise-wenda .cruise-wenda-detail .user-wrap .gzhd div {padding: 0 6px;line-height: 24px;font-size: 12px;}
.m-cruise-wenda .cruise-wenda-detail .user-wrap .user-txm .user-info {line-height: 1;font-size: 12px;display: flex;flex-direction: column;gap: 3px;}
.m-cruise-wenda .cruise-wenda-detail .user-wrap .user-txm .user-info .user .level {font-size: 12px;}


.m-cruise-single .cruise-sales-banner {position: relative;height: 120px; background-size: 100% 120px;}
.m-cruise-single .cruise-sales-feature .sales-feature-ul {justify-content: space-between;}
.m-cruise-single .cruise-sales-feature .sales-feature-ul li {align-items: center;}
.m-cruise-single .cruise-sales-feature .sales-feature-ul li b {font-size: 18px;}
.m-cruise-single .cruise-sales-feature .sales-feature-ul li i {width: 40px;height: 40px;margin-right: 5px;}
.m-cruise-single .cruise-sales-feature .sales-feature-ul li b {font-size: 14px;font-weight: bold;}
.m-cruise-single .cruise-sales-feature .sales-feature-ul li p { margin-top: 5px;font-size: 13px;line-height: 1.2;}
.m-cruise-single .cruise-sales-explain {padding: 10px 10px;}

.mlist-news-cardul .item .item-pic { height: 116px;}
.mlist-news-cardul .item .item-main .item-title{font-size: 14px;}
.mlist-news-cardul .item .item-main .item-desc {line-height: 16px;font-size: 12px;}
.mlist-news-cardul .item .item-main .item-meta {line-height: 18px;font-size: 14px;}
.mlist-news-txtul .item .item-info .item-title {font-size: 16px;}

.mlist-dest-cardul .item {height: 80px;}

}