.hl_cont{background: url('/images/8.jpg') no-repeat center;background-size: cover;height: calc(100vh - 125px);position: relative;}
.hl_in{position: absolute;width: 400px;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: #fff;padding: 40px 40px;text-align: center;box-shadow: 0px 1px 20px 0px #deddbe;}
.hl_in>h1{font-size: 18px;color: #666;margin-bottom: 30px;font-weight: 600;}
.hl_in>input{width: 100%;height: 40px;margin-bottom: 20px;padding: 0 10px;color: #333;border: 1px solid #bbb;}
.hl_in>a{display: block;background-color: var(--base);color: #fff;line-height: 40px;height: 40px;font-size: 12px;cursor: pointer;}

.hl_inc{position: relative;}
[name="code"]{width: 100%;height: 40px;margin-bottom: 20px;padding: 0 10px;color: #333;border: 1px solid #bbb;}
.hl_inc:after{content: url('/images/hf/70.svg');display: block;position: absolute;right: 0;top: 0;width: 100px;}