.willCheckCoupon{display:flex;height:100%}.willCheckCoupon .title{color:#000;margin-bottom:10px}.willCheckCoupon .nav-box{border-bottom:1px solid #ececec;height:41px;white-space:nowrap;overflow:auto;overflow-y:hidden;margin-bottom:15px}.willCheckCoupon .nav-box .nav-li{display:inline-block;width:95px;text-align:center;height:42px;line-height:42px;border-bottom:3px solid transparent;font-size:11px;color:#666}.willCheckCoupon .nav-box .nav-li.selected{color:#487bb1;border-bottom:3px solid #487bb1}.willCheckCoupon .tr-li{display:flex;line-height:24px;margin-bottom:10px}.willCheckCoupon .tr-li .td-5{width:50%;display:flex;padding-right:15px}.willCheckCoupon .tr-li .td-5:last-child{padding-right:0;padding-left:15px}.willCheckCoupon .tr-li .lable-txt{width:60px;min-width:60px}.willCheckCoupon .tr-li.card-tr .lable-txt{width:40px;min-width:40px}.willCheckCoupon .tr-li .from-input{width:100%}.willCheckCoupon .tr-li .from-input input[type=password],.willCheckCoupon .tr-li .from-input input[type=text]{width:100%;padding:0 8px}.willCheckCoupon .tr-li .from-input .card-no{width:calc(100% - 45px);position:relative;display:inline-block}.willCheckCoupon .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}.willCheckCoupon .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}.willCheckCoupon .tr-li .from-input .describe{font-size:9px;color:#bcbdbe;line-height:16px;padding:0;text-align:right}.willCheckCoupon .info-box .title{color:#bcbdbe;font-size:11px;padding-top:10px;line-height:26px;border-bottom:1px solid #e7e7e7}.willCheckCoupon .info-box .ticket{position:relative}.willCheckCoupon .info-box .ticket input{padding-right:26px!important}.willCheckCoupon .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}.willCheckCoupon .left-box{width:260px;min-width:260px;flex:1;max-width:320px;height:100%;border-right:2px solid #eaeaea;padding:5px 15px;overflow-y:auto}.willCheckCoupon .left-box .tab-pane{height:auto!important}.willCheckCoupon .left-box .tab-pane .scan-coupons-box .from-input{display:inline-block;margin-right:15px;position:relative;height:40px;line-height:40px;vertical-align:middle;width:300px}.willCheckCoupon .left-box .tab-pane .scan-coupons-box .from-input input{width:100%;padding:0 20px;border:1px solid #666;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.3);height:40px;padding-left:48px}.willCheckCoupon .left-box .tab-pane .scan-coupons-box .from-input .icon-a-saoma13x{color:#dce2ea;position:absolute;left:13px;top:0;font-size:25px}.willCheckCoupon .left-box .tab-pane .scan-coupons-box .btn{vertical-align:middle;background:#487bb1;border-radius:4px;height:40px;padding:0 23px;color:#fff;font-size:13px}.willCheckCoupon .left-box.flex1{max-width:none}.willCheckCoupon .right-box{max-width:532px;flex:1;height:100%;padding:20px 0;display:flex;flex-direction:column}.willCheckCoupon .right-box .title{padding:0 20px}.willCheckCoupon .right-box .coupon-box{position:relative;min-height:70px;flex:1;overflow:hidden;display:flex;flex-direction:column}.willCheckCoupon .right-box .coupon-box .coupon-scroll{flex:1;overflow-y:auto;padding:2px 20px}.willCheckCoupon .right-box .coupon-box .coupon-scroll .item-tr{margin:10px 3px;display:flex;align-items:center}.willCheckCoupon .right-box .coupon-box .coupon-scroll .item-tr .coupons-box{padding:6px;color:#666;background:#f4f6f9;box-shadow:0 2px 10px 0 rgba(0,0,0,.2);border-radius:4px;flex:1;overflow:hidden;display:flex;align-items:center}.willCheckCoupon .right-box .coupon-box .coupon-scroll .item-tr .coupons-box .coupons-name{flex:1;overflow:hidden}.willCheckCoupon .right-box .coupon-box .coupon-scroll .item-tr .coupons-box .coupons-name .name{font-size:16px;line-height:22px;color:#000}.willCheckCoupon .right-box .coupon-box .coupon-scroll .item-tr .coupons-box .coupons-name .describe{color:#999;line-height:18px;font-size:11px}.willCheckCoupon .right-box .coupon-box .coupon-scroll .item-tr .coupons-box .bnt{vertical-align:middle;background:#487bb1;border-radius:30px;height:30px;padding:0 23px;color:#fff;font-size:14px;line-height:30px}.willCheckCoupon .right-box .coupon-box .coupon-scroll .item-tr .coupons-box .coupons-num{font-size:30px;color:#ee6262}.willCheckCoupon .right-box .coupon-box .coupon-scroll .item-tr .coupons-box .coupons-num .unit{font-size:14px}.willCheckCoupon .right-box .coupon-box .coupon-scroll .item-tr .writeOff-box{margin-left:15px}.willCheckCoupon .right-box .coupon-box .coupon-scroll .item-tr .writeOff-box .writeOff-input{display:inline-block;width:80px;height:36px;margin:0 10px;text-align:center}.willCheckCoupon .right-box .coupon-box .coupon-scroll .item-tr .writeOff-box .writeOff-input input{padding-left:10px;padding-right:30px;text-align:center}.willCheckCoupon .right-box .coupon-box .coupon-scroll .item-tr .writeOff-box .writeOff-input .jianpan{top:2px}.willCheckCoupon .right-box .coupon-box .item-operation{padding:0 20px}.willCheckCoupon .right-box .coupon-box .item-operation .float-right{float:right;background:#fff;border:1px solid #979797;border-radius:4px}.willCheckCoupon .right-box .coupon-box .item-operation .bnt-fangxiang:first-child{border-right:1px solid #979797}.willCheckCoupon .right-box .coupon-box .item-operation .bnt-fangxiang{float:left;width:50px;height:30px;line-height:30px;text-align:center;color:#8a8a8a;cursor:pointer}.willCheckCoupon .footer-box{padding:0 20px;margin-top:15px;max-width:532px;display:flex;justify-content:center}.willCheckCoupon .footer-box .btn{background:#e8e8e8;border:1px solid #d5d7db;border-radius:4px;width:200px;height:36px;line-height:36px;font-size:16px;color:#999;padding:0}.willCheckCoupon .footer-box .btn.selected{background:#487bb1;color:#fff}