.login-box{display:flex;width:100%;height:100%}.login-box .left-box{position:relative;height:100%;width:60%;background:url(../img/bg.a0a7bfc6.png) no-repeat 50% 50%;background-size:100%}.login-box .left-box .bg{display:flex;justify-content:flex-start;align-items:center;position:absolute;top:10%;left:10%}.login-box .left-box .bg .logo-box{margin-right:20px}.login-box .left-box .bg .logo-box .logo-icon{display:inline-block;width:107px;height:45px;background:url(data:image/png;base64,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) no-repeat 50% 50%;background-size:cover;vertical-align:top}.login-box .left-box .bg .xing-icon{width:49px;height:47px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNjhmZWYyOS0xZmVhLTc2NGMtYTM2OS04NTA0MGE2MDRjYTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0Y4Qzk0RTBCMUY1MTFFQjhCMDA4NEY2OTU0MDMwOTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0Y4Qzk0REZCMUY1MTFFQjhCMDA4NEY2OTU0MDMwOTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YmYyZWQ5NDAtMWZhYy0yYTQ1LTlhOWYtYTUxNDJiMzk3ODc1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE2OGZlZjI5LTFmZWEtNzY0Yy1hMzY5LTg1MDQwYTYwNGNhNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlGZoBcAAACbSURBVHja7NqxDcIwFARQg7IO41AxgbNQhmAbKgZIE4mGCZw/AsVRRHknXfvlZ9mN5Tay6dUWak8u7NpOElBQUFBQUFBQUFBQUFBQ0D/mMsa4B+dt1Udo1lp9J6HJjbtVX6FZS3V2dEFBQUFBQUFBQUFBQUFBD5CpmnxK+VSfoVnf6Np8v3FHQUFBQUFBQUFBQUFBQUFBf80uwACNxbb98I2UXgAAAABJRU5ErkJggg==) no-repeat 50% 50%;background-size:cover;vertical-align:top}.login-box .left-box .welcome{position:absolute;top:50%;left:50%;color:#fff;line-height:80px;transform:translate(-50%,-50%)}.login-box .left-box .welcome h2{font-size:67px}.login-box .left-box .welcome h3{font-size:39px}.login-box .left-box .welcome .red-length{width:117px;height:7px;background-color:red}.login-box .right-box{position:relative;width:40%;background-color:#fff}.login-box .right-box .opera-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:auto;min-width:340px;border-radius:5px}.login-box .right-box .opera-box .logo{margin-bottom:50px}.login-box .right-box .opera-box .logo .logo-tip{font-size:48px;font-weight:700;color:#231815;letter-spacing:4px}.login-box .right-box .opera-box .logo .name{margin-top:24px;height:28px;font-size:20px;font-weight:600;color:#2e323f}.login-box .right-box .opera-box .pub{display:flex;align-items:center;padding:6px 10px;margin-top:40px;border:1px solid #e4e4e4;border-radius:3px;background-color:#f4f7fc}.login-box .right-box .opera-box .pub .el-input__inner{border:0;background-color:#f4f7fc}.login-box .right-box .opera-box .pub .el-button{width:100px;font-size:12px;color:#1634ac;font-weight:700;letter-spacing:2px}.login-box .right-box .opera-box .pub .pub-icon{display:inline-block;width:19px;height:24px;vertical-align:middle}.login-box .right-box .opera-box .pub .city-icon{width:25px;background:url(../img/city.d9bd2d74.svg) no-repeat 50% 50%;background-size:cover}.login-box .right-box .opera-box .pub .user-icon{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAbCAYAAACeA7ShAAAABHNCSVQICAgIfAhkiAAAAMpJREFUSEvtlbENwjAQRf/voEJMAhuEEaBNKtsDABMQJiAMYIeGULMBbJBRwgSHjCAFCoUNDVJcWr4n69/pHsvyOBXhDsAMkUcEhTHpms5VFwBJJKctE8EDJv6GHI6VWjShUGuPOckNgGsL0zplKMi/72HhqfWZ9Zl9SKAfjX8ajbI8eTckwGDftYmDumlt1ZAYAXLWOpu/BxEKq0lMRGRrTJZ/BfPFXodKZXVXezp/Fmsn56oCwPJlp99582l0T48SsQhuJA5ap6s7HIDmSrHvsYsAAAAASUVORK5CYII=) no-repeat 50% 50%;background-size:cover}.login-box .right-box .opera-box .pub .password-icon{width:25px;height:29px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAdCAYAAACnmDyCAAAABHNCSVQICAgIfAhkiAAAAmtJREFUSEvVVTF22kAQ/bMdNLFPEHwCkxNYOUGgtCiMJPeOTxA4gZ3eknAhXJqcIPgEcU4QbhDS4G6/30haI/Bi04YG3jL7Z/7O/D8CzyfP7zrW8kKEASDdKoSPpMyNaY2jqL/cvibbB2laDEVwBchBeZ34rd8iOK4BlyQuk2Qwad7dAKpAJCfxD8DImNbEZc/z+wNrn4Z6LoIPJKMm2AuQ0iH5R0GMYRBFg0c/7aJrrcwVTESOouh0UVbsgrOsmAHyZTuTD8xVDuA2jkOtcg2UptMlwGWSDDq+y563XGhVcTw4fAFytAA8xHEY7AOUZdM5gBNHr6SW53cByZ8kx0kyGO0DlKbFSES+icjnKDqd/4dANW3GcfjQpPwuNWPa18DqjMRwLQ8HwUcRTID2rbWrrzvfCMAcYNfJQ7uoI1FJRTpNmQCiAxt4H/slLznWyrbFWY+JdvXMxW4A3dxMe8bg/j15uMsarxR1IK1F//w8nJXtT9NiISIfHfqec1QKHMAijsMj8elmHyCNcdOt+hQnVhF+2qX4XcB5XnRJ+QXwh6hYK/GFr0yuylrMSGGShH0fYJZNqZ2V6sdusdb/Y1eiNJ3qbB07oPLBdmfEG0B1o9Z20Dr0mfpbFan9kk9/lZFWdA3gws2Dz8D0zGd4jY5/l4apeelpZxTI19HG/B2Vncqyqa6WM5KTJBlE+8yRu+N8uza2ctXoZjhWMGPal773qtxUY1dXIjLUnWdMK9DYjXVkLWeVwqmzpeJ8cJRqiieknstBBSK9V+uoka30mbfoqbdvu4N3mqvdbwMR9NbeRF3VM2PM3FXRTPYMMWLCqMJ4iFEAAAAASUVORK5CYII=) no-repeat 50% 50%;background-size:auto 100%}.login-box .right-box .opera-box .tip{padding:10px 0;text-decoration:underline;font-size:14px;color:#9e9ea6}.login-box .right-box .opera-box .submit{width:100%;padding:18px 20px;background-color:#1634ac;color:#fff;border:0}