/*航向*/
.dir-arrow{display: inline-block;width: 100%;border-bottom: 1px solid #a7a7a7;position: relative;}
.dir-arrow::after{content: '';display: inline-block;width: 0;height: 0;border: 2px solid rgba(255, 255, 255, 0);border-left-color: #a7a7a7;border-bottom-color: #a7a7a7;position: absolute;right: 0px;bottom: 0px;}
.dir-arrow.wf::before{content: '';display: inline-block;width: 0;height: 0;border: 2px solid rgba(255, 255, 255, 0);border-right-color: #a7a7a7;border-top-color: #a7a7a7;position: absolute;left: 0px;bottom: -4px;}
.dir-arrow2{display: inline-block;width: 100%;border-bottom: 1px solid #fff;position: relative;}
.dir-arrow2::after{content: '';display: inline-block;width: 0;height: 0;border: 2px solid rgba(255, 255, 255, 0);border-left-color: #fff;border-bottom-color: #fff;position: absolute;right: 0px;bottom: 0px;}
.dir-arrow2.wf::before{content: '';display: inline-block;width: 0;height: 0;border: 2px solid rgba(255, 255, 255, 0);border-right-color: #fff;border-top-color: #fff;position: absolute;left: 0px;bottom: -4px;}
        
/* 搜索 */
.search{width: 100%;box-sizing: border-box;box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); margin-top: 50px;position: sticky;top: 0;left: 0;right: 0;margin: 0 auto;z-index: 995;display: flex;flex-direction: column;}
.search-body .head{background: #0086f6;height: 50px;display: flex;justify-content: space-between;flex-wrap: nowrap;align-items: center;}
.search-body .head .back{width: 50px;text-align: left;padding-left: 10px;}
.search-body .head .home{width: 50px;text-align: right;padding-right: 10px;}
.search-body .head .back i{font-size: 26px;color: #fff;}
.search-body .head .home i{font-size: 26px;color: #fff;}
.search-body .head .port{flex: 1;font-size: 16px;font-weight: 500;color: #fff; display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;cursor: pointer;}
.search-body .head .port .con{display: flex;justify-content: center;align-items: center;}
.search-body .head .port .dir-arrow2{width: 40px;margin: 0 2px;}
.search-body .head .port .xl{width: 25px;font-size: 16px;margin-left: 5px; text-align: left;}
        
.search-body .ydate-body{background: #fff;display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
.search-body .ydate-body .date{padding:8px 5px 10px 5px;flex: 1;overflow-x: scroll;display: flex;flex-wrap: nowrap;}
.search-body .ydate-body .date a{color: #304659;white-space:nowrap;min-width: 75px; min-height: 55px; border: 1px solid #f7f7f7;background: #fcfcfc; border-radius: 3px;margin-right: 5px;display: flex;flex-direction: column;justify-content: space-between;position: relative;overflow: hidden;}
.search-body .ydate-body .date a:hover{border: 1px solid #0086f6;}
.search-body .ydate-body .date .ydate{color: #152030;font-size: 14px;background: #e7f3ff;text-align: center;padding: 3px 0;}
.search-body .ydate-body .date .week{font-size: 12px;text-align: center;color: #69798c;}
.search-body .ydate-body .date .price{font-size: 12px;text-align: center;}
.search-body .ydate-body .date .price i{font-size: 10px;font-style: normal;}
.search-body .ydate-body .date .on{color: #fff;font-weight: 500; background: #0086f6;border-color: #0086f6;}
.search-body .ydate-body .date .on .ydate{color: #fff;background: #0086f6;}
.search-body .ydate-body .date .on .week{color: #fff;}
.search-body .ydate-body .date .on .price{color: #fff;}
.search-body .ydate-body .ymore{padding: 8px 0 10px 0px;width: 9%;height: 57px;background: #fff;display: flex;flex-direction: column;justify-content: center;align-items: center;cursor: pointer;}
.search-body .ydate-body .ymore i{font-size: 18px;font-weight: 400; color: #0086f6;cursor: pointer;}
.search-body .ydate-body .ymore .xl{color: #eee;}
        
/*航期表列表*/
.route{padding: 10px 12px;font-size: 12px;}
.route .item{background: #fff;display: flex;padding: 10px 10px;border-radius: 8px;margin: 20px 0;line-height: 22px;transition: all 0.2s ease;}
.route .item:nth-child(1){margin-top: 10px;}
.route .item:hover{box-shadow: #c9c9c9 1px 1px 5px;transform: translateY(-5px);}
.route .img-info{width: 85px; display: flex;flex-direction: column;align-items:center;}
.route .img-info img{width: 85px; height: 85px;border-radius: 5px;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.route .img-info .yname{font-size: 13px;font-weight: 500; padding: 2px 0;color: #333;}
.route .img-info: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;}

.travel-wrap{flex: 1; display: flex;flex-direction: column;padding-left: 10px;}
.travel-top{display: flex;justify-content: space-between;line-height: 24px;}
.travel-top .start,.travel-top .day,.travel-top .end{display: flex;flex-direction: column;justify-content: center;align-items: center;color:#111;}
.travel-top .start{width: 39%;align-items: start;}
.travel-top .start i{color: #30ac68;font-size: 22px;}
.travel-top .end{width: 37%;align-items: end;}
.travel-top .end i{color: #f54336;font-size: 22px;}
.travel-top .day{flex: 1;font-size: 12px;color: #666;}
.travel-top .time{font-size: 18px;font-weight: 500;}
.travel-top .port{font-size: 12px;color: #333;}

.travel-down{display: flex;justify-content: space-between;align-items: center;margin-top: 12px;}
.travel-down .dida,.travel-down .price,.travel-down .order{display: flex;justify-content: center;align-items: center;}
.travel-down .dida{width: 39%;justify-content: start;color: #666;}
.travel-down .dida i{font-size: 10px;}
.travel-down .price{width: 37%;color: #ff0000;align-items: baseline;font-size: 12px;display: flex;justify-content: start;}
.travel-down .price .fh{font-size: 10px;font-style: normal;}
.travel-down .price .num{font-size: 16px; font-weight: 500;}
.travel-down .price .qi{font-size: 10px;}
.travel-down .order{flex: 1;justify-content: end;}
.travel-down .order a{color: #fff;padding: 1px 12px;line-height: 22px; font-size: 12px; background:linear-gradient(to right, #f40, #f70);border-radius: 20px;}
.travel-down .order a:hover{opacity: 0.75;text-decoration: none;}
/*无数据*/
.not-data{margin: 10px 0px;border-radius: 8px; background: #fff;padding: 20px 0px;color: #152030;display: flex;justify-content: center;align-items: center;}
.not-data i{font-size: 32px;color: #ccc;margin-right: 5px;}
.not-data .desc{font-size: 16px;color: #bbb;}