height: 342.5px; transition-delay: 0.3s; } .formLeft { background: #fff; border-radius: 5px 0 0 5px; padding: 0 35px; box-sizing: border-box; display: flex; align-items: center; } .formLeft img { display: block; width: 72px; border-radius: 50%; box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2); } .formRight { position: relative; overflow: hidden; border-radius: 0 5px 5px 0; display: flex; flex-direction: column; justify-content: center; } .formRight:before { content: ""; position: absolute; top: -10px; left: -10px; width: calc(100% + 20px); height: calc(100% + 20px); box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5); filter: blur(5px); } .formRight form { position: relative; width: 350px; padding: 25px; box-sizing: border-box; white-space: nowrap; overflow: hidden; } .formRight form header { color: #fff; text-align: center; margin-bottom: 15px; } .formRight form header p { margin: 5px 0 0; opacity: 0.5; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .formRight form section label { display: block; margin-bottom: 15px; position: relative; } .formRight form section label p { color: white; margin: 0 0 10px 0; font-weight: 600; font-size: 12px; /* opacity: 0.5; */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .formRight form section label input { width: 100%; display: block; border: none; background: transparent; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 0 0 10px; box-sizing: border-box; font-weight: 600; } .formRight form section label input:focus~.border { transform: scale(1, 1); } .formRight form section label input:not(:-moz-placeholder-shown)~.border { transform: scale(1, 1); } .formRight form section label input:not(:-ms-input-placeholder)~.border { transform: scale(1, 1); } .formRight form section label input:not(:placeholder-shown)~.border { transform: scale(1, 1); } .formRight form section label .border { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #fff; transform: scale(0, 1); transition: 0.2s ease; } .formRight form section label:last-child { margin-bottom: 0; } .formRight form section button { background: rgb(250, 0, 129); border: none; width: 100%; padding: 10px 0; font-weight: 600; color: #fff; cursor: pointer; } .formRight form section button:hover { background: rgba(250, 0, 129, 0.8); color: white; } .a:hover{ color: rgb(250, 0, 129) !important; } #a{ position: absolute; margin-top: 5px; margin-left: 340px; } #a_2{ position: absolute; margin-top: 320px; margin-left: -80px; } @media (min-width: 1200px){ .showeip{ width: 50% !important; } }









欢迎回来

请先登录


        

使用邮箱账号登录











Global Maxim EIP全球美声企业入口平台 (HR资源发布专用平台) Copyright © 2022 Maxim Group HR. All rights reserved.