html,
body {
    font-size: 14px;
    height: 100%;
}

*,
body,
p,
pre,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ul,
ol,
li,
form,
select,
input,
textarea,
button,
table,
caption,
tr,
th,
td {
    margin: 0;
    padding: 0;
}

/*******************************************************
 *通用样式修改
 *******************************************************/
.m-b0 {
    margin-bottom: 0 !important;
}

.m-l10 {
    margin-left: 10px;
}

.m-r10 {
    margin-right: 10px;
}

.p-b15 {
    padding-bottom: 15px;
}

.p-b20 {
    padding-bottom: 20px;
}

.w-280 {
    width: 280px !important;
}

*::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 5px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
}

*::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 0px;
    /*box-shadow   : inset 0 0 5px rgba(0,150,136, 1);*/
    background: #AFAEAE;
}

*::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(80, 79, 79, .1);
    border-radius: 3px;
    background: #EDEDED;
    margin-top: 5px;
    margin-bottom: 5px;
}

.layui-table-view .layui-table-box table tbody {
    /*overflow-x: auto;*/
    overflow-x: scroll;
}

.layui-header {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.layui-layout-center {
    position: absolute !important;
    top: 0;
}

.layui-layer-title {
    font-size: 16px !important;
}

.layui-elem-quote {
    margin-bottom: 10px;
    padding: 12px;
    line-height: 1.8;
    border-left: 0;
    border-radius: 5px;
    background-color: #FAFAFA;
    font-size: 15px;
    color: #666666;
}

.layui-form-item {
    margin-bottom: 12px;
    clear: both;
}

.layui-form-pane .layui-form-radio,
.layui-form-pane .layui-form-switch {
    margin-top: 4px;
    margin-left: 10px;
}

/*******************************************************
 *筛选样式修改
 *******************************************************/
/********** 筛选样式修改开始-> **********/
/*.layui-side-menu .layui-side-scroll {*/
/*    width: 221px;*/
/*}*/

.layui-card {
    margin-bottom: 10px;
}

.layui-card-header {
    font-size: 16px;
}

.screen-layui-form-label {
    padding: 9px 0;
    width: auto;
    padding-right: 8px;
    text-align: left;
    font-size: 15px;
}

.screen-layui-input-inline {
    font-size: 14px;
    padding: 3px 0;
}

.screen-layui-input {
    height: 32px;
    line-height: 32px;
}

.layui-form-item .screen-layui-inline {
    margin-right: 0;
}

.screen-layui-inline .layui-select-title .layui-input {
    height: 32px;
}

.screen-layui-btn-sm {
    height: 32px;
    line-height: 32px;
}

.layui-select-title .layui-input,
.layui-select-title .layui-select,
.layui-textarea {
    border-width: 0;
}

/********** <- 筛选样式修改结束 **********/

.xh-add-article .layui-form-pane .layui-form-label {
    width: 120px;
    padding: 8px;
    /*text-align: left;*/
}

.xh-add-article .layui-input-block {
    margin-left: 120px;
}

.xh-form-hint {
    font-size: 12px;
}

/*******************************************************
 * 主内容界面
 *******************************************************/
/********** 头部标题栏样式开始-> **********/
.xh-main-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.xh-main-header-left {
    width: 50%;
    font-size: 16px;
}

.xh-main-header-right {
    width: calc(100% - 200px);
}

.xh-main-header-btn-group {
    display: flex;
    justify-content: right;
    align-items: center;
    height: 100%;
}

.xh-main-header-btn-group .layui-btn {
    margin-left: 10px;
}

.layui-table-body .layui-btn+.layui-btn {
    margin-left: 3px;
}

/********** <-头部标题栏样式结束 **********/
/*******************************************************
 * 资源管理
 *******************************************************/
/********** 科目管理样式开始-> **********/
.subject_manage {
    height: calc(100% - 10px);
}

.subject_manage .layui-row {
    height: 100%;
}

.subject_manage .subject-left {
    height: 100%;
}

.subject_manage .subject-left .layui-card {
    height: 100%;
    overflow-y: auto;
    margin-bottom: 0;
}

.subject_manage .subject-left .layui-card-body::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 5px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 0px;
}

.subject_manage .subject-left .layui-card-body::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 0px;
    /*box-shadow   : inset 0 0 5px rgba(0,150,136, 1);*/
    background: #535353;
}

