﻿.kinerDatePicker-container, .select_box {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: none;
}

    .kinerDatePicker-container .kdp-mask, .select_box .kdp-mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
    }

    .kinerDatePicker-container .kdp-box, .select_box .kdp-box {
        position: absolute;
        left: 0;
        background-color: #FFFFFF;
        height: 15rem;
        width: 100%;
        bottom: -100%;
    }

        .kinerDatePicker-container .kdp-box .kdp-header-container, .select_box .kdp-box .kdp-header-container {
            height: 2.5rem;
            background-color: #f2f3f7;
            line-height: 2.5rem;
            box-sizing: border-box;
            padding: 0 1rem;
            /*font-size: 0.375rem;*/
            color: #333333;
            position: relative;
        }

            .kinerDatePicker-container .kdp-box .kdp-header-container .kdp-title, .select_box .kdp-box .kdp-header-container .kdp-title {
                text-align: center;
            }

            .kinerDatePicker-container .kdp-box .kdp-header-container .kdp-cancel-btn, .kinerDatePicker-container .kdp-box .kdp-header-container .kdp-ok-btn, .select_box .kdp-box .kdp-header-container .kdp-cancel-btn, .select_box .kdp-box .kdp-header-container .kdp-ok-btn {
                /*font-size: 0.375rem;*/
                position: absolute;
                top: 0;
            }

            .kinerDatePicker-container .kdp-box .kdp-header-container .kdp-cancel-btn, .select_box .kdp-box .kdp-header-container .kdp-cancel-btn {
                left: 1rem;
            }

            .kinerDatePicker-container .kdp-box .kdp-header-container .kdp-ok-btn, .select_box .kdp-box .kdp-header-container .kdp-ok-btn {
                color: #e45e00;
                right: 1rem;
            }

        .kinerDatePicker-container .kdp-box .kdp-content-container, .select_box .kdp-box .kdp-content-container {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            height: 13rem;
            position: relative;
        }

            .kinerDatePicker-container .kdp-box .kdp-content-container:after, .select_box .kdp-box .kdp-content-container:after {
                content: "";
                width: 100%;
                height: 20%;
                border-top: 0.015625rem solid #e45e00;
                border-bottom: 0.015625rem solid #e45e00;
                background-color: rgba(228, 94, 0, 0.2);
                position: absolute;
                left: 0;
                top: 50%;
                -webkit-transform: translate3d(0, -50%, 0);
                transform: translate3d(0, -50%, 0);
                z-index: 0;
            }

            .kinerDatePicker-container .kdp-box .kdp-content-container .year-container, .kinerDatePicker-container .kdp-box .kdp-content-container .month-container, .kinerDatePicker-container .kdp-box .kdp-content-container .date-container, .select_box .kdp-box .kdp-content-container .year-container, .select_box .kdp-box .kdp-content-container .month-container, .select_box .kdp-box .kdp-content-container .date-container {
                -webkit-box-flex: 1;
                -webkit-flex: 1;
                flex: 1;
                height: 100%;
                overflow: hidden;
            }

                .kinerDatePicker-container .kdp-box .kdp-content-container .year-container .year-swiper-container, .kinerDatePicker-container .kdp-box .kdp-content-container .year-container .month-swiper-container, .kinerDatePicker-container .kdp-box .kdp-content-container .year-container .date-swiper-container, .kinerDatePicker-container .kdp-box .kdp-content-container .month-container .year-swiper-container, .kinerDatePicker-container .kdp-box .kdp-content-container .month-container .month-swiper-container, .kinerDatePicker-container .kdp-box .kdp-content-container .month-container .date-swiper-container, .kinerDatePicker-container .kdp-box .kdp-content-container .date-container .year-swiper-container, .kinerDatePicker-container .kdp-box .kdp-content-container .date-container .month-swiper-container, .kinerDatePicker-container .kdp-box .kdp-content-container .date-container .date-swiper-container, .select_box .kdp-box .kdp-content-container .year-container .year-swiper-container, .select_box .kdp-box .kdp-content-container .year-container .month-swiper-container, .select_box .kdp-box .kdp-content-container .year-container .date-swiper-container, .select_box .kdp-box .kdp-content-container .month-container .year-swiper-container, .select_box .kdp-box .kdp-content-container .month-container .month-swiper-container, .select_box .kdp-box .kdp-content-container .month-container .date-swiper-container, .select_box .kdp-box .kdp-content-container .date-container .year-swiper-container, .select_box .kdp-box .kdp-content-container .date-container .month-swiper-container, .select_box .kdp-box .kdp-content-container .date-container .date-swiper-container {
                    height: 100%;
                }

                    .kinerDatePicker-container .kdp-box .kdp-content-container .year-container .year-swiper-container .swiper-slide, .kinerDatePicker-container .kdp-box .kdp-content-container .year-container .month-swiper-container .swiper-slide, .kinerDatePicker-container .kdp-box .kdp-content-container .year-container .date-swiper-container .swiper-slide, .kinerDatePicker-container .kdp-box .kdp-content-container .month-container .year-swiper-container .swiper-slide, .kinerDatePicker-container .kdp-box .kdp-content-container .month-container .month-swiper-container .swiper-slide, .kinerDatePicker-container .kdp-box .kdp-content-container .month-container .date-swiper-container .swiper-slide, .kinerDatePicker-container .kdp-box .kdp-content-container .date-container .year-swiper-container .swiper-slide, .kinerDatePicker-container .kdp-box .kdp-content-container .date-container .month-swiper-container .swiper-slide, .kinerDatePicker-container .kdp-box .kdp-content-container .date-container .date-swiper-container .swiper-slide, .select_box .kdp-box .kdp-content-container .year-container .year-swiper-container .swiper-slide, .select_box .kdp-box .kdp-content-container .year-container .month-swiper-container .swiper-slide, .select_box .kdp-box .kdp-content-container .year-container .date-swiper-container .swiper-slide, .select_box .kdp-box .kdp-content-container .month-container .year-swiper-container .swiper-slide, .select_box .kdp-box .kdp-content-container .month-container .month-swiper-container .swiper-slide, .select_box .kdp-box .kdp-content-container .month-container .date-swiper-container .swiper-slide, .select_box .kdp-box .kdp-content-container .date-container .year-swiper-container .swiper-slide, .select_box .kdp-box .kdp-content-container .date-container .month-swiper-container .swiper-slide, .select_box .kdp-box .kdp-content-container .date-container .date-swiper-container .swiper-slide {
                        position: relative;
                        /*font-size: 0.3125rem;*/
                        opacity: .3;
                        -webkit-transition: all 300ms;
                        transition: all 300ms;
                    }

                        .kinerDatePicker-container .kdp-box .kdp-content-container .year-container .year-swiper-container .swiper-slide.swiper-slide-active, .kinerDatePicker-container .kdp-box .kdp-content-container .year-container .month-swiper-container .swiper-slide.swiper-slide-active, .kinerDatePicker-container .kdp-box .kdp-content-container .year-container .date-swiper-container .swiper-slide.swiper-slide-active, .kinerDatePicker-container .kdp-box .kdp-content-container .month-container .year-swiper-container .swiper-slide.swiper-slide-active, .kinerDatePicker-container .kdp-box .kdp-content-container .month-container .month-swiper-container .swiper-slide.swiper-slide-active, .kinerDatePicker-container .kdp-box .kdp-content-container .month-container .date-swiper-container .swiper-slide.swiper-slide-active, .kinerDatePicker-container .kdp-box .kdp-content-container .date-container .year-swiper-container .swiper-slide.swiper-slide-active, .kinerDatePicker-container .kdp-box .kdp-content-container .date-container .month-swiper-container .swiper-slide.swiper-slide-active, .kinerDatePicker-container .kdp-box .kdp-content-container .date-container .date-swiper-container .swiper-slide.swiper-slide-active, .select_box .kdp-box .kdp-content-container .year-container .year-swiper-container .swiper-slide.swiper-slide-active, .select_box .kdp-box .kdp-content-container .year-container .month-swiper-container .swiper-slide.swiper-slide-active, .select_box .kdp-box .kdp-content-container .year-container .date-swiper-container .swiper-slide.swiper-slide-active, .select_box .kdp-box .kdp-content-container .month-container .year-swiper-container .swiper-slide.swiper-slide-active, .select_box .kdp-box .kdp-content-container .month-container .month-swiper-container .swiper-slide.swiper-slide-active, .select_box .kdp-box .kdp-content-container .month-container .date-swiper-container .swiper-slide.swiper-slide-active, .select_box .kdp-box .kdp-content-container .date-container .year-swiper-container .swiper-slide.swiper-slide-active, .select_box .kdp-box .kdp-content-container .date-container .month-swiper-container .swiper-slide.swiper-slide-active, .select_box .kdp-box .kdp-content-container .date-container .date-swiper-container .swiper-slide.swiper-slide-active {
                            /*font-size: .5rem;*/
                            color: #e45e00;
                            opacity: 1;
                        }

                        .kinerDatePicker-container .kdp-box .kdp-content-container .year-container .year-swiper-container .swiper-slide.swiper-slide-prev, .kinerDatePicker-container .kdp-box .kdp-content-container .year-container .year-swiper-container .swiper-slide.swiper-slide-next, .kinerDatePicker-container .kdp-box .kdp-content-container .year-container .month-swiper-container .swiper-slide.swiper-slide-prev, .kinerDatePicker-container .kdp-box .kdp-content-container .year-container .month-swiper-container .swiper-slide.swiper-slide-next, .kinerDatePicker-container .kdp-box .kdp-content-container .year-container .date-swiper-container .swiper-slide.swiper-slide-prev, .kinerDatePicker-container .kdp-box .kdp-content-container .year-container .date-swiper-container .swiper-slide.swiper-slide-next, .kinerDatePicker-container .kdp-box .kdp-content-container .month-container .year-swiper-container .swiper-slide.swiper-slide-prev, .kinerDatePicker-container .kdp-box .kdp-content-container .month-container .year-swiper-container .swiper-slide.swiper-slide-next, .kinerDatePicker-container .kdp-box .kdp-content-container .month-container .month-swiper-container .swiper-slide.swiper-slide-prev, .kinerDatePicker-container .kdp-box .kdp-content-container .month-container .month-swiper-container .swiper-slide.swiper-slide-next, .kinerDatePicker-container .kdp-box .kdp-content-container .month-container .date-swiper-container .swiper-slide.swiper-slide-prev, .kinerDatePicker-container .kdp-box .kdp-content-container .month-container .date-swiper-container .swiper-slide.swiper-slide-next, .kinerDatePicker-container .kdp-box .kdp-content-container .date-container .year-swiper-container .swiper-slide.swiper-slide-prev, .kinerDatePicker-container .kdp-box .kdp-content-container .date-container .year-swiper-container .swiper-slide.swiper-slide-next, .kinerDatePicker-container .kdp-box .kdp-content-container .date-container .month-swiper-container .swiper-slide.swiper-slide-prev, .kinerDatePicker-container .kdp-box .kdp-content-container .date-container .month-swiper-container .swiper-slide.swiper-slide-next, .kinerDatePicker-container .kdp-box .kdp-content-container .date-container .date-swiper-container .swiper-slide.swiper-slide-prev, .kinerDatePicker-container .kdp-box .kdp-content-container .date-container .date-swiper-container .swiper-slide.swiper-slide-next, .select_box .kdp-box .kdp-content-container .year-container .year-swiper-container .swiper-slide.swiper-slide-prev, .select_box .kdp-box .kdp-content-container .year-container .year-swiper-container .swiper-slide.swiper-slide-next, .select_box .kdp-box .kdp-content-container .year-container .month-swiper-container .swiper-slide.swiper-slide-prev, .select_box .kdp-box .kdp-content-container .year-container .month-swiper-container .swiper-slide.swiper-slide-next, .select_box .kdp-box .kdp-content-container .year-container .date-swiper-container .swiper-slide.swiper-slide-prev, .select_box .kdp-box .kdp-content-container .year-container .date-swiper-container .swiper-slide.swiper-slide-next, .select_box .kdp-box .kdp-content-container .month-container .year-swiper-container .swiper-slide.swiper-slide-prev, .select_box .kdp-box .kdp-content-container .month-container .year-swiper-container .swiper-slide.swiper-slide-next, .select_box .kdp-box .kdp-content-container .month-container .month-swiper-container .swiper-slide.swiper-slide-prev, .select_box .kdp-box .kdp-content-container .month-container .month-swiper-container .swiper-slide.swiper-slide-next, .select_box .kdp-box .kdp-content-container .month-container .date-swiper-container .swiper-slide.swiper-slide-prev, .select_box .kdp-box .kdp-content-container .month-container .date-swiper-container .swiper-slide.swiper-slide-next, .select_box .kdp-box .kdp-content-container .date-container .year-swiper-container .swiper-slide.swiper-slide-prev, .select_box .kdp-box .kdp-content-container .date-container .year-swiper-container .swiper-slide.swiper-slide-next, .select_box .kdp-box .kdp-content-container .date-container .month-swiper-container .swiper-slide.swiper-slide-prev, .select_box .kdp-box .kdp-content-container .date-container .month-swiper-container .swiper-slide.swiper-slide-next, .select_box .kdp-box .kdp-content-container .date-container .date-swiper-container .swiper-slide.swiper-slide-prev, .select_box .kdp-box .kdp-content-container .date-container .date-swiper-container .swiper-slide.swiper-slide-next {
                            /*font-size: 0.40625rem;*/
                            opacity: .6;
                        }

                        .kinerDatePicker-container .kdp-box .kdp-content-container .year-container .year-swiper-container .swiper-slide .val, .kinerDatePicker-container .kdp-box .kdp-content-container .year-container .month-swiper-container .swiper-slide .val, .kinerDatePicker-container .kdp-box .kdp-content-container .year-container .date-swiper-container .swiper-slide .val, .kinerDatePicker-container .kdp-box .kdp-content-container .month-container .year-swiper-container .swiper-slide .val, .kinerDatePicker-container .kdp-box .kdp-content-container .month-container .month-swiper-container .swiper-slide .val, .kinerDatePicker-container .kdp-box .kdp-content-container .month-container .date-swiper-container .swiper-slide .val, .kinerDatePicker-container .kdp-box .kdp-content-container .date-container .year-swiper-container .swiper-slide .val, .kinerDatePicker-container .kdp-box .kdp-content-container .date-container .month-swiper-container .swiper-slide .val, .kinerDatePicker-container .kdp-box .kdp-content-container .date-container .date-swiper-container .swiper-slide .val, .select_box .kdp-box .kdp-content-container .year-container .year-swiper-container .swiper-slide .val, .select_box .kdp-box .kdp-content-container .year-container .month-swiper-container .swiper-slide .val, .select_box .kdp-box .kdp-content-container .year-container .date-swiper-container .swiper-slide .val, .select_box .kdp-box .kdp-content-container .month-container .year-swiper-container .swiper-slide .val, .select_box .kdp-box .kdp-content-container .month-container .month-swiper-container .swiper-slide .val, .select_box .kdp-box .kdp-content-container .month-container .date-swiper-container .swiper-slide .val, .select_box .kdp-box .kdp-content-container .date-container .year-swiper-container .swiper-slide .val, .select_box .kdp-box .kdp-content-container .date-container .month-swiper-container .swiper-slide .val, .select_box .kdp-box .kdp-content-container .date-container .date-swiper-container .swiper-slide .val {
                            position: absolute;
                            left: 0;
                            top: 50%;
                            -webkit-transform: translateY(-50%);
                            transform: translateY(-50%);
                            width: 100%;
                            text-align: center;
                        }

    .select_box.click_no.yes {
        display: block;
    }

