.page{background-color:#f7f7f9}.shipinfo,.freight,.footer{background-color:#fff}.shipinfo{padding:0 10px 5px 10px}.ship-nav{font-weight:500;font-size:1.2em;display:flex;flex-direction:row;position:relative;padding:10px 0;overflow:hidden}.ship-nav .center{font-size:.8em;display:flex}.arrow{background:url("../../Images/weixin/arrow.png") no-repeat center center;width:60px}.ship-nav .center .transittime{flex:1;color:#60baeb;text-align:center;top:-4px;position:relative}.shipinfo .sailing{margin:3px 0}.gray,.freight .detail .ctn,.freight .detail .label-x,.freight .detail .ctnqty,.freight #surcharge{color:#777}.carrier span,.sailing span,.overweight span{display:inline-block;min-width:150px}.port{width:40%;overflow-wrap:break-word;font-size:1.1em;white-space:nowrap;text-align:center}.port .localname{font-size:.8em;font-weight:normal;color:#777}#destpier{font-size:12px;font-weight:normal;color:#777}line{height:10px;background-color:#f7f7f9;width:100%;display:block}.contacts{margin-bottom:10px}.contact{display:flex;align-items:center;position:relative}#logopanel{width:48px;height:48px;border-radius:100%}.contact-base{font-size:1.2em;padding-left:10px}.contact-base .email a{font-size:1em;color:#777}.icon-wx-phone{position:absolute;right:5px;bottom:5px;font-size:2em;color:#228b22}.freight{padding:10px 0;padding-bottom:20px}.freight .detail{margin-bottom:10px}.sub-title{font-size:1.3em;margin-bottom:5px;margin-top:5px;color:#333;position:relative}.sub-title .priceup{display:inline-block;position:relative}.freight .detail .line{padding:10px 0;border-bottom:1px solid #d3d3d3;display:flex;position:relative}.detail .line .ctn{text-align:center;flex:2;margin-top:3px}.detail .line .price{text-align:right;font-size:1.3em;flex:3}.detail .line .price,#usd,#cny,#eur,.fcff6{color:#ff6c2f}.detail .line .label-x{text-align:center;flex:2;margin-top:3px}.detail .line .ctnqty{flex:3;font-size:1.3em}.detail .line .ctnqty .wrap{position:absolute;right:0;display:inline-flex}.detail .line .ctn span{border:1px solid #d3d3d3;padding:0 3px;line-height:15px;float:Left}.freight table{table-layout:fixed;width:100%;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-collapse:collapse}.freight thead{background-color:#eee;border-bottom:0}.freight tbody tr{border-bottom:1px solid #eee}.freight td,.freight th{border-right:1px solid #eee;padding:5px 3px}input[type="checkbox"]{-webkit-appearance:checkbox}.otherservice .truck{margin-top:10px;margin-bottom:10px}#surcharge .line{line-height:2em;font-size:1.1em}.ctnqty .sub,.ctnqty .add{width:20px;text-align:center;border:1px solid #d3d3d3;cursor:pointer}.ctnqty input{border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;border-left:0;border-right:0;text-align:center;width:60px}.footer{position:fixed;bottom:0;border-top:1px solid #f7f7f9;width:100%;max-width:1000px;margin-bottom:0}.footer input[type=button]{line-height:2em;padding:3px;border:none;outline:none;color:#fff;background:#ff6c2f;font-size:1.2em;float:right;width:25%}.total{text-align:right;line-height:40px}.remark{margin:10px 0;white-space:pre-line}.truckremark{white-space:pre-line;margin:10px 0}#usd,#cny,#eur{font-size:1.3em;padding:0 5px}#bookingnotes{position:absolute;bottom:40px;width:100%;height:300px;z-index:10;background-color:#fff;overflow-wrap:break-word;overflow:scroll}#bookingnotes span{margin:0 10px;display:block}.declaration{padding:5px 0;color:#ff6c2f}.pagehide{opacity:.6}.hidden{visibility:hidden;height:0}.qrcode{line-height:100px;padding:10px 100px;padding-right:0;background-color:#f7f7f9}.qrcode img{width:100px;height:100px;display:block;float:left}#copyright{color:#999;background-color:#fff;padding-top:50px;padding-bottom:70px}#copyright a{color:#999}.notice .item{border-bottom:1px solid #f7f7f7;cursor:pointer}.notice-title{font-size:1.2em;line-height:2.2em;position:relative}.notice-content{padding-bottom:5px}#notice .icon-wx-left{position:absolute;right:0;top:10px;font-size:.8em;color:#d3d3d3;transform:rotate(-90deg)}.isallin{border:solid 1px #009aff;color:#009aff;padding:1px 3px;position:absolute;right:0;font-size:.8em}.amount{text-align:right}.text-center{text-align:center}.qtyusable{margin-top:2px;float:left;border:#f00 !important;color:#25a7bf;text-align:center;min-width:30px;font-size:12px}.qtyusable .alertstate2{color:#f00}.fontcolor{color:#ff6c2f}