.weChat-pay-background{background-color:#fff;padding:24px 24px 0 24px;height:100vh}.weChat-pay-background .pay-header{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;color:#606060;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.weChat-pay-background .pay-header,.weChat-pay-background .pay-header div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.weChat-pay-background .pay-header div{font-size:20px;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.weChat-pay-background .pay-header div .order-number{margin-top:18px;font-size:14px;color:#606060}.weChat-pay-background .pay-header div .order-number,.weChat-pay-background .pay-header span{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.weChat-pay-background .pay-header span{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:24px}.weChat-pay-background .pay-header span .amount-number{color:#f15050}.qrCode-text-title{margin-top:41px;font-size:18px;margin-left:-24px;margin-right:-24px;padding-left:20px;padding-top:11px;padding-bottom:11px;color:#606060;background-color:#fafafa}.qrCode-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.qrCode-content .qrCode-rigth{margin-top:80px;width:323px;height:394px}.qrCode-content .qrCode-left{margin-top:64px;width:500px;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.qrCode-content .qrCode-left,.qrCode-content .qrCode-left .last-time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.qrCode-content .qrCode-left .last-time{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;font-size:16px;color:#606060}.qrCode-content .qrCode-left .last-time span{color:#f15050;font-size:24px}.qrCode-content .qrCode-left .qrcode-invalid{color:#ec6969;font-size:16px}.qrCode-content .qrCode-left .qrcode-invalid .el-button--small{font-size:16px}.qrCode-content .qrCode-left .qrCode-bg{position:relative;margin-top:21px;padding:24px 24px;border-color:#d7d7d7;border-width:1px;border-style:solid;background-color:#fff;height:240px;width:240px}.qrCode-content .qrCode-left .qrCode-bg img{left:12px;top:12px;position:absolute;width:216px;height:216px}.qrCode-content .qrCode-left .qrCode-bg .qrcode-fail{background-color:rgba(0,0,0,.5);left:0;top:0;position:absolute;width:240px;height:240px;padding-left:13px;padding-right:13px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.qrCode-content .qrCode-left .qrCode-bg .qrcode-fail .button{background-color:#fff;padding:7px 14px;height:36px;color:#ec6969;font-size:14px;border-radius:21.5px}.qrCode-content .qrCode-left .qrCode-bg .qrcode-timeOut{background-color:#000;left:0;top:0;position:absolute;width:500px;height:500px;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;color:#fff}.qrCode-content .qrCode-left .qrCode-bg .qrcode-timeOut,.qrCode-content .qrCode-left .qrCode-tips{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.qrCode-content .qrCode-left .qrCode-tips{margin-top:20px;background-color:#409bff;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;width:400px;height:60px}.qrCode-content .qrCode-left .qrCode-tips img{width:24px;height:24px}.qrCode-content .qrCode-left .qrCode-tips span{color:#fff;font-size:16px;margin-left:10px}.back{bottom:0;left:215px;right:245px;height:60px;position:fixed;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 hsla(0,0%,84.3%,.3);box-shadow:0 2px 12px 0 hsla(0,0%,84.3%,.3)}.scroller{overflow:auto}.pay-success{margin-top:57px;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.pay-success,.pay-success .pay-status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.pay-success .pay-status{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pay-success .pay-status img{width:90px;height:82px}.pay-success .pay-status span{font-size:30px;color:#409bff;margin-left:20px}.pay-success .pay-detail{background-color:rgba(64,155,255,.05);border-color:rgba(64,155,255,.5);border-width:1px;border-style:solid;padding:25px 30px;margin-top:30px}.pay-success .pay-detail .text{margin-bottom:30px;font-size:14px;color:#606060}.pay-success .pay-detail .text span{color:#ec6969}.pay-success .pay-detail .pay-continue{margin-bottom:30px}.pay-success .pay-detail .pay-continue,.pay-success .pay-tips{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.pay-success .pay-tips{font-size:14px;color:#909399}.pay-success .pay-tips div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;line-height:21px}