/**邮轮wap版样式**/
body{max-width: 640px;}
/*头部样式*/
header {position: relative;}
header h1 {width: 50%;}
header h1 .orderTit{font-size: 16px;line-height: 32px;display: block;}
header h1 .orderTit p{font-size: 12px;line-height: 18px;}
header .menu {width: 44px; height: 44px; display: inline-block; text-align: center; float: right;} 
header .menu .icon-tel{background: url(../images/ico.png) no-repeat 0 -38px;display: inline-block;width: 30px;height: 30px;background-size: 232px;line-height: 25px;vertical-align: middle;text-align: center;}
header .menu .menu-ico {display: inline-block; width: 30px; height: 30px; line-height: 25px; vertical-align: middle; text-align: center;}
header .menu .menu-ico::before {content: ""; display: inline-block; vertical-align: middle; width: 5px; height: 5px; border-radius: 3px; background-color: #fff; box-shadow: 10px 0 0 #fff,-10px 0 0 #fff;}
header .menu .menu-list {position: absolute;width: 11rem;top: 5rem;right: .2rem;z-index: 99;background-color: #45546a;border-radius: 4px;}
header .menu .menu-list i.triangle {height: 10px; width: 10px; background-color: #283847; position: absolute; right: 14px; top: -5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); z-index: -1 }
header .menu .menu-list ul {}
header .menu .menu-list li {border-bottom: 1px solid rgba(255, 255, 255, 0.2);line-height: 3rem;padding: .5rem 1rem;background-color: #283847;text-align: left;}
header .menu .menu-list li:nth-child(4) {border-bottom: none;border-radius: 0 0 4px 4px;}
header .menu .menu-list li:nth-child(1) {border-top: none;border-radius: 4px 4px 0 0;}
header .menu .menu-list li i.ico {background: url(../images/ico.png) no-repeat;width: 20px;height: 20px;background-size: 194px auto;display: inline-block;vertical-align: middle;margin-right: 1rem;}
header .menu .menu-list li i.home {background-position: -2px -4px;}
header .menu .menu-list li i.relation {background-position: -2px -36px;}
header .menu .menu-list li i.consult {background-position: 0px -54px;background-size: 150px auto;}
header .menu .menu-list li i.collect {background-position: -3px -115px;}
header .menu .menu-list li p {color: #fff;display: inline-block;font-size: 1.2rem;}
header .menu .aOk{color: #fff;font-size: 14px;}
header .like {width: 44px; height: 44px; display: inline-block; text-align: center; float: right; }
header .like i {background: url(../images/icon/ico-like.png) no-repeat;width: 22px;height: 20px;background-size: 50px auto;background-position: 0px -1px;display: inline-block;vertical-align: middle;margin-right: 2%;/* background-color: #999; */}
header .like i.like-ico {background-position: -27px -1px;}

/*main头部样式*/
.head-search {width: 100%;padding: 10px;background-color: #fff;box-sizing: border-box;border-bottom: 10px solid #f1f1f1;}
.head-search .head-search-box {position: relative;overflow: hidden;line-height: 3.6rem;background: #fff;border-radius: 2px;color: #999;}
.head-search .head-search-box .search {font-size: 1.4rem;padding: 0 2%;position: relative;border: 1px solid #c8c8c8;}
.head-search .head-search-box .search i {background: url(../images/ico.png) no-repeat;width: 32px;height: 22px;display: inline-block;vertical-align: middle;background-position: 17% 19.5%;background-size: 600% auto;border-left: 1px solid #c8c8c8;}
.head-search .head-search-box .search input {font-size: 1.4rem;height: 2.2rem;line-height: 2.2rem;width: 87%;border-right: 1px solid #c8c8c8;}
.head-search .head-search-box .search .search_btn{padding: 0 4%;background: #ffffff;border: 0 none;height: 3.6rem;position: absolute;right: 0px;border-radius: 0 3px 3px 0;}
.head-search.default {background-color: #009fde;}

/*焦点图样式*/
.cruises_slide{position:relative; overflow:hidden;max-width:100%;/* 设置焦点图最大宽度 */ }
.cruises_slide .hd{background-color: rgba(0,0,0,0);position:absolute;height:28px;line-height:28px;bottom:0;z-index:1;width: 100%;text-align: center;}
.cruises_slide .hd ul {}
.cruises_slide .hd li{display:inline-block; width:7px; height:7px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;background: #fff; text-indent:-9999px; overflow:hidden; margin:0 6px;opacity: 0.5;}
.cruises_slide .hd li.on{background:#fff;opacity: 1;}
.cruises_slide .bd{position:relative; z-index:0;}
.cruises_slide .bd li{position:relative; text-align:center;}
.cruises_slide .bd li > div {width: 100%;padding-bottom: 50%;background-position: 50%;background-size: 100% 100%;background-repeat: no-repeat;}
.cruises_slide .bd li a > div{padding-bottom: 50%; background-size: cover; background-position: center;}
.cruises_slide .bd li img{display: none;}
.cruises_slide .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */

/*详细搜索*/
.nav{background:#fff;}
.nav .hd{height: 40px;line-height: 40px;border-bottom: 1px solid #ccc;}
.nav .hd span{width: 50%;height: 4rem;float: left;text-align: center;font-size: 1.4rem;box-sizing: border-box;font-weight: bold;color: #969696;}
.nav .hd span.on{color: #00b9ef; border-bottom: 2px solid #00b9ef; border-right: 1px solid #e6e6e6;}
.nav .bd{padding: 0 1rem;overflow: hidden;}
.nav .bd li{font-size: 1.6rem;line-height: 4rem;height: 4rem;border-bottom: 1px solid #ccc;position: relative;}
.nav .bd li select{color: #999;width: 110%;position: absolute;height: 30px;left: 69px;top: 8px;font-size: 14px;}
.nav .bd li:after{content: ""; display: inline-block; width: 8px; height: 8px; border-right: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; -webkit-transform: rotate(-45deg)translateY(0); transform: rotate(-45deg)translateY(0); position: absolute; right: 10px; top: 50%; margin-top: -6px;}
.nav .bd li label{}
.nav .bd li label>i{width: 30px;height: 30px;display: inline-block;}
.nav .bd li label>i.ico1{background: url(../images/icon.png) -5px -35px;background-size: 200px auto;}
.nav .bd li label>i.ico2{background: url(../images/icon.png) -42px -37px;background-size: 200px auto;}
.nav .bd li label>i.ico3{background: url(../images/icon.png) -82px -37px;background-size: 200px auto;}
/*.nav .bd li:last-child{border-bottom: 0;}*/
.nav .bd .searchbtn{color: #fff;display: block;font-size: 1.6rem;line-height: 3.5rem;text-align: center;background:#fe8e13;border-bottom: 1px solid #c76b06;border-radius: 5px;width: 100%;margin-top: 1rem;}

/*船队*/
.shipTeam{background: #e1e0e0; margin: 10px 10px 0; padding: 10px;}
.shipTeam .hd{font-size: 16px; font-family: "微软雅黑",tahoma,'宋体';}
.shipTeam .hd span{color: #0f90d2; font-weight: bold; border-bottom: 3px solid #0f90d2; display: inline-block; line-height: 30px;}
.shipTeam .bd{background-color: #fff; margin-top: 10px;}
.shipTeam .bd li{width: 25%;float: left;font-size: 14px;text-align: center;padding: 10px 0;border-top: 1px solid #e4e4e4;border-left: 1px solid #e4e4e4;box-sizing:border-box;}
.shipTeam .bd li .ico{display: block;width: 68.75%;padding-top: 37.5%;margin: 0 auto;background-size: contain;background-position: 50% 50%;background-repeat: no-repeat;}

/*热门航线*/
.hotline{background: #e1e0e0;margin: 10px 10px 10px;padding: 10px;}
.hotline .hd{font-size: 16px; font-family: "微软雅黑",tahoma,'宋体';}
.hotline .hd span{color: #0f90d2; font-weight: bold; border-bottom: 3px solid #0f90d2; display: inline-block; line-height: 30px;}
.hotline .bd{}
.hotline .bd li{width: 50%;float: left;margin-top: 10px;}
.hotline .bd li a{display: block; padding-right: 5px;font-size: 14px;}
.hotline .bd li:nth-child(2n) a{padding-left: 5px;padding-right: 0;}
.hotline .bd li a>img{width: 100%;height: 150px;}
.hotline .bd li a>p.title{color: #000;height: 38px;overflow: hidden;}
.hotline .bd li a>p.price{color: #f60;font-weight: 300;}
.hotline .bd li a>p.price>.del{color: #b1b4b6;text-decoration: line-through;float: right;}

/*date*/
#date {width: 100%;/*position: fixed;*/bottom: 0;left: 0;right: 0;margin: 0 auto;max-width: 640px;background: #fff;z-index: 999;}
#date .date-title {background-color: #f5f5f5;position: relative;border-radius: 4px 4px 0 0;}
#date .date-title p {padding: 1.2rem 1rem; color: #333; font-size: 1.4rem; }
#date .date-title i.close {font-size: 1.4rem;border-radius: 50%;background: #939393;color: #fff;text-align: center;position: absolute;top: 0;right: 0;margin: 1rem;width: 20px;height: 20px;line-height: 20px;}
#date .date-list .choose {width: 100%;position: relative;background: #fff;}
#date .date-list .choose span.title {width: 80%; margin-left: 10%; display: inline-block; text-align: center; font-size: 1.2rem; padding: .5rem 0; line-height: 2rem; height: 2rem; }
#date .date-list .choose span.back {position: absolute;top: 0;left: 0;width: 2rem;height: 2rem;display: block;line-height: 2rem;margin: .5rem 0 .5rem 1rem;border-radius: 50%;border: 1px solid #099fde;text-align: center;}
#date .date-list .choose span.back i {border-bottom: 1px solid #009fde; border-left: 1px solid #009fde; transform: rotate(45deg); width: .5rem; height: .5rem; display: inline-block; margin-top: .5rem; }
#date .date-list .choose span.go {position: absolute;top: 0;right: 0;width: 2rem;height: 2rem;display: block;line-height: 2rem;margin: .5rem 1rem .5rem 0;border-radius: 50%;border: 1px solid #099fde;text-align: center;}
#date .date-list .choose span.go i {border-bottom: 1px solid #009fde; border-right: 1px solid #009fde; transform: rotate(-45deg); width: .5rem; height: .5rem; display: inline-block; margin-top: .5rem; }
#date .calender dt.week {display: -moz-box;display: -webkit-box;display: box;display: -o-box;width: 100%;/* background-color: #c5ebef; */font-size: 1.4rem;}
#date .calender dt.week span {-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;-o-box-flex: 1;height: 3.5rem;display: block;text-align: center;line-height: 3.5rem;}
#date .calender dt.week span:nth-child(1) {color: #099fde;}
#date .calender dt.week span:nth-child(7) {color: #099fde;}
#date .calender dd {width: 100%; padding: 0 1%; }
#date .calender dd span {height: 45px;display: block;text-align: center;line-height: 45px;color: #666;font-size: 1.4rem;width: 14%;float: left;border: 1px solid transparent;box-sizing: border-box;}
#date .calender dd span.not {color: #b9b9b9; }
#date .calender dd span.on {border: 1px solid #099fde;}

/*列表*/
.list_area{margin-bottom: 50px;}
.date_tab{border-bottom: 1px solid #e6e6e6;}
.date_tab ul{display: -moz-box; display: -webkit-box; display: box; display: -o-box; width: 100%;}
.date_tab ul li{-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;-o-box-flex: 1;font-size: 14px;background: #f2f2f2;text-align: center;color: #00b9ef;line-height: 40px;}
.date_tab ul li.dayChoose{border: 1px solid #e6e6e6;border-width: 0 1px;-moz-box-flex: 2;-webkit-box-flex: 2;box-flex: 2;-o-box-flex: 2;background-color: #fbfbfb;}
.date_tab ul li.dayChoose i.ico{background: url(../images/icon.png) no-repeat -3px -161px/197px;width: 22px;height: 26px;display: inline-block;}

.line_list{}
.line_list li{font-size: 12px;padding: 10px;position: relative;border-bottom: 1px solid #e6e6e6;height: 60px;background-color: #fff;margin-top: 10px;}
.line_list li .kb_box{width: 70%;height: 50px;display: flex;}
.line_list li .kb_time{font-size: 14px;color: #323232;top: 13px;line-height: 30px;/* background-color: #fff; */z-index: 11;flex: 1 0 0;text-align: center;}
.line_list li .kb_time p:first-child{font-size: 20px;}
.line_list li .kb_time p:first-child small{
    font-size: 12px;
}
.line_list li .kb_time p:last-child{color: #999; font-size: 13px;height: 30px;overflow: hidden;}
.line_list li .kb_time.start{left: 10px;}
.line_list li .kb_time.end{right: 110px;}
.line_list li .kb_chezhan{line-height: 20px;color: #959595;}
.line_list li .kb_chezhan>p{line-height: 20px;}
.line_list li .kb_chezhan>p i{background: url(../images/icon.png) no-repeat -72px -147px/197px;display: inline-block;width: 16px;height: 20px;float: left;margin-right: 5px;}
.line_list li .kb_chezhan>p i.ico1{}
.line_list li .kb_chezhan>p i.ico2{background-position: -88px -147px;}
.line_list li .kb_trip{text-align: center;color: #959595;z-index: 8;font-size: 12px;flex: 1 0 0;height: 60px;margin: 0 15px;line-height: 30px;position: relative;}
.line_list li .kb_trip:after{content:'';border-bottom: 1px solid #ccc;position: absolute;width: 100%;top: 30px;left: 0;}
.line_list li .kb_price{position: absolute;right: 10px;top: 12px;height: 50px;line-height: 28px;text-align: right;font-size: 14px;width: 30%;}
.line_list li .kb_price strong{color: #fe8e13;font-size: 16px;line-height: 24px;font-weight: normal;}
.line_list li .kb_price strong small{color: #999; font-size: 12px;}
.line_list li .kb_price .btn_y{color: #999;font-size: 12px;border-radius: 2px;}

.sort{position: fixed;bottom: 0;width: 100%;left: 0;box-shadow: 0 0 7px rgba(0,0,0,0.3);background: #fff;padding: 10px;box-sizing: border-box;z-index: 99;}
.sort ul{/* padding: 10px; */display: -moz-box;display: -webkit-box;display: box;display: -o-box;width: 100%;height: 32px;background: #fff;border: 1px solid #00b9ef;border-radius: 3px;}
.sort li{-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;-o-box-flex: 1;color: #323232;font-size: 15px;height: 32px;line-height: 32px;text-align: center;white-space: nowrap;}
.sort li.on{background: #00b9ef;color: #fff;}

/*航线选择s*/
#route{width: 100%; /* position: fixed; */ bottom: 0; left: 0; right: 0; margin: 0 auto; max-width: 640px; background: #fff; z-index: 999;}
#route li{height: 40px;line-height: 40px;font-size: 14px;padding: 0 20px;border-bottom: 1px solid #e6e6e6;}