#monthCardDetail{min-height:100vh;padding-top:10px;background:linear-gradient(180deg,#dfdfe3,#fff);box-sizing:border-box}#monthCardDetail .top{background-size:100%;background:linear-gradient(180deg,#6070e3,#d3d8f6)}#monthCardDetail .top,#monthCardDetail .top1{height:160px;position:relative;color:#fff;padding:10px 20px;margin:0 15px 10px 15px;box-sizing:border-box;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between}#monthCardDetail .top1{background-size:100%;background:linear-gradient(180deg,#2f3945,#9fa4a9)}#monthCardDetail .cardInfo{display:flex;flex-direction:column;justify-content:space-between}#monthCardDetail .top1 .parkName{font-size:18px;margin-bottom:5px}#monthCardDetail .top1 .domainName{margin-bottom:5px}#monthCardDetail .top1 .surplusDays{font-size:14px;border:1px solid #eee;width:auto!important;display:inline-block}#monthCardDetail .top1 .canRenewText{font-size:12px;background-color:#fc7e28;padding:3px;border-radius:2px;box-sizing:border-box}#monthCardDetail .top1 .carNumber{font-size:12px;margin-top:5px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break:break-all;width:200px!important}#monthCardDetail .top1 .outPart{display:flex;align-items:center}#monthCardDetail .top1 .outPart .more{font-size:14px;color:#fc7e28;margin-top:5px;box-sizing:border-box}#monthCardDetail .top1 .endDate{font-size:14px}#monthCardDetail .top .parkName{font-size:18px;margin-bottom:5px}#monthCardDetail .top .domainName{margin-bottom:5px}#monthCardDetail .top .surplusDays{font-size:14px;border:1px solid #eee;width:auto!important}#monthCardDetail .top .canRenewText{font-size:12px;background-color:#fc7e28;padding:3px;border-radius:2px;box-sizing:border-box}#monthCardDetail .top .carNumber{font-size:12px;margin-top:5px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;width:200px!important}#monthCardDetail .top .outPart{display:flex;align-items:center}#monthCardDetail .top .outPart .more{font-size:14px;color:#fc7e28;margin-top:5px;box-sizing:border-box}#monthCardDetail .top .endDate{font-size:14px}#monthCardDetail .btn{width:100%;text-align:center;margin-top:20px}#monthCardDetail .btn .van-button{width:90%;border-radius:20px;border:none!important;background-color:#424b56!important}#monthCardDetail .cantRenew{height:110px;text-align:center;display:flex;flex-direction:column;align-items:center;padding:10px;border:1px dashed #eee;box-sizing:border-box;margin:20px 20px 0 20px;border-radius:20px;background:linear-gradient(180deg,#f1f1f3,#f0eff4)}#monthCardDetail .cantRenew .icons{width:20px;height:20px;border-radius:50%;line-height:20px;color:#fff;background-color:#ff7b2a;font-size:14px}#monthCardDetail .cantRenew .text,#monthCardDetail .cantRenew .to{letter-spacing:1px;margin-top:10px}#monthCardDetail .cantRenew .to{color:#7a84ff}#monthCardDetail .cancelBind{margin:20px 20px;width:auto!important;border-radius:15px}#monthCardDetail .cancelBind /deep/ .van-cell__title{font-size:14px!important}#monthCardDetail .van-nav-bar__title{font-weight:700;font-size:18px;max-width:none!important}#monthCardDetail .van-hairline--bottom:after{border-bottom:none!important}#monthCardDetail .van-popup__close-icon--top-right{top:10px!important}#monthCardDetail .van-popup{padding-bottom:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;align-items:center}#monthCardDetail .van-popup .cancelBindTip{font-size:16px;color:#6f767e}#monthCardDetail .bot_btns{width:100%;display:flex;justify-content:space-between;padding:0 20px;box-sizing:border-box}#monthCardDetail .bot_btns .van-button{width:45%;border-radius:15px}#monthCardDetail .bot_btns .cancel{background-color:#f5f7fa!important;color:#697281!important}#monthCardDetail .bot_btns .other{background-color:#3785fa!important;border:none!important}