fuxisheng/newCSS/finalExamScore.css

@media (max-width:1000px) {
    .layui-header {
        display: none;
    }

    .layui-side {
        display: none;
    }

    .layui-body {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
    }

    .layui-form-select .layui-input {
        border: none;
    }

    .layui-inline .layui-form-label {
        width: 112px !important;
        white-space: pre-line !important;
    }

    .layui-inline {
        display: flex !important;
    }

    .layui-input-inline {
        margin-left: 0 !important;
    }

    .ml-30 img {
        width: 90% !important;
        height: 90% !important;
    }

    .layui-field-box {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .df2 {
        display: flex;
        justify-content: center;
    }

    .layui-input,
    .layui-textarea {
        width: 100% !important;
        border: none !important;
    }

    .layui-inline {
        border-bottom: 0;
        margin: 0 auto !important;
    }

    .layui-form-item .layui-form-label {
        text-align-last: left;
    }

    .layui-form-item .layui-input-inline {
        margin-bottom: 0;
        flex: 1;
    }

    #checkScoreType1 {
        border: 1px solid #ddd !important;
        width: 100% !important;
    }

    .df {
        display: flex !important;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .layui-inline {
        width: 100% !important;
        display: flex !important;
        align-items: center;
    }

    .layui-field-title .layui-field-box {
        padding: 0 !important;
    }

    .layui-input-block {
        display: flex;
        justify-content: center;
    }
}

.pd-20 {
    padding: 0;
}

.layui-header {
    border-bottom: 1px solid #1E9FFF;
}

img {
    width: 100%;
    height: 100%;
    display: block;
}

.ml-30 img {
    width: 400px;
    height: 400px;
}

.layui-form-label {
    width: 85px !important;
}

.layui-input-block {
    margin-left: 0;
}

.df {
    display: flex !important;
}

.flex1 {
    flex: 1;
}

#upload {
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.layui-input,
.layui-textarea {
    width: 100%;
}

.personPic {
    display: flex;
}

#upload1 {
    display: none;
}

.userImg {
    padding: 30px 50px;
    width: 150px;
    height: 150px;
    display: none;
    position: relative;
}

.userImg img {
    width: 100%;
    height: 100%;
}

#close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
}

.layui-form input[type=checkbox],
.layui-form input[type=radio],
.layui-form select {
    display: block;
    display: block;
    height: 38px;
    width: 100%;
    box-shadow: none;
    border: 1px solid #e6e6e6;
    margin-top: 10px;
}

.layui-form-select .layui-input {
    display: none !important;
}

.layui-edge {
    display: none !important;
}

.score-content {
    display: none;
}

.layui-input-inline input {
    width: 100%;
}


#upload2 {
    display: none;
}

.userImg2 {
    padding: 30px 50px;
    width: 150px;
    height: 150px;
    display: none;
    position: relative;
}

.userImg2 img {
    width: 100%;
    height: 100%;
}

#close2 {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
}

.layui-nav-item {
    cursor: pointer;
}