.subject_manage .subject-left .layui-card-body::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 3px;
    background: #EDEDED;
    margin-top: 5px;
    margin-bottom: 5px;
}

.subject_manage .subject-center {
    height: 100%;
    overflow-y: auto;
}

.subject_manage .subject-right {
    height: 100%;
    overflow-y: auto;
}

.subject_manage .subject-center::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 5px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 0px;
}

.subject_manage .subject-center::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 0px;
    /*box-shadow   : inset 0 0 5px rgba(0,150,136, 1);*/
    background: #535353;
}

.subject_manage .subject-center::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 3px;
    background: #EDEDED;
    margin-top: 5px;
    margin-bottom: 5px;
}

.subject_manage .layui-card {
    margin-bottom: 10px;
}

.questions-manage {
    height: calc(100% - 20px);
}

.questions-manage .layui-row {
    height: 100%;
}

.subject-operate {
    height: 100%;
}

.subject-operate li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.subject-operate li .layui-icon {
    display: inline-block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 2px;
    font-size: 30px;
    background-color: #F8F8F8;
    color: #333333;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.subject-operate li cite {
    position: relative;
    top: 2px;
    display: block;
    color: #666666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
}

/********** <-科目管理样式结束 **********/
.questions-operate {
    height: 100%;
    overflow-y: hidden;
}

.questions-operate .layui-card {
    height: 100%;
    overflow-y: hidden;
}

.questions-operate .layui-card-body {
    height: calc(100% - 40px);
    overflow-y: auto;
}

.questions-operate ul {
    height: calc(100% - 100px);
}

.questions-operate li {
    list-style: none;
}

.questions-operate li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.questions-operate li .layui-icon {
    display: inline-block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 2px;
    font-size: 30px;
    background-color: #F8F8F8;
    color: #333333;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.questions-operate li cite {
    position: relative;
    top: 2px;
    display: block;
    color: #666666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
}

.questions-operate .layui-card-body::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 5px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 0px;
}

.questions-operate .layui-card-body::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 0px;
    /*box-shadow   : inset 0 0 5px rgba(0,150,136, 1);*/
    background: #535353;
}

.questions-operate .layui-card-body::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 3px;
    background: #EDEDED;
    margin-top: 5px;
    margin-bottom: 5px;
}

.layui-form .layui-rate {
    padding: 0px 5px 0px 10px;
    height: 32px;
    line-height: 36px;
}

#degree_importance span,
#difficulty span {
    height: 20px;
    line-height: 26px;
}

.lk-form-require:after {
    content: '*';
    color: #FF0000;
    padding-left: 2px;
    font-size: 1em;
}

.xh-form-require:after {
    content: '*';
    color: #FF0000;
    padding-left: 2px;
    font-size: 1em;
}

.ques-version-main {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ques-version-left {
    width: calc(100% - 80px);
}

.ques-version-right {
    width: 80px;
    text-align: center;
}

.ques-version-main .layui-table td,
.ques-version-main .layui-table th {
    padding: 2px 15px;
}

/********** 试题样式开始-> **********/
.questions-article-title {
    margin: 5px;
    width: calc(100% - 10px);
    min-height: 33px;
}

.answer-item {
    margin: 3px 5px;
    width: calc(100% - 20px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid rgba(238, 238, 238, 1);
    padding-left: 10px;
}

.answer-item1 {
    margin: 3px 5px;
    width: calc(100% - 20px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 10px;
}

/********** <-试题样式结束 **********/

.ques-detail-type {
    width: 8%;
    min-width: 64px;
    float: left;
    margin-right: 8px;
}

.ques-detail-type .layui-badge {
    padding: 2px 10px;
    display: inline-block;
    width: 42px;
    text-align: justify;
    text-justify: distribute-all-lines;
    text-align-last: justify;
}

.ques-detail-title {
    font-size: 15px;
    padding-bottom: 10px;
    width: 90%;
    float: left;
}

.ques-detail-ul {
    margin-left: 9%;
}

.ques-detail-ul .ques-detail-li {
    width: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
    margin-bottom: 10px;
}

.ques-detail-ul .ques-detail-li .layui-icon-radio {
    height: 18px;
    line-height: 18px;
    color: rgba(30, 159, 255, 1);
    font-size: 18px;
    padding-right: 10px;
}

.ques-detail-ul .ques-detail-li .layui-icon-circle {
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    padding-right: 10px;
}

.ques-detail-ul .ques-detail-li .ques-detail-serial {
    height: 18px;
    font-size: 16px;
    padding-right: 10px;
}

.ques-detail-analysis {
    width: 100%;
    display: flex;
    justify-content: left;
    padding-bottom: 5px;
}

.ques-detail-analysis .ques-detail-badge {
    width: 8%;
    text-align: justify;
    text-align-last: justify;
    margin-right: 8px;
    min-width: 64px;
}

.content-empty1 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.content-empty1 img {
    width: 80%;
}

.content-empty1 span {
    padding-top: 20px;
    font-size: 18px;
}

#version-list {
    overflow-y: auto;
}

#version-list .ques-version-left .layui-icon-rate-solid {
    color: #1E9FFF;
}

#version-list .ques-version-left .layui-icon-rate {
    color: #1E9FFF;
}

