.login[data-v-34828448]{display:flex;flex-direction:column;align-items:center;width:100%}h1[data-v-34828448]{text-align:center;margin-bottom:25px;text-transform:uppercase;color:#fff;letter-spacing:5px}input[data-v-34828448]{background-color:transparent;width:70%;color:#fff;border:none;border-bottom:1px solid hsla(0,0%,100%,.4);padding:10px 0;text-indent:10px;margin:8px 0;font-size:14px;letter-spacing:2px}input[data-v-34828448]::-moz-placeholder{color:#fff}input[data-v-34828448]::placeholder{color:#fff}input[data-v-34828448]:focus{color:#a262ad;outline:none;border-bottom:1px solid rgba(162,98,173,.5019607843137255);transition:.5s}input[data-v-34828448]:focus::-moz-placeholder{opacity:0}input[data-v-34828448]:focus::placeholder{opacity:0}button[data-v-34828448]{width:70%;margin-top:35px;background-color:#f6f6f6;outline:none;border-radius:8px;padding:13px;color:#a262ad;letter-spacing:2px;border:none;cursor:pointer}button[data-v-34828448]:hover{background-color:#a262ad;color:#f6f6f6;transition:background-color .5s ease}.register[data-v-01bb253a]{display:flex;flex-direction:column;align-items:center;width:100%}.hidden[data-v-01bb253a]{display:none;transition:.5s}h1[data-v-01bb253a]{text-align:center;margin-bottom:25px;text-transform:uppercase;color:#fff;letter-spacing:5px}input[data-v-01bb253a]{background-color:transparent;width:70%;color:#fff;border:none;border-bottom:1px solid hsla(0,0%,100%,.4);padding:10px 0;text-indent:10px;margin:8px 0;font-size:14px;letter-spacing:2px}input[data-v-01bb253a]::-moz-placeholder{color:#fff}input[data-v-01bb253a]::placeholder{color:#fff}input[data-v-01bb253a]:focus{color:#a262ad;outline:none;border-bottom:1px solid rgba(162,98,173,.5019607843137255);transition:.5s}input[data-v-01bb253a]:focus::-moz-placeholder{opacity:0}input[data-v-01bb253a]:focus::placeholder{opacity:0}button[data-v-01bb253a]{width:70%;margin-top:35px;background-color:#f6f6f6;outline:none;border-radius:8px;padding:13px;color:#a262ad;letter-spacing:2px;border:none;cursor:pointer}button[data-v-01bb253a]:hover{background-color:#a262ad;color:#f6f6f6;transition:background-color .5s ease}.left{left:-2%}.conbox{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:50%;transform:translateY(-50%)}.right{right:-2%}h2{font-size:25px;font-weight:700;letter-spacing:3px;margin-bottom:4px}h2,p{color:#8e9aaf;text-align:center}p{font-size:12px;letter-spacing:2px}span{color:#d3b7d8}img{width:220px;height:60px;opacity:.9;margin:40px 0}button{margin-top:3%;background-color:#fff;color:#a262ad;border:1px solid #d3b7d8;padding:6px 10px;border-radius:5px;letter-spacing:1px;outline:none;cursor:pointer}button:hover{background-color:#d3b7d8;color:#fff}@font-face{font-family:iconfont;src:url(data:font/ttf;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzI8JU6GAAABjAAAAGBjbWFwKGAknAAAAhgAAAIuZ2x5ZtRfZB0AAARgAAAFkGhlYWQg30fMAAAA4AAAADZoaGVhB94DjAAAALwAAAAkaG10eCwAAAAAAAHsAAAALGxvY2EHBghoAAAESAAAABhtYXhwARoAagAAARgAAAAgbmFtZRCjPLAAAAnwAAACZ3Bvc3QmQUsPAAAMWAAAAKYAAQAAA4D/gABcBAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAsAAQAAAAEAAIPgcexfDzz1AAsEAAAAAADe4AHoAAAAAN7gAegAAP9/BAADgAAAAAgAAgAAAAAAAAABAAAACwBeAAUAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAQEAAGQAAUAAAKJAswAAACPAokCzAAAAesAMgEIAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAwOYP67YDgP+AAAAD3ACBAAAAAQAAAAAAAAAAAAAAAAACBAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAAAAAFAAAAAwAAACwAAAAEAAABpgABAAAAAACgAAMAAQAAACwAAwAKAAABpgAEAHQAAAAUABAAAwAE5g/mE+YX5iXmMeZd5nDnJOu2//8AAOYP5hPmF+Yk5jHmXeZw5yTrtv//AAAAAAAAAAAAAAAAAAAAAAAAAAEAFAAUABQAFAAWABYAFgAWABYAAAAGAAoAAQADAAQABwAJAAIACAAFAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAACIAAAAAAAAAAoAAOYPAADmDwAAAAYAAOYTAADmEwAAAAoAAOYXAADmFwAAAAEAAOYkAADmJAAAAAMAAOYlAADmJQAAAAQAAOYxAADmMQAAAAcAAOZdAADmXQAAAAkAAOZwAADmcAAAAAIAAOckAADnJAAAAAgAAOu2AADrtgAAAAUAAAAAAAAAigDGAPABHAFeAZgB2gImAlQCyAAEAAD/wQO/Az8AFAApAFQAXQAAASIHBgcGFBcWFxYyNzY3NjQnJicmAyInJicmNDc2NzYyFxYXFhQHBgcGAyIOARUUFjI2NTQ2MhYVFAcGBzEGBwYdARQWMjY9ATQ3NjcxNjc2NTQuAQMUFjI2NCYiBgIAeWhlOz09O2Vo8mhlOz09O2VoeWhZVjM0NDNWWdBZVjM0NDNWWWgmQCYTGhMsPy0OCBUfDRUTGhMPCBceDBQmQFYcKBwcKBwDPj07ZWjyaGU7PT07ZWjyaGU7PfzENDNWWdBZVjM0NDNWWdBZVjM0An8mPyYNExMNHywtIAoSChUfEh8fLg0TEw0uDRMLFx4RHRwmQSb+DRQcHCgcHAAAAAACAAD/wAPAA0AAFAAlAAABIgcGBwYUFxYXFjI3Njc2NCcmJyYTIyImNRE0NjIWHQEzMhYUBgIAemhlPD09PGVo9GhlPD09PGVoObMTGhomGoYTGhoDQD08ZWj0aGU8PT08ZWj0aGU8Pf3mGxIBDRIbGxLgGiUbAAABAAAAAAN/AqEAFwAACQEmIgYUHwEhIgYUFjMhBwYUFjI3ATY0A3X+/wkbEgnL/YwNEhINAnTLCRIbCQEBCQGXAQAKExoKyxIaEssKGhMKAQAKGgABAAAAAAN+AqEAFwAAASE3NjQmIgcBBhQXARYyNjQvASEyNjQmA179jMsKExoK/v8JCQEBChoTCssCdA0SEgGfywoaEwr/AAoaCv8AChMaCssSGhIAAAAABQAA//MEAALjAAgADAAQABQAIAAAASc3FwcnNyM1JRclJwUlJwUHEQURJQURNxcFJRElBRUjA68mHVpaHSbE/q97ASeA/rMBJoD+2hoBKwFV/tbZJ/7q/pYBagFrKwEVJx5aWh4nKpFIq0iVqkmrIv78qwEEq6v+/HwentEBTdHRvAAAAQAA/8ADMgNDACEAAAURBwYiLwEmNDcBNjc2FxYXFRYXARYUDwEGIi8BERQGIiYB3tsIFwgGCAgBDAcQDAoGBAQCAQsICAcIFwffExoTHwLw2wkIBwgXCAEMDwIDBwQFAQQF/vYIFwgGCAje/REOEhIAAAADAAAAAAOvAsgADwAfACgAABMhMhYVERQGIyEiJjURNDYXIgYVERQWMyEyNjURNCYjBSUXBQYiJyU3jwLiGSQkGf0eGSQkQggMDAgCkAgMDAj+rAF0LP6BDyQP/oAsAsgkGv3sGiQkGgIUGiRSDAn+PgkMDAkBwgkM+O1F9AoK9EUAAAACAAD/fwQAA4AAGgAxAAABIgYVESMiBhURFBYzIRYzITI2NRE0JxE0JiMBETQ2MhYVESEXFhQGIi8BNzYyFhQPAQGhJDTwJDQ0JAE7BgcCBSU0ATQk/vUdKB3+yR8PHSkOlpYOKR0PHwN/NCT+pjQk/mQkNAE0JQGcBwYBpSQ0/XoBAhQdHRT+nCAOKRwOlpYOHSgPHwAAAAIAAP/6Ax8DJAAMABoAACUiJjURNDYyFhURFAYHASY0NjIfATc2MhYUBwIADRMTGhMTDf7rCRIbCejoCRsSCSUTDQK+DRMTDf1CDRMrARUKGhMJ6OgJExoKAAAABQAA/8wDfgM8AA8ALQA5AEUAUQAAATMyNj0BNCYrASIGHQEUFiUjFRQGKwEiJj0BIyIOARURFB4BMyEyPgE1ETQuAQMhIiY0NjMhMhYUBichIiY0NjMhMhYUBichIiY0NjMhMhYUBgGa0g4TEw7SDhMTAYhrGBL4ERlrHDEdHTEcAiIcMR0dMDn+KwsPDwsB1QsQEAv+KwsPDwsB1QsQEAv+KwsPDwsB1QsQEALFEw02DRMTDTYNEzYkEBcXECQbLxz9nhwvGxsvHAJiHC8b/bAPFQ8PFQ+pDxUPDxUPqA8VEBAVDwAAAAAAEgDeAAEAAAAAAAAAEwAAAAEAAAAAAAEACAATAAEAAAAAAAIABwAbAAEAAAAAAAMACAAiAAEAAAAAAAQACAAqAAEAAAAAAAUACwAyAAEAAAAAAAYACAA9AAEAAAAAAAoAKwBFAAEAAAAAAAsAEwBwAAMAAQQJAAAAJgCDAAMAAQQJAAEAEACpAAMAAQQJAAIADgC5AAMAAQQJAAMAEADHAAMAAQQJAAQAEADXAAMAAQQJAAUAFgDnAAMAAQQJAAYAEAD9AAMAAQQJAAoAVgENAAMAAQQJAAsAJgFjQ3JlYXRlZCBieSBpY29uZm9udGljb25mb250UmVndWxhcmljb25mb250aWNvbmZvbnRWZXJzaW9uIDEuMGljb25mb250R2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AQwByAGUAYQB0AGUAZAAgAGIAeQAgAGkAYwBvAG4AZgBvAG4AdABpAGMAbwBuAGYAbwBuAHQAUgBlAGcAdQBsAGEAcgBpAGMAbwBuAGYAbwBuAHQAaQBjAG8AbgBmAG8AbgB0AFYAZQByAHMAaQBvAG4AIAAxAC4AMABpAGMAbwBuAGYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsBAgEDAQQBBQEGAQcBCAEJAQoBCwEMAAd3ZW50aS1tCHNoaXpob25nCnlvdWppYW50b3UKenVvamlhbnRvdQ5iYW9ndW9fZmFodW9fbwxzaGFuZ2ppYW50b3UIeW91eGlhbmcMaHVpY2hldGlqaWFvC2Fycm93Qm90dG9tBXJpemhpAAAAAA==) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0}.body{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(200deg,#f3e7e9,#e3eeff)}.container{background-color:#fff;width:700px;height:450px;border-radius:5px;box-shadow:5px 5px 5px rgba(0,0,0,.1);position:relative}.form-box{position:absolute;top:-10%;left:3%;background-color:#d3b7d8;width:320px;height:550px;border-radius:5px;box-shadow:2px 0 10px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;z-index:2;transition:.5s ease-in-out}.form-box button{width:70%;margin-top:35px;background-color:#f6f6f6;outline:none;border-radius:8px;padding:13px;color:#a262ad;letter-spacing:2px;border:none;cursor:pointer}.form-box button:hover{background-color:#a262ad;color:#f6f6f6;transition:background-color .5s ease}#player{position:absolute;top:50%;left:50%;z-index:1}#player,.playerleft{width:10%;height:10%}.playerleft{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAlCAYAAADfosCNAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMnSURBVFhH7ZhPSBRRGMCfBhlUpGlWKhiVayRp6VbWpSCwDtKCoNJBpEtgt6gORv87RBgUCkYeqiVYQjwa5F4yyDRcBAMrR0QjdgVb/0ViHWrb75v3zb55zuw6OrME+YPn931vDvvzzfvezC5bxSZSeHSErExXhKeWCE8pOi/HJEHw9p0HvLLG9WsXdKKOSJLgwsIcn1EpP+zmmTGDH0Z4phdNxRkbAcHGKzcXCcYjf0c2xpLiAowytksuhy/jk4tE4U7Qnk6KZGGhC0f65vW6sVSStpKVlW5WtDdXGzKwmmb8E7c7EauSduGIJDUKDTPkRrLSTCsCjo3OzgAcHZbH0MdgpOetEmltfYkjqUfQSlmVtAvbXzBgHz3z+ngVAw5zkej+45me2el57UWDXjIcWcnm5jY2PKxowwwQkgfh83Xw7H+93QDc8tKy47xS8fvbeKZSXXuRZ3omgtMYP3/q0d4nHZEE6IyT+dZ+l2cxttQ08iyG42/mMiBcXXWW9XY/xTo7KxMjcaPJyzyeSp2YiOOSSxEkzEQdlSRBYPeefIzwPaegZBfmI4OjGEWMRJPS3SRIgBwJ9r0PYIyH7SvpdpdjwwQCfSmwkulr51nDpSa8Bhh9Y6w/c4LtzMvjFWMDylTixjntqcIPCgVDWAM5uTm6Oh4b1hWxHz+H2PjYNBMluzpaMIr7ELAkSavQ39+LNTAzw5MoGRn62oiKiiOa5GzwK86BJAkSoqgsCYiimiQI+v0xORAirIiCpMt1jCnKG3bwgAfnel8/wWhGXcOtRdtAbCD8IwsSyxElyf1/utjYxlqcC38Ps/JDZZjLMg9bHuO1hJIAiD73vuJVjOztaTxjbHLiF8/UebEm6upPaSvZf+8yO/9CQcl4tJ87yt6l7eOViqEkQHtSlrUiCpJi48Bj8OTV+/yqOV0dj3gWfUwW15g3DkGyItDdRKKuJ0k6hnI2/eZXGNu2Vf05xQhoFkAUBAwlVwL9gyAIUZYEQnNrMJa69I9I+eghbJc0QhYFSZCBeVHUTDIpj0X44NBcanckwnBEv71Ghzo/oIS7o0uPg+b1MPYXB3Sau3dsgkoAAAAASUVORK5CYII=) no-repeat}.playerright{width:10%;height:10%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAkCAYAAAAU/hMoAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAM0SURBVFhH7ZddSBRBHMAnC1QM/CpBj1IpT0vIKCXPHsqXswfpKSKCsHowehAqkDDo+6GXIvBBoZcQwVBDuDAIIbig6KrTPkDR7YMEPfPbo8IKYtv/7H/uZmdnj7vc5Qr8wZ/5/2eP8efszOwuWcUm1mBrYEOuW8U0IebmFel4K8U0KAheu34bq8S4dPGsI6KGAUXBih0lmMkJvAhippOenumIaAq2JphgYVEebeNheTlMWi5c+evlYkVEkp9FXnD88wzNk4nlTMrIyskwRGmpm4bTxJSUzWL5dlck6usrsddZEprJZLEqaReWkuImgbCCbSDHNxIcQW1tD2k8e6qowyOTcNYlHP39QdWxc/JfZlXSLiIvAuJj0WqjwCHOo61BzKIcbzhq60uGYSa7uu5jRsjSwndTWDE2pkSitfUO9trH/3W7AbjlZdv20jzflUNbkd7uW5jpeL2NmOkMDfptf580DSY742Z7bmAWZePhFsyMOP5mLgLCPl8/udrcgD06M3PztPXsP0F6++46IsZjOTgTZCRTVDqwKMgoqdhC2/dvP0a+bz6MjtPWSVHT7gbBXe5crHSYEMhB8GwtK8RMp7KyWoXA0hZM/7ko+WlignTce4xVFP5Lsf1mM1n6lUGKinPI+rRy8u3HMF6JTYGrgIQmQ1jpNfDA12fwMhSyWZRJsvVZd6iJtiAJZLk2RSQHBp7TPiuyswlZXMRCA2pGVZWHtsFggPqZJMW1CDNWvSf6LSNuIBBl6/LVax9xu/cRRXkSUzKWIN/v9XqoaFySne2XsZLjqT1J2+Kv3eRNSl1MyXgFGZqofx3mlpzbmUoCuw+SM02nsEeHrcnAy0Hath1xk6rzadpM0pJMT4X1hCMvP5WMjvzESq8XUGxmKtrPONZwAGay1jCTAMzm7LserOB2niaZm2uwktPTWEOfQPzG6ex4hFd1QIgXgZohCoIcIF2TDBCFVtxEPF+mjd/kofBay91ttYsBvp/B5BhSSUC204cU/SkDFGT+xkwHJOEwZ2ek+IdWQtySIMg/UeA6L8oksbSVGO+Tql+bEhpDypxfFIA6FE7xq6r2Gy3g93jJZgj5A+XogzezM5xxAAAAAElFTkSuQmCC) no-repeat}.contain,.main{width:100vw;height:100vh}.main{background-color:#eee}.head{width:100vw;height:50px;background-color:#fff}.icon{float:left;margin:0}.username{float:right;margin:14px 30px 0 10px;color:#a262ad}.button{float:right;margin:7px 35px 0 0;color:#fff}.game{width:70%;height:70%;position:absolute;left:50%;top:50%;transform:translate(-50%,-60%);background-color:#fff;border-radius:5px}.top{top:0}.bottom,.top{position:absolute;left:50%;transform:translate(-50%)}.bottom{bottom:0}.left{left:0}.left,.right{position:absolute;top:50%;transform:translateY(-50%)}.right{right:0}.door,.r-door{width:7%;height:7%;padding-bottom:30px;background-image:url(../img/door.39591573.png);background-size:100%}.random{position:absolute;bottom:0;right:0;width:8%;height:8%;padding-bottom:40px;background-image:url(../img/tp.b2872df8.png);background-size:100%}.package{width:12%;height:70%;margin:.5% 0 0 2%;background-color:#fff;border-radius:5px}.package p{padding:10px 20px;border-bottom:1px solid #c9c9c9;font-size:14px;color:#666}.package button{background-color:#f6f6f6;outline:none;border-radius:8px;padding:13px;color:#a262ad;letter-spacing:2px;border:none;cursor:pointer}.package button:hover{background-color:#a262ad;color:#f6f6f6;transition:background-color .5s ease}.packageElem{padding:5px 15px;border-bottom:1px solid #c9c9c9;font-size:14px;color:#666;cursor:pointer;text-align:center}.packageElem:hover{transition:.3s ease;transform:translateY(-2px)}.packageElem span{color:#a262ad}.packageElem button{padding:8px 10px}.item{width:2%;height:5%;position:absolute;background:#00f}.logs{color:#a262ad}.list_item{margin:5px 0}.cookie{background:url(../img/cookie.713ba9c4.png) no-repeat;background-size:105%}.right_container{position:relative;float:right;width:12%;height:70%;margin:.5% 2% 0 0;background-color:#fff;border-radius:5px}.right_container .room{padding:10px 20px;border-bottom:1px solid #c9c9c9;font-size:14px;color:#666}.right_container .tips{position:absolute;bottom:0;padding-top:15px;padding-bottom:15px;padding-left:15px;padding-right:11px;border-top:1px solid #c9c9c9;text-align:left}.right_container .tips p{padding-bottom:5px}.bottom_container{padding:10px 20px;height:15%;margin:1% 2% 0 2%;background-color:#fff;border-radius:5px;overflow:scroll;border-top:1px solid #c9c9c9;border-left:1px solid #c9c9c9}.shadow{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}