﻿.lr_top {
    -webkit-box-shadow: 0 2px 10px 0 hsla(223, 3%, 46%, .13);
    box-shadow: 0 2px 10px 0 hsla(223, 3%, 46%, .13);
    background-color: #fff;
}
.lr_top_btn {
    width: 100px;
}
.lr_top .layui-col-xs12 img {
    height: 4rem;
}

    .lr_top .layui-row > div {
        height: 5rem;
        display: flex;
        align-items: center;
    }

    .lr_top ._right {
        justify-content: right;
    }

        .lr_top ._right p {
            margin-left: 9%;
            font-size: 1.2rem;
        }

        .lr_top ._right .layui-icon-service {
            font-size: 1.4rem;
            margin-right: .5rem;
        }

.lr_footer {
    background: #242836;
}
    .lr_footer a {
        color: #ccc;
    }

    .lr_footer .layui-container {
        height: 5rem;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        color: #ccc;
    }

.lr_center {
    display: flex;
    justify-content: center;
    padding: 2rem 0;
}

.lr_main_box {
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 18, 101, .09);
    box-shadow: 0 4px 12px 0 rgba(0, 18, 101, .09);
    width: 950px;
    height: 524px;
    background-color: #fff;
}

    .lr_main_box .box_left {
        height: 524px;
        padding: 4rem;
        background: url(/static_new/img/register-bg.png) no-repeat;
        background-size: cover;
        font-size: 1.2rem;
    }

        .lr_main_box .box_left .describe-logo {
        }

            .lr_main_box .box_left .describe-logo img {
                width: 50%;
            }

        .lr_main_box .box_left .describe-title {
            font-size: 1.2rem;
            margin: 3rem 0;
        }

            .lr_main_box .box_left .describe-title b {
                font-size: 2rem;
            }

        .lr_main_box .box_left .describe-tip {
            display: flex;
        }

            .lr_main_box .box_left .describe-tip > div {
                width: 33.33%;
            }

            .lr_main_box .box_left .describe-tip p {
                margin-top: 0.4rem;
            }

            .lr_main_box .box_left .describe-tip b span {
                font-size: 2rem;
            }

        .lr_main_box .box_left .describe-cus {
            margin-top: 3rem;
        }
            .lr_main_box .box_left .describe-cus b {
                color: #f66d59;
                font-size:1.3rem;
            }

    .lr_main_box .box_right {
        padding: 4rem;
    }

        .lr_main_box .box_right .title {
            text-align: center;
            font-size: 1.6rem;
            margin-bottom: 2rem;
        }

        .lr_main_box .box_right .register_btn {
            margin-top: 2rem;
        }

            .lr_main_box .box_right .register_btn p {
                font-size: 0.9rem;
                margin: 1rem 0;
            }

@media (max-width: 750px) {
    .lr_center{padding:0;}
    .lr_main_box, .lr_top {
        box-shadow: none;
        -webkit-box-shadow: none;
    }
        .lr_top .layui-row > div{
            justify-content:center;
            height:auto;
        }
        .lr_top .layui-col-xs12 img{
            height:auto;
            width:100%;
        }
        .lr_main_box .box_right{
            padding:2rem;
        }
    .layui-form-item .layui-form-checkbox{
        margin:0;
    }
}