.layui-table-box .table-box-rate .layui-icon-rate-solid {
    color: #1E9FFF;
}

.layui-table-box .table-box-rate .layui-icon-rate {
    color: #1E9FFF;
}

/**********试题导入样式开始——>**********/
.lk-add-form {
    background-color: rgba(255, 255, 255, 1);
}

.upload-status {
    display: flex;
    align-items: center;
    height: 38px;
    line-height: 38px;
    width: calc(100% - 17px);
    border: 1px solid rgba(230, 230, 230, 1);
    padding-left: 15px;
    margin-bottom: 15px;
}

.upload-status li {
    margin-right: 40px;
}

.upload-status li span:first-child {
    color: #6FB3FF;
}

.upload-status li span:nth-child(2) {
    color: #CB9BFF;
    padding-left: 5px;
}

.questions-main {
    width: 100%;
    min-height: 100px;
    border: 1px solid rgba(230, 230, 230, 1);
    display: flex;
    background-color: rgba(242, 242, 242, 1);
    margin-bottom: 15px;
    box-sizing: border-box;
}

.ques-card:first-child {
    padding: 15px 7px 15px 15px;
    width: calc(50% - 22px);
}

.ques-card:last-child {
    padding: 15px 15px 15px 8px;
    width: calc(50% - 23px);
}

.ques-acticle {
    width: calc(100% - 22px);
    border: 1px solid rgba(230, 230, 230, 1);
    margin-bottom: 15px;
    padding: 10px;
}

.ques-title {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}

.ques-title .ques-title-badge {
    background-color: #95A2FF !important;
    width: 50px;
    height: 18px;
    line-height: 20px;
    color: #FFFFFF;
    text-align: center;
    margin-top: 2px;
    font-size: .8em;
    border-radius: 3px;
}

.ques-title p {
    padding-left: 5px;
}

.ques-item {
    margin-bottom: 10px;
}

.ques-item li {
    display: flex;
    /*align-items: flex-start;*/
    align-items: center;
    padding-left: 15px;
    padding-bottom: 5px;
}

.ques-item li .layui-icon {
    font-size: 1.3em;
    padding-right: 8px;
}

.ques-item li.true-answer {
    color: #95A2FF;
}

.ques-acticle .select-btn {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid rgba(230, 230, 230, 1);
    padding: 10px 20px 0px 20px;
}

.luke-color-fe9494 {
    background-color: #FE9494;
}

.luke-color-cb9bff {
    background-color: #CB9BFF;
}

.upload-progress {
    margin-top: 15px;
    width: 80%;
    margin-left: 120px;
    display: none;
}

/**********<——试题导入样式结束**********/

/**********试题导入样式开始——>**********/

body .layer-ext-luke .layui-layer-btn {
    background-color: #50504E;
}

/**********<——试题导入样式结束**********/
/**********单图片上传显示样式开始——>**********/
.xh-img-upload-item {
    width: 135px;
    height: 135px;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #EEEEEE;
    position: relative;
    border-radius: 2px;
}

.xh-img-upload-show {
    width: 100%;
    height: 100%;
}

.xh-upload-hint-text {
    padding-top: 15px;
    color: #999999;
}

.xh-img-upload-item .xh-img-upload-del,
.xh-file-upload-list .xh-file-upload-del {
    position: absolute;
    font-size: 20px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border: 1px solid #EEEEEE;
    border-radius: 100%;
    top: -12px;
    right: -12px;
    background-color: #FFFFFF;
    cursor: pointer;
}

