html,body{height:100%;width:100%;padding:0;margin:0;background:#fafafa;font-family:Helvetica Neue,arial,sans-serif;font-weight:400;color:#444;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#673ab8}*{box-sizing:border-box}#app{height:100%;color:#fff;font-size:1.5em;padding-top:100px;max-width:90%;margin:0 auto}#main{margin-top:60px;display:flex}.mobile #main{flex-direction:column}.title{text-align:center}.desc{font-size:14px;margin:10px}.desc-2{font-size:16px;margin-top:60px}.inline{display:flex;flex-wrap:wrap;align-items:flex-end}.content{margin-right:40px}button{cursor:pointer;border:1px solid #fff;color:#fff;background:transparent;outline:none;padding:10px 20px;margin:5px 10px}button:hover{border:1px solid #673ab8;color:#673ab8;background:#fff}input{padding:10px 20px}select{padding:10px}.channel-intl-userInfo{width:800px;height:400px;overflow:auto;border:1px solid #fff}