.pay-content {
 width:1197px;
 background:#fff;
 -webkit-box-shadow:2px 2px 20px 4px rgba(224,223,223,.5);
 box-shadow:2px 2px 20px 4px rgba(224,223,223,.5);
 border-radius:2px;
 border:1px solid #fff;
 margin:40px auto;
 padding:30px
}
.pay-content .tip {
 color:#484848;
 font-size:14px
}
.pay-content .pay-way {
 width:940px;
 margin-top:20px;
 background:#fff;
 -webkit-box-shadow:2px 2px 10px 2px hsla(0,0%,92.2%,.5);
 box-shadow:2px 2px 10px 2px hsla(0,0%,92.2%,.5);
 border-radius:2px;
 border:1px solid #fff;
 margin-bottom:30px
}
.pay-content .pay-way .pay-way-radio {
 width:940px;
 display:block;
 margin-left:0;
 border-bottom:1px solid #f7f7f8;
 height:70px;
 line-height:70px;
 padding:0 25px
}
.pay-content .pay-way .pay-way-radio .pay-label {
 color:#484848;
 font-size:14px;
 font-weight:700;
 padding-left:20px
}
.pay-content .pay-way .pay-way-radio .pay-money-box {
 color:#484848
}
.pay-content .pay-way .pay-way-radio .pay-money-box .input-money {
 width:126px;
 height:35px;
 line-height:36px;
 padding:0 10px
}
.pay-content .pay-way .pay-way-radio .pay-money {
 text-align:right;
 color:#484848
}
.pay-content .pay-way .pay-way-radio .pay-money span {
 color:#f2784b;
 font-weight:700
}
.pay-content .pay-way .pay-way-radio .el-radio__input .el-radio__inner {
 width:20px;
 height:20px;
 border-radius:3px;
 top:0;
 left:0
}
.pay-content .pay-way .pay-way-radio .el-radio__input.is-checked .el-radio__inner {
 width:20px;
 height:20px;
 border:1px solid #118ee9;
 border-radius:1px;
 top:0;
 left:0
}
.pay-content .pay-way .pay-way-radio .el-radio__input.is-checked .el-radio__inner:after {
 content:"\E622";
 color:#fff;
 width:0;
 height:0;
 top:3px;
 left:1px;
 font-size:12px
}
.pay-content .pay-way .svg-box {
 display:inline-block;
 margin-left:8px;
 vertical-align:middle;
 height:52px
}
.pay-content .protocol {
 min-height:70px;
 padding:22px 20px;
 line-height:26px;
 font-size:14px;
 color:#484848
}
.pay-content .protocol span {
 color:#118ee9;
 margin-left:-3px;
 cursor:pointer
}
.go-pay-btn {
 background-color:#f50;
 color:#fff;
 font-size:14px;
 width:120px;
 height:45px;
 cursor:pointer;
 border:none
}
.go-pay-btn:disabled {
 opacity:.2
}
.go-pay-btn2 {
 background-color:#fff;
 width:254px;
 height:45px;
 border:1px solid #d1d1d1;
 border-radius:2px;
 margin-left:20px;
 font-size:14px;
 color:#484848
}
.cashier-bg .order-stages .title {
 color:#484848;
 font-size:16px;
 font-weight:700;
 margin-top:30px
}
.cashier-bg .order-stages .order-stages-box {
 -webkit-box-shadow:2px 2px 10px 2px hsla(0,0%,92.2%,.5);
 box-shadow:2px 2px 10px 2px hsla(0,0%,92.2%,.5);
 border-radius:2px;
 border:1px solid #fff;
 padding:0 20px;
 margin-top:20px;
 height:80px;
 line-height:80px;
 color:#484848;
 font-size:14px
}
.cashier-bg .order-stages .order-stages-box .fr {
 cursor:pointer
}
.cashier-bg .order-stages .order-stages-box p {
 margin:0;
 padding:0
}
.cashier-bg .bank-dialog .el-dialog__header {
 padding:0
}
.cashier-bg .bank-dialog .el-dialog__body {
 padding:30px
}
.cashier-bg .bank-dialog .el-tabs__item {
 height:45px;
 line-height:45px;
 font-size:14px;
 color:#484848
}
.cashier-bg .bank-dialog .el-tabs__item.is-active {
 color:#484848;
 font-weight:700
}
.cashier-bg .bank-dialog .bank-tabs-box {
 height:45px;
 position:relative;
 background-color:#f7f7f7;
 padding-left:26px
}
.cashier-bg .bank-dialog .bank-tabs {
 height:36px;
 position:absolute;
 bottom:0;
 width:100%
}
.cashier-bg .bank-dialog .bank-tabs .tab-item {
 height:36px;
 line-height:36px;
 color:#484848;
 font-size:14px;
 width:146px;
 text-align:center;
 margin-right:0
}
.cashier-bg .bank-dialog .bank-tabs .tab-item.active {
 border:1px solid #c6c6c6;
 border-bottom:none;
 background-color:#fff
}
.cashier-bg .bank-dialog .bank-item {
 display:inline-block;
 margin-right:5px;
 width:138px;
 height:40px;
 border:1px solid #cfdae5;
 margin-bottom:10px;
 cursor:pointer
}
.cashier-bg .bank-dialog .bank-item img {
 width:100%;
 height:100%
}
.cashier-bg .bank-dialog .bank-item:nth-child(5n) {
 margin-right:0!important
}
.wx-dialog .wx-pay-f {
 font-size:18px;
 line-height:32px;
 display:block
}
.wx-dialog .wx-pay-f .orange {
 color:#f80
}
.wx-dialog .er-code-box {
 margin-top:20px;
 border:1px solid #ddd
}
.wx-dialog .er-code-box .modal-qrcode {
 width:222px;
 height:222px;
 display:block;
 padding:10px
}
.wx-dialog .er-code-box .modal-qrcode img {
 width:100%;
 height:100%
}
.wx-dialog .er-code-box .model-info {
 color:#f80;
 font-size:12px;
 line-height:1;
 padding:8px 0;
 text-align:center;
 background-color:#f7f7f7
}
.wx-dialog .er-code-box .model-info img {
 width:12px;
 height:12px;
 margin-right:5px;
 vertical-align:text-top
}
.wx-dialog .img-box {
 margin:20px 30px 0;
 text-align:center
}
.wx-dialog .el-dialog__body {
 padding:0
}
.ali-pay-box {
 text-align:center
}
.stages-dialog .el-dialog__headerbtn {
 top:33px
}
.stages-dialog .el-dialog__headerbtn /deep/ i {
 font-weight:700
}
.stages-dialog .el-dialog__header {
 padding:30px 30px 20px
}
.stages-dialog .el-dialog__title {
 color:#484848;
 font-size:16px;
 font-weight:700
}
.stages-dialog .el-dialog__body {
 padding-left:30px;
 padding-top:40px
}
.stages-dialog .count {
 color:#484848;
 font-size:14px;
 font-weight:700
}
.stages-dialog .title-stages {
 background-color:#f9f9f9;
 height:40px;
 width:100%;
 line-height:40px;
 position:absolute;
 left:0;
 top:76px;
 padding-left:30px
}
.stages-dialog .stages-item {
 margin-top:25px;
 color:#484848;
 font-size:14px
}
.stages-dialog .stages-item .f-1 {
 color:#63b51f;
 font-size:14px
}
.stages-dialog .stages-item .f-2 {
 color:red;
 font-size:14px
}
.wxpay-body {
 width:100%;
 text-align:center;
 margin-top:24px;
 padding-bottom:70px
}
.wxpay-body .wxpay-title {
 font-size:16px;
 color:#333
}
.wxpay-body .wxpay-title span {
 color:#f90
}
.wxpay-body .wxpay-qrcode {
 width:295px;
 height:295px;
 display:block;
 border:1px solid #ddd;
 margin:18px auto 14px
}
.wxpay-body .wxpay-qrcode img {
 width:100%;
 height:100%
}
.wxpay-body .wxpay-font {
 width:295px;
 height:72px;
 background:#118ee9;
 margin:0 auto;
 padding-top:16px
}
.wxpay-body .wxpay-font .ic-saoma {
 float:left;
 font-size:2.2rem;
 color:#fff;
 margin-left:53px
}
.wxpay-body .wxpay-font div {
 width:128px;
 height:48px;
 font-size:16px;
 color:#fff;
 line-height:24px;
 float:left;
 text-align:left;
 margin-left:20px;
 margin-top:-4px
}
.balance {
 font-size:14px;
 color:#252e36;
 margin-left:40px
}
.reason,
.warn {
 font-size:14px;
 color:#118ee9;
 margin-left:20px
}
.warn {
 padding:5px 10px;
 line-height:20px;
 border-radius:8px 0 8px 0;
 background-color:#f7fafd
}
.pay-money {
 float:right
}
.pay-money i {
 color:red;
 font-size:14px;
 font-weight:700;
 font-style:normal
}