.kinerDatePickerInput {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
    border-color: #e6e6e6;
    height: 38px;
    line-height: 1.3;
    line-height: 38px\9;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-radius: 2px;
    display: block;
    width: 100%;
    padding-left: 10px;
    border-radius: 0 2px 2px 0;
    line-height: 2.2rem;
}

.layui-form-pane .layui-form-label {
    width: 150px;
}

.layui-form-pane .layui-input-block {
    margin-left: 150px;
}

    .layui-form-pane .layui-input-block.anniu {
        margin-left: 0px;
        text-align: center;
    }

i.layui-icon.layui-icon-help {
    border: 1px solid red;
    border-radius: 1rem;
    color: red;
    cursor: pointer;
}

.layui-btn.upload_img {
    padding: 0px;
    height: 8rem;
    padding-top: 2rem;
    text-align: center;
    width: 100%;
    background: #fff;
    color: #009688;
    border: 1px solid #009688;
}

i.layui-icon.layui-icon-add-1 {
    font-size: 3rem;
    /* padding-top: 10rem; */
}


.jzcy .title {
    color: #009688;
}

    .jzcy .title i {
    }

.jzcy {
    padding-bottom: 1rem;
}

#cls .layui-unselect.layui-form-checkbox {
    float: left;
}

#cls a {
    margin: .65rem 0rem;
    position: relative;
    float: left;
    font-size: 0.8rem;
    padding-left: 10px;
    font-size: 1.2rem;
}

