.hc-dialog {
    display: none;
}

    .hc-dialog,
    .hc-dialog .mask {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 100
    }

        .hc-dialog .mask {
            background: rgba(0, 0, 0, 0.8)
        }

        .hc-dialog .dialog {
            width: 22.58rem;
            height: 18.36rem;
            padding: 4.46rem .98rem 1.15rem;
            box-sizing: border-box;
            position: fixed;
            left: 50%;
            top: 50%;
            z-index: 101;
            margin-left: -11.29rem;
            margin-top: -9.18rem;
            background: url(../images/dialog/dialog-bg.png) no-repeat;
            background-size: 100%;
        }

        .hc-dialog .dia-item {
            width: 20.58rem;
        }

        .hc-dialog .til {
            width: 2.38rem;
            float: left;
            font-size: .6rem;
            font-family: PingFangSC-Regular;
            font-weight: bold;
            color: rgba(0, 0, 0, 1);
            line-height: 1.1rem;
        }

            .hc-dialog .til span {
                font-size: .6rem;
                font-family: PingFangSC-Semibold;
                color: rgba(236, 73, 40, 1);
                margin-right: .2rem;
            }

        .hc-dialog .radio-box {
            width: 16rem;
        }

        .hc-dialog .radio-item {
            width: 2.44rem;
            height: .9rem;
            font-size: .6rem;
            font-weight: bold;
            float: left;
        }

        .hc-dialog input[type="radio"] + label::before {
            content: "\a0";
            /*不换行空格*/
            display: inline-block;
            vertical-align: middle;
            font-size: .18rem;
            width: .76rem;
            height: 100%;
            line-height: 1;
            font-size: .6rem;
            font-weight: bold;
            color: #000;
            background: url(../images/dialog/radio.png) no-repeat;
            background-size: 100%;
            margin-right: .14rem;
        }

        .hc-dialog input[type="radio"]:checked + label::before {
            background: url(../images/dialog/radio-checked.png) no-repeat;
            background-size: 100%;
        }

        .hc-dialog input[type="radio"] {
            position: absolute;
            clip: rect(0, 0, 0, 0);
        }

        .hc-dialog .input-box {
            float: left;
            width: 17.97rem;
            height: 1.4rem;
            position: relative;
        }

            .hc-dialog .input-box input {
                width: 17.77rem;
                height: 1.2rem;
                padding-left: .2rem;
                background: rgba(255, 255, 255, 1);
                border: .06rem solid rgba(76, 29, 10, 1);
                box-shadow: 0 .06rem 0 0 rgba(255, 207, 0, 0.98);
                border-radius: .15rem;
            }

        .hc-dialog .no-til {
            position: absolute;
            bottom: -.91rem;
            color: rgba(216, 99, 75, 1);
            font-size: .44rem;
            vertical-align: middle;
        }

        .hc-dialog .jg-icon {
            display: inline-block;
            width: .45rem;
            height: .45rem;
            background: url(../images/dialog/icon-jg.png) no-repeat;
            background-size: 100%;
            margin-right: .1rem;
            vertical-align: middle;
        }

        .hc-dialog .til2 {
            line-height: 1.3rem;
        }

        .hc-dialog .mg-t {
            margin-top: .78rem;
        }


        .hc-dialog .fileinput-button {
            position: relative;
            display: inline-block;
            position: relative;
            display: inline-block;
            overflow: hidden;
            width: 13rem;
            height: 1.02rem;
            background: url(../images/dialog/updata-img.png) no-repeat;
            background-size: 2.43rem;
            margin-top: .1rem;
        }

        .hc-dialog .file-video {
            background: url(../images/dialog/update-vidoe.png) no-repeat;
            background-size: 2.45rem;
        }

        .hc-dialog .upda-video {
            background: url(../images/dialog/upda-vidoe.png) no-repeat;
            background-size: 2.45rem;
            margin-top: .32rem;
        }

        .hc-dialog .file-file {
            background: url(../images/dialog/update-file.png) no-repeat;
            background-size: 2.45rem;
        }

        .hc-dialog .fileinput-button input {
            position: absolute;
            right: 0;
            top: 0;
            opacity: 0;
            -ms-filter: 'alpha(opacity=0)';
            font-size: 2rem;
        }

        .hc-dialog .fileinput-button span {
            font-size: .48rem;
            font-weight: bold;
            color: rgba(102, 102, 102, 1);
            margin-left: 2.78rem;
            line-height: .98rem;
        }

        .hc-dialog .img-box {
            width: 4.8rem;
            height: 4.8rem;
            background: rgba(255, 255, 255, 1);
            border: .06rem solid rgba(76, 29, 10, 1);
            box-shadow: 0 .06rem 0 0 rgba(255, 207, 0, 0.98);
            border-radius: .15rem;
            margin-top: .32rem;
            position: relative;
            box-sizing: border-box;
        }

        .hc-dialog .video-img {
            width: 6.28rem;
            height: 3.56rem;
            margin-top: 0;
        }

        .hc-dialog .default-img img {
            max-height: 100%;
            max-width: 100%;
        }

        .hc-dialog .default-img {
            background: url(../images/dialog/moren-img.png) no-repeat center center;
            background-size: 1.58rem;
        }

            .hc-dialog .default-img .close-btn {
                width: .8rem;
                height: .8rem;
                background: url(../images/dialog/close3.png) no-repeat;
                background-size: 100%;
                position: absolute;
                right: -.4rem;
                top: -.4rem;
            }

        .hc-dialog .btn-box {
            margin-top: .4rem;
            display: flex;
            justify-content: space-evenly;
        }

            .hc-dialog .btn-box a {
                display: inline-block;
                width: 3.8rem;
                height: 1.42rem;
                display: flex;
                justify-content: center;
                box-sizing: border-box;
            }
                .hc-dialog .btn-box a img {
                    height: .86rem;
                    width: auto;
                    margin-top: 0.15rem;
                }
                .hc-dialog .btn-box .cancle {
                    background: url(../images/dialog/btn-bg-2.png) no-repeat;
                    background-size: 100%;
                }

            .hc-dialog .btn-box .submit {
                background: url(../images/dialog/btn-bg-1.png) no-repeat;
                background-size: 100%;
            }

        .hc-dialog .dia-close {
            width: 1.4rem;
            height: 1.4rem;
            background: url(../images/dialog/close1.png) no-repeat;
            background-size: 100%;
            position: absolute;
            right: -2.02rem;
            top: 2rem;
        }

        .hc-dialog .select-box {
            width: 7.22rem;
            float: left;
            position: relative;
            display:none;
        }

        .hc-dialog .select-btn {
            display: block;
            width: 6.75rem;
            height: 1.3rem;
            line-height: 1.26rem;
            background: rgba(255, 255, 255, 1);
            border: .06rem solid rgba(76, 29, 10, 1);
            box-shadow: 0 .06rem 0 0 rgba(255, 207, 0, 0.98);
            border-radius: .15rem;
            padding-left: .4rem;
            text-align: left;
            position: relative;
        }

        .hc-dialog .select-text {
            font-size: .48rem;
            font-weight: bold;
            color: rgba(153, 153, 153, 1);
        }

        .hc-dialog .select-down {
            width: .61rem;
            height: .42rem;
            background: url(../images/dialog/select-down.png);
            background-size: 100%;
            position: absolute;
            right: .42rem;
            top: .44rem;
        }

        .hc-dialog .select-up {
            width: .61rem;
            height: .42rem;
            background: url(../images/dialog/select-up.png);
            background-size: 100%;
            position: absolute;
            right: .42rem;
            top: .44rem;
        }

        .hc-dialog .select-cont {
            width: 6.43rem;
            padding: 0 .36rem;
            background: #fff;
            position: absolute;
            z-index: 1000;
            left: 0;
            top: 1.3rem;
            border: .06rem solid rgba(76, 29, 10, 1);
            border-top: none;
            box-shadow: 0 .06rem 0 0 rgba(255, 207, 0, 0.98);
            border-radius: 0 0 .15rem .15rem;
            display: none;
            max-height: 9rem;
            overflow-y: auto;
            overflow-x: hidden;
        }

            .hc-dialog .select-cont li {
                width: 6.03rem;
                height: 1.3rem;
                line-height: 1.3rem;
                text-align: center;
                border-bottom: .01rem solid rgba(76, 29, 10, 0.2);
                font-size: .4rem;
                font-family: Adobe Heiti Std R;
                color: rgba(102, 102, 102, 1);
                cursor: pointer;
            }

                .hc-dialog .select-cont li:last-child {
                    font-size: .5rem;
                    font-weight: 400;
                    color: rgba(76, 29, 10, 1);
                }

        .hc-dialog .input-add {
            float: left;
            width: 9.27rem;
            height: 1.3rem;
            background: rgba(255, 255, 255, 1);
            border: .06rem solid rgba(76, 29, 10, 1);
            box-shadow: 0 .06rem 0 0 rgba(255, 207, 0, 0.98);
            border-radius: .15rem;
            /*margin-left: .7rem;*/
            display: block;
        }

            .hc-dialog .input-add input {
                border: 0;
                line-height: .5rem;
                width: 9.07rem;
                height: 1.3rem;
                padding-left: .2rem;
                font-size: .48rem;
                font-weight: 700;
                color: rgba(153, 153, 153, 1);
            }

