.subscribe-active-by-license-dialog .warning-tip{font-family:PingFang SC;font-weight:500;font-size:14px;color:#ff9437;margin-bottom:10px}.subscribe-active-by-license-dialog .btn-group{text-align:center;margin-top:20px}.subscribe-active-by-license-dialog .btn-group .ant-btn{width:100px}.subscribe-active-by-license-dialog .package-list li{display:flex;background:#f6f6f6;border-radius:6px;padding:16px 14px;padding-left:0;position:relative}.subscribe-active-by-license-dialog .package-list li .package-title{width:84px;font-family:PingFang SC;font-weight:500;text-align:right;color:#242e5f;padding-right:20px}.subscribe-active-by-license-dialog .package-list li .package-info{color:#242e5f;flex:1;line-height:20px;overflow:hidden}.subscribe-active-by-license-dialog .package-list li .package-desc,.subscribe-active-by-license-dialog .package-list li .package-name{color:#93a0b5}.subscribe-active-by-license-dialog .package-list li .package-desc{margin-top:6px;word-break:break-all;overflow:hidden}.subscribe-active-by-license-dialog .package-list li .package-count{position:absolute;right:14px;top:16px;color:#93a0b5}.subscribe-active-by-license-dialog .subscribe-check-type,.subscribe-active-by-license-dialog .subscribe-duration{font-family:PingFang SC;font-weight:500;line-height:20px;color:#242e5f;margin-top:20px;padding-left:10px}.subscribe-active-by-license-dialog .subscribe-check-type{text-indent:-28px}.subscribe-active-by-license-dialog .ant-form-item-label{text-align:left}.subscribe-active-by-package-dialog .warning-tip{font-family:PingFang SC;font-weight:500;font-size:14px;color:#ff9437;margin-bottom:10px}.subscribe-active-by-package-dialog .btn-group{text-align:center;margin-top:20px}.subscribe-active-by-package-dialog .btn-group .ant-btn{width:100px}.subscribe-active-by-package-dialog .package-list{margin-bottom:20px}.subscribe-active-by-package-dialog .package-list li{display:flex;background:#f6f6f6;border-radius:6px;padding:16px 14px;padding-left:0;margin-bottom:10px;position:relative}.subscribe-active-by-package-dialog .package-list li .package-title{width:114px;font-family:PingFang SC;font-weight:500;text-align:right;padding-right:20px;color:#242e5f}.subscribe-active-by-package-dialog .package-list li .package-info{color:#242e5f;flex:1;line-height:20px}.subscribe-active-by-package-dialog .package-list li .package-desc,.subscribe-active-by-package-dialog .package-list li .package-name{color:#93a0b5}.subscribe-active-by-package-dialog .package-list li .package-desc{margin-top:6px}.subscribe-active-by-package-dialog .package-list li .package-count{position:absolute;right:14px;top:16px;color:#93a0b5}.subscribe-active-by-package-dialog .subscribe-check-type,.subscribe-active-by-package-dialog .subscribe-duration{font-family:PingFang SC;font-weight:500;line-height:20px;color:#242e5f;margin-top:20px;padding-left:10px}.subscribe-active-by-package-dialog .subscribe-check-type{text-indent:-28px}.subscribe-active-by-package-dialog .ant-form-item-label{text-align:right}.subscribe-active-by-package-dialog .ant-form-item-label>label{padding-right:16px}.subscribe-active-by-package-dialog .ant-form-item-label>label:after{display:none}.row[data-v-65cb8d76]{width:100%;height:48px;padding:0 10px;line-height:48px;box-sizing:border-box}.clearfix[data-v-65cb8d76]{*zoom:1}.clearfix[data-v-65cb8d76]:after{content:"";display:block;height:0;clear:both;visibility:hidden}.com-empty-tip[data-v-65cb8d76]{width:100%;text-align:center;padding-top:122px;background:url(../img/icon-empty-tip.95ffe37b.png) no-repeat center 66px;background-size:46px 46px}.row{width:100%;height:48px;padding:0 10px;line-height:48px;box-sizing:border-box}.clearfix{*zoom:1}.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}.page-mine-subscribe{width:100%;padding:30px;min-height:100vh;box-sizing:border-box;overflow:hidden;overflow-y:auto}.page-mine-subscribe .pagination-content{text-align:center}.page-mine-subscribe header{height:36px;background-size:164px 30px;position:relative}.page-mine-subscribe header .com-layout-right-navbar{top:0;right:0}.page-mine-subscribe .sub-title{font-family:Alibaba PuHuiTi;font-weight:500;font-size:16px;color:#242e5f;margin-bottom:16px;margin-top:30px}.page-mine-subscribe .sub-title.has-btn{margin-bottom:10px;line-height:36px}.page-mine-subscribe .sub-title .btn-group{float:right}.page-mine-subscribe .sub-title .btn-group a{display:inline-block;background:#fff;box-shadow:0 0 4px 0 rgba(180,189,241,.2);border-radius:8px 8px 8px 8px;border:1px solid #fff;width:70px;height:36px;text-align:center;line-height:36px;color:#8f9194;font-size:14px;margin-left:4px}.page-mine-subscribe .sub-title .btn-group a.active{background:#e6edff;color:#4174ff;box-shadow:0 0 4px 0 rgba(180,189,241,.2);border-radius:8px 8px 8px 8px;border:1px solid #4174ff}.page-mine-subscribe .package-list-container{width:100%;overflow:hidden;height:110px}.page-mine-subscribe .package-list{display:inline-flex;margin-bottom:8px;overflow:hidden}.page-mine-subscribe .package-list li{height:96px;width:276px;background:url(../img/card-item-bg.4315e6fa.png) no-repeat 50%;background-size:100% 100%;padding-top:24px;margin-right:16px;padding-left:20px;position:relative}.page-mine-subscribe .package-list li:last-of-type{margin-right:0}.page-mine-subscribe .package-list li .name{font-size:14px;color:#242e5f;line-height:20px}.page-mine-subscribe .package-list li .desc{font-size:12px;color:#93a0b5;line-height:16px;margin-top:7px;height:32px;overflow:hidden;padding-right:80px}.page-mine-subscribe .package-list li .subscribe-btn{background:linear-gradient(270deg,#084fff,#12caf4);line-height:24px;width:54px;color:#fff;border-radius:12px;display:inline-block;text-align:center;position:absolute;right:20px;top:50%;margin-top:-12px}.page-mine-subscribe .package-list li.license{text-align:center;width:140px;padding-left:0;background-image:url(../img/license-item-bg.d0f6e164.png)}.page-mine-subscribe .package-list li.license .name{color:#5f4724}.page-mine-subscribe .package-list li.license a{margin-top:8px;background:linear-gradient(270deg,#ff7236,#ffbd28);display:inline-block;width:54px;line-height:24px;border-radius:12px;color:#fff;font-size:12px}.page-mine-subscribe .manage-package-container ul{display:flex;flex-wrap:wrap;align-items:stretch}.page-mine-subscribe .manage-package-container li{flex:1 0 calc(33.333% - 13.333px);max-width:calc(33.333% - 13.333px);margin-bottom:16px;margin-right:16px;overflow:hidden}.page-mine-subscribe .manage-package-container li .package-li-content{min-height:330px;background:linear-gradient(180deg,#fff,#ecf4fe);box-shadow:0 0 4px 0 rgba(180,189,241,.2);border-radius:10px 10px 10px 10px;border:1px solid #fff}.page-mine-subscribe .manage-package-container li:nth-child(3n){margin-right:0}.page-mine-subscribe .manage-package-container li .header{height:48px;background-repeat:no-repeat;background-size:100% 100%;background-position:50%;position:relative;color:#242e5f;font-size:14px;padding-left:20px;line-height:48px;background-image:url(../img/package-expired-header.0769340b.png)}.page-mine-subscribe .manage-package-container li .header .tag{display:inline-block;width:50px;line-height:22px;color:#fff;border-radius:6px;font-size:12px;text-align:center;margin-left:4px;background:linear-gradient(90deg,#aed7fe,#72b8f6)}.page-mine-subscribe .manage-package-container li .header .subscribe-duration{font-size:12px;color:rgba(36,46,95,.5);float:right;margin-right:20px;line-height:48px}.page-mine-subscribe .manage-package-container li[data-status=PENDING] .header{background-image:url(../img/package-unactive-header.05a08c13.png)}.page-mine-subscribe .manage-package-container li[data-status=PENDING] .tag{background:linear-gradient(90deg,#ff9564,#f55c5c)}.page-mine-subscribe .manage-package-container li[data-status=PENDING] .package-use-info-title{padding-bottom:16px}.page-mine-subscribe .manage-package-container li[data-status=PENDING] .package-active-content{text-align:center;color:#084fff;line-height:20px;padding:14px}.page-mine-subscribe .manage-package-container li[data-status=PENDING] .package-active-content p{margin-bottom:8px}.page-mine-subscribe .manage-package-container li[data-status=PENDING] .package-active-content a{width:118px;height:38px;line-height:38px;display:inline-block;color:#fff;background:linear-gradient(270deg,#084fff,#12caf4);border-radius:19px}.page-mine-subscribe .manage-package-container li[data-status=ACTIVE] .header{background-image:url(../img/package-actived-header.24af20ea.png)}.page-mine-subscribe .manage-package-container li[data-status=ACTIVE] .tag{background:linear-gradient(90deg,#00e88f,#02d05e)}.page-mine-subscribe .manage-package-container .package-info{margin:0 20px;padding:20px 0;padding-bottom:19px;border-bottom:1px dashed #e7ebf2;font-size:12px;position:relative}.page-mine-subscribe .manage-package-container .package-info .package-id{color:#242e5f}.page-mine-subscribe .manage-package-container .package-info .package-content{color:#848e9f;margin-top:8px}.page-mine-subscribe .manage-package-container .package-info .subscribe-time{color:#848e9f;position:absolute;right:0;top:20px}.page-mine-subscribe .manage-package-container .package-time-info{margin:0 20px;display:flex;justify-content:space-between;padding:10px 0;color:#848e9f;font-size:12px}.page-mine-subscribe .manage-package-container .package-time-info>span{display:inline-block}.page-mine-subscribe .manage-package-container .package-time-info>span:first-of-type{margin-right:10px}.page-mine-subscribe .manage-package-container .package-use-info{border-bottom:1px dashed #e7ebf2;margin:0 20px;position:relative}.page-mine-subscribe .manage-package-container .package-use-info .toggle-btn{position:absolute;width:60px;line-height:22px;text-align:center;bottom:0;left:50%;margin-left:-30px;color:#7c8ca6;font-size:12px}.page-mine-subscribe .manage-package-container .package-use-info .toggle-btn .anticon{font-size:12px}.page-mine-subscribe .manage-package-container .package-use-info-title{display:flex;justify-content:space-between;padding-top:16px;font-size:12px;padding-bottom:10px;color:#242e5f;font-family:PingFang SC;font-weight:500}.page-mine-subscribe .manage-package-container .package-use-info-title>span{display:inline-block}.page-mine-subscribe .manage-package-container .package-use-info-title>span:first-of-type{margin-right:10px}.page-mine-subscribe .manage-package-container .package-use-info-count-info{display:flex;justify-content:space-between;padding-top:10px;font-size:12px;color:#848e9f;margin-bottom:16px}.page-mine-subscribe .manage-package-container .package-use-info-count-info>p{display:inline-block}.page-mine-subscribe .manage-package-container .package-use-info-count-info>p:first-of-type{margin-right:10px}.page-mine-subscribe .manage-package-container .package-use-info-count-info>p span{color:#3980f9}.page-mine-subscribe .manage-package-container .package-use-info .package-use-progress{background:#e0e7f2;border-radius:10px;height:12px}.page-mine-subscribe .manage-package-container .package-use-info .package-use-progress-bar{height:12px;background:linear-gradient(90deg,#6abffe,#387ff9);border-radius:10px}.page-mine-subscribe .manage-package-container .package-expired-info{line-height:38px;background:linear-gradient(180deg,#dae7ff,#f0f6fe);box-shadow:0 0 4px 0 rgba(180,189,241,.2);border-top:1px solid #fff;color:#f55434;padding:0 20px}.page-mine-subscribe .manage-package-container .package-expired-info .ant-checkbox-group .ant-checkbox-group-item{margin-right:6px}.page-mine-subscribe .manage-package-container .package-expired-info .ant-checkbox-group .ant-checkbox-group-item>span{color:#93a0b5;padding-left:3px}@media screen and (max-width:1466px){.page-mine-subscribe .manage-package-container li{flex:1 0 calc(50% - 8px);max-width:calc(50% - 8px)}.page-mine-subscribe .manage-package-container li:nth-child(2n){margin-right:0}.page-mine-subscribe .manage-package-container li:nth-child(odd){margin-right:16px}}