/*.select_box {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

    .select_box.yes {
        display: block
    }

    .select_box .select {
        height: 3.5rem;
        overflow: auto;
        text-align: center;
        padding: .8rem .1rem .2rem;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -100%;
        background-color: #fff
    }

    .select_box.yes .select {
        animation: fadeInUp1 .3s ease-out;
        animation-fill-mode: forwards
    }

        .select_box.yes .select .close, .select_box.yes .select .ok {
            color: #333;
            font-size: .32rem;
            position: absolute;
            top: .2rem
        }

        .select_box.yes .select .close {
            left: .2rem
        }

        .select_box.yes .select .ok {
            right: .2rem
        }

        .select_box.yes .select .cloth {
            position: absolute;
            height: .625rem;
            top: 1rem;
            left: 0;
            right: 0;
            background-color: rgba(0,0,0,.05)
        }*/

.select_bjbj.click_no.yes .kinerDatePicker-container {
    display: block;
}


.no_input, .no_input input, .no_input input:hover {
    /*color: #d2d2d2 !important;
    cursor: not-allowed !important;*/
}

.layui-btn.upload_img.layui-disabled {
    border: 1px solid #e6e6e6;
}

.layui-form-mid.layui-word-aux.xjh_tip {
    font-size: 0.8rem;
}

