.registry {
    height: calc(100vh - 174px);
    margin-top: 78px;
    display: flex;
    align-items: center;
    overflow-y: scroll;
    justify-content: center;
    background: url("/images/registry-bg-2.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.registry .left {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 182px;
}

.registry .left .title span:first-child {
    font-size: 45px;
    font-weight: bolder;
}

.registry .left img {
    margin-top: 45px;
    width: 400px;
}

.registry .left .title span:last-child {
    font-size: 45px;
    font-weight: bolder;
    margin-left: 15px;
}

.registry .right {
    width: 480px;
    /*height: 568px;*/
    background: #FFFFFF;
    box-shadow: 0px 9px 51px 0px rgba(55, 77, 119, 0.16);
    border-radius: 20px;
    text-align: center;
}

.registry .right .row {
    padding: 0 48px;
    text-align: left;
    margin-bottom: 19px;
}

.registry .right .row .col-name {
    width: 74px;
    text-align: right;
    display: inline-block;
}

.registry .right .title {
    font-weight: bold;
    font-size: 24px;
    color: #000000;
    margin-top: 35px;
    margin-bottom: 20px;
}

.registry .right .row .img-code {
    width: 136px;
    height: 42px;
    vertical-align: middle;
    cursor: pointer;
}

.registry .right .required {
    color: #EB5252;
}

.registry .right .name {
    font-size: 14px;
    color: #878787;
}

.registry .right .input {
    height: 42px;
    background: #F6F6FF;
    border-radius: 5px;
    padding: 12px 10px;
    font-size: 16px;
    width: calc(100% - 80px);
    border: 1px solid #fff;
}

.registry .right .input.empty {
    border: 1px solid #ff2020;
}

.registry .right .msg-input {
    width: calc(100% - 230px);
    margin-right: 10px;
}

.registry .right .msg-btn {
    width: 136px;
    height: 42px;
    background: #3A79FF;
    border-radius: 5px;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
}

.registry .right .input::placeholder {
    color: #A3A3A3;
}

.registry .right .notice {
    display: inline-block;
    padding: 0 48px;
    color: #878787;
    /*letter-spacing: 1px;*/
    font-size: 12px;
    margin-top: 10px;
    line-height: 24px;
}

.registry .right .sure-btn {
    width: calc(100% - 96px);
    padding: 0 48px;
    height: 50px;
    background: linear-gradient(-72deg, #6A9BFF 0%, #3676FF 100%);
    border-radius: 5px;
    border: none;
    color: #fff;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 18px;
}

.registry .right .success {
    height: 576px;
    padding: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.registry .right .success img {
    width: 300px;
}

.registry .right .success .success-msg {
    font-weight: bold;
    font-size: 24px;
}

.registry .right .success .success-notice {
    line-height: 24px;
    margin-top: 35px;
}




/* 试用申请页面适配移动端css */
@media(max-width:900px)
{
    .registry-img{ display: none;}

    .registry{ flex-direction: column; margin-top: 66px; height: auto; padding-bottom: 50px; width: 100%;}
    .registry .left{ margin-right: 0; margin: 0 auto; height: 100px; line-height: 100px;}
    .registry .left .title span:first-child{ font-size: 30px;}
    .registry .left .title span:last-child{ font-size: 30px;}
    .registry .right{ width: calc(100% - 30px); margin: 0 auto;box-shadow:none}

    .registry .right .row{ padding: 0 10px;}
    .footer2 {
        margin-bottom: 0px;
    }
}