.login{position:absolute;width:100%;z-index:999}.login .content{position:absolute;width:600px;height:400px;top:200px;left:calc(50% - 300px)}.login .content .login-table{overflow:hidden;border:2px solid #346d6f;-webkit-box-shadow:inset 0 0 10px #346d6f,0 0 50px #346d6f,0 0 50px #6ab7b9;box-shadow:inset 0 0 10px #346d6f,0 0 50px #346d6f,0 0 50px #6ab7b9;position:absolute;width:367px;height:230px;left:calc(50% - 204px);margin:40px auto 0;margin-left:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcAAAADSCAYAAADdTBBXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUyNzk4Mzk3NTlGQzExRUFCMEEwODE3QTZBN0ZEOUQxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUyNzk4Mzk4NTlGQzExRUFCMEEwODE3QTZBN0ZEOUQxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTI3OTgzOTU1OUZDMTFFQUIwQTA4MTdBNkE3RkQ5RDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTI3OTgzOTY1OUZDMTFFQUIwQTA4MTdBNkE3RkQ5RDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7i2LcXAAADFUlEQVR42uzdwQnCMBSA4UayhHP04BgtOIQzOYTgGkK7hh0jSmkGSC+N5vug9JTLu/xE4TUOU+r2ePYdABxqnPefjdu7tILB2AGoxJ6bXMgB7F6361Jw8H02cADqUNKv7nJ/rAk7mRsALRJAAAQQAAQQAAQQAAQQAAQQAAQQAAQQAAQQAKoMoN2eADQl5q862O0JQCPWS180BwBaki9+/gMEoEkCCIAAAoAAAoAAAoAAAoAAAoAAAoAAAoAAAoAAAoAAAoAAAoAAAoAAAoAAAoAAAoAAAoAAAoAAAoAAAiCAACCAACCAACCAACCAACCAACCAACCAACCAACCAACCAACCAACCAACCAACCAACCAACCAACCAACCAACCAAAggAAggAAggAAggAAggAAggAAggAAggAAggAAggAAggAAggAAggAAggAAggAAggAAggAAggAAggAAggAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIgAACgAACgAACgAACgAACgAACgAACgAACgAACgAACgAACgAACgAACgAACgAACgAACgAACgAACgAACgAACIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAACCAACCAACCAACCAACCAACCAACCAACCAACCAACCAACCAACCAACCAACCAACCAACCAACCAACCAACCAAAmgEAAggAAggAAggAAggAAggAAggAAggAAggAAggAAggAAggAAggAAggAAggAAggAAggAAggAAggAAggAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAAIIAFkcZ0MAoMEAbu/0fRbjAODf5Yufn0ABaE0SQACaJYAACCAACCAACCAACCAACCAACCAACCAACCAAVCUM07oRJu05++wNEIBjbbs9SzsW8jLsYIQA/PKFrvTAR4ABAF0RGtDHv/PbAAAAAElFTkSuQmCC);background-size:100% 100%;background-position:50%;text-align:center;line-height:100px;-webkit-animation:openLogin .6s linear;animation:openLogin .6s linear;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}.login .content .login-table,.login .content .login-table div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login .content .login-table div{color:#6ab7b9;height:50px;width:240px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:50px;position:relative}.login .content .login-table div input{width:240px;height:20px;vertical-align:20px;background:none;padding:4px 0 4px 60px;outline:none;color:#70a991;background-color:#132229;border:none;border:1px solid #487577}.login .content .login-table div span{position:absolute;display:block;width:48px;height:32px;text-align:left;line-height:32px;left:6px}.login .content .login-table button{width:240px;border:none;background-color:#6ab7b9;height:30px;line-height:30px;font-size:18px;color:#1a2a31;cursor:pointer;outline:none}@-webkit-keyframes openLogin{0%{width:0}10%{width:36px}20%{width:72px}30%{width:108px}40%{width:144px}50%{width:180px}60%{width:216px}70%{width:252px}80%{width:288px}90%{width:324px}to{width:367px}}@keyframes openLogin{0%{width:0}10%{width:36px}20%{width:72px}30%{width:108px}40%{width:144px}50%{width:180px}60%{width:216px}70%{width:252px}80%{width:288px}90%{width:324px}to{width:367px}}.show-error{position:absolute;width:400px;height:100px;background-color:#008b8b;right:0;top:100px;text-align:center;line-height:40px;display:none}