.recharge-box{width:1200px;margin:0 auto}.recharge-box .order_step{display:flex;align-items:center;margin-bottom:18px}.recharge-box .order_step h2{font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#909399}.recharge-box .order_step h2.active{color:#303133}.recharge-box .input .el-input__inner{border:0 none;background-color:#f2f3f5;height:48px;line-height:48px}.recharge-box .input .tip{padding-top:10px;color:#909999}.recharge-box .tit{font-size:16Px;font-weight:700;margin-bottom:20px}.recharge-box .order-info{padding:32px;background-color:#fff;height:calc(100vh - 200px)}.recharge-box .order-info .price,.recharge-box .order-info .type{height:48px;display:flex;justify-content:center;align-items:center;padding:0 22px;border-radius:8px;border:1px solid #d4d6e2;font-size:20px;color:#909399;margin-right:28px}.recharge-box .order-info .price img,.recharge-box .order-info .type img{width:30px;height:26px;margin-right:5px}.recharge-box .order-info .tip{color:#909399}.recharge-box .order-info .price{cursor:pointer}.recharge-box .order-info .price img{width:20px;height:20px}.recharge-box .order-info .price.on,.recharge-box .order-info .price:hover{border:1px solid $defTextColor;color:$defTextColor}.recharge-box .flex{display:flex;margin-bottom:20px}.recharge-box .items-center{align-items:center}.recharge-box .justify-center{justify-content:center}.recharge-box .mb20{margin-bottom:20px}.recharge-box .order-info2{display:flex;align-items:center;justify-content:center;flex-direction:column}.recharge-box .success-info{padding-top:180px;text-align:center}.recharge-box .success-info .tip{padding-top:15px}.recharge-box .pay-info{width:420px;height:400px;background:#fff;border-radius:4px;border:1px solid #e5e5e5;text-align:center;margin-bottom:20px}.recharge-box .pay-info h2{height:48px;line-height:48px;padding-left:32px;text-align:left;background:#f2f3f5}.recharge-box .pay-info p{font-size:16px;color:#606266;line-height:40px}.recharge-box .pay-info .num{font-size:28px;font-weight:600;color:#ff6a00}.recharge-box .pay-info .tip{color:#606266}.recharge-box .btn-group{padding-top:20px}.recharge-box .btn{display:inline-block;width:114px;height:40px;line-height:40px;border-radius:4px;text-align:center;cursor:pointer}.recharge-box .btn+.btn{margin-left:30px}.recharge-box .btn.back{background:#e9edf5;color:#909399}.recharge-box .btn.next{background:#0cabff;color:#fff}.recharge-box .v_tabs{display:flex;flex-direction:row;align-items:center;width:200px;height:40px;padding:0 4px;background:#f2f3f5;border-radius:4px;margin-bottom:27px}.recharge-box .v_tabs .v_tab_item{width:104px;height:30px;border-radius:4px;font-size:14px;color:#606266;line-height:30px;text-align:center}.recharge-box .v_tabs .v_tab_item:hover{color:#0cabff}.recharge-box .v_tabs .v_tab_item.active{background:#fff;color:#0cabff}.recharge-box .operate{display:flex;align-items:center}.recharge-box .operate .el-button{width:120px}.recharge-box .operate .num{margin-left:10px;border-left:1px solid #eee;padding-left:10px;line-height:50px;cursor:pointer}.recharge-box .operate .num span.on{color:red}.recharge-box .simi-btn{width:100px}.recharge-box .form-box{margin:0 auto;width:700px;padding-top:20px}.recharge-box .form-box h2{font-size:16px;font-weight:700;margin-bottom:8px}.recharge-box .form-box p{color:#666;margin-bottom:40px}.recharge-box .form-box .upload-demo{margin-bottom:20px}.recharge-box .dot{position:relative;padding-left:10px}.recharge-box .dot i{padding-left:5px}.recharge-box .dot:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:6px;height:6px;border-radius:6px;background:transparent}.recharge-box .dot.dot1:before{background:#44d7b6}.recharge-box .dot.dot2:before{background:#fa8c15}.recharge-box .dot.dot3:before{background:#0cabff}.recharge-box .dot.dot4:before{background:#ff4d4f}.recharge-box .dot.dot00{color:#ff4d4f}.recharge-box .dot.dot00 span{color:#333;cursor:pointer}.recharge-box .drop-p+.drop-p{margin-top:10px}.recharge-box .el-link,.recharge-box .el-table{font-size:12px}.recharge-box .el-table .cell{overflow:inherit;color:#333;line-height:16px}.recharge-box .el-table td{border-bottom:0 none}.recharge-box .el-table .expanded td{background-color:#e9f1ff!important}.recharge-box .el-table__expand-icon{transform:rotate(-90deg)}.recharge-box .el-table__expand-icon--expanded{transform:rotate(90deg)}.recharge-box .el-table__expanded-cell{background-color:#f5f5f8!important;padding:10px}.recharge-box .el-table__expanded-cell th{background-color:#fff}.recharge-box .el-table__expanded-cell td{background-color:#fff;border-bottom:1px solid #ebeef5}.recharge-box .pay-remark{position:relative;display:flex;height:40px;align-items:center;justify-content:space-between}.recharge-box .pay-remark i{position:absolute;right:5px;top:15px;z-index:10}.recharge-box .pay-remark ul{display:flex}.recharge-box .pay-remark ul li:nth-child(2n){margin-left:15px;padding-left:15px;border-left:1px solid #d4d6e2}.recharge-box .pay-remark .open{position:absolute;width:400px;height:200px;background-color:#fff;z-index:5;flex-wrap:wrap;border-radius:5px;box-shadow:5px 5px}.recharge-box .pay-remark .open li{height:20px}.recharge-box .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background-color:#f3f7ff}