.input-add ::-webkit-input-placeholder,
.input-box ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    font-size: .48rem;
    font-family: PingFangSC-Regular;
    font-weight: bold;
    color: rgba(153, 153, 153, 1);
}

.input-add ::-moz-placeholder,
.input-box ::-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: .48rem;
    font-family: PingFangSC-Regular;
    font-weight: bold;
    color: rgba(153, 153, 153, 1);
}

.input-add ::-moz-placeholder,
.input-box ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: .48rem;
    font-family: PingFangSC-Regular;
    font-weight: bold;
    color: rgba(153, 153, 153, 1);
}

.input-add ::-ms-input-placeholder,
.input-box ::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: .48rem;
    font-family: PingFangSC-Regular;
    font-weight: bold;
    color: rgba(153, 153, 153, 1);
}

.hc-dialog .textarea {
    width: 17.13rem;
    height: 3.15rem;
    background: rgba(255, 255, 255, 1);
    border: .06rem solid rgba(76, 29, 10, 1);
    box-shadow: 0 .12rem 0 0 rgba(255, 207, 0, 0.98);
    border-radius: .1rem;
    font-size: .48rem;
    color: rgba(153, 153, 153, 1);
    padding: .42rem;
    text-align: left;
}

.hc-dialog .updata-yy {
    padding-left: 2.38rem;
}

