*{padding:0;margin:0;box-sizing:border-box}.main-wrap{display:flex}.main-wrap .left{flex:1 1 auto;background-color:#2b2a33}.main-wrap .main{flex:0 1 80%;width:80%;height:100vh;min-height:580px;background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../img/wallpaper.2eb84166.jpg);background-position:50% 50%;background-size:cover;background-repeat:no-repeat;opacity:.9}@media(max-width:768px){.main-wrap .main{flex:0 1 100%}}.main-wrap .right{flex:1 1 auto;background-color:#2b2a33}h1[data-v-1d6c806f]{color:#2bbb90;font-size:24px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:500;display:flex;align-items:center}@media(max-width:768px){h1[data-v-1d6c806f]{font-size:20px}}.head[data-v-1d6c806f]{display:flex;padding:15px;justify-content:center}@media(max-width:768px){.head[data-v-1d6c806f]{padding:5px}}.head a[data-v-1d6c806f]{padding:5px 8px;text-decoration:none;color:#2c3e50}.head a.router-link-exact-active[data-v-1d6c806f]{color:#42b983}[data-v-7ec89e2a]{border-style:none;box-sizing:border-box}.chatroom-wrap[data-v-7ec89e2a]{height:100%}.theheader[data-v-7ec89e2a]{height:10%}@media(max-width:768px){.theheader[data-v-7ec89e2a]{height:7%}}.chatroom[data-v-7ec89e2a]{height:75%;border-bottom:2px solid #723f1e;overflow:hidden;padding:0 10px 10px 10px;display:flex}@media(max-width:992px){.chatroom[data-v-7ec89e2a]{flex-direction:column}}@media(max-width:768px){.chatroom[data-v-7ec89e2a]{height:75%}}.chatroom .ad[data-v-7ec89e2a]{width:15%}@media(max-width:992px){.chatroom .ad[data-v-7ec89e2a]{width:100%}}.chatroom .content[data-v-7ec89e2a]{border:1px solid #5e5e5e;width:85%}@media(max-width:992px){.chatroom .content[data-v-7ec89e2a]{width:100%;height:100%}}.item[data-v-7ec89e2a]{padding:5px;margin-bottom:10px;display:flex;border-bottom:1px solid #6d6b6b}@media(max-width:576px){.item[data-v-7ec89e2a]{flex-wrap:wrap}}.item .ip-wrapper[data-v-7ec89e2a]{border:1px solid #81b5d3;padding:3px 0;width:130px;display:flex;justify-content:center;color:#b3c1c3;background:linear-gradient(180deg,#51646d,#1e2222);cursor:pointer}.item .ip-wrapper[data-v-7ec89e2a]:active{position:relative;top:1.5px}@media(max-width:576px){.item .ip-wrapper[data-v-7ec89e2a]{width:105px;padding:2px 0}}.item .copy[data-v-7ec89e2a]{background:linear-gradient(180deg,#101313,#3f4e55);background:linear-gradient(180deg,#003391,#003391)}.item .text-wrapper[data-v-7ec89e2a]{display:flex;align-items:center;margin:0 15px 0 15px;width:calc(100% - 300px)}@media(max-width:576px){.item .text-wrapper[data-v-7ec89e2a]{margin:0 0 0 15px;width:calc(100% - 120px)}}.item .text-wrapper .text[data-v-7ec89e2a]{color:#aeb2b3;white-space:nowrap;overflow:hidden}.item .posttime-wrapper[data-v-7ec89e2a]{width:140px;color:#bda745;display:flex;align-items:center}@media(max-width:768px){.item .posttime-wrapper[data-v-7ec89e2a]{width:100%;font-size:10px;margin-top:5px}}.sent[data-v-7ec89e2a]{height:15%;padding-left:21%;display:flex;align-items:center}@media(max-width:768px){.sent[data-v-7ec89e2a]{height:18%}}@media(max-width:992px){.sent[data-v-7ec89e2a]{padding-left:5%}}@media(max-width:768px){.sent[data-v-7ec89e2a]{padding-left:0;justify-content:center}}.sent .match[data-v-7ec89e2a]{display:flex;align-items:center}@media(max-width:768px){.sent .match[data-v-7ec89e2a]{flex-wrap:wrap;padding:0 10px}.sent .match .post-refresh[data-v-7ec89e2a],.sent .match .post-wrap[data-v-7ec89e2a]{margin-top:5px;flex:0 1 50%}}.sent .match span[data-v-7ec89e2a]{color:#b3c1c3;font-size:18px;margin-right:15px}.sent .match .input[data-v-7ec89e2a]{flex:1 1 auto;height:15px;margin-right:20px;font-size:20px;color:#b3c1c3;background:#1c1b22;border:1px solid #1c1b22;border-radius:3px;padding:15px;outline:none;transition:all .2s}.sent .match .input[data-v-7ec89e2a]:focus{box-shadow:0 0 1px 1px #c5c5c5}.sent .match .post[data-v-7ec89e2a]{width:60px;height:30px;margin-right:15px;background-color:#332872;border-radius:5px;color:#b3c1c3;transition:.1s;cursor:pointer;font-size:15.5px}.sent .match .post[data-v-7ec89e2a]:hover{transform:scale(1.09)}.sent .match .post[data-v-7ec89e2a]:active{background:olive}.sent .match .refresh[data-v-7ec89e2a]{padding:8px 10px;margin-right:15px;background-color:#0a262b;border-radius:5px;color:#b3c1c3;transition:.1s;cursor:pointer;font-size:15.5px}.sent .match .refresh[data-v-7ec89e2a]:hover{transform:scale(1.09)}.symbol[data-v-7ec89e2a]{color:#fff;cursor:pointer}