.masklayer {
    display: none;


    height: 400px;
    line-height: 300px;
    background: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #999;
    /* transform: translate(-50%, -50%); */
}

    input {
        box-sizing: border-box;
        outline: none;
        padding-left: 20px;
    }

    input:focus {
        border-color: #4486e9 !important;
        box-shadow: 0 0 2px #4486e9;
    }

    /* input::placeholder {
        padding-left: 20px;
    } */

    #gang {
        left: 426px;
    }

    .w {
        width: 1220px;
        margin: 0 auto;
    }

    #breadcrumb {
        height: 80px;
        line-height: 80px;
    }

    #breadcrumb ol {
        margin: 0;
    }

    .breadcrumb a {
        font-size: 16px !important;
    }

    #search_title {
        height: 80px;
        text-align: center;
        font-size: 26px;
        line-height: 80px;
        background: #fff;
        margin-bottom: 28px;
    }

    #search {
        padding: 0 50px;
        background: #fff;
    }

    .search_content {
        position: relative;
        height: 400px;
        /* background: pink; */
        border-bottom: 1px solid #ccc;
    }

    .search_description {
        height: 200px;
        /* background: skyblue; */
    }

    .search_content .form {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 600px;
        height: 300px;
        text-align: center;

    }

    .search_content .form-group {
        display: flex;
        margin-bottom: 80px;
    }

    .form-group label {
        width: 100px;
        text-align: left;
        line-height: 50px;

    }

    .search_content input {
        box-sizing: border-box;
        height: 50px;
        width: 543px;
        border: 1px solid #ccc;

    }

    .search_content button,
    #success button,
    #fail button {
        width: 292px;
        height: 52px;
        background: #2a4395;
        border: 0;
        border-radius: 27px;
        font-size: 20px;
        line-height: 52px;
        color: #fff;
        font-weight: 700;
    }

    .search_description {
        display: flex;
        padding-top: 30px;
    }

    /* .description_l,
    .description_r {
        flex: 1;
    } */

    .tip {
        font-size: 24px;
        height: 40px;
    }

    .description_l {
        flex: 4;
    }

    .description_r {
        /* float: 2; */
        flex: 3;
    }

    .description_l p {
        font-size: 16px;
        height: 40px;
    }

    .alert {
        display: none;
        position: absolute;
        /* width: 600px;
        height: 500px; */
        width: 400px;
        height: 400px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: rgba(0, 0, 0, .3);
    }

    .alert_content {
        width: 310px;
        margin: 0 auto;
    }

    .alert_wrap {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 350px;
        height: 295px;
        background: #fff;

    }

    .alert_title {
        display: flex;
        justify-content: space-between;
        padding: 0 15px;
        height: 50px;
        line-height: 50px;
        text-align: left;
        font-size: 16px;
        color: #45494c;
        border-bottom: 1px solid #e4e7eb;
        margin-bottom: 15px;
    }

    .modal__close {
        position: absolute;
        top: 13px;
        right: 9px;
        width: 24px;
        height: 24px;
        text-align: center;
        cursor: pointer;
    }

    .modal__close span {
        display: inline-block;
        margin-top: 6px;
        width: 11px;
        height: 11px;
        vertical-align: top;
        background-image: url(https://cstaticdun.126.net//2.14.5/images/icon_light.1e38f4d.png);
        background-position: 0 -39px;
        background-size: 32px 576px;
    }

    .modal__close span:hover {
        background-position: 0 -53px;
    }

    .msg {
        position: absolute;
  
        bottom: -40px;
        left: 50px;
        transform: translate(0, -50%);
   
        display: none;
        width: 200px;
        font-size: 14px;
        color: red;
        /* background: url('../../img/icon.jpg') no-repeat 10px; */
    }

    .num {
        position: relative;
    }

    #success {
        display: none;
        padding: 0 50px;
        height: 720px;
        background: #fff;
        overflow: hidden;
    }

    .success_content {
        text-align: center;
        width: 600px;
        margin: 100px auto 0;
    }

    .success_description {
        padding-top: 100px;
    }

    .success_description p {
        line-height: 40px;
    }

    .success_content p {
        padding-top: 30px;
        height: 60px;
        font-size: 16px;

    }

    #fail {
        display: none;
        padding: 0 50px;
        height: 720px;
        background: #fff;
        overflow: hidden;
    }

    .fail_content {
        text-align: center;
        width: 600px;
        margin: 100px auto 0;
    }

    .fail_description {
        padding-top: 100px;
    }

    .fail_description p {
        line-height: 40px;
    }

    .fail_content p {
        padding-top: 30px;
        height: 60px;
        font-size: 16px;

    }