.doctor-qrcode-panel{height:100vh;position:relative;background:#3c4c69 url(http://ooso.oss-cn-hangzhou.aliyuncs.com/eb2f0040-2a8f-11ee-b8f9-a7e1d473d0df.png) no-repeat;background-size:100% 100%}.doctor-qrcode-panel .contain{position:absolute;width:332px;height:488px;background:linear-gradient(135deg,#ff9b48,#ffdbbd 35%,#eed2bb 71%,#efb381);top:26px;left:50%;transform:translateX(-50%);box-sizing:border-box;padding:7px 8px}.doctor-qrcode-panel .contain .content{background:#fff;width:100%;height:100%;display:flex;flex-direction:column}.doctor-qrcode-panel .contain .top{height:359px}.doctor-qrcode-panel .contain .bottom{flex:1}.doctor-qrcode-panel .gift-date{position:absolute;bottom:90px;right:30px;text-align:right;color:#fff}.doctor-qrcode-panel .gift-date>div:first-child{margin-bottom:3px}.doctor-qrcode-panel .info{display:flex;padding:20px 30px}.doctor-qrcode-panel .info .img{width:68px;height:68px;border-radius:50%;overflow:hidden;margin-right:15px}.doctor-qrcode-panel .info .img img{width:100%;height:100%}.doctor-qrcode-panel .info .info-detail{flex:1;display:flex;flex-direction:column;justify-content:space-around}.doctor-qrcode-panel .info .info-detail .title{display:flex;align-items:center}.doctor-qrcode-panel .info .info-detail .title .name{font-weight:700;font-size:20px;color:#1a1a1a;margin-right:10px}.doctor-qrcode-panel .info .info-detail .title .tag{padding:3px 5px;color:#fff;background:#18a370;border-radius:4px}.doctor-qrcode-panel .info .info-detail .explain{color:#595959}.doctor-qrcode-panel .pennant{padding-top:4px;display:flex;flex-direction:column;justify-content:center;align-items:center}.doctor-qrcode-panel .pennant .imgpennant{width:90%}.doctor-qrcode-panel .pennant .notice{max-width:250px;text-align:center;color:#3a4966;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:10px}.doctor-qrcode-panel .pennant .notice>div{margin-bottom:10px}.doctor-qrcode-panel .bottom{display:flex;justify-content:right;margin-right:20px;align-items:center;margin-top:40px}.doctor-qrcode-panel .bottom .qrcode img{width:52px;height:52px;margin-left:10px}.doctor-qrcode-panel .bottom .notice{text-align:right}.doctor-qrcode-panel .bottom .notice>div{color:#646464;margin-bottom:8px}