.cardBind{display:flex;height:100%}.cardBind .title{color:#000;margin-bottom:10px}.cardBind .tr-li{display:flex;line-height:24px;margin-bottom:10px}.cardBind .tr-li .td-5{width:50%;display:flex;padding-right:15px}.cardBind .tr-li .td-5:last-child{padding-right:0;padding-left:15px}.cardBind .tr-li .lable-txt{width:60px;min-width:60px}.cardBind .tr-li.card-tr .lable-txt{width:40px;min-width:40px}.cardBind .tr-li .from-input{width:100%}.cardBind .tr-li .from-input input[type=password],.cardBind .tr-li .from-input input[type=text]{width:100%;padding:0 8px}.cardBind .tr-li .from-input .card-no{width:calc(100% - 45px);position:relative;display:inline-block}.cardBind .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}.cardBind .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}.cardBind .tr-li .from-input .describe{font-size:9px;color:#bcbdbe;line-height:16px;padding:0;text-align:right}.cardBind .info-box .title{color:#bcbdbe;font-size:11px;padding-top:10px;line-height:26px;border-bottom:1px solid #e7e7e7}.cardBind .info-box .ticket{position:relative}.cardBind .info-box .ticket input{padding-right:26px!important}.cardBind .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}.cardBind .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}.cardBind .right-box{flex:1;height:100%;padding:20px 35px;overflow-y:auto}.cardBind .right-box .scroll-box{width:100%;height:100%;height:calc(100% - 60px);min-height:520px}.cardBind .right-box .scroll-box .tr-li{width:261px;margin-bottom:20px}.cardBind .right-box .scroll-box .tr-li .code{width:calc(100% - 60px);display:inline-block}.cardBind .right-box .scroll-box .tr-li .send-code{float:right;height:26px;line-height:26px;margin-left:10px;background:#487bb1;border-radius:4px;color:#fff;width:50px;text-align:center;cursor:pointer}.cardBind .right-box .scroll-box .tr-li .loop-code{background:#e8e8e8;color:#999;border:1px solid #d5d7db}.cardBind .footer-box{max-width:532px}.cardBind .footer-box .btn{background:#e8e8e8;border:1px solid #d5d7db;border-radius:4px;width:180px;height:36px;line-height:36px;font-size:16px;color:#999;padding:0}.cardBind .footer-box .btn:last-child{float:right;margin-right:0}.cardBind .footer-box .btn.selected{background:#487bb1;color:#fff}