.m-join{width:233px;height:352px;position:fixed;right:0;bottom:0}.m-join .join-content{width:209px;height:107px;border-radius:24px;background:#fff;margin:0 auto;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}.m-join .join-content .text{font-size:14px;font-weight:400;letter-spacing:0;color:#383838;padding:12px 0}.m-join .join-content .qq{cursor:pointer;width:185px;height:50px;background:#4080ff;font-size:18px;font-weight:700;letter-spacing:0;line-height:50px;color:#fff;text-align:center;border-radius:16px}.m-join .triangle{width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:13px solid #fff;margin:0 auto}.m-join .join-img{width:224px;height:224px}.db{display:block}.none{display:none}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.grid{display:grid}.ps{position:static}.pr{position:relative;*zoom:1}.pa{position:absolute}.pf{position:fixed}.fl{float:left}.fl,.fr{*display:inline}.fr{float:right}.clearfix{*zoom:1}.clearfix:after{content:"";display:table;clear:both}.u-msg-yellow{color:#8a6d3b;background-color:#fcf8e3;border:1px solid #faebcc;padding:8px 14px 8px 14px;text-shadow:0 1px 0 hsla(0,0%,100%,.5);border-radius:4px}.flex-column{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;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flex-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-voice .u-voice{gap:10px}.global-voice .u-voice,.global-voice .u-voice-status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.global-voice .u-voice-status{font-size:12px;line-height:inherit;height:auto;color:#999}.global-voice .u-voice-status svg{height:28px;fill:#999}.global-voice .u-voice-status.isNormal{color:#3d454d}.global-voice .u-voice-status.isNormal img,.global-voice .u-voice-status.isNormal svg{fill:#3d454d;width:36px;height:16px}.global-voice .u-voice-status.isReady{color:#49c10f}.global-voice .u-voice-status.isReady svg{fill:#49c10f}.global-voice .u-voice-status.isChecking{color:#f7b500}.global-voice .u-voice-status.isChecking svg{fill:#f7b500}.global-voice .u-voice-status.isReject{color:#c00}.global-voice .u-voice-status.isReject svg{fill:#c00}.global-voice .u-voice-name{-webkit-box-flex:1;-ms-flex:1;flex:1}.global-voice .u-voice-name .el-input-group__prepend{width:200px;overflow:hidden}.global-voice .u-voice-name .u-slug{-webkit-transform:scale(.8);transform:scale(.8);-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.is-selected-mark{overflow:hidden;border-color:#0366d6}.is-selected-mark:before{background-color:#aaa;width:36px;height:36px;top:-18px;left:-18px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.is-selected-mark:after,.is-selected-mark:before{content:"";display:block;position:absolute}.is-selected-mark:before{background-color:#359}.is-selected-mark:after{content:"\e6da";font-family:element-icons!important;color:#fff;left:0;top:0;z-index:1}.isQuality-2{color:#00d24b}.isQuality-3{color:#007eff}.isQuality-4{color:#ff2dff}.isQuality-5{color:orange}.isFont-101,.isFont-105{color:#00d24b}.isFont-100{color:#ff0}.m-qqbot{width:100%;border-radius:16px;background:-webkit-gradient(linear,left top,left bottom,from(#383838),to(#000));background:linear-gradient(180deg,#383838,#000);border:.5px solid #fff;-webkit-box-shadow:0 20px 20px rgba(0,0,0,.25);box-shadow:0 20px 20px rgba(0,0,0,.25);padding:48px;margin-top:24px}.m-qqbot-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-qqbot-header .u-icon{width:60px;height:60px}.m-qqbot-header .u-icon-title{font-size:36px;color:#fff;font-weight:700}.m-qqbot-content{margin-top:24px}.m-qqbot-content .u-top-tip{font-size:16px;color:#fff;margin-bottom:24px;text-align:center}.m-qqbot-content .u-bottom-tip{font-size:14px;color:#fff;margin-top:64px;text-align:center;line-height:20px}.m-qqbot-content .u-qq{border:1px solid #fff;border-radius:4px;padding:2px 4px;cursor:pointer}.m-qqbot-content .u-token{font-size:24px;line-height:inherit;height:auto;background-color:#438235;border:1px solid #69ff61;color:#69ff61;padding:20px;margin:0 auto;width:-webkit-max-content;width:-moz-max-content;width:max-content;border-radius:4px;cursor:pointer}.m-qqbot-content .u-token i{font-size:20px;line-height:inherit;height:auto;vertical-align:middle}.m-qqbot-content .u-actions{text-align:center;margin-top:36px}.m-qqbot-content .u-btn{width:240px;height:50px;border-radius:99px;background-color:#09f;font-size:18px;color:#fff;font-weight:700}.m-qqbot-content .u-btn:hover{background-color:#fff;color:#000;border:#fff}.m-qqbot-content .is-bind{background-color:#595959;border-color:#595959}.m-qqbot-content .is-bind:hover{background-color:#d43030;border-color:#d43030;color:#fff}.m-qq-bind{text-align:center}.m-qq-bind .u-qq-tip{font-size:14px;color:#ff85a7;margin:24px auto 0;text-align:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;border:1px solid #ff85a7;padding:4px 12px;border-radius:4px}.m-qq-input-wrapper{width:420px;margin:0 auto}.m-qq-input-wrapper .m-qq-input .el-input__inner{background-color:#fff;color:#000;border:none;border-radius:999px;padding-right:60px;padding-left:16px;height:50px;line-height:50px;font-size:18px;text-align:center}.m-qq-input-wrapper .m-qq-input .el-input__suffix{right:10px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-qq-input-wrapper .m-qq-input .u-confirm-button{color:#fff;background-color:#09f;font-weight:700;cursor:pointer;padding:0 10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:color .2s;transition:color .2s;padding:8px 16px;border-radius:99px}.m-qq-input-wrapper .m-qq-input .u-confirm-button:hover{background-color:#007acc}