.redPacketDetail{min-height:100%;background:#f5f6ff}.redPacketDetail .redPacketDetailNav{background:#fff;height:44px;position:relative}.redPacketDetail .redPacketDetailNav .navLeft{width:24px;height:24px;position:absolute;left:16px;bottom:10px}.redPacketDetail .redPacketDetailNav .navTitle{position:absolute;left:50%;bottom:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:17px;font-weight:700;color:#404247}.redPacketDetail .content .topCard{background:#fff;border-radius:12px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:30px 15px;margin:10px 16px 0}.redPacketDetail .content .topCard p{font-size:14px;color:#999;text-align:center;margin-bottom:6px}.redPacketDetail .content .topCard h2{font-size:26px;color:#333;text-align:center;margin:0}.redPacketDetail .content .card{margin:10px 16px 0;background:#fff;border-radius:12px;padding:24px}.redPacketDetail .content .card h3{font-size:15px;color:#333;margin:0;padding-bottom:8px}.redPacketDetail .content .card .item{margin-top:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.redPacketDetail .content .card .item p{font-size:14px;color:#999;-ms-flex-negative:0;flex-shrink:0;margin-right:15px}.redPacketDetail .content .card .item span{font-size:14px;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:right}.redPacketDetail .content .card .item span img{width:16px;height:16px}