.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)}.social-panel{width:100%;height:100%}.social-panel .engine-use-content-common,.social-panel .engine-use-content-common .nav-item{display:-webkit-box;display:-ms-flexbox;display:flex}.social-panel .engine-use-content-common .nav-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#333;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:2.5rem;height:2.5rem;padding:.2rem}.social-panel .engine-use-content-common .nav-item span{font-size:.51rem}.social-panel .engine-use-content-common .nav-item .nav-item-icon{width:1.02rem;height:1.02rem}.social-panel .engine-use-content-common .nav-selected{background-color:#cfcfcf}.social-panel .main-box{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:1.95rem;width:85%;height:30rem;margin-left:auto;margin-right:auto}.social-panel .main-box .main-body{height:100%}.social-panel .main-box .main-body .right-area{width:60%;height:100%;margin-left:.78rem;border-radius:.2rem;background-color:#cfcfcf}.social-panel .icon-box{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.social-panel .icon-box .icon{height:.7rem;width:.7rem}.social-panel .list-show{width:45%}.social-panel .itemSelected{background-color:#5776ab!important}.social-panel .itemSelected .item-content,.social-panel .itemSelected .level,.social-panel .itemSelected .nickname{color:#fff!important}.social-panel .infinite-list-item{height:11%;padding-bottom:.39rem}.social-panel .infinite-list-item .listItem{width:98%;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;margin-bottom:.39rem;padding:.2rem;height:100%;margin-left:auto;margin-right:auto}.social-panel .infinite-list-item .listItem .user-photo-box{padding:.2rem;height:100%;background:#aaa;margin-right:.31rem;border-radius:.2rem;width:auto;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.social-panel .infinite-list-item .listItem .user-photo-box .user-photo-img{float:left;height:100%;width:auto}.social-panel .infinite-list-item .listItem .item-content{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.social-panel .funcArea,.social-panel .infinite-list-item .listItem .item-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.social-panel .funcArea{color:#222;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.social-panel .funcAreaSelect{color:#fff!important;background-color:inherit}.social-panel .funcAreaSelect .button-grey{background-color:#6789b1;border-color:#6789b1}.social-panel .icon-close{color:inherit;font-weight:700;margin-left:.78rem}.social-panel .le-confirm-title{display:none!important}.social-panel .confirm-box{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;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:8.44rem;margin:0 auto}.social-panel .confirm-box .confirm-infor{margin-top:2.27rem;font-size:.82rem;color:#222;width:100%;text-align:center}.social-panel .confirm-box .confirm-bottom{width:13.87rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1.25rem}.social-panel .confirm-box .confirm-bottom .button-confirm{width:6.45rem;height:1.6rem;border:1px solid #efefef;background-color:#efefef;font-size:.74rem}.social-panel .infinite-list{overflow:auto;height:90%}.social-panel .infinite-list::-webkit-scrollbar{width:.16rem;margin-left:.2rem}.social-panel .infinite-list::-webkit-scrollbar-thumb{border-radius:.39rem;-webkit-box-shadow:inset 0 0 .2rem rgba(0,0,0,.2);background:rgba(0,0,0,.2)}.social-panel .infinite-list::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 .2rem rgba(0,0,0,.2);border-radius:0;background:rgba(0,0,0,.1)}.social-panel .button-social{width:3.98rem;height:1.29rem;border-radius:.2rem;text-align:center}.social-panel .button-orange{background-color:#e6a23c;color:#fff;border-color:#e6a23c}.social-panel .button-grey{background-color:#ddd;color:inherit;border:1px solid #ddd}.social-panel .button-white{background-color:#fff;color:inherit;border:1px solid #fff}.social-panel .button-red{background-color:#d44;color:#fff;border:1px solid #d44}.social-panel .button-blue{background-color:#547dad;color:inherit;border:1px solid #547dad}.social-panel .button-green{background-color:#508c47;color:inherit;border:1px solid #508c47}