
.ll_cont{background: url('/images/hf/43.jpg') no-repeat center;background-size: cover;padding-top: 160px;min-height: calc(100vh - 80px);position: relative;}
.ll_cont>img{position: absolute;bottom: 0;right: calc(650px + 50vw)}
.ll_cont_c{width: 480px;background-color: #fff;margin-left: calc(50vw - 600px);padding: 40px;border-radius: 10px;}

.ll_cont_c>h1{font-size: 40px;color: var(--base);font-weight: 600;}
.ll_cont_c>h2{font-size: 18px;line-height: 2;}
.ll_right_i{background-color: #f8f8f8;height: 52px;line-height: 52px;margin: 20px 0;padding: 0 18px;display: flex;align-items: center;border-radius: 10px;}
.ll_right_i>i{color: #999;margin-right: 20px;}
.ll_right_i>input{background-color: transparent;height: 30px;padding: 0 10px;}
.ll_right_code>input{height: 52px;background-color: #f8f8f8;padding: 0 20px;border-radius: 10px;}
.ll_right_code>img{}
.ll_cont_c>a{display: block;height: 50px;line-height: 50px;text-align: center;border-radius: 10px;margin: 20px 0;background-color: #eee;}
.ll_cont_c>.ll_log{background-image: linear-gradient(160deg, var(--base) 0%, #4caaff 100%), linear-gradient(var(--base), #49b7e9);color: #fff;}
.ll_cont_c>p{font-size: 12px;color: var(--base)}

@media screen and (max-width: 766px) {
    .ll_cont{padding: 6rem 1.5rem;}
    .ll_cont_c{width: 100%;padding: 2rem;margin: 0 auto;}
    .ll_cont_c>h1{font-size: 3rem;}
    .ll_cont_c>h2{font-size: 1.6rem;}
    .ll_right_i{height: 5rem;}
    .ll_right_code>input{width: 50%;height: 5rem;}
    .ll_cont_c>a{height: 5rem;line-height: 5rem;}
}
