.integral{min-height:100%;background:#f5f6ff}.integral .integralNav{background:#fff;height:44px;position:relative}.integral .integralNav .navLeft{width:24px;height:24px;position:absolute;left:16px;bottom:10px}.integral .integralNav .navTitle{position:absolute;left:50%;bottom:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:17px;font-weight:700;color:#404247}.integral .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}.integral .content .topCard p{font-size:13px;color:#999;line-height:18px;text-align:center}.integral .content .topCard h1{font-size:32px;color:#333;text-align:center;margin:8px 0 0;line-height:45px;height:45px}.integral .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}.integral .content .topCard .topMid div p{font-size:13px;color:#999}.integral .content .topCard .topMid div span{font-size:18px;font-weight:700;color:#333;margin-top:8px;display:inline-block}.integral .content .topCard button{height:44px;background:#5853e9;border-radius:22px;border:none;font-size:16px;font-weight:700;color:#fff}.integral .loading{text-align:center;position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%}.integral .loading img{width:35%;margin-top:65%}