/*my shipments*/
.text-input{ border: solid 1px #e5e5e5; background: #eee; height: 24px; color: #4c4d4e; padding-left: 12px; overflow: hidden; text-overflow: ellipsis;}
.search-shipment .basic-box h4 { color: #c45e42; }
.search-shipment .box-main.two .box-col-1 { width: 585px; padding: 16px 0 16px 8px; }
.search-shipment .box-main.two .box-col-2 { padding: 16px 0 16px 11px; }
.search-shipment .box-col-1 span.label { width: 36px; }
.search-shipment .box-col-1 .yui-select { width: 152px; margin-right: 20px; }
.search-shipment .yui-timeSelection { margin-right: 17px;}
.search-shipment .yui-timeSelection input { width: 103px; position: relative; top: -2px; height: 24px; }
.search-shipment .yui-baseButton { width: 71px; }
.search-shipment .box-main.two .box-col-2 .yui-baseinput { width:201px; padding-right: 8px; }

.sub-info .ship-info { padding-left: 22px; }
.airtruck{ margin-top: 1.3px; }
/*shipment reports*/
.shipReport .basic-box { margin-bottom: 12px; }
.shipReport .box-main.two{ background: none;}
.shipReport .box-main.two .col-1, .shipReport .box-main.two .col-2 { width: 556px; float: left; }
.shipReport .box-main.two .col-1 { margin-right: 5px; }
.shipReport .box-main.two .col-title { height: 13px; line-height: 14px; background: #f8f8f8; padding: 12px 15px 12px; margin-bottom: 6px; font-size: 14px; font-weight: bold; color: #006934; position: relative; }
.shipReport .box-main.two .col-main { height: 252px; background: #f8f8f8; padding: 12px 15px 12px; position: relative;  }
.shipReport .box-main.two .col-main svg{ background: #f8f8f8; }
.shipReport .box-main.two .col-main:before{ content: ''; width: 445px; height: 270px; background: url(/skin/default/images/report-bg.png) no-repeat; position: absolute; z-index: 0; left: 5px; top: 0;}
.shipReport .box-main.two .col-main.g2:before { background-position: -451px 0; }
.shipReport .box-main.two .col-main.g3:before { background-position: 0 -302px; }
.shipReport .box-main.two .col-main.g4:before { background-position: -451px -302px; }
.shipReport .box-main.two .col-main.g5:before { background-position: 0 -593px; }
.shipReport .box-main.two .col-main.g6:before { background-position: -451px -593px; }
.shipReport .box-main.two .col-main.g7:before { background-position: 0 -893px; }
.shipReport .box-main.two .col-main.g8:before { background-position: -451px -893px; }
.shipReport .box-main.two img{ height: 252px;}
.shipReport .yui-select { width: 92px; position: absolute; top: 7px; right: 10px; color: #3a3939; }
.shipReport .yui-select .yui-select-list { color: #3a3939; }
.shipReport .shipments-by .yui-select { left: 119px; }
.shipReport .by-state .yui-select { position: relative; top: -5px; }

/* query内页 */
h4.bill { font-size: 14px; color: #006934; margin-bottom: 18px; }
h4.bill span { display: inline-block; width: 210px; margin: 0 0 0 10px; color: #4a4a4a; }
.viewPDF iframe{ width: 100%; height: 100%; border:none;}
.viewPDF{ height: 707px;}

#track-qurey .box{ border: 1px solid #e7e7e7; padding: 2px; margin-bottom: 30px;}
#track-qurey .greybox{ padding: 15px; }
#track-qurey .greybox span{ width: 132px; display: inline-block; float: left;}
#track-qurey .greybox .text-input{ width: 214px; float: left;}
#track-qurey .greybox .row-max{ height: 68px;}
#track-qurey .greybox .row-max .text-input{ height: 65px; overflow: auto;}
#track-qurey .greybox .col-r span{ width: 190px;}
#track-qurey .tracklist{ padding: 0}
#track-qurey .more-details{ color: #58B2E6; text-decoration: underline; font-weight: normal; font-size: 12px; margin-left: 15px;}
#track-qurey .btn{ background-color: #FFF; color: #89b929; border: 1px solid #89b929; border-radius: 4px; padding: 3px 10px; outline: none;}
#track-qurey .btn:hover{ opacity: .8}
.side-result{ padding: 10px; margin-top: 40px; line-height: 25px;}
.lfcl-content .charge{ padding: 5px; }
.typeitem .input-view{ width: 115px; }
.timetips{ color: #e97a21; background: #fff; border-radius: 15px; padding-right: 10px; margin-left: 10px; line-height: 18px;  display: inline-block; border: 1px solid #e97a21; font-weight: normal; font-size: 12px; overflow: hidden;}
.timetips:before{ content: 'Tip'; display: inline-block; vertical-align: middle; height: 22px; padding: 0 10px; color: #fff; background: #e97a21; margin-right: 5px;}
body._lang_cn .timetips:before{ content: '贴士'; } 

.search-bar .litter .btn{ border-radius: 20px; background-color: #f87a14; border-color: #f87a14;}
.flexbox{ display: flex; align-items: center;}
.flexbox_inline{ display: inline-flex; align-items: center;}
.search-bar{ display: flex; flex-wrap: wrap; align-items: center;}
.search-bar .search-item:first-child{ width: auto;}
.search-bar .search-item{ display: inline-flex; align-items: center; height: 45px; width: 285px; justify-content: space-between;}
.search-bar .search-item label{ width: 112px; flex-shrink: 0; margin-left: 30px; }
.search-bar .search-item:first-child label{ width: 63px;}
.search-bar .search-item .yui-baseinput, .search-bar .search-item .yui-select{ width: 150px; padding-right: 0;}
.search-bar .yui-timeSelection span{ margin-right: 20px;}
.search-bar .yui-timeSelection span.to{ margin: 0 100px 0 24px;}
.tablist{ padding: 0 20px;}
.tablist a{ color: #00a0e9; text-decoration: underline;}
.tablist table{ width: 100%; table-layout: fixed; border-collapse: collapse;}
.tablist th{ background: #fbedde; text-align: center; padding: 3px; } 
.tablist td{ border: 1px solid #e7e7e7; text-align: center; padding: 3px;}
.tablist .tips{ width: auto; border-radius: 20px; background: #f4f9fc; color: #00a2eb; border: 1px solid #00a2eb; padding: 0 10px;}
.tablist .tips_green{ padding: 0 3px; color: #73a721; border-color: #6fa120;}
.tips_green .tips-msg{ color: #73a721;}
.tablist .pilot{ display: inline-block; width: 20px; height: 20px; vertical-align: middle; border-radius: 20px; background: #f87a14; position: relative; cursor: pointer; }
.tablist .pilot:before,.tablist .pilot:after{ content: ''; position: absolute; background: #fff; overflow: hidden; }
.tablist .pilot:before{ width: 10px; height: 2px; left: 5px; top: 9px;}
.tablist .pilot:after{ width: 2px; height: 10px; left: 9px; top: 5px; }
.tablist .show:after{ display: none; }
.tablist .timetips{ margin: 10px 0;}
.shipdetails h1{ text-align: center; font-size: 20px; line-height: 80px;}
.ship-desc{ flex-wrap: wrap; color: #767676; font-size: 14px; border: 1px solid #d0d0d0; border-radius: 10px; padding: 15px;}
.ship-desc>div{ width: 180px; height: 80px;}
.ship-detail{ margin-top: 30px; border-radius: 10px; border: 1px solid #d0d0d0;}
.ship-detail_title{ height: 50px; display: flex; justify-content: center; align-items: center; background: #f1f0f0; border-radius: 10px 10px 0 0; font-weight: bold; font-size: 16px;}
.ship-detail_type{ padding: 25px; border-bottom: 1px solid #d0d0d0; font-size: 14px;}
.ship-detail_type>b{line-height: 2em; margin-right: 10px; min-width: 78px;}
.typelist .type-item{  width: 230px; height: 26px; color: #767676; margin-right: 20px;}
.typelist .type-item span{ width: 100px; line-height: 22px; text-align: center; flex-shrink: 0; border: 1px solid #bfbebe; border-radius: 5px; position: relative; overflow: hidden;}
.typelist .type-item span:before{ content: ''; height: 40px; width: 60px; background: #bfbebe; transform: rotate(-45deg); position: absolute; right: -35px;}
.typelist .type-item span:after{ content: ''; height: 5px; width: 10px; border: 2px solid #fff; border-width: 0 0 2px 2px; position: absolute; right:3px; bottom: 5px; transform: rotate(-45deg);}
.typelist .type-item .input-view{ width: 100%; margin-left: 5px; line-height: 22px; text-align: center; border-color: #bfbebe;}
.typelist .typeno label{ display: inline-block; margin: 0 25px;}
.ship-detail_dest{ padding: 10px;}
.dest-item{ border: 1px solid #bfbebe; border-radius: 10px; margin-bottom: 10px;}
.dest-item_title{font-size: 12px; font-weight: bold; justify-content: space-between; height: 45px; border-radius: 10px 10px 0 0; border-bottom: 1px solid #bfbebe; background-color: #fbf4ec; color: #4c4b4b;}
.dest-item_title .destitem{ display: inline-flex; align-items: center; padding: 0 10px;}
.dest-item_title .destitem>span{ margin-right: 15px;}
.dest-item .dest-track:last-child{ border-bottom: 0;}
.dispatch-type{ height:26px; border-radius: 20px; background: #f87a14; color: #fff; padding: 0 8px;}
.dispatch-type .icons{ width: 22px; height: 22px; margin-right: 5px; background: url('/common/images/icons.png') no-repeat;}
.dispatch-type .truck{  width: 25px; height: 16px; background-position: 0 -261px;}
.dispatch-type .mention{ background-position: -104px -258px;}
.dispatch-type .pickup{ background-position: -72px -258px;}
.dispatch-type .courier{ background-position: -137px -258px;}
.ship-detail_greand{ background: #7f507e; padding-bottom: 1px; }
.ship-detail_greand .dest-item{ background: #fff;}
.ship-detail_greand .cargo-count{ border: 0;}
.ship-detail_greand .dest-item_title{ padding-left: 32px; position: relative;}
.ship-detail_greand .dest-item_title::before{ content: '-'; background: #f87a14; width: 16px; height: 16px; border-radius: 10px; text-align: center; line-height: 14px; color: #fff; position: absolute; left: 8px;}
.ship-detail_greand .dest-item_title::after{ content: ''; width: 1px; height: 100%; background: #dcdcdc; position: absolute; left: 32px;}
.ship-detail_greand .close{ border-radius: 10px; border-bottom: 0;}
.ship-detail_greand .close::before{ content: '+';}

.cargo-item{ border-bottom: 1px solid #bfbebe;}
.cargo-item .cargo-num, .dest-track  .dest-track_title{ width: 92px; flex-shrink: 0;text-align: center;}
.cargo-item .cargo-detail, .dest-track .dest-track_list{ width: 100%; padding: 10px 20px 10px 10px; border-left: 1px solid #bfbebe; flex-wrap: wrap;}
.cargo-item .noborder{ border: none;}
.dest-track_list .yui-baseButton.litter{ width: auto; margin: 0 10px 0 0;}
.dest-track_list .yui-baseButton button{ border-radius: 20px;}
.dest-track_list .pod{ padding: 20px 50px;}
.cargo-item .cargo-detail>div, .cargo-count>div>div{ height: 60px; line-height: 2em; min-width: 135px; margin-right: 25px;}
.cargo-count, .dest-track{ border-bottom: 1px solid #bfbebe;}
.ship-count{ border: 1px solid #bfbebe; border-radius: 5px;}
.cargo-count > div{ width: 50%; padding: 15px;}
.cargo-count >div:first-child{ border-right: 1px solid #bfbebe;}
.ship-title{ font-weight: bold; list-style: 2em; margin: 30px 0 10px;}
.track-list{ position: relative; padding-left: 55px;}
.track-list:before{ content: ''; width: 4px; height: 100%; background: #dcdcdc; position: absolute; left: 30px;}
.track-list .flexbox>div{ padding: 10px;}
.track-list .flexbox>div:not(:last-child){ width: 190px; flex-shrink: 0;}
.track-list .flexbox>div:last-child{ width: 100%;}
.track-list .track-head{ background-color: #f1f0f0; font-weight: bold;}
.track-list .track-item{ border: 1px solid #dcdcdc; background: #fff; border-radius: 5px; margin-top: 15px; position: relative;}
.track-list .track-item:before{ content: ''; width: 10px; height: 10px; border: 1px solid #dcdcdc; border-radius: 4px 0 0 0; background: #fff; transform: rotate(-45deg); border-width: 1px 0 0 1px; position: absolute; left: -6px; }
.track-list .track-item:after{ content: ''; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #dcdcdc; background: #fff; position: absolute; left: -30px;}
.track-list .track-item_curent, .track-list .track-item_curent:before{ border-color: #6aaa55;}
.track-list .track-item_curent:after{ border-color: #6aaa55; background-color: #6aaa55; }
.track-list .track-item_greand, .track-list .track-item_greand:before{ border-color: #7f507e;}
.track-list .track-item_greand:after{ border-color: #dcdcdc; background-color: #fff; }
.track-list .track-sub{ padding: 15px 10px; margin: 40px -10px 10px; background: #7f507e; position: relative; }
.track-list .track-sub-item{ width: 108px; line-height: 35px; border-radius: 10px 10px 0 0; color: #fff; position: absolute; text-align: center; background: #7f507e; margin-left: -10px; top: -25px; padding: 0 10px;}
.track-list .track-sub .track-item_curent{ margin-top: 0; }
.ship-detail .count-detail{ padding: 10px;}