.top{background:#fff;-webkit-box-shadow:1px 2px 4px rgba(24,24,24,.06);box-shadow:1px 2px 4px rgba(24,24,24,.06);padding-top:24px;width:100%;position:fixed;top:0;left:0;z-index:99}.top .nav{margin:0 21px;height:46px;position:relative}.top .nav p{height:46px;line-height:46px;font-size:16px;color:#333}.top .nav p img{width:17px;height:17px;-webkit-transform:translateY(4px);transform:translateY(4px)}.top .nav p:first-child{position:absolute;top:0;left:0}.top .nav p:nth-child(2){position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.top .nav p:nth-child(3){position:absolute;top:0;right:0}.isiOSX{padding-top:44px}.historyDetails{background:#fff;height:100%}.historyDetails .loading{width:40%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.historyDetails .loading img{width:100%;-ms-flex-item-align:center;align-self:center}.historyDetails .tip{height:18px;font-size:13px;line-height:18px;margin:70px 15px 0;padding:9px 10px;overflow:hidden;border-radius:3px}.historyDetails .tip .left{float:left;font-weight:700}.historyDetails .tip .left img{width:16px;height:16px;-webkit-transform:translateY(3px);transform:translateY(3px);margin-right:8px}.historyDetails .tip .right{float:right}.historyDetails .isIosx{margin:90px 15px 0}.historyDetails .isInvoice{background:#f1fbf3;color:#3eb24e}.historyDetails .noInvoice{background:#fff7e4;color:#b78100}.historyDetails .erre{background:#ffe7e1;color:#f0441c}.historyDetails .content{margin:0 15px}.historyDetails .content .in{color:#666;font-size:15px;line-height:21px}.historyDetails .content .in h2{color:#333;font-size:17px;line-height:24px;margin:21px 0}.historyDetails .content .in p{margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex}.historyDetails .content .in p span{margin-left:20px;-webkit-box-flex:1;-ms-flex:1;flex:1}.historyDetails .content .invoiceInformation{border-bottom:.5px solid #ddd}.historyDetails .content .invoiceInformation div{margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.historyDetails .content .invoiceInformation div span{min-width:75px}.historyDetails .content .invoiceInformation div div{margin-left:21px;margin-bottom:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.historyDetails .content .invoiceInformation div div p{width:100%;margin-bottom:5px;word-wrap:break-word}.historyDetails .content .invoiceInformation div div p:last-child{margin-bottom:0}.historyDetails .content .journeyInformation{border-bottom:.5px solid #ddd;background:#fff}.historyDetails .content .journeyInformation p{overflow:hidden}.historyDetails .content .journeyInformation p img{float:right;width:8.5px;height:8.5px;margin-top:6px}.historyDetails .btn{width:90%;height:50px;margin:76px auto 50px}.historyDetails .btn button{width:100%;height:50px;background:#181818;color:#fff;font-size:18px;line-height:25px;border:none;border-radius:3px}