.xh-img-upload-item .xh-img-upload-del,
.xh-file-upload-list .xh-file-upload-del:hover {
    background-color: #EEEEEE;
}

/**
* 多图片上传样式
 */
.xh-img-upload-multiple-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.xh-img-upload-multiple-list .xh-img-upload-item {
    margin: 6px;
}

/**
 * 单文件上传样式
 */
.xh-file-upload-list {
    padding-right: 15px;
}

.xh-file-upload-list .xh-file-upload-item {
    height: 38px;
    width: auto;
    line-height: 38px;
    text-align: left;
    border: 1px solid #EEEEEE;
    position: relative;
    border-radius: 2px;
}

.xh-file-upload-list .xh-file-upload-item span {
    padding-left: 15px;
}


/**********<——单图片上传显示样式结束**********/
.stu-name-show-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 15px;
    padding-top: 15px;
}

.stu-name-show-list li {
    padding: 3px 10px;
    border: 1px solid #EEEEEE;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}

.stu-name-show-list li i.layui-icon-close {
    position: absolute;
    font-size: 16px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #EEEEEE;
    border-radius: 100%;
    top: -10px;
    right: -10px;
    background-color: #FFFFFF;
    cursor: pointer;
}

.approve-useful {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.approve-useful-list {
    /*margin-bottom: 10px;*/

}

.approve-useful-list .approve-useful-input {
    /*width: calc(100% - 10px);*/
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;

}

.approve-useful-list .approve-useful-input button {
    margin-left: 10px;
}

/*******************************************************
 * 资料管理详情页布局
 *******************************************************/
.material-list {
    border-left: 1px solid #e2e2e2;
    padding-left: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.material-list .material-list-li {
    width: 350px;

    padding: 5px;
    border: 1px solid #e2e2e2;
    position: relative;
    margin: 10px;
    text-align: center;


}

.material-list .material-list-li img {
    max-width: 100%;
    height: 220px;
    cursor: pointer;
}

.material-list .material-list-li .material-status {
    position: absolute;
    color: white;
    padding: 1px 8px;
    border-radius: 3px;
    left: -3px;
    top: -8px;
}

.material-status-pass {
    background-color: rgba(0, 181, 42, 1);

}

.material-status-not-check {
    background-color: rgba(255, 154, 46, 1);
}

.material-status-reject {
    background-color: rgba(246, 101, 96, 1);
}

.material-status-again {
    background-color: rgba(246, 101, 96, 1);
}

.material-status-history {
    background-color: rgba(52, 145, 249, 1);
}

.material-list .material-list-li .layui-icon-close {
    position: absolute;
    height: 26px;
    width: 26px;
    /*border: 1px solid #e2e2e2;*/
    border-radius: 50%;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    right: -13px;
    top: -13px;
    background-color: #e2e2e2;
    color: black;
    font-weight: bold;
    cursor: pointer;
}

.material-list-li-info {
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    display: flex;
    /*text-align: justify;*/
    justify-content: space-between
}

.material-img-edit {
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
}

.material-img-bottom {
    /*width: 120px;*/
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    /*align-items:flex-end;*/
    justify-content: right;
}

.material-img-bottom button {
    margin-left: 10px;
    margin-bottom: 15px;
    /*display: block;*/

}

.material-img-top {}

.layui-layer.layui-layer-iframe .layui-layer-btn {
    background-color: #F4F6F6 !important;
    border-top: 1px solid #cdcdcd !important;
    position: relative;
    z-index: 999;
}

.layui-layer-title {
    background-color: #F4F6F6 !important;
    border-bottom: 1px solid #cdcdcd !important;

}

.answer-item.tiankong{
    flex-wrap: wrap;
}
.tiankong .answer-tag{
    display: flex;
    width: 100%;
    overflow-x: auto;

}
.tiankong .answer-tag .tag-item {
    height: 20px;
    background-color: #eee;
    display: flex;
    align-items: center;
    padding: 2px 0px 2px 10px;
    margin: 5px 5px 5px 0;
    border-radius: 5px;
    position: relative;
}
.answer-tag .tag-item .tag-close {
    color: #aaa;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    line-height: 14px;
    text-align: center;
    font-size: 18px;
    margin:0 3px 0 5px;
    transform: rotate(45deg);
    cursor: pointer;
}
.answer-tag .tag-item .tag-close:hover {
    background-color: #aaa;
    color: #fff;
}
#editorQues .w-e-text-container{
    height: 470px!important;
}