.content[data-v-01cfc443]{position:relative;height:100vh;width:100vw;display:flex;z-index:1}.loginpoptitle[data-v-01cfc443]{color:#fff;font-weight:500;font-size:24px;text-align:left;width:90%}.loginpopsubtitle[data-v-01cfc443]{color:#777;font-size:16px;text-align:left;margin-top:0}.tologintitle[data-v-01cfc443]{color:#8d4fed;font-weight:800;font-size:15px;margin-left:20px;cursor:pointer;display:inline-block;vertical-align:text-bottom;line-height:27px}.titlearea[data-v-01cfc443]{width:100vw;position:relative}.reddot[data-v-01cfc443]{font-size:30px;display:block;line-height:80px;position:absolute;right:358px;top:7px}.title1[data-v-01cfc443]{margin-right:80px;margin-top:140px;color:#fff;font-size:80px;text-align:right}.title2[data-v-01cfc443]{margin-right:250px;color:#fff;font-size:38px;text-align:right}.title3[data-v-01cfc443]{margin-right:147px;color:#fff;font-size:12px;text-align:right;margin-top:119px;font-weight:400}.icp[data-v-01cfc443]{position:absolute;bottom:8px;color:#fff;font-size:12px;left:50%}.icp a[data-v-01cfc443]{color:#fff}.loginqr[data-v-01cfc443]{width:200px;height:200px;right:80px;margin-top:60px}.loginlogo[data-v-01cfc443],.loginqr[data-v-01cfc443]{background-size:cover;border-radius:4px;position:absolute}.loginlogo[data-v-01cfc443]{width:76px;height:76px;background-image:url(../img/OBHLOGOwhite2.0e6cf138.png);right:87px;top:32px}.testlogin[data-v-01cfc443]{position:absolute;width:166px}.Chromabutton[data-v-01cfc443]{border:none;padding:1em;outline:none;color:#fff;text-transform:uppercase;font-weight:900;font-style:1.2em;letter-spacing:.2em;z-index:1;cursor:pointer;background:none;text-shadow:3px 3px 10px rgba(0,0,0,.45)}.Chromabutton[data-v-01cfc443]:after,.Chromabutton[data-v-01cfc443]:before{position:absolute;top:50%;left:50%;border-radius:10em;transform:translateX(-50%) translateY(-50%);width:105%;height:90%;content:"";z-index:-2;background-size:400% 400%;background:linear-gradient(60deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82)}.Chromabutton[data-v-01cfc443]:before{filter:blur(7px);transition:all .25s ease;animation:pulse 10s ease infinite;margin-top:-22px;margin-left:-89px}.Chromabutton[data-v-01cfc443]:after{filter:blur(.3px)}.Chromabutton[data-v-01cfc443]:hover:before{width:105%;height:100%}.nametag[data-v-01cfc443]{position:absolute;display:inline-block;width:190px;text-align:center;font-size:39px}.nametag[data-v-01cfc443]:first-child{animation-name:fade-01cfc443;animation-fill-mode:both;animation-iteration-count:infinite;animation-duration:5s;animation-direction:alternate-reverse}.nametag[data-v-01cfc443]:nth-child(2){animation-name:fade-01cfc443;animation-fill-mode:both;animation-iteration-count:infinite;animation-duration:5s;animation-direction:alternate}@keyframes fade-01cfc443{0%,45%{opacity:0}to{opacity:1}}.channelshowcase[data-v-01cfc443]{border:1.5px dashed #29292d;position:relative;margin-top:22px;border-radius:6px;background:repeating-linear-gradient(transparent,transparent 4px,hsla(0,0%,49.8%,.04) 6px,hsla(0,0%,49.8%,.04) 0);height:128px;width:100%;overflow:hidden}.channelavatar[data-v-01cfc443]{display:block;height:56px;width:56px;margin:0 auto;border-radius:5px;margin-top:16px;border:1px solid hsla(0,0%,100%,.1176470588)}.channelname[data-v-01cfc443]{display:block;width:100%;margin:0 auto;border-radius:5px;font-size:14px;font-weight:500;color:#fff;text-align:center;margin-top:4px;line-height:17px}.channelname2[data-v-01cfc443]{letter-spacing:1px;position:absolute;top:96px;left:15px;transform:translateY(-100px);font-weight:600;font-size:88px;overflow:hidden;opacity:.1;white-space:nowrap;color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-image:linear-gradient(180deg,hsla(0,0%,100%,.9),#030302);pointer-events:none;text-align:center;z-index:1;line-height:106px}.channelfans[data-v-01cfc443]{display:block;width:100%;margin:0 auto;border-radius:5px;font-size:12px;font-weight:400;color:#777;text-align:center;line-height:17px}.loginstep1[data-v-01cfc443]{margin-top:34px}.platformsbar[data-v-01cfc443]{display:flex;height:20px}.platforms[data-v-01cfc443]{display:flex;height:14px;width:14px;margin-right:4px}.logindialog .el-input__inner[data-v-01cfc443]{outline:none;padding:8px 8px;border:0 solid #ddd;border-radius:4px;color:#fff;background-color:#29292d;text-align:center}.logindialog .phonelogin[data-v-01cfc443]{position:relative}.logindialog .phonelogin .el-input__inner[data-v-01cfc443]{text-align:left!important;width:50%}.logindialog .qrlogin[data-v-01cfc443]{width:140px;height:140px;position:absolute;right:20px;top:-50px;border-radius:4px}.logindialog .el-dialog[data-v-01cfc443]{min-width:500px;position:relative;margin:0 auto 50px;background:#1b1b1c;border-radius:4px;box-shadow:0 1px 3pxrgba 0,0,0,.3;box-sizing:border-box;width:30%}.logindialog .el-dialog__header[data-v-01cfc443]{padding:25px 20px 10px}.logindialog .el-dialog__body[data-v-01cfc443]{padding:0 20px;color:#606266;font-size:14px;word-break:break-all}.logindialog .el-dialog__footer[data-v-01cfc443]{padding:20px 20px 20px}.logindialog .loginphone[data-v-01cfc443]{margin-top:34px}.h1 .h2 .h3 .h4 .h5[data-v-01cfc443],a[data-v-01cfc443],button[data-v-01cfc443],div[data-v-01cfc443],input[data-v-01cfc443],p[data-v-01cfc443],span[data-v-01cfc443]{font-family:barlow,sans-serif,Microsoft YaHei,PingFang SC,system-ui}