.vip-card[data-v-b1ab1088]{overflow:hidden;cursor:pointer;display:inline-block;width:240px;height:168px;background-size:100% 100%;background-repeat:no-repeat;margin-right:10px;margin-bottom:15px;padding:0 0 0 0;box-sizing:border-box;position:relative;border-radius:8px}.vip-card .vipCardTop[data-v-b1ab1088]{padding-left:11px;position:relative;padding-top:10px;height:calc(100% - 33px);box-sizing:border-box}.vip-card .vipCardTop .c-name-box[data-v-b1ab1088]{display:flex;align-items:center}.vip-card .vipCardTop .c-name-box .c-item-name[data-v-b1ab1088]{font-family:PingFangSC,PingFang SC;font-weight:500;font-size:14px;color:#fff;line-height:20px;text-align:left;font-style:normal;margin-top:10px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vip-card .vipCardTop .c-name-box .name-label[data-v-b1ab1088]{padding:2px 6px;background:rgba(0,0,0,.17);border-radius:2px;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:11px;color:#fff;line-height:16px;text-align:center;font-style:normal;flex-shrink:0}.vip-card .vipCardTop .vipContent[data-v-b1ab1088]{padding:0 11px 0 0;box-sizing:border-box}.vip-card .vipCardTop .vipContent .expirationDate[data-v-b1ab1088]{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:11px;color:hsla(0,0%,100%,.5);line-height:16px;text-align:left;font-style:normal;margin-top:4px}.vip-card .vipCardTop .vipContent .rechargeInformationBox[data-v-b1ab1088]{height:44px}.vip-card .vipCardTop .vipContent .rechargeInformationBox .rechargeInformation[data-v-b1ab1088]{display:flex;align-items:center;margin-top:6px}.vip-card .vipCardTop .vipContent .rechargeInformationBox .rechargeInformation .rechargeItem[data-v-b1ab1088]{flex:1;flex-shrink:0}.vip-card .vipCardTop .vipContent .rechargeInformationBox .rechargeInformation .rechargeItem .rechargeLabel[data-v-b1ab1088]{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:12px;color:hsla(0,0%,100%,.9);line-height:17px;text-align:left;font-style:normal}.vip-card .vipCardTop .vipContent .rechargeInformationBox .rechargeInformation .rechargeItem .rechargeValue[data-v-b1ab1088]{font-family:PingFangSC,PingFang SC;font-weight:600;font-size:14px;color:#fff;line-height:20px;text-align:left;font-style:normal;margin-top:2px}.vip-card .vipCardTop .vipContent .remainingDiscount[data-v-b1ab1088]{margin-top:20px}.vip-card .vipCardTop .vipContent .remainingBox[data-v-b1ab1088]{display:flex;align-items:center;justify-content:space-between;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:12px;color:hsla(0,0%,100%,.9);line-height:17px;text-align:left;font-style:normal;margin-top:2px;margin-bottom:10px}.vip-card .vipCardTop .vipContent .remainingBox .remainingValue[data-v-b1ab1088]{font-family:PingFangSC,PingFang SC;font-weight:600;font-size:13px;color:#fff;line-height:18px;text-align:left;font-style:normal;margin-left:5px}.vip-card .vipCardTop .yijinyongBox[data-v-b1ab1088]{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.48)}.vip-card .vipCardTop .yijinyongBox .yijinyong[data-v-b1ab1088]{position:absolute;right:21px;bottom:0}.vip-card .vipCardBottom[data-v-b1ab1088]{position:absolute;bottom:0;width:100%;height:33px;background:rgba(0,0,0,.21);border-radius:0 0 5px 5px;display:flex;justify-content:space-between;align-items:center}.vip-card .vipCardBottom.stop[data-v-b1ab1088]{background:rgba(0,0,0,.61)}.vip-card .vipCardBottom .b-btn[data-v-b1ab1088]{flex:1;display:flex;align-items:center;justify-content:center;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:13px;color:#fff;line-height:18px;text-align:left;font-style:normal}.vip-card .vipCardBottom .b-line[data-v-b1ab1088]{width:1px;height:17px;background-color:hsla(0,0%,100%,.32)}.pop-item{height:30px;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14px;color:#5a5e66;line-height:20px;text-align:center;font-style:normal;line-height:30px;cursor:pointer}.vip-popover{width:104px!important;min-width:104px!important}.cardholder[data-v-22593456]{padding:20px}.cardholder .cardBox[data-v-22593456]{margin-top:16px;white-space:nowrap;overflow-x:auto}.recentInfo[data-v-a85ba888]{padding:20px}.recentInfo .infoTitle[data-v-a85ba888]{font-family:PingFangSC,PingFang SC;font-weight:500;font-size:14px;color:#333;line-height:20px;text-align:left;font-style:normal;margin-bottom:10px}.mb14[data-v-6899cda8]{margin-bottom:14px}.serviceLogCard[data-v-6899cda8]{display:flex;margin-top:20px}.serviceLogCard .timebox[data-v-6899cda8]{width:120px;text-align:right}.serviceLogCard .circle-box[data-v-6899cda8]{width:14px;margin:0 12px 0 6px;display:flex;flex-direction:column;align-items:center}.serviceLogCard .circle-box .circle[data-v-6899cda8]{width:14px;height:14px;background:rgba(4,195,155,.2);border-radius:50%;position:relative;margin-bottom:6px}.serviceLogCard .circle-box .circle[data-v-6899cda8]:after{content:"";position:absolute;width:8px;height:8px;background:#04c39b;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.serviceLogCard .circle-box .line[data-v-6899cda8]{flex:1;width:0;border-right:1px dashed #afd6ce}.serviceLogCard .right[data-v-6899cda8]{flex:1;padding-bottom:12px;display:flex;background-color:#f9f9f9;padding:10px 20px}.serviceLogCard .right .content[data-v-6899cda8]{flex:1}.serviceLogCard .right .content .content-header[data-v-6899cda8]{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14px;color:#999;line-height:20px;text-align:left;font-style:normal}.serviceLogCard .right .content .content-text[data-v-6899cda8]{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:15px;color:#333;line-height:21px;text-align:left;font-style:normal}.serviceLogCard .right .content .img-box[data-v-6899cda8]{display:flex}.serviceLogCard .right .content .img-box .img-item[data-v-6899cda8]{margin-right:10px;margin-top:15px;width:60px;height:60px}.serviceLogCard .right .action-box[data-v-6899cda8]{flex-shrink:0}.font-weight-bold[data-v-1407a824]{--font-weight-blod:600}.baseBox[data-v-5d6ca4be]{position:relative}.baseBox .yituikuan[data-v-5d6ca4be]{position:absolute;right:20px;top:20px}.tagDefault[data-v-5d6ca4be]{background-color:#f3bb7c;width:23px;height:23px;display:flex;justify-content:center;align-items:center;color:#fff;border-radius:4px}.title-line__options[data-v-5d6ca4be]{flex:1}.vipInfo[data-v-5d6ca4be]{display:inline-block;margin-left:11px;font-weight:400;font-size:13px;color:#0caf60;line-height:18px;cursor:pointer}.giveInfo[data-v-5d6ca4be]{background:#fafafa;padding:7px 27px;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14px}.giveInfo .giveTitle[data-v-5d6ca4be]{color:#7a828a}.giveInfo .giveValue[data-v-5d6ca4be]{color:#333;margin-top:10px}.receive[data-v-5d6ca4be]{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14px;margin-top:13px;text-align:right;display:flex;justify-content:flex-end}.receive span[data-v-5d6ca4be]:first-of-type{color:#7a828a}.receive span[data-v-5d6ca4be]:nth-of-type(2){color:#333}.servicePeople[data-v-5d6ca4be]{display:flex;align-items:center;flex-wrap:wrap}.servicePeople .servicePeopleItem[data-v-5d6ca4be]{display:flex;align-items:center}.servicePeople .servicePeopleItem .serviceTag[data-v-5d6ca4be]{background:#f3bb7c;border-radius:2px;width:22px;height:22px;display:flex;justify-content:center;align-items:center;font-family:PingFangSC,PingFang SC;font-weight:600;font-size:13px;color:#fff;line-height:18px;text-align:left;font-style:normal;margin:0 5px}.kvLineBox[data-v-5d6ca4be]{display:flex;margin-bottom:10px}.kvLineBox .kvLine[data-v-5d6ca4be]{display:flex;font-size:13px}.kvLineBox .kvLine .kvLineLable[data-v-5d6ca4be]{color:#b5b5bd;margin-right:4px}.kvbox .label-span{color:#b5b5bd!important}.service-box[data-v-abee7ec2]{padding:20px}.service-box .dataBox[data-v-abee7ec2]{margin-bottom:20px}.recent-service[data-v-7bdc0914]{min-height:100vh}.recent-service .rs-tabs[data-v-7bdc0914]{padding:15px 15px 0}.infoCard{border:1px solid #eeeff2;font-family:PingFangSC,PingFang SC;.mt10{margin-top:10px}.bgInfo{background:#e6f1ec;padding:10px 20px;.title{font-weight:500;font-size:14px;color:#333;line-height:20px;text-align:left;font-style:normal;display:flex;align-items:center;margin-bottom:20px;.title-lable{margin-left:10px;height:20px;@include flex;padding:0 7px;border-radius:2px;font-size:12px;color:#fff}}.mg{margin-bottom:17px}.label{font-weight:400;font-size:14px;color:#333;line-height:20px;text-align:left;font-style:normal}.value-blod{font-weight:600;font-size:16px;color:#333;margin-top:10px}}.writeInfo{padding:10px 20px}}.info-table-box{height:350px;padding-top:20px;box-sizing:border-box;overflow:hidden}.line5[data-v-0fb429ef]{height:5px;background-color:#fafafa}.ml15[data-v-0fb429ef]{margin-left:15px}.ml30[data-v-0fb429ef]{margin-left:30px}.vipInfoBox[data-v-0fb429ef]{display:flex;flex-direction:column;height:100%;padding-top:0;box-sizing:border-box;overflow:hidden}.vipInfoBox .infoBoxBox[data-v-0fb429ef]{flex:1;overflow:hidden;box-sizing:border-box}.vipInfoBox .infoBoxBox .infoBoxContent[data-v-0fb429ef]{height:100%;overflow-y:auto;box-sizing:border-box}.vipInfoBox .infoBoxBox .infoBoxContent .infoCard[data-v-0fb429ef]{display:flex;padding:20px}.vipInfoBox .infoBoxBox .infoBoxContent .infoCard .left[data-v-0fb429ef]{flex:1}.vipInfoBox .infoBoxBox .infoBoxContent .infoCard .left .nameLine[data-v-0fb429ef]{text-align:left;font-style:normal;font-family:PingFangSC,PingFang SC;font-size:14px;color:#333;display:flex;align-items:center}.vipInfoBox .infoBoxBox .infoBoxContent .infoCard .left .nameLine .nameBlod[data-v-0fb429ef]{font-weight:600}.vipInfoBox .infoBoxBox .infoBoxContent .infoCard .left .nameLine .tagLabel[data-v-0fb429ef]{height:22px;display:inline-block;padding:0 10px;font-size:12px;color:#e1ac70;background-color:rgba(255,223,190,.92);line-height:22px}.vipInfoBox .infoBoxBox .infoBoxContent .infoCard .left .nameLine .edit[data-v-0fb429ef]{font-size:14px;color:#0caf60;line-height:20px;font-style:normal;vertical-align:middle;display:flex;justify-content:center;align-items:center;cursor:pointer}.vipInfoBox .infoBoxBox .infoBoxContent .infoCard .left .labelLine[data-v-0fb429ef]{margin-top:20px;display:flex}.vipInfoBox .infoBoxBox .infoBoxContent .infoCard .right[data-v-0fb429ef]{padding:16px 0}.vipInfoBox .right .my-label .label-span{text-align:right;width:150px}.vipInfoBox .right .my-label .label-value{flex:1}.vipInfoBox .right .my-label .label-value .mySpan{width:100%}.vipInfoBox .right .my-label .label-value .mySpan .content-text{width:100%;display:block;text-align:right}