.listItem .group-name{font-size:.78rem;margin-left:.39rem}.listItem canvas{width:1.99rem!important}.nav-list{margin-bottom:.39rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-list ul{width:100%;display:block;overflow:hidden;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex}.nav-list ul li{white-space:nowrap;width:100%;margin:0 auto}.nav-list ul li a{display:block;text-align:center;color:#222;padding:.2rem .39rem;border-radius:.2rem;font-weight:500;font-size:.59rem;background-color:#ddd}.nav-list ul li a span{font-size:inherit}.nav-list ul li .router-link-active{display:block;text-align:center;color:#fff;background-color:#6789b1}.listItem{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#cfcfcf;border-radius:.2rem}.listItem .item-content{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.listItem .item-content,.listItem .item-content .user-infor{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.listItem .item-content .user-infor{overflow:hidden}.listItem .item-content .user-infor .nickname{color:#222;font-size:.59rem;max-width:8.01rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listItem .item-content .user-infor .nickname span{font-size:inherit}.listItem .item-content .user-infor .level{margin-left:.2rem;font-size:.51rem;color:#999}.listItem .func-button{height:1.17rem;width:1.17rem;border:1px solid #bbb;border-radius:50%;font-size:.78rem}.listItem .selected-green{border:1px solid #00b311;background-color:#00b311;color:#fff}.listItem .selected-red{border:1px solid #d44;background-color:#d44;color:#fff}.listItem .disabled{background-color:#bbb;color:#fff}.listItem .cancel{border:1px solid #ddd;background-color:#ddd;color:#888}.invite-group-show{display:-webkit-box;display:-ms-flexbox;display:flex;height:90%;width:100%;padding:.78rem}.invite-group-show .group-search-bar{width:100%;height:1.48rem;border:1px solid #9d9d9d;color:#9d9d9d;margin-bottom:.78rem}.invite-group-show .group-search-bar input{height:100%;background-color:#cfcfcf}.invite-group-show .area-title{font-size:.7rem;margin-bottom:.39rem}.invite-group-show .invite-group-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:50%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.invite-group-show .infinite-list{height:90%}.invite-group-show .infinite-list .infinite-list-item{height:15%}.confirm-box .confirm-infor,.invite-group-show .infinite-list .infinite-list-item .listItem .func-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.confirm-box .confirm-infor{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.confirm-box .confirm-infor .label{width:3.01rem!important}.confirm-box .confirm-infor .input-area{width:50%}.confirm-box .confirm-infor .input-area input{height:1.48rem}.creat-group{width:35.16rem!important;height:23.44rem!important}.group-detail-box{padding:.78rem;position:relative;width:100%}.group-detail-box .icon{height:.59rem;width:.59rem}.group-detail-box .group-detail-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:1.48rem;margin-bottom:.39rem}.group-detail-box .group-detail-top .group-name{font-size:.78rem;width:50%;text-align:left;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.group-detail-box .group-detail-top .group-search-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:50%;height:100%;margin-left:auto;margin-right:auto}.group-detail-box .group-detail-top .group-search-bar input{height:100%}.group-detail-box .group-detail-top .group-search-bar input,.group-detail-box .group-detail-top .group-search-bar input:focus{border:.08rem solid #8a8a8a;background-color:#ddd;color:#9c9c9c}.group-detail-box .group-detail-middle::-webkit-scrollbar{width:.16rem;margin-left:.2rem}.group-detail-box .group-detail-middle::-webkit-scrollbar-thumb{border-radius:.39rem;-webkit-box-shadow:inset 0 0 .2rem rgba(0,0,0,.2);background:rgba(0,0,0,.2)}.group-detail-box .group-detail-middle::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 .2rem rgba(0,0,0,.2);border-radius:0;background:rgba(0,0,0,.1)}.group-detail-box .group-detail-middle{max-height:14.45rem;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:auto}.group-detail-box .group-detail-middle .member-box{height:auto;width:14%;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-align:center;-ms-flex-align:center;align-items:center;padding:.23rem}.group-detail-box .group-detail-middle .member-box .name-box{font-size:.51rem;max-height:.78rem;text-overflow:ellipsis;overflow:hidden}.group-detail-box .group-detail-middle .member-box .name-box div{font-size:inherit;text-overflow:inherit}.group-detail-box .group-detail-middle .member-box .user-photo-box{padding:.2rem;height:auto;background:#aaa;border-radius:.2rem;width:80%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.group-detail-box .group-detail-middle .member-box .user-photo-box .user-photo-img{float:left;height:100%;width:100%}.group-detail-box .group-detail-middle .member-box .func-box{height:auto;width:74%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;border:1px dashed #aaa;color:#aaa;font-size:1.99rem}.group-detail-box .group-detail-below{height:40%;text-align:left;font-size:.59rem;margin-top:.39rem}.group-detail-box .group-detail-bottom{width:100%;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;bottom:.78rem;right:0}.group-detail-box .group-detail-bottom .button-social{width:30%;height:1.48rem}.group-detail-box .el-divider{background-color:#bbb;margin:0 auto}.subject-model-type-opacity.button.type-1{background:url(https://assets.19x19.com0.4) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.4)}.subject-model-type-opacity.button.type-2{background:url(https://assets.19x19.com0.5) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.5)}.subject-model-type-opacity.button.type-3{background:url(https://assets.19x19.com0.6) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.6)}.subject-model-type-opacity.button.type-4{background:url(https://assets.19x19.com0.7) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.7)}.subject-model-type-opacity.page.type-1{background:url(https://assets.19x19.com0.15) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.15)}.subject-model-type-opacity.page.type-2{background:url(https://assets.19x19.com0.25) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.25)}.subject-model-type-opacity.page.type-3{background:url(https://assets.19x19.com0.35) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.35)}.subject-model-type-opacity.page.type-4{background:url(https://assets.19x19.com0.45) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.45)}.main-body{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.main-body .group-list-show,.main-body .group-list-show .group-list{height:95%}.main-body .group-list-show .group-list .listItem .item-center{font-size:.78rem;text-align:center;margin:0 auto}.main-body .communicate-area{height:100%}.infinite-list{width:100%}