.content-header{align-items:center;margin-bottom:30px;display:flex;flex-direction:column}.content-header img{width:88px;height:59px;content:url(../img/nxin-home.80d2e819.png)}.content-header .app-name{width:184px;height:28px;font-size:20px;font-weight:400;color:#808fa3;line-height:28px;text-align:center}.meeting-facade{height:100vh;display:flex;align-items:center;justify-content:center;overflow:auto;background:url(https://solutions.agora.io/meeting/web/static/media/background.6fa15f4b.png);background-size:cover}.demo-ruleForm{width:420px;height:653px;background:#fff;box-shadow:0 0 24px 0 rgba(0,0,0,.2);border-radius:8px;display:flex;flex-direction:column;position:relative;box-sizing:border-box;padding:50px}.setting{display:inline-block;cursor:pointer;position:absolute;top:50px;left:344px}.setting-icon{display:flex;max-width:24px;max-height:24px;min-width:24px;min-height:24px;cursor:pointer}.setting-icon:after{background-image:url(data:image/png;base64,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)}.setting-icon:after,.setting-icon:hover:after{content:" ";background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1}.setting-icon:hover:after{background-image:url(../img/settingDown@2x.ddf3f3f9.png)}.homeBox{align-items:center;min-width:100vw;min-height:100vh;background:url(https://nfs.nxin.com/live-streaming-ui/img/home_bg.png) no-repeat;background-size:100% 100%}.homeBox,.homeBox .homeInner{display:flex;justify-content:center}.homeBox .homeInner{width:1100px;height:600px;box-shadow:0 0 30px 10px rgba(32,137,255,.07);border-radius:8px;overflow:hidden}.homeBox .homeInner .left{display:flex;flex-direction:column;align-items:center;justify-content:center;width:400px;background-color:#2089ff;color:#fff;font-size:24px;font-weight:500}.homeBox .homeInner .left .logoText{font-size:38px;margin-top:20px}.homeBox .homeInner .left .homeTitle{font-size:18px;letter-spacing:2px}.homeBox .homeInner .right{position:relative;flex:1;overflow:hidden;padding-top:80px;background-color:#fff}.homeBox .homeInner .right .homeTitle{position:relative;font-size:30px;color:#353535;font-weight:500;text-align:center;margin-bottom:85px}.homeBox .homeInner .right .homeTitle:before{content:"";position:absolute;top:50%;transform:translate(-120px,-50%);width:90px;height:4px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAECAYAAAAOLCiFAAAAt0lEQVQ4T9WSQXIDMQgEe7QEXHvwG/apyZPjSw6xhQtLcW2eIJ36ACMKWqz4MnV8ETfw/YptP0QL/N4xNaJ1/JGYRCjxBOOPczK4JmfiahhJvLkTCY5GDjPnzECImX9iMXpV/755yaHZVvNDfGY7wL8vxN4xG9eNO1j7wPVLdDBtuB7/WRvWq37YUtcre+rKL+6Ty6oyqsyS8GlO2ecMc8q4MixSo7dqNPmcObmtt+jVJq55F5TjCa7qeJq2oSLpAAAAAElFTkSuQmCC) no-repeat 50%}.homeBox .homeInner .right .homeTitle:after{content:"";position:absolute;top:50%;transform:translate(30px,-50%);width:90px;height:4px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAECAYAAAAOLCiFAAAAyElEQVQ4T9WUQU5DMQwFx2lZsIEjlJvC9t+yZ+iiwsY/Dzn5lSrEBZLVyHKerMgTu2xKgwBcMFjgBqmj/pcxQpo9D0bzLg1XJ80I7ImFy47MultcPUdOcWWejOyNUMfPjexO7K/4/Ua+QVw/cczEYsc+Ni03tGBfbTlWfehu4Ez7yqTJGoYNNg1jHBHDvGlalEnDtEd9mjZy2n+ZZZ7wVj07qROunWhl/DO/4P2HOFe942nEvZHv3/i15rlsqu1Yami+rC/2c/ALO9g/lBmDVvEAAAAASUVORK5CYII=) no-repeat 50%}.homeBox .homeInner .right .formBox{min-height:120px;padding-left:175px;font-size:20px;color:#353535}.homeBox .homeInner .right .formBox li{display:flex;align-items:center}.homeBox .homeInner .right .formBox li:nth-child(-n+2){margin-bottom:20px}.homeBox .homeInner .right .formBox li:nth-child(3){margin-bottom:18px}.homeBox .homeInner .right .formBox li .el-input{max-width:220px;font-size:16px}.homeBox .homeInner .right .formBox li .el-input .el-input__inner{height:32px;line-height:32px;color:#353535}.homeBox .homeInner .right .formBox .formLabel{width:110px;min-width:110px;margin-right:30px}.homeBox .homeInner .right .formBox .formValue{max-width:220px}.homeBox .homeInner .right .joinBtnBox{position:absolute;left:50%;bottom:45px;transform:translateX(-50%);width:100%;text-align:center}.homeBox .homeInner .right .joinBtnBox .el-button{width:400px;min-height:66px;line-height:66px;padding:0;margin:0;font-size:18px}.homeBox .homeInner .right .joinBtnBox .joinBtn:not(:focus,:hover){background-color:#2089ff;border-color:#2089ff}.homeBox.mobile{max-width:100vw;max-height:100vh;overflow:hidden}.homeBox.mobile .homeInner{width:100vw;height:100vh;border-radius:0;box-sizing:border-box}.homeBox.mobile .homeInner .left{width:100%;padding-top:0;font-size:6.4vw;background:#fff}.homeBox.mobile .homeInner .left .homeTitle,.homeBox.mobile .homeInner .left .logoText,.homeBox.mobile .homeInner .left>img,.homeBox.mobile .homeInner .right{display:none}.homeBox.mobile .app-box{position:relative;flex:1;width:100%;background:#f8f8f8}.homeBox.mobile .app-box .openZnt{display:flex;align-items:center;font-size:14px;color:#333;padding:13px 15px;background:#fff}.homeBox.mobile .app-box .openZnt .zntLogo{width:10vw;margin-right:10px}.homeBox.mobile .app-box .van-cell-group{margin:8vw 0}.homeBox.mobile .app-box .van-cell__title{flex:2;color:#616a72;font-size:3.733vw}.homeBox.mobile .app-box .van-cell__value{flex:3;color:#616a72;font-size:3.2vw}.homeBox.mobile .app-box .confirm-btn{display:flex;justify-content:center;align-items:center;margin:8vw auto 0;width:90vw;border-radius:1.333vw}.homeBox.mobile .app-box .confirm-btn:not(:focus):not(:active){background-color:#2089ff}.homeBox.mobile .app-box .mobild-pwd{padding:4vw 5.667vw 8vw}.homeBox.mobile .app-box .mobild-pwd h3{font-size:4vw;font-weight:500;color:#192328;margin-bottom:8vw}.homeBox.mobile .app-box .mobild-pwd .van-password-input__item{border:1px solid #a1afbd;box-sizing:border-box;border-radius:.533vw}.homeBox.mobile .app-box .mobild-pwd .van-password-input__error-info{text-align:left}.homeBox.mobile .app-box .mobild-pwd .van-key__wrapper div{color:#192328}.homeBox.mobile .app-box .open-znt-div{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:10vh}.homeBox.mobile .app-box .open-znt-div .open-btn{width:140px;height:40px;background:#ff420d;border-radius:16px;display:flex;flex-direction:row;align-items:center;justify-content:center}.homeBox.mobile .app-box .open-znt-div .open-btn span{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:10;color:#fff}.homeBox.mobile .app-box .open-znt-div .open-btn img{display:block;width:18px;margin-right:4px}