.hc-dialog .up-til {
    font-size: .54rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    line-height: 1.84rem;
    float: left;
    margin-right: .46rem;
}

.hc-dialog .fileinput-mar-t {
    margin-top: .5rem;
}

.hc-dialog .progress-box span {
    display: inline-block;
    vertical-align: middle;
}

.hc-dialog .progress-box .name {
    max-width: 5rem;
    height: .48rem;
    line-height: .48rem;
    font-size: .48rem;
    font-family: PingFangSC-Regular;
    font-weight: bold;
    color: rgba(76, 29, 10, 1);
    margin-left: 2.38rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hc-dialog .progress-box .progress {
    display: inline-block;
    width: 9.12rem;
    height: .44rem;
    background: rgba(255, 185, 46, 0.2);
    border-radius: .2rem;
    margin-left: .62rem;
    position: relative;
}

.hc-dialog .progress-box .current {
    display: inline-block;
    width: 5.45rem;
    height: .44rem;
    background: #FFB92E;
    border-radius: .2rem 0 0 .2rem;
    position: absolute;
    left: 0;
    top: 0;
}

.hc-dialog .progress-box .close {
    display: inline-block;
    width: .58rem;
    height: .59rem;
    background: url(../images/dialog/close2.png);
    background-size:100%;
    margin-left: .68rem;
}