.home-topbar{z-index:2;width:100%;position:fixed;top:0;left:0}.invite{position:relative;background-color:#f8f8f8;min-height:100%;color:#111}.invite .no-data{padding:.625rem 0;text-align:center;color:#7c7286;font-size:.375rem}.invite .no-data img{width:7.5rem}.invite-banner{background:#3146dc;height:12.5rem;width:100%;position:absolute;left:0;top:0}.invite .content{max-width:45rem;min-width:37.5rem;margin:0 auto;position:relative;z-index:1}.invite .explain{color:#fff;padding-top:3.125rem;text-align:center}.invite .explain .strong{font-size:1.25rem}.invite .explain .strong span{display:inline-block;padding:.125rem .5rem;background:#fff;color:#3146dc;font-size:.4375rem;vertical-align:top;margin-left:.3125rem;border-radius:.0625rem;position:relative}.invite .explain .strong span:before{content:"";display:inline-block;border:.09375rem solid #fff;border-left-color:transparent;border-right-color:transparent;border-top-color:transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:-.0625rem;top:-.09375rem}.invite .explain .strong img{width:5rem;height:1.25rem}.invite .explain .strong .en{height:1.25rem;width:10.3125rem}.invite .explain .step{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:26.875rem;margin:.9375rem auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.invite .explain .step img{width:1.6875rem;height:1.6875rem;margin-bottom:.5rem}.invite .explain .step div{font-size:.375rem;max-width:6.875rem;min-height:1.25rem}.invite .explain .step .next-arrow{font-size:.75rem}.invite-main{padding:1.25rem;background:#fff;border-radius:.125rem;min-height:28.125rem}.invite-left{width:65%;display:inline-block}.invite-left .top{padding:1rem .75rem;border:.03125rem solid #f1f1f1;border-radius:.15625rem;margin-bottom:1.25rem}.invite-left .bottom .title{font-size:.625rem;font-weight:600;margin-bottom:.5rem}.invite-left .statis-item{display:inline-block;font-size:.4375rem;margin-bottom:.5rem}.invite-left .statis-item .title{color:#999}.invite-left .statis-item .copy{color:#1346ff;display:inline-block;margin-left:.4375rem;cursor:pointer}.invite-left .statis-item .green{color:#0dca88;font-size:1.25rem}.invite-left .statis-item .gray{color:#999}.invite-left .fr{float:right;margin-top:.75rem}.invite-left .list{width:100%;border:.03125rem solid #f1f1f1;border-radius:.125rem .125rem 0 0;margin-bottom:.5rem}.invite-left .list span{display:inline-block;text-align:center}.invite-left .list-head{height:1.5rem;color:#999;line-height:1.5rem;font-size:.375rem;border-bottom:.03125rem solid #f1f1f1}.invite-left .list .item{height:2.1875rem;line-height:2.1875rem;color:#111;font-size:.4375rem;border-top:.03125rem solid #f1f1f1}.invite-left .list .item:first-child{border-top:none}.invite-left .list .activation{width:20%;text-align:right;padding-right:.75rem;height:100%}.invite-left .list .people{width:50%;height:100%}.invite-left .list .time{width:30%;text-align:left;padding-left:.75rem;height:100%}.invite-right{border-radius:.25rem;width:32%;display:inline-block;vertical-align:top;float:right}.invite-right .top{border:.03125rem solid #f1f1f1}.invite-right .operat{height:3rem;line-height:3rem;font-size:.4375rem;border-bottom:.03125rem solid #f1f1f1;padding:0 .75rem}.invite-right .operat:last-child{border-bottom:none}.invite-right .operat img{width:1.5rem;height:1.5rem;vertical-align:middle}.invite-right .operat span{margin-left:.5rem}.invite-right .operat .go{float:right;color:#999;cursor:pointer}.invite-right .operat .go:hover{color:#1346ff}.invite-right .title{font-size:.625rem;color:#111;margin:1.1875rem 0 .5rem;font-weight:600}.invite-right .rules{border:.03125rem solid #f1f1f1;padding:.75rem}.invite-right .rules p{font-size:.375rem;line-height:.8125rem}.invite-right .tip{font-size:.375rem;color:#999;margin-top:.375rem;line-height:.5rem}.click-btn{display:inline-block;padding:0 .625rem;height:1.25rem;font-size:.4375rem;text-align:center;line-height:1.25rem;border-radius:.125rem;color:#fff;cursor:pointer;background:#1346ff}.click-btn:hover{background:rgba(19,70,255,.9);color:#fff}.click-btn:focus{background:#0638ea;color:#fff}.el-dialog{text-align:center;width:15.625rem}.el-dialog .phone-bg{background:url(../../platform/img/phone-bg.fc729fb9.png);background-size:100% 100%;width:10.625rem;margin:0 auto;padding:1.875rem .375rem 2.03125rem .375rem}.el-dialog .el-dialog__body{padding-top:.625rem}.el-dialog .click-btn{margin-top:.625rem;padding:0 1.875rem;-webkit-box-shadow:none;box-shadow:none}.el-dialog .el-dialog__title,.el-pager li{font-size:.5rem}.el-pager li{color:#999}.el-pager li.active{color:#1346ff}.el-pagination button:disabled{color:#999}@media screen and (max-width:1200px){.invite .content{width:100%;min-width:100%}.invite .invite-right{width:40%}.invite .invite-left{width:56%}}@media screen and (max-width:992px){.invite-main{min-height:30rem}.invite .content{width:100%;min-width:100%}.invite .explain .step{width:90%}.invite .invite-right{width:100%}.invite .invite-right .top{display:none}.invite .invite-left{width:100%}.home-topban-nav ul li{padding-left:.8125rem}}@media screen and (max-width:750px){.invite .home-topbar{display:none}.invite-main{padding:.625rem .3125rem;min-height:34.375rem}.invite .explain{padding-top:1.5625rem}.invite .explain .step{margin:.9375rem autos;width:90%}.invite .explain .step img{width:.9375rem;height:.9375rem}.invite .explain .step .item{max-width:3.125rem;font-size:.375rem}.invite .explain .step div{min-height:2.5rem}.invite-left .list .item{font-size:.375rem}.invite-left .list .time{padding-left:.3125rem;width:40%;overflow:hidden}.invite-left .list .activation{padding-right:.3125rem;width:20%;overflow:hidden}.invite-left .list .people{width:40%;overflow:hidden}.invite-left .statis-item{display:block}.invite-left .fr{float:none}.invite-left .top{padding:.5rem .375rem}.invite-left .statis-item .green{font-size:.9375rem}.el-dialog{width:80%}.el-dialog .phone-bg{width:5.625rem;padding:1.25rem .3125rem}}