/*Flash*/
.yacht-imgs{width: 100%; background: #fff;}
.yacht-imgs .img-item{position: relative;}
.yacht-imgs .img-item img{width: 100%; height: 85vmin; overflow: hidden;display:block;}
.yacht-imgs .img-item .info{font-size: 12px; position: absolute;left: 0px;bottom: 0px; color: #fff;padding: 10px 12px;line-height: 20px;}
.yacht-imgs .img-item .info .tit{font-size: 14px;font-weight: 500;}
.yacht-imgs .img-item .info .subtit{font-size: 12px;}

.yacht-imgs .thumbs{white-space: nowrap;overflow-x: hidden;margin-top: 2px;}
.yacht-imgs .thumbs .item{width: 80px;height: 55px;margin: 0 2px; border: 1px solid #fff; display: inline-block; overflow: hidden;border-radius: 5px;}
.yacht-imgs .thumbs .item:nth-child(1){margin-left: 0px;}
.yacht-imgs .thumbs .item img{width: 95px;height: 65px;overflow: hidden;}
.yacht-imgs .thumbs .on{border: 1px solid #0086f6;box-shadow: 0 0 3px 2px #aecdf7;}
.yacht-imgs .thumbs .item:hover{border: 1px solid #0086f6;}
.yacht-imgs .thumbs .swiper-slide-thumb-active{border: 1px solid #0086f6;box-shadow: 0 0 3px 2px #aecdf7;}

/*Header*/
.yacht-header{width: 100%;background: #fff;padding: 10px 12px;}
.yacht-header .topname{border-bottom: 1px dotted #eee; padding: 5px 0;line-height: 20px;display: flex;justify-content: space-between;align-items: center;}
.yacht-header .yname{font-size: 18px;font-weight: 600;color: #152030; margin-right: 2px;display: flex;flex-direction: column;justify-content: center;align-items: start;}
.yacht-header .ename{color: #bbb;font-weight: 400;font-size: 14px;}
.yacht-header .price{border-radius: 0 5px 5px 0; color: #fff;font-size: 12px;display: block;height: 0;padding: 0 5px;border-color: transparent transparent #f50 transparent;border-style: none solid solid solid;border-width: 0 0px 35px 20px;line-height: 35px}
.yacht-header .price .num{font-size: 22px;font-weight: 400;margin-right: 5px;}
.yacht-header .price .fh{font-style: normal;}
.yacht-header .subtit{font-size: 13px;color: #304659;padding: 8px 0;line-height: 20px;}
.yacht-header .ts-lable{padding: 5px 0;}
.yacht-header .ts-lable li{background: #fef9e6;border: 1px solid #f8f3ce;color: #6e450f; font-size: 12px; display: inline-block;padding: 5px 6px;border-radius: 5px;margin: 0px 3px 5px 0;}
.yacht-header .cuxiao{border-radius: 5px; background: #f5f9ff; padding:15px 10px;line-height: 22px;background: linear-gradient(97.79deg, #edf4ff 9.39%, #f2f6ff 50.46%, #eeebff 91.53%)}
.yacht-header .cuxiao .icon{font-size: 13px; background: #FFE9D7;color: #FF9421;border-radius: 3px;padding: 4px 4px;}
.yacht-header .cuxiao .icon i{font-size: 16px;}
.yacht-header .cuxiao p{font-size: 13px;display: inline-block;color: #333;}

/*品牌保障*/
.guar{font-size: 12px;margin: 10px 0; color: #fff; border-radius: 5px;padding: 10px;display: flex;justify-content: start;align-items: center; background: linear-gradient(to right, #759df3, #2e68fa, #6284f5,#6c99fe);}
.guar .fg{font-style: normal;color: #fff;font-size: 10px;margin: 0 2px;}
.guar i{color: #fff;font-size: 13px;margin-right: 2px;}

/*选择预订*/
.order-wrap{padding: 0 12px;}
.order-wrap .step-body{display: flex;justify-content: start;align-items: center;flex-wrap: nowrap;margin-bottom: 5px;}
.order-wrap .step-body .step{font-size: 14px;font-weight: 500; background: #0086f6;background: linear-gradient(to left,#00a7fa,#0076f5);color: #fff;padding: 5px 15px;border-radius:8px 0 25px 0;font-style: normal;}
.order-wrap .step-body .bt{font-size: 14px;margin-left: 10px;font-weight: 500;color: #304659;}
.order-wrap .step-body .hd{font-size: 12px;color: #ddd;}
/*route*/
.yacht-route{background: #fff;border-radius: 8px;margin-top: 20px;padding-bottom: 15px;}
.yacht-route .route-body{position: relative;overflow-y: hidden;overflow-x: scroll;margin: 0px 10px;padding: 10px 0;}
.route-body .route-wrap ul{display: flex;flex-wrap: nowrap;justify-content: flex-start;}
.route-body .route-wrap a{font-size: 12px;font-weight: 500; display: inline-block;white-space: nowrap;border: 1px solid #eee;background: #fcfcfc;border-radius: 5px;margin-right: 10px;padding: 10px 10px;color: #152030;position: relative;overflow: hidden;}
.route-body .route-wrap .on{color: #fff;font-weight: 600; background: #0086f6;border-color: #0086f6;}
        
/*date*/
.yacht-date{background: #fff;border-radius: 8px;margin-top: 15px;padding-bottom: 15px;}
.yacht-date .date-body{position: relative;overflow-y: hidden;overflow-x: scroll;margin: 0px 10px;padding: 10px 0;}
.date-body .date-wrap ul{display: flex;flex-wrap: nowrap;justify-content: flex-start;}
.date-body .date-wrap ul a{font-size: 12px;color: #152030;font-weight: 500;display: inline-block;white-space: nowrap;line-height: 18px; border: 1px solid #eee;background: #fcfcfc;border-radius: 5px;margin-right: 10px;padding: 5px 10px;position: relative;}
.date-body .date-wrap ul a .week{margin-left: 5px;color: #69798c;}
.date-body .date-wrap ul a .fh{font-size: 10px;font-style: normal;}
.date-body .date-wrap ul a .num{font-size: 13px; font-weight: 500;}
.date-body .date-wrap ul a .qi{font-size: 10px;}
.date-body .date-wrap ul a .price{color: #ff0000;text-align: center;}
.date-body .date-wrap .on{color: #fff;font-weight: 600; background: #0086f6;border-color: #0086f6;}
.date-body .date-wrap .on .week{color: #fff;}
.date-body .date-wrap .on .price{color: #fff;}
.date-body .date-wrap .lable{position: absolute;top: -8px;right: 0;font-size: 10px;font-weight: 400;border-radius: 6px 6px 6px 0px; height: 15px;line-height: 15px; padding: 0px 8px; color: #fff; font-style: normal;}
.date-body .date-wrap .sq{background: #D92121;background:linear-gradient(to right,#D92121,#D92121);}
.date-body .date-wrap .bz{background: #D92121;background:linear-gradient(to right,#D92121,#D92121);}
.date-body .date-wrap .tj{background: #f30;background:linear-gradient(to right,#f30,#f30);}

/*room*/
.yacht-room{background: #fff;border-radius: 8px;margin-top: 15px;}
.yacht-room .room-body{padding: 10px 10px;}
.yacht-room .room-body ul li{display: flex;justify-content: space-between;align-items: center;margin-bottom: 5px; padding: 10px 0; border-bottom: 1px dotted #eee;}
.yacht-room .room-body ul li:nth-child(1){padding-top: 0px;}
.room-body .linfo{width: 85px;position: relative;border-radius: 5px;overflow: hidden;}
.room-body .linfo img{width: 85px;height: 70px;display: block;overflow: hidden;transition: transform .5s ease 0s;-o-object-fit: cover;object-fit: cover;}
.room-body .linfo img:hover{transform: scale(1.1);}
.room-body .linfo .info{width: 100%;background: #33333375;color: #fff; opacity: 0.85;font-size: 12px; text-align: center;padding: 3px 0px; position: absolute;display: inline-block;left: 0; bottom: 0;}
.room-body .linfo .info i{font-size: 13px;}
.room-body .rinfo{flex: 1;padding: 0px 5px;}
.room-body .rinfo dl{height: 100%; display: flex;flex-direction: column;justify-content:space-between;}
.room-body .rinfo dt{font-size: 13px;font-weight: 500;color: #152030;margin-bottom: 0px;}
.room-body .rinfo dd{color: #69798c;font-size: 11px;line-height:16px;}
.room-body .rinfo .vip{background: #f30;background:linear-gradient(to right,#f40,#f30); font-size: 10px;font-weight: 400; color: #fff;border-radius: 10px 3px 3px 10px;padding: 2px 2px 2px 5px;font-style: normal;white-space: nowrap;}
.room-body .rinfo .vip i{color: #fff;margin-left: -3px;}

.room-body .rinfo2{width: 85px;padding: 2px 0;display: flex;flex-direction: column; justify-content: start;align-items:end;}
.room-body .rinfo2 .price{color: #ff0000;}
.room-body .rinfo2 .price .fh{font-size: 10px;font-style: normal;}
.room-body .rinfo2 .price .num{font-size: 14px; font-weight: 500;}
.room-body .rinfo2 .price .dw{font-size: 11px;}
.room-body .rinfo2 .order{display: inline-block;margin-top: 20px; width: 60px;text-align: center; color: #fff;padding: 5px 5px;font-size: 12px; background:linear-gradient(to right, #f40, #f70);border-radius: 20px;}
.room-body .rinfo2 .order:hover{opacity: 0.75;text-decoration: none;}
.room-body .rinfo2 .sq{color: #69798c;font-size: 38px;display:none;}
.room-body .rinfo2 .bz{color: #69798c;font-size: 38px;display:none;}
.room-body .rinfo2 .lable{display:none;margin-top: 20px; width: 60px;font-size: 12px;border-radius: 20px; padding: 3px 5px; color: #fff;text-align: center; font-style: normal;}
.room-body .rinfo2 .sq{background: #ccc;background:linear-gradient(to right,#ccc,#ccc);}
.room-body .rinfo2 .bz{background: #ccc;background:linear-gradient(to right,#ccc,#ccc);}
.yacht-room .ts{line-height: 22px;padding: 10px 10px;font-size: 12px;color: #69798c;background: #f1f2f3;border-radius: 5px;}
.yacht-room .ts span{color: #f60;}

/*游轮介绍*/
.yacht-body{padding-bottom: 60px;margin-top: 10px;}
.yacht-body .nav{background: #fff;display: flex;justify-content: space-between;text-align: center;height: 50px;line-height: 50px; box-shadow: 0px 2px 5px #ccc;}
.yacht-body .nav a{font-size: 14px;color: #152030;font-weight: 500;}
.yacht-body .nav a.on{color: #0086f6;border-bottom: 2px solid #0086f6;}
.yacht-body .nav a{flex: 1;}
.yacht-body .tit{color: #152030;font-size: 15px;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-body .tit::before{content: "";border-radius: 10px;background: #0086f6;display: inline-block;height: 100%;width: 5px;margin:0 10px 0 1px;}
        
.yacht-body .yinfo{margin: 20px 12px 0 12px;background: #fff;border-radius: 8px;}
.yacht-body .yinfo-body h2{color: #152030;display: flex;flex-direction: column;align-items: center; font-weight: 500;font-size: 14px;text-align: center;padding: 0 0 10px 0;background: linear-gradient(to right, #152030, #69798c);-webkit-background-clip: text;color: transparent;}
.yacht-body .yinfo-body h2::after{content: "";width: 95px;height: 2px;background: #ccc;border-radius: 5px;margin-top: 5px;}
.yacht-body .yinfo-body{padding: 10px 12px;color: #152030;}
.yacht-body .yinfo-body .pars{font-size: 12px;display: flex;flex-wrap: nowrap;justify-content: start;}
.yacht-body .yinfo-body .pars div{flex: 1;color: #304659;line-height: 18px; background: #efefef;margin:0 5px;border-radius: 5px;padding: 5px;text-align: center;}
.yacht-body .yinfo-body .pars div span{color: #69798c;font-size:11px;}
.yacht-body .yinfo-body .info{font-size: 13px;text-indent: 2em;line-height: 25px;color: #152030;position: relative; margin-top: 15px;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;overflow: hidden;}
.yacht-body .yinfo-body .info .ec{font-style: normal;cursor: pointer;}
.yacht-body .yinfo-body .info .ec::after{content: "...更多";position: absolute;right: 0;bottom: 0;color: #0086f6;background: #fff;display:inline-block;}
.yacht-body .yinfo-body .info.on .ec::after{content: "收起";}
.yacht-body .yinfo-body .info.on{-webkit-line-clamp:none;-moz-line-clamp:none;line-clamp: none;-webkit-box-orient:none;display:block;}
        
/*参考行程*/
.yacht-body .line{margin: 10px 12px 0 12px;background: #fff;border-radius: 8px;padding-bottom: 10px;}
.yacht-body .line-body{padding: 10px 0;}
.yacht-body .line .day{font-size: 14px;position: relative;}
.yacht-body .line .day:last-child::before{content: "";width: 6px;height: 6px;border-radius: 6px;background: #eee;position: absolute;left: 17px;bottom: 0;}
.yacht-body .line .day .dayno{display: flex;padding-right: 10px;}
.yacht-body .line .day .noindex{height: 30px;line-height: 30px; color: #fff;font-size: 14px; padding: 0 10px; background-color:#0086f6;min-width: 60px;text-align:center; border-radius: 0 20px 20px 0;}
.yacht-body .line .day .summary{font-size: 14px;line-height: 16px; font-weight: 500;padding-left: 5px;display: flex;justify-content: start;align-items: center;}
.yacht-body .line .daycon{margin-left: 20px;padding: 10px; border-left: 1px dashed #eee;}
.yacht-body .line .daycon .meal,.yacht-body .line .daycon .lunch,.yacht-body .line .daycon .dinner,.yacht-body .line .daycon .hotel,.yacht-body .line .daycon .ct{font-size: 14px; color: #152030; margin: 10px 0 15px -18px;}
.yacht-body .line .daycon .ci{background-color: #fff;margin-right: 10px;color: #0086f6;}
.yacht-body .line .daycon .ct .ci{margin-right: 14px;}
.yacht-body .line .daycon .ct span{font-weight: 500;}
.yacht-body .line .daycon .czx{color: #304659;}
.yacht-body .line .daycon .dcon-body{text-align: left;margin:0 0 10px 10px; font-size: 14px;color: #152030;line-height: 28px;}
.yacht-body .line .daycon .dcon-body:last-child{margin-bottom: 0px;}
/*费用*/
.yacht-body .cost{background: #fff;margin: 10px 20px 0 20px;border:1px solid #dde4ed;border-radius: 6px;overflow: hidden; line-height: 28px;}
.yacht-body .cost .cost-tit{background-color: #f6f8fa;padding: 8px 10px;font-size: 14px;font-weight: 500;}
.yacht-body .cost .cost-body{padding: 10px;font-size: 14px;line-height: 28px;color: #152030;}
/*设施*/
.yacht-body .facility{margin: 10px 12px 0 12px;background: #fff;border-radius: 8px;padding-bottom: 10px;}
.yacht-body .facility-body{margin: 10px 15px;}
.yacht-body .facility-body .sitem{border-radius: 5px; box-shadow: 0px 2px 5px #ccc;padding: 12px;overflow: hidden;margin-top: 20px;}
.yacht-body .facility-body .sitem img{width: 100%;height: 60vmin;overflow: hidden;border-radius: 5px;transition: transform .5s ease 0s;-o-object-fit: cover;object-fit: cover;}
.yacht-body .facility-body .sitem:hover img {transform: scale(1.05);}
.yacht-body .facility-body .sinfo{font-size: 14px;color:#152030;}
.yacht-body .facility-body .sname{padding: 5px 0;font-size: 14px;}
.yacht-body .facility-body .sname span{font-size: 13px;color: #69798c;margin-left: 5px;}
.yacht-body .facility-body .info{color: #304659;height: 30px; padding: 5px 0;font-size: 13px;display: flex;justify-content: space-between;}
.yacht-body .facility-body .info .intro i{font-size: 12px;color: #ddd;font-style: normal;margin: 0 5px;}
.yacht-body .facility-body .ope{font-size: 13px; color: #69798c;border: 1px solid #69798c;padding: 5px 10px;border-radius: 10px;display: flex;justify-content: center;align-items: center;}
/*预订需知*/
.yacht-body .know{margin: 10px 12px 0 12px;background: #fff;border-radius: 8px;padding-bottom: 5px;}
.yacht-body .know-body{font-size: 14px;color: #152030;margin: 10px 15px 10px 15px;line-height: 28px;}
.yacht-body .know .bg{background: #f2f5f9;padding: 10px;}
/*预订弹窗*/
.mask{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: #000;opacity: 0.65;z-index: 996;transition: all 0.4s;}
.order-box{background-color: #fff;max-width: 640px;margin: 0 auto;position: fixed;top: 5%;left: 0;right: 0;bottom: 0;border-radius: 20px 20px 0 0;z-index: 997;padding: 10px 0;box-sizing: border-box;}
.order-box .head{border-bottom: 1px solid #eee;height: 35px; line-height: 35px; font-size: 16px;color: #152030;text-align: center;font-weight: 500;position: relative;}
.order-box .head .close{position: absolute;top: 0;right: 10px;font-size: 30px;color: #152030;font-weight: normal;}
.order-box .order-con{height: 85%;overflow-y: scroll;padding-bottom: 60px;}
/*弹窗选择房型*/
.order-box .order-room2{margin-top: 10px;}
.order-box .order-room2 .title i{font-size: 12px;}
.order-box .roomcon{position: relative; margin: 0px 10px;padding: 10px 0;}
.order-box .room-wrap{overflow-y: hidden;overflow-x: scroll;padding: 10px 0; display: flex;flex-wrap: nowrap;justify-content:flex-start;}
.order-box .room-wrap a{white-space:nowrap;height: 50px;line-height: 18px;padding: 5px 10px; border: 1px solid #ccc;background-color: #fff; border-radius: 5px;margin-right: 10px;display: flex;flex-direction: column;justify-content: space-between;font-size: 14px;color: #152030;position: relative;}
.order-box .room-wrap .rname{color: #152030;font-size: 13px;border-radius: 5px 5px 0 0;text-align: center;padding: 3px 0;}
.order-box .room-wrap .price{text-align: center;color: #ff0000;}
.order-box .room-wrap .price .fh{font-size: 10px;font-style: normal;}
.order-box .room-wrap .price .num{font-size: 14px;}
.order-box .room-wrap .on{border: 1px solid #0086f6;color: #fff;background: #0086f6;}
.order-box .room-wrap .on .rname{color: #fff;}
.order-box .subbox{position: absolute;bottom: 10px;left: 0;display: flex;justify-content: center;width: 100%;}
.order-box .subbox .sub{width: 80%;height: 35px;line-height: 35px;border-radius: 20px;text-align: center;letter-spacing: 2px;font-size: 16px; color: #fff;background-color: #f70; background: linear-gradient(90deg,#ffa50a 0,#f70 100%);}
.order-box .step-body .step{border-radius:0px 10px 10px 0;padding: 5px 10px;}

/*房型详情弹窗*/
.box-mask{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: #000;opacity: 0.65;z-index: 996;transition: all 0.4s;}
.room-box{background: #fff;max-width: 640px;margin: 0 auto;position: fixed;top: 5%;left: 0;right: 0;bottom: 0;border-radius: 20px 20px 0 0;z-index: 997;padding: 10px 0;box-sizing: border-box;}
.room-box .head{border-bottom: 1px solid #eee;height: 35px; line-height: 35px; font-size: 15px;color: #152030;text-align: center;font-weight: 500;position: relative;}
.room-box .head .close{position: absolute;top: 0;right: 10px;font-size: 26px;color: #152030;font-weight: normal;}
.room-box .room-body{height: 85%;padding: 10px 12px; overflow-y: scroll;padding-bottom: 60px;}
.room-box .room-body .imgs{width: 100%;overflow-x: scroll;}
.room-box .room-body .imgs ul{display: flex;flex-direction: row;flex-wrap: nowrap;}
.room-box .room-body .imgs ul li{display: flex;flex-direction: column;align-items: center;margin: 10px;}
.room-box .room-body .imgs ul li:nth-child(1){margin-left: 0px;}
.room-box .room-body .imgs ul li img{width: 280px;height: 210px;overflow: hidden;border-radius: 5px;}
.room-box .room-body .imgs ul li span{font-size: 13px;padding: 5px 0;color: #69798c;}
.room-box .room-body .roominfo{padding: 10px 0;}
.room-box .room-body .roominfo .item{font-size: 13px;margin-bottom: 10px; display: flex;flex-wrap: wrap;color: #152030;}
.room-box .room-body .roominfo .item2{margin-top: 15px;flex-direction: column;}
.room-box .room-body .roominfo .item .tit{color: #152030;font-weight: 500;}
.room-box .room-body .roominfo .item2 .tit{font-weight: 500;padding: 5px 0;}
.room-box .room-body .roominfo .item .vl{color: #69798c;}
.room-box .room-body .roominfo .item .desc{line-height: 25px;}
.room-box .room-body .roominfo .item .bg{background: #f5f9ff;padding: 10px;border-radius: 5px;}
.room-box .room-body .roominfo .item .bg2{background: #FFE9D7;padding: 10px;border-radius: 5px;}
.room-box .room-body .roominfo .items{display: flex;}
.room-box .room-body .roominfo .items .item{width: 50%;}
.room-box .room-body .roominfo .ts{line-height: 20px;padding: 20px 10px;font-size: 13px;color: #69798c;}
.room-box .room-body .roominfo .ts span{color: #f60;}
.room-box .head .close:hover{animation: rotate 1s;animation-iteration-count: 1;}
@keyframes rotate {from {transform: rotate(0deg);} to {transform: rotate(180deg);}}

/*Order-Tool*/
.order-tool{max-width: 640px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: nowrap;height: 50px;background: #fff;box-shadow: 0px -1px 8px 0px rgba(6, 0, 0, 0.1);opacity: 0.95;width: 100%;position: fixed; bottom: 0; left: 0; right: 0;margin: 0 auto;color: #fff;align-items: center;z-index: 996;}
.order-tool .obl{flex: 1; display: flex;justify-content: space-around;}
.order-tool .obl a{color: #152030;font-size: 12px;font-weight: 500; text-align: center;}
.order-tool a i{font-size: 18px;color: #152030;font-weight: 500;}
.order-tool .sub{font-size: 16px;width: 45%; height: 40px;line-height: 40px;text-align: center; margin-right: 3px; border-radius: 20px;font-weight: 500;letter-spacing: 3px; color: #fff; background: #f70; background: linear-gradient(90deg,#f70 0,#f40 100%);}

.keeptop{position:fixed;top:0;background-color:#fff;z-index:996;max-width:640px;width:100%;}