.mobile-invitation{width:100%;background:#f5f7fa;height:100vh}.mobile-invitation .container{padding:20px;max-width:680px;margin:0 auto;border-radius:4px}.mobile-invitation .container .error{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:72px;max-width:640px;background:#fff;padding:40px 20px;margin:0 auto}.mobile-invitation .container .error i{color:red;font-size:72px}.mobile-invitation .container .error .text{color:rgba(0,0,0,.85);margin-top:24px;font-size:24px}.mobile-invitation .container .error .expired,.mobile-invitation .container .error .refuse{color:rgba(0,0,0,.45);font-size:14px;margin-top:24px}.mobile-invitation .container .error .expired{text-indent:2em;line-height:22px}.mobile-invitation .container .error .ant-btn{max-width:125px;width:100%;margin-top:24px;padding:0 20px}.mobile-invitation .container .content{background:#fff;padding:32px}.mobile-invitation .container .content .title{color:rgba(0,0,0,.85);font-size:24px;text-align:center;margin-bottom:24px}.mobile-invitation .container .content .ant-row{margin-bottom:24px}.mobile-invitation .container .content .ant-row>div:first-child{color:rgba(0,0,0,.85);font-size:14px;text-align:right}.mobile-invitation .container .content .ant-row i{color:#faad14;margin-right:8px}.mobile-invitation .container .content .ant-row .ant-btn{max-width:125px;width:100%}.mobile-invitation .container .content .ant-row .ant-btn+.ant-btn{margin-left:21px}.mobile-invitation .head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#fff;padding:9px 16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile-invitation .head .logo{width:24px;height:24px;vertical-align:top;margin-right:7px;border-style:none}.mobile-invitation .head .title{font-size:18px;font-weight:500;color:#000}.mobile-invitation .head .user-msg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile-invitation .head .user-msg .ant-avatar{margin-right:8px;cursor:pointer}.mobile-invitation .head .user-msg .text{color:rgba(0,0,0,.65);font-size:14px}.invitation .ant-modal-footer{text-align:center}.invitation .ant-modal-footer .ant-btn{color:#108ee9;border:none;font-size:18px}.invitation .ant-modal-content .content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.invitation .ant-modal-content .content,.invitation .ant-modal-content .content .icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.invitation .ant-modal-content .content .icon{width:104px;height:104px;background-color:#108ee9;border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.invitation .ant-modal-content .content .icon i{font-size:70px;color:#fff}.invitation .ant-modal-content .content .title{font-size:18px;color:#000;margin-top:24px}.invitation .ant-modal-content .content .text{color:#888;font-size:15px;margin-top:10px}