.vip-pop-win{background-color:#fff;position:fixed;z-index:100000;bottom:0;left:0;right:0;border-radius:.2rem .2rem 0 0;min-height:60vh;padding:.2rem}.btn-vip-result-outline{font-size:.32rem}.title-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.2rem}.title-bar i{font-size:.32rem}.qa-items{height:2.2rem;margin-bottom:.2rem;overflow-y:auto}.qa-item{margin-bottom:.2rem}.qa-item .question{font-size:.28rem;font-weight:700;margin-bottom:.1rem;color:#666}.qa-item .answer{font-size:.24rem;color:#999}.result-container .result-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.result-container .result-content span{margin-bottom:.4rem}.result-container .result-content i{font-size:1.5rem;margin:.6rem 0;color:#8bc34a}.result-container .btn-group{display:flex;align-items:center;justify-content:center}.result-container .btn-group .btn{min-width:2.4rem;margin:.1rem;padding:.2rem;text-align:center}.split-line,.line{width:100%;height:.01rem;margin:.2rem 0}.line{background:#cacaca}.title{font-size:.32rem;font-weight:700}.vip-container .btn{height:.96rem;display:flex;justify-content:center;align-items:center;font-size:.32rem;font-family:HelveticaNeue-Medium,HelveticaNeue;font-weight:500;line-height:.38rem}.vip-container .vip-list{margin-top:.3rem}.vip-container .vip-list .vip-item{cursor:pointer;margin-bottom:.1rem;padding:.1rem;border:solid .02rem #e2e2e2;display:flex;align-items:center}.vip-container .vip-list .vip-item i{color:#b5b5b5}.vip-container .vip-list .vip-item.disabled{cursor:not-allowed;background:#eee;border-color:#eee}.vip-container .vip-list .vip-item.current{cursor:not-allowed;background:#fffad0;border-color:#fffad0}.vip-container .vip-list .vip-item.active{border-color:#3b5998}.vip-container .vip-list .vip-item.active .chapter-number{color:red}.vip-container .vip-list .vip-item.active i{color:#673ab7}.vip-container .vip-list .vip-item .level-label,.vip-container .vip-list .vip-item .chapter-number{font-weight:700;margin:0 .1rem}.vip-container .vip-list .vip-item .trial-info{flex:1;display:flex;justify-content:flex-end;line-height:.16rem;font-size:.12rem;align-items:center;color:#ff9800}.vip-container .vip-list .vip-item .trial-info i{font-size:.16rem;color:#ff9800}.vip-container .vip-list .vip-item .spacer{flex:1}.vip-container .vip-list .vip-item .current-info{display:flex;justify-content:flex-end;line-height:.16rem;font-size:.12rem;margin:0 .1rem;align-items:center;color:#87df87}.vip-container .vip-list .vip-item .current-info i{font-size:.2rem;color:#87df87}.vip-container .pay-list{margin-top:.1rem;display:flex}.vip-container .pay-list .pay-check-btn{width:1.5rem;height:1.2rem;margin:.15rem .15rem .15rem 0;background:#f3f4f7;border-radius:.04rem;border:.01rem solid rgba(8,12,25,.1);font-size:.18rem;font-weight:500;color:#080c19;align-items:center;justify-content:center;display:flex;flex-direction:column;cursor:pointer}.vip-container .pay-list .pay-check-btn .current-icon{width:100%;height:100%;align-items:center;justify-content:center;display:flex}.vip-container .pay-list .pay-check-btn .current-icon .coin-img{font-size:.32rem}.vip-container .pay-list .pay-check-btn .pay-text{width:100%;height:.5rem;color:#080c19;align-items:center;justify-content:center;display:flex;border-top:.01rem solid rgba(8,12,25,.1)}.vip-container .pay-list .pay-check-btn.checked{border-radius:.04rem;border:.02rem solid #3b5998}.vip-container .pay-list .pay-check-btn.checked .pay-text{color:#f3f4f7;background-color:#3b5998}
