.subscription-item{background:hsla(0,0%,100%,.06);border:1px solid rgba(226,232,255,.1);border-radius:10px;box-sizing:border-box;flex-direction:column}.subscription-item,.subscription-item .header{align-items:center;display:flex;justify-content:center}.subscription-item .header{align-content:flex-start;flex-wrap:wrap;height:255px;position:relative;width:100%}.subscription-item .header:after{background-color:#272839;bottom:-1px;content:"";height:1px;left:15px;position:absolute;width:calc(100% - 30px)}.subscription-item .header .free-try{align-items:center;background:#6e657d;border-radius:8px;box-sizing:border-box;color:#fff;display:flex;font-family:Arial-Bold,Arial;font-size:12px;font-weight:400;height:26px;justify-content:center;padding:4px 10px;position:absolute;right:-15px;top:-13px}.subscription-item .header .half-discount{box-sizing:border-box;color:#fdfefd;font-family:Inter;font-size:16px;font-weight:700;height:68px;padding:0 2px;position:absolute;right:-10px;text-align:center;text-shadow:0 2px 0 rgba(0,0,0,.25);top:-20px;transform:rotate(-45deg);width:64px}.subscription-item .header .countdown-box{background-clip:padding-box,border-box;background-image:linear-gradient(90deg,hsla(0,0%,7%,.9),hsla(0,0%,7%,.9)),linear-gradient(90deg,#ffe8ac,#c38d4e);background-origin:padding-box,border-box;border:1px solid transparent;border-radius:27px;border-radius:12px;box-sizing:border-box;color:#d4a453;font-family:Inter;font-size:12px;font-weight:500;height:20px;position:absolute;right:-10px;top:37px;width:64px}.subscription-item .header .category{box-sizing:border-box;color:#fefefe;font-family:Inter-Medium,Inter;font-size:22px;font-weight:500;height:88px;line-height:40px;padding:32px 0 16px;text-align:center;width:100%}.subscription-item .header .category .category-tag{background:rgba(226,232,255,.08);border-radius:4px;color:#e2e8ff;font-size:16px;font-weight:500;padding:6px 8px}.subscription-item .header .price{align-items:center;align-items:flex-end;display:flex;height:38px;justify-content:center;margin-bottom:8px;width:100%}.subscription-item .header .price .now-amount{-webkit-text-fill-color:transparent;text-fill-color:transparent;background:linear-gradient(19.5719824062deg,#5b13f1,#ff6cb2 50%,#ffaf56);-webkit-background-clip:text;background-clip:text;font-family:Arial-Bold,Arial;font-size:32px;font-weight:700;height:100%;line-height:1;margin-right:5px}.subscription-item .header .price .now-amount.free{-webkit-text-fill-color:unset;text-fill-color:unset;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;background:initial;-webkit-background-clip:unset;background-clip:border-box;background-clip:initial;color:#fff}.subscription-item .header .price span{color:rgba(226,232,255,.55);font-family:Arial-Regular,Arial;font-size:16px;font-weight:500;height:26px;line-height:26px}.subscription-item .header .price.zh-CN .now-amount{line-height:1.1}.subscription-item .header .original-amount{color:rgba(226,232,255,.55);font-family:Arial-Regular,Arial;font-size:20px;font-weight:700;height:26px;line-height:26px;margin-bottom:6px;margin-right:7px;-webkit-text-decoration:line-through;text-decoration:line-through}.subscription-item .header .tip{color:#c5c9d9;font-family:Inter-Medium,Inter;font-size:12px;font-weight:500;height:24px;line-height:24px;margin-bottom:16px;text-align:center;width:100%}.subscription-item .header .subscription-btn{align-items:center;background:linear-gradient(105deg,#5701e4,#ff6cb2 50%,#ffaf56);border:0;border-radius:6px;color:#fff;display:flex;font-family:Arial-Bold,Arial;font-size:14px;font-weight:700;height:44px;justify-content:center;margin-bottom:18px;position:relative;width:194px;z-index:3}.subscription-item .header .subscription-btn:before{background:linear-gradient(105deg,#5701e4,#ff6cb2 50%,#ffaf56);border-radius:12px;bottom:-4px;content:"";height:52px;left:-4px;opacity:.3;position:absolute;right:-4px;top:-4px;width:202px;z-index:-1}.subscription-item .header .subscription-btn:after{background:linear-gradient(105deg,#5701e4,#ff6cb2 50%,#ffaf56);border-radius:16px;bottom:-8px;content:"";height:60px;left:-8px;opacity:.2;position:absolute;right:-8px;top:-8px;width:210px}.subscription-item .header .subscription-btn.is-disabled{opacity:.4}.subscription-item .header .switch{align-items:center;display:flex;height:24px;justify-content:center;line-height:24px;width:100%}.subscription-item .header .switch .words{color:#3f8cff;cursor:pointer;font-family:Inter-Medium,Inter;font-size:14px;font-weight:500;text-align:center}.subscription-item .explanation{border-radius:12px;flex:1;margin:0 15px;position:relative;width:calc(100% - 30px)}.subscription-item .explanation .discount{align-items:center;background:linear-gradient(98deg,rgba(202,183,255,.2),rgba(255,155,197,.2) 50%,rgba(255,202,149,.2));border-radius:999px;box-shadow:inset 0 -4px 12px 0 rgba(212,158,255,.12);display:flex;height:28px;justify-content:center;padding:0 11px;position:absolute;right:-10px;top:24px}.subscription-item .explanation .discount .words{display:inline-flex;flex:1 0 auto;font-family:PingFang SC-Semibold,PingFang SC;font-size:12px}.subscription-item .explanation .discount .number,.subscription-item .explanation .discount .words{align-items:center;background:linear-gradient(5.8853319737deg,#ceb6ff,#ff95c6 50%,#ffc78c);-webkit-background-clip:text;background-clip:text;box-sizing:border-box;color:transparent;font-weight:500}.subscription-item .explanation .discount .number{display:flex;font-family:DIN Alternate-Bold,DIN Alternate;font-size:13px;justify-content:center;margin-left:4px;text-align:center;width:100%}.subscription-item .explanation .discount .number .icon{height:20px;width:20px}.subscription-item .explanation .top{align-content:space-around;flex-wrap:wrap;padding:40px 0 0}.subscription-item .explanation .top,.subscription-item .explanation .top .stamina{align-items:center;box-sizing:border-box;display:flex;justify-content:center;width:100%}.subscription-item .explanation .top .stamina{background:rgba(226,232,255,.04);border:1px solid rgba(226,232,255,.08);border-radius:6px 6px 6px 6px;box-shadow:inset 0 0 20px 0 rgba(226,232,255,.12);color:#e2e8ff;flex-direction:column;font-family:Inter-Semi Bold,Inter;font-size:14px;font-weight:400;height:42px}.subscription-item .explanation .top .stamina .stamina-day{align-items:center;color:#989ba8;display:flex;font-size:12px;justify-content:center}.subscription-item .explanation .top .stamina .stamina-day .stamina-day-text{margin-right:-8px}.subscription-item .explanation .content{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;padding:30px 16px 0;width:100%}.subscription-item .explanation .content :nth-child(6){padding-bottom:30px;position:relative}.subscription-item .explanation .content :nth-child(6):after{background:hsla(0,0%,100%,.1);bottom:0;content:"";height:1px;left:-16px;position:absolute;width:calc(100% + 32px)}.subscription-item .explanation .content :nth-child(9){padding-top:10px}.subscription-item .explanation .content .item-terms{color:rgba(226,232,255,.75);display:flex;font-family:Arial-Regular,Arial;font-size:14px;font-weight:400;line-height:20px;margin-bottom:20px;width:100%}.subscription-item .explanation .content .item-terms .words-div{word-break:break-word}.subscription-item .explanation .content .item-terms .icon-div{height:100%;margin-right:10px;width:16px}.subscription-item .explanation .content .item-terms .icon-div .icon{font-size:16px}.subscription-item .explanation .content .item-terms .icon-div .icon.el-icon-check{color:#79f9e2}.subscription-item .explanation .content .item-terms .icon-div .icon.el-icon-close{color:#e98080}.subscription-item>.subscription-btn{align-items:center;background:linear-gradient(105deg,#5701e4,#ff6cb2 50%,#ffaf56);border:0;border-radius:6px;color:#fff;display:flex;font-family:Arial-Bold,Arial;font-size:14px;font-weight:700;height:44px;justify-content:center;margin:26px 0 40px;position:relative;width:194px;z-index:3}.subscription-item>.subscription-btn:before{border-radius:12px;bottom:-4px;height:52px;left:-4px;opacity:.3;right:-4px;top:-4px;width:202px;z-index:-1}.subscription-item>.subscription-btn:after,.subscription-item>.subscription-btn:before{background:linear-gradient(105deg,#5701e4,#ff6cb2 50%,#ffaf56);content:"";position:absolute}.subscription-item>.subscription-btn:after{border-radius:16px;bottom:-8px;height:60px;left:-8px;opacity:.2;right:-8px;top:-8px;width:210px}.subscription-item>.subscription-btn.is-disabled{opacity:.4}.mall-explain-popup,.subscription-item .help{margin-left:10px}.subscription{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;height:100%;justify-content:center;width:100%}.subscription::-webkit-scrollbar{height:4px}.subscription>.top{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;margin:5px 0 19px;width:100%}.subscription>.top .title{color:#fff;font-family:Arial-Bold,Arial;font-size:56px;font-weight:700;height:60px;line-height:60px;margin-bottom:5px;text-align:center;width:100%}.subscription>.top .desc{color:#d0d3dc;font-family:Arial-Regular,Arial;font-size:18px;height:26px;line-height:26px;text-align:center;width:100%}.subscription>.top .subscription-methods{align-items:center;background-clip:padding-box,border-box;background-image:linear-gradient(90deg,#37323f,#37323f),linear-gradient(90deg,#3271cc,#0fffff);background-origin:padding-box,border-box;background:#18182c;border:1px solid transparent;border-radius:12px;border-radius:100px;box-sizing:border-box;display:flex;flex-wrap:wrap;height:66px;justify-content:center;justify-content:space-between;padding:5px}.subscription>.top .subscription-methods .monthly,.subscription>.top .subscription-methods .weekly,.subscription>.top .subscription-methods .yearly{align-items:center;background:transparent;border-radius:100px;color:#a0aec0;cursor:pointer;display:flex;font-family:Arial-Regular,Arial;font-size:14px;font-weight:500;height:54px;justify-content:center;min-width:270px;padding:0 20px;width:auto;z-index:3}.subscription>.top .subscription-methods .monthly.active,.subscription>.top .subscription-methods .weekly.active,.subscription>.top .subscription-methods .yearly.active{background:linear-gradient(110deg,#5b13f1,#ff6cb2,#ffaf56);border-radius:100px;color:#fff;font-weight:700;position:relative}.subscription>.top .subscription-methods .monthly.active:after,.subscription>.top .subscription-methods .weekly.active:after,.subscription>.top .subscription-methods .yearly.active:after{background:#2f2143;border-radius:inherit;border-radius:100px;bottom:1px;content:"";left:1px;position:absolute;right:1px;top:1px;z-index:-1}.subscription>.top .subscription-methods .yearly .discount{align-items:center;background:rgba(52,81,125,.2);background:hsla(0,0%,100%,.3);border-radius:27px;color:#fff;display:flex;font-family:Arial-Bold,Arial;font-size:14px;font-weight:700;height:29px;justify-content:center;margin-left:7px;min-width:141px;padding:0 10px;width:auto}.subscription>.top .subscription-methods .yearly .discount .img{height:16px;margin-bottom:2px;margin-left:3px;-o-object-fit:cover;object-fit:cover;width:16px}.subscription .middle{background:hsla(0,0%,100%,.1);border-radius:12px;display:flex;flex-wrap:wrap;height:222px;justify-content:center;margin:5px 0;width:336px}.subscription .middle .celebrate{font-size:68px;margin-top:18px;text-align:center;width:100%}.subscription .middle .tip{font-family:Inter-Semi Bold,Inter;font-size:16px;font-weight:400;height:32px;text-align:center;width:100%}.subscription .middle .tip .u-sub{color:hsla(0,0%,94%,.7)}.subscription .middle .tip .level{color:#fcfcfc}.subscription .middle .manage-sub{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;color:#fcfcfc;display:flex;font-family:Inter-Bold,Inter;font-size:14px;font-weight:700;height:48px;justify-content:center;width:248px}.subscription .bottom{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;margin-top:19px;width:100%}.subscription .bottom .subscription-contents{align-items:flex-start;display:flex;justify-content:center;width:100%}.subscription .bottom .subscription-contents .subscription-item{flex:1;margin:0 10px;max-width:340px;min-width:180px}