.page-passcard{position:relative;padding:2.4rem 0 .4rem}.page-passcard.loading{display:flex;align-items:center;justify-content:center}.page-passcard.loading .loading-text{color:#313539}.header{position:absolute;z-index:-1;top:0;left:0;width:100vw;height:9.0133333333rem;padding-top:.5333333333rem;background-color:#0080ff;background-image:linear-gradient(rgba(255,255,255,.3764705882),rgba(255,255,255,.1882352941));border-radius:0 0 5.3333333333rem 5.3333333333rem}.header .logo{display:block;margin:0 auto;height:1.3333333333rem}.card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;margin:0 .2666666667rem;padding:.5333333333rem 0 .2666666667rem;background-color:#fff;border-radius:.16rem;box-shadow:0 3px 5px rgba(0,0,0,.063)}.card .title{margin:0;color:#0080ff;font-size:.4266666667rem}.card .fields{align-self:stretch;margin-top:.2666666667rem}.card .fields .item{display:flex;align-items:center;justify-content:center;height:1.0666666667rem;border-top:1px solid #e2e3e4}.card .fields .item:last-child{border-bottom:none}.card .fields .item .label{font-size:.3733333333rem}.card .fields .item .value{font-size:.4rem;font-weight:700}.card .time{margin:.2666666667rem 0 0;color:#313539;font-size:.64rem}.card .qrcode{width:2.6666666667rem;height:2.6666666667rem;margin-top:.1333333333rem;background-color:#f1f2f3;border-radius:.2666666667rem}.card .qrcode img{display:block;width:2.6666666667rem;height:2.6666666667rem}.card .code-info{margin:.35rem 0 .2rem;font-size:.5333333333rem}.card .van-notice-bar{align-self:stretch;margin:.2rem .2rem 0}.card .vaccines-tip{margin:.4rem 0 0;color:#717579;font-size:.4266666667rem}.card .vaccines-tip b{color:#0080ff}.card .vaccines-tip.warning{color:#c00}.boxes{display:flex;align-items:stretch;margin:.2666666667rem}.boxes .nucleic-acid{display:flex;flex-direction:column;align-items:center;flex:1;margin-right:.2666666667rem;padding:.3733333333rem;border-radius:.2666666667rem;background-color:#999}.boxes .nucleic-acid[data-result=negative]{background-image:linear-gradient(to bottom right,#1abc9c,#2ecc71);box-shadow:0 3px 5px rgba(46,204,113,.5)}.boxes .nucleic-acid[data-result=positive]{background-image:linear-gradient(to bottom right,#eb4d4b,#f0932b);box-shadow:0 3px 5px #f0932b}.boxes .nucleic-acid[data-result=unknown]{background-image:linear-gradient(to bottom right,#ffbe76,#f6e58d)}.boxes .nucleic-acid[data-expired=true]{background-image:linear-gradient(to bottom right,#777,#999);box-shadow:0 3px 5px #999}.boxes .nucleic-acid .title{color:#fff;font-size:.3733333333rem}.boxes .nucleic-acid .result{display:flex;flex:1;align-items:center;justify-content:space-between;margin-top:.1333333333rem}.boxes .nucleic-acid .period{display:flex;flex-direction:row;color:#fff;font-size:.5333333333rem;font-weight:500;align-items:center}.boxes .nucleic-acid .period .r{display:flex;flex-direction:column}.boxes .nucleic-acid .text{color:#fff;font-size:1.3333333333rem;font-weight:400;padding-right:.2666666667rem}.boxes .nucleic-acid .btn-view{display:flex;align-items:center;justify-content:center;height:.7466666667rem;margin-top:.1333333333rem;background-color:transparent;border:1px solid #fff;border-radius:.4266666667rem;outline:none;color:#fff;font-size:.32rem;padding:0 .5rem}.boxes .trips{display:flex;flex-direction:column;flex:1;margin-left:.1333333333rem;padding:.3733333333rem;background-color:#fff;box-shadow:0 3px 5px rgba(0,0,0,.063);border-radius:.2666666667rem}.boxes .trips .title{color:#515559;font-size:.3733333333rem}.boxes .trips .desc{margin-top:.2666666667rem;font-size:.3733333333rem;color:#717579}.boxes .trips .applyBtn{margin-top:.2666666667rem}.boxes .trips .btn-view{display:flex;align-items:center;justify-content:center;height:.7466666667rem;margin-top:.1333333333rem;background-color:transparent;border:1px solid #717579;border-radius:.4266666667rem;outline:none;color:#515559;font-size:.32rem}.nucleic-acid-time{display:flex;align-items:center;justify-content:space-between;margin:.2666666667rem;padding:.3733333333rem;background-color:#fff;box-shadow:0 3px 5px rgba(0,0,0,.063);border-radius:.16rem}.nucleic-acid-time .left{display:flex;flex-direction:column}.nucleic-acid-time .left .title{color:#313539;font-size:.4rem;font-weight:500}.nucleic-acid-time .left .time{margin-top:.1066666667rem;color:#0080ff;font-size:.3733333333rem}.nucleic-acid-time .left .time.expired{color:#f90}.nucleic-acid-time .right{display:flex;flex-direction:column;padding:.2666666667rem .5333333333rem;background:rgba(0,128,255,.1254901961);border-radius:.16rem;color:#0080ff}.nucleic-acid-time .right.expired{background:rgba(255,153,0,.1882352941);color:#f90}.nucleic-acid-time .right .title{font-size:.32rem}.nucleic-acid-time .right .time{display:flex;align-items:flex-end;margin-top:.0533333333rem}.nucleic-acid-time .right .time b{margin-right:.08rem;font-size:.48rem}.nucleic-acid-time .right .time small{margin-right:.08rem;font-size:.3466666667rem}.entries{display:flex;align-items:center;justify-content:space-between;margin:.2666666667rem;padding:.5333333333rem 0;background-color:#fff;box-shadow:0 3px 5px rgba(0,0,0,.063);border-radius:.16rem}.entries a{display:flex;flex-direction:column;align-items:center;flex:1}.entries a img{width:.64rem}.entries a span{margin-top:.16rem;color:#515559;font-size:.32rem}.notice-swipe{height:40px;line-height:40px}.footer{display:flex;align-items:center;justify-content:center;margin-top:.4266666667rem}.footer a{margin:0 .2666666667rem;color:#515559;font-size:.3733333333rem}.footer a.active{color:#0080ff;font-weight:500}