.tcnr_complaint {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 999;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

.hzjm {
    position: relative;
    width: 56%;
    height: 8rem;
    border-radius: .08rem;
    background-color: #fff;
    margin: 1rem auto;
    padding: 1rem;
    box-sizing: border-box;
    overflow-y:auto;
}

    .hzjm label {
        display: inline-block;
        width: 49%;
        margin-right: 1%;
        margin-bottom: .2rem;
    }
        .hzjm label.w1 {
            width:99%;
            margin-right:0;
        }
        .hzjm li label:nth-child(2n) {
            margin-right: 0;
        }
        .hzjm label p {
            font-size: .16rem;
            color: #333333;
            font-weight: bold;
            padding-left: .12rem;
            box-sizing: border-box;
            margin-bottom: .1rem;
            line-height: .2rem;
        }

            .hzjm label p em {
                display: inline-block;
                color: #e60612;
                margin-left: .1rem;
            }

        .hzjm label input,
        .hzjm label select,
        .hzjm label .lf {
            display: block;
            width: 100%;
            height: .59rem;
            line-height: .59rem;
            border: .01rem solid #e1e1e1;
            color: #333;
            padding: 0 .12rem;
            box-sizing: border-box;
            font-size: .16rem;
        }

        .hzjm label input {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            background: #fff;
            -webkit-transition: all .3s 0s;
            -o-transition: all .3s 0s;
            -moz-transition: all .3s 0s;
            transition: all .3s 0s;
        }

        .hzjm label .lf img {
            width: 1.16rem;
            height: .58rem;
            float: right;
        }

        .hzjm label input::placeholder {
            color: #a0a0a0;
        }

    .hzjm .bz {
        width: 100%;
    }

        .hzjm .bz textarea {
            width: 99%;
            padding: .1rem .12rem;
            box-sizing: border-box;
            font-size: .16rem;
            line-height: .4rem;
            border: .01rem solid #e1e1e1;
            resize: none;
            transition: all .5s;
            border-radius: 4px;
        }

    .hzjm .l_yzm {
        width: 99%;
    }

    .hzjm .cha {
        right: 24%;
        position: fixed;
        top: 15%;
        cursor: pointer;
    }

    .hzjm .lf {
        float: left;
        padding: 0 !important;
        transition: all .5s;
    }

        .hzjm .lf input {
            border: none;
            width: 80%;
            float: left;
            height: .57rem;
            line-height: .57rem;
        }

    .hzjm li:first-child label + label {
        margin-right: 0;
    }

    .hzjm .tj {
        cursor: pointer;
        float: left;
        margin-right: 50px;
        display: block;
        width: 32%;
        line-height: .6rem;
        background-color: #0043c7;
        color: #fff;
        text-align: center;
        font-size: .18rem;
        font-weight: bold;
        border-radius: .08rem;
        margin-top: .2rem;
    }

        .hzjm .tj:hover {
            background-color: #1645a1;
        }

    .hzjm label select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        cursor: pointer;
        background: url('../img/c7.png') no-repeat 97% center;
        background-size: .12rem .08rem;
        transition: all .5s;
        outline: none;
    }

        .hzjm label select.focus {
            background: url('../img/c8.png') no-repeat 97% center #fff5f6;
            background-size: .12rem .08rem;
        }