#page_orderTracking{text-align:center; padding:10vh 25px;}
#page_orderTracking .formBar{max-width:500px; margin:auto;}
#page_orderTracking .pageTitle{line-height:1; font-size:30px; font-family:"acuminprosemicond-regular";}
#page_orderTracking>.tips{margin-top:10px; font-size:18px;}
#page_orderTracking .public-formInput{margin-top:20px;}
#page_orderTracking .orline{border-bottom:1px solid #ccc; height:10px; margin-top:20px; margin-bottom:30px;}
#page_orderTracking .orline span{background:#fff; padding:10px; font-size:16px;}
#page_orderTracking .btnSub{margin-top:20px;}

#page_orderTracking .resultBar{max-width:1000px; margin:auto; margin-top:10vh;}
#page_orderTracking .resultBar .tabBar{margin-top:50px; display:flex; justify-content:space-between; border-bottom:1px solid #E0DFDE;}
#page_orderTracking .resultBar .tabBar .tabLi{cursor:pointer; box-sizing:border-box; height:50px; line-height:50px; text-align:center; color:#484848; width:100%; font-size:18px; font-family:"acuminprosemicond-regular";}
#page_orderTracking .resultBar .tabBar .tabLi.active{border-bottom:2px solid #262626;}
#page_orderTracking .orderLi{margin-top:40px;}
#page_orderTracking .infoBar .title{font-size:16px; font-family:'acuminprosemicond-regular';}
#page_orderTracking .infoBar .statusBar{display:flex; justify-content:space-between; margin-top:5px;}
#page_orderTracking .infoBar .statusLi{width:100%; padding-right:1px; box-sizing:border-box; text-align:center; font-size:16px; color:#484848;}
#page_orderTracking .infoBar .statusLi .progress{height:7px; background:#7E7E7E; margin-top:10px; position:relative;}
#page_orderTracking .infoBar .statusLi.done .progress{background:#48753C;}
#page_orderTracking .infoBar .statusLi.active .progress::before{content:''; display:block; width: 0; height: 0; border-bottom: 5px solid #48753C; border-left: 5px solid transparent; position:absolute; top:-7px; margin:auto; left:0; right:0; transform:rotate(45deg);}

#page_orderTracking .orderViewBar .rowBar:first-child{margin-top:30px;}
#page_orderTracking .orderViewBar .contentBar{display:flex; margin-top:10px;}
#page_orderTracking .orderViewBar .contentBar .content{font-size:16px; color:#484848; line-height:25px; margin-top:3px;}
#page_orderTracking .orderViewBar .contentBar .btnTrack{margin-top:5px; width:100%; height:45px; line-height:45px; text-align:center; position:relative; border:1px solid #484848; font-size:18px; font-family:"acuminprosemicond-light";}
#page_orderTracking .orderViewBar .contentBar .paymentCard .payIcon{height:20px; position:relative; top:5px; margin-right:5px;}
#page_orderTracking .orderViewBar .contentBar .line{width:100%; height:1px; background:#ccc; margin:10px 0;}
#page_orderTracking .orderViewBar .trackingBar{margin-top:50px; text-align:left;}
#page_orderTracking .orderViewBar .trackList{position:relative;}
#page_orderTracking .orderViewBar .trackList:before{content:''; margin:auto; display:block; width:2px; background:#f5f6fa; top:0; bottom:0; left:9px; position:absolute;}
#page_orderTracking .orderViewBar .trackLi{margin-top:10px; display:flex;}
#page_orderTracking .orderViewBar .trackLi .dot{margin-top:30px;width:20px; height:20px; border-radius:50%; background:#fff; border:2px solid #f3f4f8; box-sizing:border-box; z-index:1;}
#page_orderTracking .orderViewBar .trackLi .bar{background:#f5f6fa; padding:20px; width:100%; flex:1; margin-left:20px;}
#page_orderTracking .orderViewBar .trackLi .bar .date{color:#999;}
#page_orderTracking .orderViewBar .trackLi .bar .content{font-size:16px; position:relative;}
@media(max-width:1024px){

  #page_orderTracking .infoBar .statusBar{flex-wrap:wrap; justify-content:flex-start;}
  #page_orderTracking .infoBar .statusLi{width:33.33%; font-size:13px; white-space:nowrap; margin-top:15px;}
  #page_orderTracking .orderViewBar .trackLi .bar .content{font-size:15px;}
}