.willAddMoney{display:flex;height:100%}.willAddMoney .title{color:#000;margin-bottom:10px}.willAddMoney .tr-li{display:flex;line-height:24px;margin-bottom:10px}.willAddMoney .tr-li .td-5{width:50%;display:flex;padding-right:15px}.willAddMoney .tr-li .td-5:last-child{padding-right:0;padding-left:15px}.willAddMoney .tr-li .lable-txt{width:78px;min-width:78px}.willAddMoney .tr-li .lable-txt span{line-height:1;display:inline-block}.willAddMoney .tr-li .input-icon{position:relative}.willAddMoney .tr-li .input-icon input{padding-right:26px}.willAddMoney .tr-li .input-icon .iconfont{position:absolute;right:0;top:0;height:30px;width:30px;text-align:center;font-size:16px;color:#487bb1}.willAddMoney .tr-li.card-tr .lable-txt{width:40px;min-width:40px}.willAddMoney .tr-li .from-input{width:100%}.willAddMoney .tr-li .from-input input[type=password],.willAddMoney .tr-li .from-input input[type=text]{width:100%;padding:0 8px}.willAddMoney .tr-li .from-input .card-no{width:calc(100% - 45px);position:relative;display:inline-block}.willAddMoney .tr-li .from-input .card-no .iconfont{position:absolute;right:0;top:0;width:26px;background-color:#e3e3e3;border:1px solid #dbe2ea;border-radius:2px;text-align:center;font-size:14px;color:#487bb1;font-weight:700}.willAddMoney .tr-li .from-input .read-card{float:right;height:26px;line-height:26px;background:#487bb1;border-radius:4px;color:#fff;width:40px;text-align:center;cursor:pointer}.willAddMoney .tr-li .from-input .describe{font-size:9px;color:#bcbdbe;line-height:16px;padding:0;text-align:right}.willAddMoney .tr-li .from-input .more-box{text-align:right;padding-top:5px}.willAddMoney .tr-li .from-input .more-box span{cursor:pointer;color:#4382b9;text-decoration:underline;font-size:14px}.willAddMoney .info-box .title{color:#bcbdbe;font-size:11px;padding-top:10px;line-height:26px;border-bottom:1px solid #e7e7e7}.willAddMoney .info-box .ticket{position:relative}.willAddMoney .info-box .ticket input{padding-right:26px!important}.willAddMoney .info-box .ticket .iconfont{position:absolute;right:0;top:0;width:26px;height:26px;line-height:26px;text-align:center;font-size:12px;color:#487bb1}.willAddMoney .left-box{width:260px;min-width:260px;flex:1;max-width:320px;height:100%;border-right:2px solid #eaeaea;padding:15px 15px;overflow-y:auto}.willAddMoney .right-box{flex:1;height:100%;padding:20px;overflow-y:auto}.willAddMoney .right-box .scroll-box{max-width:532px;width:100%;height:100%;min-height:637px}.willAddMoney .right-box .float-left{width:330px}.willAddMoney .right-box .float-left .title{background:#dce2ea;border-radius:8px 8px 0 0;line-height:26px;margin:0;padding-left:22px;color:#000}.willAddMoney .right-box .float-left .recharge-box{height:226px;overflow-y:auto;background:#e9e9ee;padding:6px 6px}.willAddMoney .right-box .float-left .recharge-box .item-li{padding:3px 14px;min-height:48px;float:left;width:144px;color:#666;background:#f4f6f9;box-shadow:0 2px 10px 0 rgba(0,0,0,.2);border-radius:4px;margin:4px 6px;position:relative;border:1px solid transparent}.willAddMoney .right-box .float-left .recharge-box .item-li .icon-gou1{position:absolute;right:3px;bottom:0;line-height:21px;font-size:16px;color:#fff;display:none}.willAddMoney .right-box .float-left .recharge-box .item-li.selected{background-color:#fff;border:1px solid #487bb1}.willAddMoney .right-box .float-left .recharge-box .item-li.selected .icon-gou1{display:block}.willAddMoney .right-box .float-left .recharge-box .item-li.selected:before{position:absolute;right:0;bottom:0;content:" ";border:21px solid #487bb1;border-color:transparent #487bb1 #487bb1 transparent}.willAddMoney .right-box .float-left .recharge-box .item-li .name{font-size:16px;line-height:22px;color:#000}.willAddMoney .right-box .float-left .recharge-box .item-li .describe{color:#999;line-height:18px;font-size:11px}.willAddMoney .right-box .float-left .item-operation{height:34px;line-height:34px;background-color:#ddd;box-shadow:0 -2px 2px 0 hsla(0,0%,78%,.24);border-radius:0 0 6px 0}.willAddMoney .right-box .float-left .item-operation .selectChecked{display:inline-block;margin-left:10px;color:#8a8a8a;font-size:12px;line-height:34px}.willAddMoney .right-box .float-left .item-operation .selectChecked .iconfont{font-size:24px;margin-right:10px;display:inline-block;line-height:34px;height:34px;vertical-align:sub;cursor:pointer}.willAddMoney .right-box .float-left .item-operation .bnt-right{float:right;background:#fff;border:1px solid #979797;border-radius:4px}.willAddMoney .right-box .float-left .item-operation .bnt-right .bnt-fangxiang:first-child{border-right:1px solid #979797}.willAddMoney .right-box .float-left .item-operation .bnt-right .bnt-fangxiang{float:left;width:55px;height:32px;text-align:center;color:#8a8a8a;cursor:pointer}.willAddMoney .right-box .float-right{float:right;width:calc(100% - 340px)}.willAddMoney .right-box .float-right .diyType{padding-top:10px}.willAddMoney .right-box .float-right .diyRecharge{height:250px;overflow:auto}.willAddMoney .right-box .float-right .title{font-weight:700;line-height:26px;color:#000}.willAddMoney .right-box .float-right .li{color:#666;display:flex;font-size:11px}.willAddMoney .right-box .float-right .li .number{width:12px;max-width:12px}.willAddMoney .right-box .float-right .li .describe{width:100%;padding-left:5px}.willAddMoney .right-box .float-right .li .describemoney{width:100%;padding-left:15px}.willAddMoney .right-box .float-right .li .describemoneys{width:100%;padding-left:20px}.willAddMoney .right-box .info-box{height:calc(100% - 321px);min-height:350px}.willAddMoney .right-box .pay-box{position:relative}.willAddMoney .right-box .pay-box .pay-scroll{width:80%;overflow:hidden;height:70px}.willAddMoney .right-box .pay-box .pay-scroll .item-li{float:left;font-size:15px;height:30px;line-height:1;width:100px;padding:0 12px;color:#666;background:#efefef;border-radius:2px;margin:2px;position:relative;cursor:pointer;display:flex;align-items:center}.willAddMoney .right-box .pay-box .pay-scroll .item-li .icon-gou1{position:absolute;right:2px;bottom:0;line-height:13px;font-size:9px;color:#fff;display:none}.willAddMoney .right-box .pay-box .pay-scroll .item-li.selected{background-color:#fff;border:1px solid #487bb1;color:#487bb1}.willAddMoney .right-box .pay-box .pay-scroll .item-li.selected .icon-gou1{display:block}.willAddMoney .right-box .pay-box .pay-scroll .item-li.selected:before{position:absolute;right:0;bottom:0;content:" ";border:12px solid #487bb1;border-color:transparent #487bb1 #487bb1 transparent}.willAddMoney .right-box .pay-box .item-operation{position:absolute;right:0;bottom:0;height:30px;line-height:30px;background:#fff;border:1px solid #979797;border-radius:4px}.willAddMoney .right-box .pay-box .item-operation .bnt-fangxiang:first-child{border-right:1px solid #979797}.willAddMoney .right-box .pay-box .item-operation .bnt-fangxiang{float:left;width:50px;height:30px;text-align:center;color:#8a8a8a;cursor:pointer}.willAddMoney .right-box .footer-box{text-align:center}.willAddMoney .right-box .footer-box .btn{background:#e8e8e8;border:1px solid #d5d7db;border-radius:4px;width:128px;height:36px;line-height:36px;font-size:16px;color:#999;padding:0;position:relative;text-align:center}.willAddMoney .right-box .footer-box .btn:first-child{float:left}.willAddMoney .right-box .footer-box .btn:last-child{float:right;margin-right:0}.willAddMoney .right-box .footer-box .btn.selected{background:#487bb1;color:#fff}.willAddMoney .right-box .footer-box .stop{z-index:1001}