.redPacket{min-height:100%;background:#f5f6ff}.redPacket .redPacketNav{background:#fff;height:44px;position:relative}.redPacket .redPacketNav .navLeft{width:24px;height:24px;position:absolute;left:16px;bottom:10px}.redPacket .redPacketNav .navTitle{position:absolute;left:50%;bottom:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:17px;font-weight:700;color:#404247}.redPacket .content .topCard{background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:24px 20px}.redPacket .content .topCard p{font-size:13px;color:#999;line-height:18px;text-align:center}.redPacket .content .topCard h1{font-size:32px;color:#333;text-align:center;margin:8px 0 0;line-height:45px;height:45px}.redPacket .content .topCard .topMid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:32px 0}.redPacket .content .topCard .topMid div{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.redPacket .content .topCard .topMid div p{font-size:13px;color:#999}.redPacket .content .topCard .topMid div span{font-size:18px;font-weight:700;color:#333;margin-top:8px;display:inline-block}.redPacket .content .topCard .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.redPacket .content .topCard .btn button{-webkit-box-flex:1;-ms-flex:1;flex:1;height:44px;background:#5853e9;border-radius:22px;border:none;font-size:16px;font-weight:700;color:#fff}.redPacket .content .topCard .btn button:first-child{background:#fff;color:#5853e9;border:1px solid #5853e9;margin-right:15px}.redPacket .loading{text-align:center;position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%}.redPacket .loading img{width:35%;margin-top:65%}