.head-image.logistics-image { width: 100%; height: 64px; opacity: 0.75; min-height: 64px; } .head-image-wrapper .head-content { position: absolute; top: 4px; text-align: center; } .head-image-wrapper .head-font span { font-size: 18px; color: #FFFFFF; letter-spacing: 0; text-align: justify; line-height: 24px; text-shadow: 0 0 4px rgba(0, 0, 0, 0.1); } .flight-body-main { text-align: center; background-color: #F5F5F7; width: 100%; padding-bottom: 32px; } .logistics-image { min-height: 64px; } .head-image-wrapper .head-content { position: absolute; top: 4px; text-align: center; } .head-image-wrapper .head-font span { font-size: 18px; font-weight: 500; color: #FFFFFF; letter-spacing: 0; text-align: justify; line-height: 24px; text-shadow: 0 0 4px rgba(0, 0, 0, 0.1); } /* 查询块 */ .query-block { position: relative; z-index: 1; width: 100%; height: 312px; background-color: #fff; padding: 24px; box-sizing: border-box; } .query-block .query-content { width: 100%; height: 100%; } .flight-block { width: 100%; background-color: #fff; margin-top: 8px; overflow: hidden; padding: 24px 0 35px; box-sizing: border-box; } .flight-body-main .query-ul { width: 100%; padding: 12px 0 0; list-style: none; box-sizing: border-box; /* overflow: hidden; */ text-align: left; font-size: 0; } .flight-body-main .query-ul .list-row { position: relative; float: left; text-align: left; display: block; height: 32px; margin-top: 20px; width: 92%; } .flight-body-main .query-ul .list-row.pc-show { display: none; } .flight-body-main .query-ul .list-row.fr { float: left; } .flight-body-main .query-ul .list-row.query-btn { float: right; text-align: right; width: auto; } .flight-body-main .query-ul .list-row div { float: left; } .top-distance, .mobile-top-distance { margin-top: 24px; } .flight-line-box { width: calc(75% - 80px) !important; padding-left: 8px; box-sizing: border-box; } .omit-name { overflow: hidden; } #flight-date1, #flight-date2 { background: url('/images/home/flight-dynamic/icon-date.png') 96% center; background-size: 16px; background-repeat: no-repeat; } #start, #end { background: url('/images/home/flight-dynamic/icon-down.png') 96% center; background-size: 16px; background-repeat: no-repeat; } .form-label { width: 20%; height: 22px; font-size: 14px; color: #2A2A2A; line-height: 22px; margin-top: 5px; } .form-input { width: 75%; height: 32px; } .form-input input { width: 100%; height: 100%; box-sizing: border-box; padding: 5px 20px 5px 12px; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 4px; font-size: 14px; color: #333333; text-align: left; line-height: 22px; } .form-button { border-radius: 4px; width: 64px; height: 32px; font-size: 14px; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 22px; transition: background-color 0.5s; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s; } .search-button:hover { background: #4A86F5; } .search-button { background: #286EF0; } .reset-button { background: #fff; border: 1px solid #DDDDDD; color: #666666; } .reset-button:hover { background: #FAFAFA; } .toggle-btn { width: 26px; height: 58px; position: absolute; right: -12px; top: -40px; } .toggle-btn img { cursor: pointer; } .center-table tr:hover { background: #FAFAFA; } /* 下拉菜单 */ .hide { display: none; } /* 航班信息 */ .flight-block .flight-detail { text-align: left; padding-left: 25px; padding-bottom: 24px; font-size: 0; } .flight-block .flight-detail .content { display: inline-block; line-height: 26px; height: 26px; } .flight-block .flight-detail .flight-icon { vertical-align: top; box-sizing: border-box; width: 22px; height: 22px; margin-top: 2px; margin-right: 8px; } .flight-block .flight-detail .flight-standing { padding-top: 4px; font-size: 16px; font-weight: 500; color: #333333; text-align: left; line-height: 26px; height: 26px; } .flight-block .flight-detail .flight-arrow { vertical-align: top; padding: 0 4px; } .flight-block .flight-detail .flight-arrow img { width: 18px; height: 18px; } .flight-block .flight-detail .flight-number { padding-top: 4px; padding-left: 8px; font-size: 16px; font-weight: 500; color: #333333; text-align: left; line-height: 26px; height: 26px; } /* 表格 */ .flight-block .table-content { overflow: hidden; position: relative; } .flight-block .center-block { float: left; } .flight-block .center-block { /* width: 688px; */ width:100%; white-space: nowrap; overflow: hidden; overflow-x: scroll; } .table-content table { width: 100%; text-align: center; color: #fff; font-size: 14px; float: left; } .table-content table th, .table-content table td { background: #DDDDDD; border-bottom: 1px solid #DDDDDD; } .table-content table .title { font-size: 14px; color: #666666; line-height: 22px; font-weight: 500; background: #fafafa; border-bottom: 1px solid #DDDDDD; padding: 16px 0 16px 16px; box-sizing: border-box; text-align: left; height: 54px; } .table-content table .detail { padding-left: 16px; box-sizing: border-box; font-size: 12px; color: #333333; line-height: 22px; background: #fff; text-align: left; height: 76px; } .table-content .center-table { z-index: 10; margin-left: 0px; width: 600px; border-collapse: collapse; overflow: hidden; overflow-x: scroll; } .table-content table .flight-state { width: 100px !important; } .table-content table .flight-add { width: 100px !important; max-width: 100px !important; word-wrap: break-word; word-break: break-all; white-space: normal; } .table-content table .flight-time { width: 100px !important; } .flight-block .airport-page { width: 100%; text-align: center; overflow: hidden; } .flight-block .page-detail { display: block; font-size: 14px; color: #666666; text-align: center; padding-top: 24px; } .flight-block .flight-page { display: none; } .flight-block .mobile-page { text-align: center; background-color: #fff; width: 100%; height: 32px; margin-top: 16px; margin-bottom: 5px; display: block; } .mobile-page a { text-decoration: none; display: inline-block; margin: 0 4px; width: 32px; height: 32px; font-size: 14px; color: #666666; text-align: center; line-height: 30px; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 6px; box-sizing: border-box; vertical-align: bottom; } .mobile-page a.on { background: #286EF0; color: #fff; } .mobile-page a.unclick{ color: #999; cursor: default; } .mobile-page .input-content { display: inline-block; margin: 0 4px; width: 48px; height: 32px; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 6px; padding: 0 10px; box-sizing: border-box; vertical-align: bottom; } .ellipsis { color: #666; display: inline-block; line-height: 32px; height: 32px; padding-left: 4px; padding-right: 4px; text-align: center; vertical-align: top; font-size: 14px; } .explain-block { width: 100%; background-color: #fff; margin-top: 8px; } .explain-content { padding: 24px; } .explain-title { font-weight: 500; } .explain-row { font-size: 14px; color: #151515; text-align: justify; line-height: 22px; } /* 查询块菜单栏 */ .query-block { position: relative; z-index: 1; width: 100%; background-color: #fff; margin: 0 auto 0 auto; box-sizing: border-box; text-align: center; } .query-block .query-content { width: 100%; height: 100%; text-align: center; } .query-content .query-menu .clearfix { display: none; } .query-block .query-content .query-menu { /* list-style: none; */ display: flex; justify-content: space-around; height: 42px; width: 100%; background: #FFFFFF; box-shadow: 0 1px 0 0 #E5E5E5; overflow: hidden; } .query-content .query-menu .menu-item { display: inline-block; line-height: 42px; height: 42px; } .query-content .query-menu .menu-item:first-child { padding: 0 17px; } .query-content .query-menu .menu-item span { display: inline-block; width: 100%; line-height: 41px; height: 41px; font-size: 17px; color: #191919; letter-spacing: 0; text-align: center; vertical-align: top; } .query-menu .menu-item.selected span { border-bottom: 3px #1B1C80 solid !important; color: #1B1C80; font-weight: 500; } .query-menu .menu-item:hover span { border-bottom: 3px #1B1C80 solid !important; color: #1B1C80; font-weight: 500; } .flight-item { position: relative; float: left; text-align: center; width: 33%; } .flight-item.flight-no-content { display: flex; flex-wrap: wrap; justify-content: space-between; } /*----- airport-marker-----*/ .flight-item .airport-marker { position: absolute; height: 18px; width: 18px; background: #F5F5F7; left: 50%; right: 0; top: 44px; transform: translate(-50%, 0); } /* 小圆点 */ .flight-item .airport-marker:after { /* background: #286EF0; */ background: #F5F5F7; border: solid 2px #286EF0; border-radius: 100%; content: ''; display: block; height: 6px; width: 6px; position: absolute; top: 4px; left: 4px; } .flight-item.flight-left { text-align: left; } .flight-item.flight-right { text-align: right; } .table-content table .detail.flight-no-con { font-size: 16px; font-weight: 400; color: #333; line-height: 22px; } .table-content table .detail .time-new-span-tip { width: 75px; margin-right: 7px; color: #999; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .table-content table .detail .time-new-span { font-size: 16px!important; font-weight: 500; } /* 下拉菜单 */ .start-box, .end-box { position: absolute; z-index: 999999; display: none; } .start-box, .end-box { width: 75%; } .start-list, .end-list { width: 228px; height: 260px; position: relative; z-index: 1; margin-top: 5px; background-color: #FFFFFF; padding: 15px; float: left; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.25); text-align: left; line-height: 22px; border-radius: 2px; overflow: hidden; overflow-y: scroll; } .start-list li, .end-list li { padding: 3px 6px; transition: .4s; cursor: pointer; height: 22px; font-size: 12px; color: #333333; } .start-list li:hover, .end-list li:hover { background: #F5F5F7; } .start-list li .code, .end-list li .code { float: right; } .end-box, .start-box { top: 28px; left: 60px; } .start-list, .end-list { width: 100%; height: 160px; box-sizing: border-box; } .query-ul .list-row .clearBtn { background: #e5e5e5; border-radius: 100%; content: '×'; display: block; height: 16px; width: 16px; position: absolute; top: 8px; /* left: 4px; */ right: 50px; text-align: center; line-height: 16px; font-size: 12px; color: #aaaaaa; }<!--0.00017499923706055-->