*{margin:0;padding:0}.pointer{cursor:pointer}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.orderList{padding-top:40px;box-sizing:border-box}.orderItem{margin:0 200px 40px;padding:40px 30px;box-sizing:border-box;justify-content:space-between;align-items:center;background:#fff;box-shadow:0 0 30px 0 rgba(0,0,0,.05);border-radius:20px}.orderItem,.orderItem>div{display:flex;flex-direction:row}.orderItem>div>img{width:115px;height:115px;margin-right:38px}.orderItem>div>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.orderItem>div>div>p:first-child{font-size:30px;font-weight:500;color:#333;margin:0 0 12px 0}.orderItem>div>div>p:nth-child(2){font-size:24px;color:#999;margin:0}.orderItem>div:nth-child(2){background:#348bff;border-radius:45px;padding:10px 12px;box-sizing:border-box;font-size:24px;color:#fff}.orderNull{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:28px;color:#999;margin-top:100px}.orderNull>img{width:375px;height:333px;margin-bottom:60px}.bg2{width:90px;height:57px;top:41px}.bg2,.bg4{position:absolute;right:0;z-index:-1}.bg4{top:177px;width:573px;height:475px}.bg6{position:absolute;top:0;left:0;width:400px;height:413px;z-index:-1}.introduce{margin-bottom:40px;background-color:#fff;padding:40px 0;box-sizing:border-box;justify-content:center}.introduce,.introduce>div{display:flex;flex-direction:row;align-items:center}.introduce>div{margin-right:50px}.introduce>div>img{width:50px;height:50px;margin-right:4px}.introduce>div>div{display:flex;flex-direction:column;justify-content:space-between}.introduce>div>div>p:first-child{font-size:18px;font-weight:700;color:#333;margin:0;text-align:left}.introduce>div>div>p:nth-child(2){font-size:16px;color:#333;margin:0}.icp{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:#fff}.icp>div,.icp>span{margin-bottom:10px}.state1{display:flex;flex-direction:row;align-items:center;justify-content:center}.state2{margin-top:144px;margin-right:108px;display:flex;flex-direction:column;margin-bottom:84px}.state2>div{margin-bottom:54px;position:relative}.state2>img{width:556px;height:138px}.state2>div>img:first-child{width:600px;height:151px}.state2>div>img:nth-child(2){width:155px;height:48px;position:absolute;right:-60px}.loginCard,.payCard{display:inline-flex;display:flex;flex-direction:column;justify-content:space-around;padding:0 32px;box-sizing:border-box;width:456px;height:370px;background:#fff;border-radius:14px;margin-right:100px;margin-top:24px}.loginCard>div:first-child,.payCard>div:first-child{background:rgba(251,93,21,.1);border-radius:14px;padding:12px 18px;box-sizing:border-box;display:flex;flex-direction:row;align-items:center}.loginCard>div:first-child>img,.payCard>div:first-child>img{width:14px;height:14px;margin-right:9px}.loginCard>div:first-child>span,.payCard>div:first-child>span{font-size:13px;color:#fb5d15}input:focus{border:0}.loginCard>input{outline:0;border:none;background:#f6f6f6;border-radius:14px;font-size:16px;padding:18px 28px}.loginCard>div:nth-child(4){display:flex;flex-direction:row;font-size:15px;color:#666}.loginCard>div:nth-child(4)>span:nth-child(2){color:#0082f0}.loginCard>div:last-child{height:50px;background:linear-gradient(180deg,#00a3ff,#6ecbff 0,#0059e6);box-shadow:0 7px 28px 0 rgba(6,144,241,.3);border-radius:11px;-o-border-image:linear-gradient(180deg,#b5e3ff,#006ac5) 1 1;border-image:linear-gradient(180deg,#b5e3ff,#006ac5) 1 1;text-align:center;line-height:50px;position:relative;font-size:18px;color:#fff}.loginCard>div:last-child>div:first-child{background:linear-gradient(180deg,#ffa57c,#fb560a);border-radius:18px 18px 0 18px;left:7px;padding:0 12px;box-sizing:border-box;position:absolute;font-size:13px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.22);height:26px;display:flex;flex-direction:row;align-items:center}.loginCard>div:last-child>img:nth-child(3){width:42px;height:70px;right:40px;position:absolute;top:16px}.payCard>div:nth-child(2){display:flex;flex-direction:row;align-items:center;font-size:20px;color:#333;justify-content:center}.payCard>div:nth-child(2)>img{width:20px;height:20px;margin-right:10px}.payCard>div:nth-child(3){font-size:16px;color:#333;margin-right:13px;text-align:center}.payCard>div:nth-child(4){display:flex;flex-direction:row;justify-content:center}.payCard>div:nth-child(4)>div:first-child{width:100px;height:100px;margin-right:35px;margin-bottom:30px}.payCard>div:nth-child(4)>div:first-child>img{background-color:#fff;padding:6px;box-sizing:border-box}.payCard>div:nth-child(4)>div:nth-child(2){margin-right:18px;display:flex;flex-direction:column;justify-content:space-between}.payCard>div:nth-child(4)>div>div{display:flex;flex-direction:row;align-items:center;width:120px;background:rgba(18,105,238,.04);border-radius:3px;border:1px solid #d9dadb;padding:5px 0;box-sizing:border-box;font-size:15px;color:#333;justify-content:center;margin-bottom:14px}.payCard>div:nth-child(4)>div>div:last-child{margin-bottom:0}.payCard>div:nth-child(4)>div>div>img{width:22px;height:22px;margin-right:8px}.payCard>div:nth-child(5){background:linear-gradient(180deg,#00a3ff,#6ecbff 0,#0059e6);box-shadow:0 7px 28px 0 rgba(6,144,241,.3);border-radius:11px;margin:0 59px;height:40px;line-height:40px;font-size:20px;color:#fff}.payCard>div:nth-child(6){font-size:16px;color:#333}.getCode{background:#f6f6f6;border-radius:14px;padding:18px 28px;display:flex;flex-direction:row;align-items:center}.getCode>p{margin:0;width:100px;font-size:16px;color:#0082f0}.getCode>input{font-size:20px;outline:0;border:none;background:#f6f6f6;font-size:16px}.state3{margin-top:80px;position:relative;margin-right:94px;display:flex;flex-direction:column;align-items:flex-end}.state3>img:first-child{width:750px;height:459px}.state3>img:nth-child(2){width:458px;height:100px;position:absolute;left:150px;bottom:40px}