@font-face{font-family:shark;src:url(../fonts/shark.76bae3a3.woff) format("woff"),url(../fonts/shark.354b4dc0.ttf) format("truetype")}.login{width:100vw;height:100vh;background:url(../img/login-bg.fa3053ef.jpg) no-repeat 0 0;background-size:100% 100%;position:relative}.login__wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:20vw;background:rgba(17,55,52,.7);border-radius:10px;padding:40px 12px 40px 12px;color:#f3f3f3}.login__title{font-family:shark;font-size:32px;min-height:41px;text-align:center}.login__form{margin-top:40px;padding:0 60px}.login__form-item{border-bottom:1px solid #ccc;display:flex;align-items:center}.login__form-item input{outline:none;border:none;background:transparent;height:36px;line-height:36px;color:#f3f3f3;padding:0 12px}.login__form-item input::-moz-placeholder{color:#ccc}.login__form-item input::placeholder{color:#ccc}.login__submit{text-align:right;margin-top:12px;font-size:18px;padding:12px 60px}.login__submit .submit-icon{cursor:pointer;transition:all .2s ease-in-out}.login__submit-wrapper{margin-right:-8px;padding-right:8px;cursor:pointer}.login__submit-wrapper:hover .submit-icon{transform:translateX(8px);color:#409eff}.login__poem{position:absolute;font-size:12px;right:12px;top:12px;color:#f7f0f0}.login__mask{width:100%;height:100%;background:rgba(0,0,0,.1)}.ghost,.login__mask{position:absolute;top:0;left:0}.ghost{opacity:0;width:0;height:0;overflow:hidden}