.recharge-nav-bar[data-v-568aa301]{position:relative;width:100%;background:#fff;padding:7px 0 8px}.recharge-nav-bar .left[data-v-568aa301],.recharge-nav-bar[data-v-568aa301]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.recharge-nav-bar .left[data-v-568aa301]{position:absolute;left:0;padding:0 16px;font-size:18px}.recharge-nav-bar .left .van-icon[data-v-568aa301]{font-weight:600}.recharge-nav-bar .title[data-v-568aa301]{width:100%;height:29px;line-height:29px;text-align:center;font-size:18px;font-weight:700!important}.recharge-nav-bar .right[data-v-568aa301]{position:absolute;right:0;padding:0 16px;font-weight:500}.recharge-bottom-bar{width:100%;height:14px}.recharge-bottom-bar .bar{margin:0 auto;width:134px;height:5px;background:#000;border-radius:3px}.recharge-order-detail{padding-top:88px;padding-bottom:79px;position:relative;height:calc(100% - 167px);background-color:#f5f6f7;overflow-y:auto}.recharge-order-detail .status-box{background:-webkit-gradient(linear,right top,left top,from(#f41a3c),to(#fc740c));background:linear-gradient(270deg,#f41a3c,#fc740c);padding:27px 0 31px 30px}.recharge-order-detail .status-box .status{height:32px;line-height:32px;font-size:20px;font-weight:700!important;color:#fff}.recharge-order-detail .status-box .countdown{margin-top:6px;display:-webkit-box;display:-ms-flexbox;display:flex}.recharge-order-detail .status-box .countdown,.recharge-order-detail .status-box .van-count-down{height:24px;line-height:24px;font-size:15px;color:#fff}.recharge-order-detail .charge-content-box{background-color:#fff;padding:12px 0 12px 12px;margin:12px 0}.recharge-order-detail .charge-content-box .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.recharge-order-detail .charge-content-box .title .icon{display:inline-block;border-radius:50%;height:20px;width:20px;text-align:center;background:-webkit-gradient(linear,right top,left top,from(#f41a3c),to(#fc740c));background:linear-gradient(270deg,#f41a3c,#fc740c);font-size:13px;color:#fff;line-height:21px}.recharge-order-detail .charge-content-box .title .recharge-center{height:24px;line-height:24px;margin-left:8px;font-size:15px;color:#333}.recharge-order-detail .charge-content-box .platform{height:26px;line-height:26px;color:#333;margin-bottom:5px;font-size:16px;font-weight:700!important}.recharge-order-detail .charge-content-box .light-font{height:21px;line-height:21px;color:#999;margin-bottom:1px;font-size:13px}.recharge-order-detail .charge-content-box .split-line{width:calc(100vw - 24px);height:.5px;background-color:#eee;margin:12px 0 13px}.recharge-order-detail .charge-content-box .recharge-amount{margin-bottom:3px;height:21px;font-size:13px;color:#999;line-height:21px}.recharge-order-detail .charge-content-box .payment,.recharge-order-detail .charge-content-box .recharge-amount{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-right:12px}.recharge-order-detail .charge-content-box .payment{height:24px;font-size:15px;color:#333;line-height:24px}.recharge-order-detail .charge-detail-box{background-color:#fff;padding:12px 0 9px 12px}.recharge-order-detail .charge-detail-box .title{height:26px;font-size:16px;color:#333;line-height:26px}.recharge-order-detail .charge-detail-box .detail{margin-top:8px}.recharge-order-detail .charge-detail-box .detail>div{font-size:13px;color:#999;line-height:21px;margin-bottom:3px;padding-right:12px}.recharge-order-detail .charge-detail-box .detail>div .c-left{display:inline-block;width:95px}.recharge-order-detail .charge-detail-box .detail>div a{font-size:13px}.recharge-order-detail .charge-detail-box .detail .exchange-methods{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.recharge-order-detail .charge-detail-box .detail .exchange-methods .exchange-right{max-width:calc(100% - 95px)}.recharge-order-detail .charge-detail-box .detail .code-box{position:relative}.recharge-order-detail .charge-detail-box .detail .code-box .copy{position:absolute;right:12px;top:1px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;font-size:13px;color:#f9591b;width:35px;height:18px;border-radius:9px;border:1px solid #f9591b;-webkit-box-sizing:border-box;box-sizing:border-box}.recharge-order-detail .charge-detail-box .detail .van-count-down{display:inline-block}.recharge-order-detail .btn{position:fixed;bottom:0;width:100%;background-color:#fff}.recharge-order-detail .btn .btn-status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;padding:9px 9px 30px;height:40px;line-height:40px}.recharge-order-detail .btn .btn-status button{border:none;outline:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.recharge-order-detail .btn .btn-status button:last-child{margin-left:0!important}.recharge-order-detail .btn .btn-status .btn-primary{color:#fff;background-color:#f9591b;border-radius:20px;border:1px solid #f9591b}.recharge-order-detail .btn .btn-status .btn-default,.recharge-order-detail .btn .btn-status .btn-primary{margin-left:10px;padding:0 20px;font-size:15px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.recharge-order-detail .btn .btn-status .btn-default{color:#999;background-color:#fff;border-radius:20px;border:1px solid #999}.recharge-order-detail .active{color:#f9591b}.recharge-order-detail .van-dialog{width:274px;border-radius:3px}.recharge-order-detail .van-dialog .van-dialog__content .van-dialog__message{font-size:16px;padding:30px 57px}