.membershipCard{width:100%;height:100%;padding:20px 0}.membershipCard .from-date{width:100%;line-height:28px}.membershipCard .from-date .el-input__inner{height:30px;padding-left:50px!important}.membershipCard .from-date .el-input__prefix{font-size:20px}.membershipCard .from-date .el-input__prefix .el-input__icon{line-height:28px}.membershipCard .from-date .el-input__suffix{display:none}.membershipCard .info{max-width:540px;margin:0 130px;min-height:585px;height:calc(100% - 50px)}.membershipCard .info .tr-li{display:flex;line-height:28px;margin-bottom:10px}.membershipCard .info .tr-li .td-5{width:50%;display:flex;padding-right:30px}.membershipCard .info .tr-li .td-5:last-child{padding-right:0;padding-left:10px}.membershipCard .info .tr-li .td-5:last-child .lable-txt{width:90px;min-width:90px}.membershipCard .info .tr-li .lable-txt{width:70px;min-width:70px}.membershipCard .info .tr-li .input-icon{position:relative}.membershipCard .info .tr-li .input-icon .iconfont{position:absolute;right:0;top:0;height:30px;width:30px;text-align:center;font-size:16px;color:#487bb1}.membershipCard .info .tr-li .from-input{width:100%}.membershipCard .info .tr-li .from-input input[type=password],.membershipCard .info .tr-li .from-input input[type=text]{width:100%;padding:0 10px}.membershipCard .info .tr-li .from-input .card-no{width:calc(100% - 60px);position:relative;display:inline-block}.membershipCard .info .tr-li .from-input .card-no .iconfont{position:absolute;right:0;top:0;width:38px;background-color:#e3e3e3;border:1px solid #dbe2ea;border-radius:2px;text-align:center;font-size:20px;color:#487bb1;font-weight:700}.membershipCard .info .tr-li .from-input .read-card{float:right;height:30px;line-height:30px;margin-left:10px;background:#487bb1;border-radius:4px;color:#fff;width:50px;text-align:center;cursor:pointer}.membershipCard .info .tr-li .from-input .code{width:calc(100% - 60px);display:inline-block}.membershipCard .info .tr-li .from-input .send-code{float:right;height:30px;line-height:30px;margin-left:10px;background:#487bb1;border-radius:4px;color:#fff;width:50px;text-align:center;cursor:pointer}.membershipCard .info .tr-li .from-input .loop-code{background:#e8e8e8;color:#999;border:1px solid #d5d7db}.membershipCard .info .tr-li .from-input .sex{margin-right:10px}.membershipCard .info .tr-li .from-input .sex .iconfont{font-size:20px;vertical-align:bottom;margin-right:5px;color:#a0a0a0}.membershipCard .info .tr-li .from-input .sex input{display:none}.membershipCard .info .tr-li .from-input .sex input:checked+i:before{content:"\e600";color:#487bb1}.membershipCard .info .title{color:#bcbdbe;margin-bottom:10px}.membershipCard .info .pay-box{position:relative}.membershipCard .info .pay-box .pay-scroll{width:80%;overflow:hidden;height:70px}.membershipCard .info .pay-box .pay-scroll .item-li{float:left;font-size:15px;height:30px;line-height:30px;width:100px;padding:0 12px;color:#666;background:#efefef;border-radius:2px;margin:2px;position:relative}.membershipCard .info .pay-box .pay-scroll .item-li .icon-gou1{position:absolute;right:2px;bottom:0;line-height:13px;font-size:9px;color:#fff;display:none}.membershipCard .info .pay-box .pay-scroll .item-li.selected{background-color:#fff;border:1px solid #487bb1;color:#487bb1}.membershipCard .info .pay-box .pay-scroll .item-li.selected .icon-gou1{display:block}.membershipCard .info .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}.membershipCard .info .pay-box .item-operation{position:absolute;right:0;bottom:0;height:30px;line-height:30px;background:#fff;border:1px solid #979797;border-radius:4px}.membershipCard .info .pay-box .item-operation .bnt-fangxiang:first-child{border-right:1px solid #979797}.membershipCard .info .pay-box .item-operation .bnt-fangxiang{float:left;width:50px;height:30px;text-align:center;color:#8a8a8a;cursor:pointer}.membershipCard .footer-box{margin-left:130px;margin-top:20px}.membershipCard .footer-box .btn{background:#e8e8e8;border:1px solid #d5d7db;border-radius:4px;width:140px;height:36px;line-height:36px;font-size:16px;color:#999;padding:0;margin-right:60px;position:relative;text-align:center}.membershipCard .footer-box .btn:last-child{margin-right:0}.membershipCard .footer-box .btn.selected{background:#487bb1;color:#fff}.membershipCard .footer-box .stop{z-index:1001}