.layui-form-mid.layui-word-aux.sfz_tip {
    font-size: 0.8rem;
}

.img_div {
    text-align: center;
}

    .img_div img {
        /*width: 300px;*/
        width: 100%;
    }

.shuom ul {
    padding: 0px;
}

.shuom .gtsg {
    padding: 1rem;
}

div#cls_content {
    display: none;
}

.cls_content {
    padding: 20px;
}

    .cls_content .title {
        display: table;
        font-size: 18px;
        width: 100%;
        text-align: center;
        font-weight: bold;
        line-height: 40px;
    }

    .cls_content .content {
    }

        .cls_content .content span {
            text-indent: 2rem;
            display: table;
            line-height: 28px;
        }

            .cls_content .content span.zhongdian {
                font-weight: bold;
            }

    .cls_content .time {
        text-align: right;
        display: table;
        width: 100%;
    }

.layui-icon-ok:before {
    content: "\e605";
    content: "";
}

.layui-unselect.layui-form-checkbox.layui-form-checked .layui-icon-ok:before {
    content: "\e605";
}

.fpkj_0 {
    /*background: #ece9e9;*/
}

i.layui-icon.layui-icon-addition {
    font-size: 24px;
    line-height: 38px;
    padding: 10px;
    color: red;
}

div#xy_content {
    /*display: none;*/
}

.xymc {
    float: left;
    line-height: 38px;
}

    .xymc span {
        padding-left: 10px;
        cursor: pointer;
    }

label.layui-form-label.qyglzk {
    font-size: 14px;
}





/* 设置了浏览器宽度大于500px时 */
@media screen and (max-width: 450px) {


    .img_div img {
        width: 100%;
    }

    .layui-form-pane .layui-form-label {
        width: 120px;
        font-size: 14px;
    }

    .layui-form-pane .layui-input-block {
        margin-left: 120px;
    }

    .site-title fieldset legend {
        line-height: 30px;
        font-size: 16px;
    }

    .layui-form-pane .layui-form-radio {
        width: 100%;
    }

    label.layui-form-label.qyglzk {
        font-size: 9px;
        padding: 8px 10px;
    }
}
