.page.card,html.annualCardAdd,html.annualCardAdd body,html.annualCardAdd body .appContainer{height:100%}.page.card{background:#fff;width:100%;padding:0 1.39rem}.page.card .annual.type{width:100%;height:1.5rem;margin-top:1rem;font-size:13px;-ms-flex-negative:0;flex-shrink:0}.page.card .annual.type .Type{width:2rem}.page.card .annual.type .annualType{width:60%}.page.card .annual.type .annualType .annualTypeBtn{width:2.13rem;height:.85rem;border-radius:1rem;border:1px solid #e5e5e5}.page.card .annual.type .annualType .annualTypeBtn.active{background:#ff6c31;color:#fff;border-color:#ff6c31}.page.card .annual.type .annualType .annualTypeBtn+.annualTypeBtn{margin-left:.32rem}.page.card .annual.kh{margin-top:.3rem;width:100%;padding:10px 0;border-bottom:.5px solid #e5e5e5;-ms-flex-negative:0;flex-shrink:0}.page.card .annual.kh.focus{border-bottom-color:#ffab00}.page.card .annual.btn{margin-top:.75rem;height:1.1rem;line-height:1.1rem;font-size:13px;background:#e5e5e5}.page.card .annual.btn.active{background:linear-gradient(45deg,#ffbd24,#ffab00);border-color:#ffbd24;color:#fff}.page.card .tip{color:#999;margin-top:.75rem;line-height:1.7}.annual-card-list{padding:.34667rem 0}.annual-card-list .annual-card-item{color:#fff;margin:0 auto .34667rem;padding:.41333rem .42667rem;width:9.12rem;height:3.25333rem;background-image:url(../img/img_niankabg_list.1ed16651.png);background-repeat:no-repeat;background-size:contain}.annual-card-list .annual-card-item .content-wrap .content{max-width:90%}.annual-card-list .annual-card-item .content-wrap .content .title{font-size:16px;margin-bottom:.30667rem}.annual-card-list .annual-card-item .content-wrap .content .content-info,.annual-card-list .annual-card-item .content-wrap .content .expiry-date{color:hsla(0,0%,100%,.7)}.annual-card-list .annual-card-item .content-wrap .arrow{width:8px;height:8px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.annual-card-list .annual-card-item .use{margin-top:.4rem}.annual-card-list .annual-card-item .use .dot{display:inline-block;margin-right:5px;width:6px;height:6px;background:#0f0;border-radius:50%}.annual-card-list .annual-card-item .use .dot-grey{background:#606266}.annual-card-list .annual-card-item .use .expiry-date{margin-left:.53333rem;color:#0e31c7}.annual-card-list .annual-card-item .use .overdue-date{color:#303133}.annual-card-list .annual-card-item.expire{background-image:url(../img/img_niankabg_list_expire.ba5f9537.png)}