* {
  padding: 0;
  margin: 0;
}

body {
  font-size: 14px;
}

a {
  text-decoration: none;
}

i,
em {
  font-style: normal;
}

.fr {
  float: right;
}

span {
  vertical-align: unset;
}

.mzl-content {
  position: relative;
  padding: 0 20px;
  box-sizing: border-box;
}

.mzl-title {
  height: 60px;
  border-bottom: 1px solid #ddd;
}

.head-tit {
  margin-top: 20px;
  font-size: 24px;
  color: #000000;
}

.upload {
  display: inline-block;
  margin-top: 17px;
  background: #546478;
  border-radius: 2px;
  width: 72px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  font-size: 12px;
}

label.checkbox {
  padding-left: 24px;
  cursor: pointer;
  background-image: url("./../images/configuration_scope/check_un.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 20px;
  line-height: 20px;
  height: 20px;
  display: inline-block;
}

label.checkbox {
  background-image: url("./../images/check_un.png");
  background-size: auto 20px;
}

label.checkbox {
  background-image: url("./../images/check_un.png");
  background-size: auto 20px;
}

label.checked {
  background-image: url("./../images/check_on.png");
  background-size: auto 20px;
}

/* 新版分页 start*/

.niTurnPage2 {
  font-size: 14px;
  text-align: center;
}

.niTurnPage2 span {
  display: inline-block;
  color: #888;
}

.niTurnPage2 a {
  border: 1px solid #eeeeee;
  background: #fafafa;
  display: inline-block;
  padding: 0px 15px;
  height: 37px;
  line-height: 37px;
  color: #888888;
  margin-left: -6px;
}

.niTurnPage2 a:hover {
  text-decoration: none;
  background: #fff;
  border: 1px solid #339cec;
  position: relative;
  z-index: 1;
}

.niTurnPage2 a.active {
  background: #fff;
  color: #339cec;
}

.niTurnPage2 a.niTurnPage2_page,
.niTurnPage2 a.niTurnPage2_total,
.niTurnPage2 a.niTurnPage2_moveto {
  background: none;
  border-color: transparent;
}

.niTurnPage2 a.niTurnPage2_moveto input {
  border-radius: 2px;
  text-align: center;
}

.niTurnPage2 a.niTurnPage2_moveto input.niSure {
  border: 1px solid #d5d5d5;
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}

.niTurnPage2 a.niTurnPage2_moveto input.niSure:hover {
  background: #ccc;
  color: #000;
}

.niTurnPage2 span.niTurnPage2_page,
.niTurnPage2 span.niTurnPage2_total,
.niTurnPage2 span.niTurnPage2_moveto {
  background: none;
  border-color: transparent;
  color: #888;
}

.niTurnPage2 span.niTurnPage2_moveto input {
  border-radius: 2px;
  text-align: center;
}

.niTurnPage2 span.niTurnPage2_moveto input.niSure {
  border: 1px solid #d5d5d5;
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}

.niTurnPage2 span.niTurnPage2_moveto input.niSure:hover {
  background: #ccc;
  color: #000;
}

.niTurnPage2 a.niTurnPage2_page:hover,
.niTurnPage2 a.niTurnPage2_total:hover {
  color: #888;
}

/* 新版分页 end*/

/*下拉框*/
.qjf_selediv,
.qjf_seleautodiv {
  display: inline-block;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  background: #fff;
}

.qjf_selecur,
.qjf_seleautocur {
  background: url(../images/updown_noice.png) no-repeat right center;
  color: #d5d5d5;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  vertical-align: middle;
  word-break: break-all;
  border: 1px solid #ddd;
  width: 100%;
  border-radius: 3px;
}

.qjf_selecur.bluebor,
.qjf_seleautocur.bluebor {
  border: 1px solid #3d95d5;
}

.qjf_selecur p,
.qjf_seleautocur p {
  padding: 0 30px 0 5px;
  color: #555;
  line-height: 30px;
  height: 30px;
  display: block;
  overflow: hidden;
}

.qjf_seledrop,
.qjf_seleautodrop {
  border: 1px solid #ccc;
  position: absolute;
  left: 0px;
  height: auto;
  max-height: 180px;
  overflow-x: hidden;
  overflow-y: auto;
  top: 29px;
  white-space: nowrap;
  display: none;
  background: #fff;
}

.qjf_seledrop a,
.qjf_seleautodrop a {
  height: 30px;
  line-height: 30px;
  color: #555;
  display: block;
  padding: 0px 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.qjf_seledrop a:hover,
.qjf_seleautodrop a:hover {
  background: #e3e3e3;
  color: #555;
  text-decoration: none;
}

.qjf_seledrop.animate,
.qjf_seleautodrop.animate {
  display: block;
  -webkit-animation: zoomIn 0.3s ease;
  -moz-animation: zoomIn 0.3s ease;
  -ms-animation: zoomIn 0.3s ease;
  -o-animation: zoomIn 0.3s ease;
  animation: zoomIn 0.3s ease;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
}

.fz14-c000 {
  font-size: 14px;
  color: #000000;
  margin-right: 14px;
}

.mgl-24 {
  margin-left: -24px;
}

.mzl-search-input {
  width: 245px;
  height: 30px;
  border: 1px solid #DDDDDD;
  border-radius: 2px;
  box-sizing: border-box;
  vertical-align: middle;
  text-indent: 6px;
}

.ofh {
  overflow: hidden;
}

.search-btn {
  display: inline-block;
  height: 30px;
  width: 72px;
  line-height: 28px;
  border: 1px solid #4991e1;
  background-color: #4991e1;
  font-size: 12px;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  box-sizing: border-box;
  vertical-align: middle;
}

.mgl10 {
  margin-left: 10px;
}

.mgt15 {
  margin-top: 15px;
}

.zgc_data_table th {
  height: 44px;
  color: #888888;
}

.zgc_data_table tbody tr {
  height: 82px;
  color: #222;
}

.mzl-edit-box {
  margin-right: 10px;
  display: inline-block;
  border: 1px solid #4991e1;
  text-align: center;
  color: #4991e1;
  padding: 3px 8px;
  border-radius: 3px;
}

.mzl-edit-box-del {
  border: 1px solid #ff6b00;
  color: #ff6b00;
}


.c926 {
  color: #E92624;
}

.c1b9 {
  color: #1B9C18;
}

.c499 {
  color: #4991E1;
}

.m-title span {
  font-size: 12px;
  margin-left: 6px;
}

.m-title span:first-child {
  margin-left: 0;
}

.m-title span:last-child {
  color: #000;
}

.mgt13 {
  margin-top: 13px;
}

.m-title {
  height: 105px;
  border-bottom: 1px solid #DDDDDD;
}

.m-head-tit {
  margin-top: 30px;
  font-size: 24px;
  color: #000;
}

.m-upload-file {
  margin-top: 14px;
  padding: 0 30px;
  /* height: 366px; */
  background: #F7F8FA;
  border: 1px solid #DCDCDC;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: hidden;
}

.upload-txt {
  float: left;
  font-size: 16px;
  color: #222;
  margin-top: 45px;
}

.upload2 {
  margin: 40px auto;
  display: block;
  width: 112px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #DCDCDC;
  color: rgba(51, 51, 51, 0.9);
  border-radius: 3px;
}

.upload-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/hn_metadata/upload.png) no-repeat;
}

/* .resources-list {
  overflow-y: scroll;
} */

.resources-list li {
  margin-bottom: 6px;
  padding: 6px 20px 6px 6px;
  height: 40px;
  font-size: 16px;
  color: #222;
  /* line-height: 40px; */
  background: #FFFFFF;
  border-radius: 4px;
  box-sizing: border-box;
}

.rank {
  display: inline-block;
  margin-right: 10px;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  color: #fff;
  background: url(../images/hn_metadata/rank-bg.png) no-repeat;
}

.edits {
  float: right;
  margin-top: 5px;
  display: block;
  width: 18px;
  height: 18px;
  background: url(../images/hn_metadata/edit.png) no-repeat;
}

.edits.save{
  background: url(../images/hn_metadata/save_bg.png) no-repeat center;
  border-radius: 45px;
} 

.del {
  float: right;
  margin-top: 5px;
  margin-left: 20px;
  display: block;
  width: 18px;
  height: 18px;
  background: url(../images/hn_metadata/del.png) no-repeat;
}

.edits,
.del:hover {
  cursor: pointer;
}

.add-catalog {
  height: 74px;
  border-bottom: 1px solid #DDDDDD;
}

.add-catalog-tit {
  margin-top: 30px;
  font-size: 24px;
  color: #000;
}

.add-catalog-content {
  margin-top: 14px;
  padding: 30px;
  background: #F7F8FA;
  border: 1px solid #DCDCDC;
  border-radius: 4px;
}

/* radio-2 */
.hRadio {
  padding-left: 30px;
  display: inline-block;
  background: transparent url("./../images/check1.png") no-repeat left top;
  background-size: 20px;
  /* height: 21px; */
  line-height: 21px;
  cursor: pointer;
  vertical-align: middle;
  _height: 21px;
  min-height: 21px;
}

.hRadio_Checked {
  background: transparent url("./../images/check2.png") no-repeat left top;
  background-size: 20px;
}

.cff0 {
  color: #FF0000;
}

.w825 {
  width: 825px;
}

.pack-up-icon {
  display: inline-block;
  width: 16px;
  height: 10px;
  background: url(../images/hn_metadata/up.png) no-repeat top;
  vertical-align: middle;
}

.pack-down-icon {
  display: inline-block;
  width: 16px;
  height: 10px;
  background: url(../images/hn_metadata/down.png) no-repeat bottom;
  vertical-align: middle;
}

.radiolist label {
  font-size: 16px;
  color: #555555;
}

.pack-up,
.pack-down {
  margin-left: 40px;
  font-size: 16px;
  color: #666;
  vertical-align: middle;
}

.pack-up:hover {
  cursor: pointer;
  color: #4991E1;
}

.pack-down:hover {
  cursor: pointer;
  color: #4991E1;
}

.pack-up:hover .pack-up-icon {
  background: url(../images/hn_metadata/blue-up.png) no-repeat top;
}

.pack-down:hover .pack-down-icon {
  background: url(../images/hn_metadata/blue-down.png) no-repeat bottom;
}

.mgl48 {
  margin-left: 48px;
}

.qjf_seleautocur p {
  color: #888;
}

.mzl-node-box {
  width: calc(100% - 120px);
  height: 270px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 2px;
  overflow-y: auto;
}

.mgl34 {
  margin-left: 34px;
}

.mzl-keyword-box {
  width: calc(100% - 120px);
  height: 50px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 2px;
}

.mzl-keyword-box input,
.mzl-synopsis-box textarea {
  width: 100%;
  height: 100%;
  border: none;
  text-indent: 10px;
}

.mgl56 {
  margin-left: 56px;
}

.mzl-synopsis-box {
  width: calc(100% - 120px);
  height: 120px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 2px;
}

.mzl-synopsis-box textarea {
  text-indent: 10px;
  padding-top: 14px;
  box-sizing: border-box;
  color: #888888;
}

.check input {
  vertical-align: middle;
}

.check-list li {
  float: left;
  width: 106px;
}

.check-list li label {
  padding-left: 26px;
  height: 14px;
  background: url(../images/hn_metadata/frame.png) no-repeat 0 3px;
  background-size: 14px;
}

.check-list li label.checked {
  background: url(../images/hn_metadata/checked.png) no-repeat 0 2px;
}

.preserve {
  /* margin: 30px 0 30px 732px; */
  margin-top: 30px;
  width: 72px;
  height: 30px;
  color: #fff;
  background: #4991E1;
  border-radius: 4px;
  border: 0;
}

/* 推荐设置 mzl */

.m-upload-tit {
  font-size: 16px;
  color: #222;
  text-align: right;
}

.upload3,
.mzl-uploaded {
  /* margin: 40px auto; */
  display: block;
  width: 112px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #DCDCDC;
  color: rgba(51, 51, 51, 0.9);
  border-radius: 3px;
  box-sizing: border-box;
}

.size {
  font-size: 12px;
  color: #888888;
}

.mzl-upload-box,
.mzl-uploaded-box {
  text-align: center;
}

.mgl65 {
  margin-left: 65px;
}

.mzl-close {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../images/hn_metadata/close.png);
  vertical-align: middle;
}

.mzl-close:hover {
  cursor: pointer;
}

.mzl-rotation {
  font-size: 16px;
  color: #222;
}

.mzl-rotation-size {
  font-size: 16px;
  color: #888;
  margin-left: 13px;
}

.mzl-add-jump {
  display: block;
  width: 112px;
  height: 32px;
  line-height: 32px;
  background: #4991E1;
  text-align: center;
  border-radius: 3px;
  color: #fff;
}

.mzl-added-resource input {
  margin-left: 16px;
  width: 416px;
  height: 32px;
  background: #FFFFFF;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
}

.resource-account {
  font-size: 16px;
}

.mgt24 {
  margin-top: 24px;
}

.mzl-set-tit {
  margin-top: 30px;
  font-size: 24px;
  color: #000;
  padding-bottom: 11px;
  border-bottom: 1px solid #ddd;
}

.mzl-template-selection input:hover {
  cursor: pointer;
}

.mzl-left-set-tit {
  width: 148px;
  font-size: 16px;
  color: #222;
  text-align: right;
}

.mgl8 {
  margin-left: 8px;
}

.mzl-btn {
  position: relative;
  width: 320px;
  left: 50%;
  margin-left: -160px;
}

.new-recommend,
.mzl-preserve,
.mzl-preview {
  float: left;
  display: block;
  margin-right: 30px;
  width: 154px;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  background: #4991E1;
  border-radius: 4px;
  color: #fff;
  text-align: center;
}

.mzl-dialog,
.mzl-dialog2 {
  /* position: absolute;
  left: 50%;
  margin-left: -319px;
  top: 50%;
  margin-top: -100px; */
  /* position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 638px;
  height: 201px;
  background: #FFFFFF;
  border: 1px solid #9198A6; */
}

.dia3 {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 201px;
  width: 450px;
  background: #FFFFFF;
  border: 1px solid #9198A6;
}

.mzl-d-tit {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  color: #222;
  padding: 0 14px;
  border-bottom: 1px solid #dedede;
}

.mzl-close-icon,
.mzl-close-icon2,
.mzl-close-icon3 {
  display: block;
  width: 18px;
  height: 18px;
  margin-top: 17px;
  background: url(../images/hn_metadata/X.png) no-repeat;
}

.mzl-close-icon,
.mzl-close-icon2,
.mzl-close-icon3:hover {
  cursor: pointer;
}

.mzl-select {
  display: block;
  width: 111px;
  height: 30px;
  line-height: 30px;
  background: #309AEB;
  color: #fff;
  text-align: center;
}

.mgl87 {
  margin-left: 87px;
}

.mzl-seleautocur p {
  color: #222;
}

.mzl-dialog-btn {
  width: 170px;
  margin: 30px auto 0 auto;
}

.cancel-btn {
  display: inline-block;
  height: 30px;
  width: 72px;
  line-height: 28px;
  border: 1px solid #4991e1;
  font-size: 12px;
  color: #288ADD;
  text-align: center;
  border-radius: 3px;
  box-sizing: border-box;
  vertical-align: middle;
}

.fz14 {
  font-size: 14px;
}

.fz12 {
  font-size: 12px;
}

.mgl-20 {
  margin-left: -20px;
}

.mzl-zy {
  /* position: absolute;
  left: 50%;
  margin-left: -318px;
  top: 280px; */
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 637px;
  height: 710px;
  padding-bottom: 30px;
  background: #FFFFFF;
  border: 1px solid #9198A6;
}

.mzl-d-table-box {
  padding: 14px 14px 0 14px;
  box-sizing: border-box;
}

.mzl-d-table {
  width: 100%;
  text-align-last: left;
  border: 1px solid #E6E6E6;
  border-collapse: collapse;
}

.mzl-d-table th {
  color: #888;
  font-weight: normal;
}

.mzl-d-table td {
  color: #333;
  font-weight: normal;
}

.mzl-d-table th,
.mzl-d-table td {
  padding-left: 20px;
}

.mzl-d-table tbody tr:hover {
  background: #EDF7FF;
}

.mzl-d-table thead {
  height: 50px;
  background: #F5F6FA;
}

.mzl-d-table tr {
  height: 50px;
  border-bottom: 1px solid #E6E6E6;
  ;
}


/* 谢鼎盛 */
.xds_m_tit {
  font-size: 24px;
  padding-bottom: 11px;
  margin-top: 30px;
  font-weight: normal;
  color: #000;
  border-bottom: 1px solid #DDDDDD;
}

.xds_report_form {
  margin: 0 75px;
}

.xds_report_form>.item {
  display: flex;
  width: 100%;
  margin-top: 30px;
}

.xds_item_name {
  width: 100px;
  text-align: right;
  font-size: 14px;
  color: #222;
  margin-right: 20px;
}

.xds_item_cont {
  width: 100%;
}

.xds_item_cont .ipt {
  width: 100%;
  height: 30px;
  padding-left: 10px;
  border: 1px solid #DDDDDD;
  border-radius: 2px;
  box-sizing: border-box;
}

.xds_item_name.required::before {
  content: '*';
  display: inline-block;
  color: #FF0000;
}

.xds_item_cont>textarea {
  width: 100%;
  min-height: 120px;
  padding: 14px 12px;
  box-sizing: border-box;
}

.xds_btn_wrap>a {
  display: inline-block;
  width: 154px;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  margin: 40px 15px;
  text-align: center;
  border: 1px solid #4991E1;
  border-radius: 4px;
}

.xds_btn_wrap>a:hover {
  opacity: .9;
}

.xds_btn_wrap .submit_btn {
  color: #fff;
  background: #4991E1;
}

.xds_treeData_wrap {
  height: 270px;
  border: 1px solid #DDDDDD;
  border-radius: 2px;
}

.xds_treeData_wrap .ztree2 {
  padding-top: 20px;
  padding-left: 30px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  border: none;
  box-sizing: border-box;
}

.xds_treeData_wrap .ztree2 li span.button.ico_open,
.xds_treeData_wrap .ztree2 li span.button.ico_close {
  display: none;
}

.xds_treeData_wrap .ztree2 * {
  font-size: 14px;
}

.xds_treeData_wrap .ztree2 li {
  margin-top: 10px;
}

.xds_treeData_wrap .ztree2 li span.button {
  width: 14px;
  height: 14px;
  margin-top: 5px;
  background-position: 0 0;
}

.xds_treeData_wrap .ztree2 li span.button.noline_close {
  background: url(../images/xds/zTreeStandard_close.png) no-repeat center;
  background-size: 4px 8px;
}

.xds_treeData_wrap .ztree2 li span.button.noline_open {
  background: url(../images/xds/zTreeStandard_open.png) no-repeat center;
  background-size: 8px 4px;
}

.xds_treeData_wrap .ztree2 li span.button.ico_docu {
  width: 18px;
  height: 16px;
  margin-top: 5px;
  background: url(../images/xds/leaf_ico.png) 0 0 no-repeat;
}

.xds_g_navbar {
  height: 56px;
  line-height: 56px;
  background: #4991E1;
}

.xds_g_navbar .item {
  float: left;
}

.xds_g_navbar .item>a {
  color: #fff;
  font-size: 18px;
  margin-right: 40px;
  padding-bottom: 2px;
}

.xds_g_navbar .item.on>a,
.xds_g_navbar .item:hover>a {
  border-bottom: 2px solid #fff;
}

.xds_specialEdu_cont .res_list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.xds_specialEdu_cont .res_list>.item {
  width: 50%;
  margin-top: 30px;
}

.xds_specialEdu_cont .res_list .res_pic {
  float: left;
  width: 126px;
  height: 94px;
  margin-right: 30px;
  border-radius: 4px;
  overflow: hidden;
}

.xds_specialEdu_cont .res_list .res_pic>img {
  width: 100%;
  height: 100%;
}

.xds_specialEdu_cont .res_infos {
  float: left;
}

.xds_specialEdu_cont .res_infos>.tit {
  font-size: 18px;
  color: #222222;
}

.xds_specialEdu_cont .des_list {
  margin-top: 15px;
  max-width: 375px;
  overflow: hidden;
}

.xds_specialEdu_cont .des_list>.des_item {
  font-size: 14px;
  line-height: 26px;
  color: #666666;
}

.xds_specialEdu_cont .des_list>.des_item:after {
  display: inline-block;
  content: '';
  width: 2px;
  height: 17px;
  background: #666;
  margin-left: 5px;
  font-size: 14px;
  line-height: 26px;
  vertical-align: middle;
  transform: scaleX(0.5);
}

.xds_specialEdu_cont .des_list .more_res {
  font-size: 14px;
  line-height: 26px;
  color: #666666;
}

.xds_specialEdu_cont .left_tab {
  float: left;
  width: 258px;
  margin-right: 30px;
  background: #F3F6FB;
  border-radius: 10px;

}

.xds_specialEdu_cont .rig_cont {
  float: left;
  width: 912px;
}

.xds_specialEdu_cont .rig_cont .tit {
  height: 50px;
  line-height: 50px;
  padding-left: 30px;
  background: #F3F6FB;
}

.xds_specialEdu_cont .rig_cont .tit>a {
  font-size: 18px;
  color: #222222;
}

.xds_specialEdu_cont .rig_cont .des {
  height: 50px;
  line-height: 50px;
  padding-left: 30px;
  border-bottom: 1px solid #EEEEEE;
  box-sizing: border-box;
}

.xds_specialEdu_cont .rig_cont .des>a {
  color: #222222;
  font-size: 16px;
}

.xds_specialEdu_cont .rig_cont .des:hover a {
  color: #4991E1;
}

.xds_specialEdu_cont .left_tab .item {
  height: 50px;
  line-height: 50px;
  width: 100%;
  text-align: center;
  border-left: 4px solid transparent;
  box-sizing: border-box;
}

.xds_specialEdu_cont .left_tab .item>a {
  color: #222222;
  font-size: 18px;
}

.xds_specialEdu_cont .left_tab .item.on,
.xds_specialEdu_cont .left_tab .item:hover {
  border-left: 4px solid #4991E1;
  background: #D1E2F6;
}

/* 谢鼎盛 */
/* 编目设置 mzl */
.gs_navTreeWrap .ni_d_ztree_box.method span.button.add {
  background: url(../images/hn_metadata/add.png) no-repeat center;
}

.gs_navTreeWrap .ni_d_ztree_box.method span.button.remove {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/hn_metadata/del2.png) no-repeat center;
  vertical-align: middle;
  margin-left: 10px;
}

.gs_navTreeWrap .ni_d_ztree_box.method span.button.edit {
  background: url(../images/hn_metadata/edit.png) no-repeat center;
  vertical-align: middle;
  margin-left: 10px;
}

.ni_g_cPlace.school_branch .ztree li a.curSelectedNode {
  padding-top: 0px;
  color: #555555;
  font-size: 16px;
}

.gs_navLeft {
  width: 626px;
}

.ni_g_cPlace.school_branch .ztree li a.curSelectedNode {
  padding-top: 0px;
  background-color: unset;
  color: #4991E1;
  border: none;
}

.ni_g_cPlace .ni_d_ztree_box li span.button.noline_open {
  background: url(../images/xds/zTreeStandard_open.png) no-repeat center;
}

.ni_g_cPlace .ni_d_ztree_box li span.button.noline_close {
  background: url(../images/xds/zTreeStandard_close.png) no-repeat center;
}

.gs_navTreeWrap .ni_d_ztree_box.method a .node_name {
  display: inline-block;
  max-width: 280px;
  /* height: 30px; */
  vertical-align: middle;
  /* line-height: 30px; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 7px;
}

.gs_navTabContent .gs_navTreeWrap {
  /* position: unset; */
  /* left: 0; */
  /* top: 0; */
  /* bottom: 0; */
  overflow-x: unset;
  overflow-y: unset;
  padding-bottom: 40px;
  width: 100%;
  box-sizing: border-box;
}

.gs_navTreeWrap .ni_d_ztree_box.bb_202::before {
  content: '';
  position: absolute;
  left: 12px;
  bottom: 0;
  width: 202px;
  height: 0;
  border-bottom: none;
}

.gs_navLeft {
  width: 240px;
  background: unset;
  position: absolute;
  top: 80px;
  left: 34px;
  bottom: 0;
}

.topicBody {
  position: relative;
  /* margin: auto; */
  width: 626px;
  height: 361px;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  overflow-y: scroll;
}

.gs_navTreeWrap .ni_d_ztree_box.method a {
  height: 32px;
  line-height: 44px;
}

.mzl-topic-name {
  width: 192px;
  height: 22px;
  font-size: 16px;
  color: #555;
}

.mzl-tree-box {
  height: 410px;
  width: 624px;
  margin: auto;
}

.mzl-tree-tit {
  width: 624px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #000;
  background: #F1F7FC;
}

.mzl-btn-box {
  margin: 30px auto;
  width: 338px;
  height: 60px;
}

.mzl-btn-box a {
  display: block;
  width: 154px;
  height: 60px;
  line-height: 60px;
  border-radius: 4px;
  text-align: center;
  border: 1px solid #4991E1;
}

.mzl-reset {
  font-size: 16px;
  color: #4991e1;
  background: #fff;
}

.mzl-hold {
  font-size: 16px;
  color: #fff;
  background: #4991E1;
}

/* 添加编目 */
/* .ztree2 li span.button.chk.checkbox_false_full,
.ztree2 li span.button.chk.checkbox_false_full_focus,
.ztree2 li span.button.chk.checkbox_false_part,
.ztree2 li span.button.chk.checkbox_false_part_focus {
  width: 0px;
  height: 0px;
  background: unset;
  background-size: 100%;
  cursor: pointer;
} */

/* .ztree2 li span.button {
  line-height: 0;
  margin: 0;
  margin-right: 4px;
  width: 20px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  border: 0 none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url(../images/hn_metadata/mzl-open.png);
  *background-image: url(../../images/zTreeStandard.gif);
}  */

.ztree2 li span.button.center_close {
  background-position: 0px 0px;
  background-image: url(../images/hn_metadata/mzl-close.png);
}

.ztree2 li span.button.center_open {
  background-position: 0px 0px;
  background-image: url(../images/hn_metadata/mzl-open.png);
}

/* .ztree2 li span.button.switch {
  width: 15px;
  height: 15px;
}  */

/* .ztree2 li span.button.ico_close {
  width: 15px;
  height: 15px;
  margin-top: 8px;
  background-image: url(../images/hn_metadata/mzl-close.png)
}

.ztree2 li span.button.ico_open {
  width: 15px;
  height: 15px;
  margin-top: 8px;
  background-image: url(../images/hn_metadata/mzl-open.png);
}  */

/* .ztree2 li ul.line {
  position: relative;
}

.ztree2 li ul.line::before {
  position: absolute;
  left: 10px;
  width: 1px;
  height: 100%;
  content: '';
  border-left: 1px dashed #DDDDDD;
}  */

/* 专题资源管理 */
.mzl-sub-left {
  width: 260px;
  height: 969px;
}

.mzl-sub-right {
  width: 100%;
  height: 969px;
  padding-left: 20px;
  border-left: 1px solid #DDDDDD;
  box-sizing: border-box;
}

.mzl-sub-tit {
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #DDDDDD;
}

.mzl-sub-tit span {
  font-size: 24px;
  color: #333333;
}

.c499-bg {
  background: #4991E1;
}

/* 王池 */

.koi_btm1 {
  color: #4991E1;
  border-bottom: 2px solid #4991E1;
  height: 38px;
}

.koi_btm2 {
  height: 38px;
}

.koi_btm2:hover {
  color: #4991E1;
  border-bottom: 2px solid #4991E1;
}

.pdl52 {
  padding-left: 52px !important;
}

.pdl20 {
  padding-left: 20px !important;
}

.pdl65 {
  padding-left: 65px !important;
}

.pdl60 {
  padding-left: 60px !important;
}

.pdl92 {
  padding-left: 92px !important;
}

.pdl100 {
  padding-left: 100px !important;
}

.pdl90 {
  padding-left: 90px !important;
}

.pdl50 {
  padding-left: 50px !important;
}

.pdl72 {
  padding-left: 72px !important;
}

.pdl40 {
  padding-left: 40px !important;
}

.pdl65 {
  padding-left: 65px !important;
}

.pdl55 {
  padding-left: 55px !important;
}

.pdl80 {
  padding-left: 80px !important;
}

.koi_container_details {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: repeat(12, 50px);
  /* 用于设置列间距 */
  grid-column-gap: 0.4px;
}

.koi_container_details .koi_details_item {
  box-sizing: border-box;
  box-shadow: 0 0 1px;
  border: 1px solid #E6E6E6;
  font-size: 14px;
  line-height: 3.5;
  font-weight: 400;
}

.koi_container_details .koi_details_item span {
  padding-left: 80px;
}

.koi_resource_list {
  display: grid;
  grid-template-columns: 30% 15% 15% 15% 15%;
  background: #f5f6fa;
  border: 1px solid #E6E6E6;
  height: 50px;
  line-height: 50px;
}

.koi_resource_list .resource_list_title {
  padding-left: 30px;
}

.koi_resource_item {
  display: grid;
  grid-template-columns: 30% 15% 15% 15% 15%;
  border: 2px solid #f5f6fa;
  height: 82px;
  line-height: 82px;
  border-top: none;
  font-size: 14px;
}

.koi_resource_item .resource_list_item {
  padding-left: 30px;
}

.koi_resource_item .resource_list_item .koi_preview {
  display: inline-block;
  width: 44px;
  height: 26px;
  border: 1px solid #4991E1;
  color: #4991E1;
  background: #fff;
  line-height: 26px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}

.koi_resource_item .resource_list_item .koi_download {
  width: 44px;
  height: 26px;
  border: 1px solid #4991E1;
  color: #4991E1;
  background: #fff;
  line-height: 26px;
  text-align: center;
  border-radius: 4px;
  margin-left: 10px;
  cursor: pointer;
}

.koi_audit {
  text-align: center;
}

.koi_audit .koi_btn {
  margin: 15px;
  width: 214px;
  height: 60px;
  border: 1px solid #4991E1;
  border-radius: 5px;
}

.koi_audit .koi_btn_no {
  background: #fff;
  color: #4991E1;
}

.koi_audit .koi_btn_no:hover {
  background: #4991E1;
  color: #fff;
}

.koi_audit .koi_btn_yes {
  background: #4991E1;
  color: #fff;
}

.koi_audit .koi_btn_yes:hover {
  background: #fff;
  color: #4991E1;
}

.koi_Review_details {
  display: grid;
  color: #222;
  font-size: 14px;
  font-weight: 400;
  grid-template-columns: 10% 90%;
  border: 0.5px solid #E6E6E6;
}

.koi_Review_details .Review_details_list {
  height: 50px;
  line-height: 50px;
  border: 0.5px solid #E6E6E6;
  padding-left: 50px;
  padding-left: 50px;
}

.koi_project_box {
  border: 1px solid #E6E6E6;
  font-size: 14px;
}

.koi_project_box .koi_project {
  display: grid;
  grid-template-columns: 10% 15% 20% 20% 15% 20%;
  background: #f5f6fa;
}

.koi_project_box .koi_project .koi_project_title {
  height: 50px;
  line-height: 50px;
  padding-left: 30px;
  text-align: left;
  border: solid 1px #E6E6E6;
  border-top: none;
  border-left: none;
  border-right: none;
  color: #888;
}

.koi_project_box .koi_project_list {
  display: grid;
  grid-template-columns: 10% 15% 20% 20% 15% 20%;
  background: #fff;
}

.koi_project_box .koi_project_list .koi_project_title_item {
  height: 140px;
  line-height: 140px;
  padding-left: 30px;
  border: solid 1px #E6E6E6;
  border-top: none;
  border-left: none;
  border-right: none;
}

.koi_project_box .koi_project_list .koi_project_title_item .koi_btn-box .koi_btns {
  width: 76px;
  height: 26px;
  border: 1px solid #4991E1;
  background: #fff;
  margin: 10px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  border-radius: 4px;
  color: #4991E1;
}

.koi_project_box .koi_project_list .koi_project_title_item .koi_btn-box .boder-ff6 {
  border: 1px solid #FF6B00;
  color: #FF6B00;
}

.koi_project_box .koi_project_list .koi_project_title_item .koi_item_img {
  width: 128px;
  height: 96px;
  background: #D9D9D9;
  margin-top: 22px;
}

.koi_project_box .koi_project_list .koi_project_title_item span {
  width: 320px;
  line-height: 20px;
  padding-top: 35px;
}

.koi_table {
  display: none;
  width: 646px;
  height: 600px;
  background: #fff;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -300px;
  margin-left: -323px;
  font-size: 14px;
  border: 1px solid #9198A6;
}

.koi_table .koi_inp30 {
  height: 30px;
  width: 488px;
  border: 1px solid #DDDDDD;
  padding-left: 10px;
}

.koi_table .koi_inp30::-webkit-input-placeholder {
  color: #000;
  font-size: 12px;
}

.koi_table .koi_img_upload .koi_img_box {
  border: 1px solid #DDDDDD;
  width: 100px;
  height: 100px;
  display: block;
  /* background: url(../images/koi_img/koi_img.png) no-repeat center; */
}

.koi_table .koi_img_upload span {
  color: #888;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
  display: block;
}

.koi_table .koi_table_box {
  width: 488px;
  padding: 10px;
  border: 1px solid #DDDDDD;
  font-size: 12px;
}

.koi_table .btn_h32 {
  text-align: center;
  margin-top: 30px;
}

.koi_table .btn_h32 .btn_w72 {
  width: 72px;
  height: 32px;
  border: #309AEB 1px solid;
  background: #309AEB;
  color: #fff;
  border-radius: 5px;
}

.koi_table .btn_h32 .btn_w72:hover {
  background: #fff;
  color: #309AEB;
}

.koi_table .btn_h32 .cgl {
  border: #309AEB 1px solid;
  background: #fff;
  color: #309AEB;
}

.koi_table .btn_h32 .cgl:hover {
  background: #309AEB;
  color: #fff;
}

.error {
  float: right;
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: relative;
  font-size: 20px;
  top: 20px;
  right: 14px;
  background: url(../images/koi_img/X.png) no-repeat center;
}

.c888 {
  color: #888;
}

.h48 {
  height: 48px;
}

.f14 {
  font-size: 14px;
}

.c888 {
  color: #888;
}

/* Switch开关样式 */
.slide_set .switch_btn {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 20px;
  margin-left: 10px;
  border-radius: 20px;
  background-color: #d3d3d3;
  vertical-align: middle;
  transition: all 0.6s;
}

.slide_set .switch_btn::before {
  position: absolute;
  content: "";
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.9s;
}

.slide_set .switch_btn.active {
  background-color: #4991e1;
  transition: all 0.6s;
}

.slide_set .switch_btn.active::before {
  left: auto;
  right: 2px;
  transition: all 0.9s;
}

.slide_set .switch_btn .switch_text {
  position: absolute;
  top: 0;
  right: 10px;
  color: #888;
  line-height: 20px;
  font-size: 12px;
  cursor: pointer;
}

.slide_set .switch_btn.active .switch_text {
  right: auto;
  left: 10px;
  color: #fff;
}

.slide_set .switch_btn .switch_text.right {
  display: none;
}

.slide_set .switch_btn.active .switch_text.left {
  display: none;
}

.slide_set .switch_btn.active .switch_text.right {
  display: block;
}

/* Switch开关样式 */
.koi_main {
  position: relative;
  z-index: 999;
  background: #fff;
}

.koi_main .koi_h77 {
  height: 77px;
  line-height: 77px;
}

.koi_main .koi_banner {
  background: #D9D9D9;
  height: 240px;
}

.koi_main .koi_left_box {
  background: #D9D9D9;
  width: 680px;
  height: 510px;
  border-radius: 10px;
}

.koi_main .koi_right_box li {
  width: 490px;
  height: 150px;
  background: #f8f8f8;
  margin-left: 30px;
  margin-bottom: 30px;
  text-align: center;
  border-radius: 10px;
}

.koi_main .koi_right_box li .li_box_left {
  margin: 15px;
  width: 160px;
  height: 120px;
  background: #cacaca;
}

.koi_main .koi_right_box li .li_box_right {
  line-height: 150px;
  margin: 15px;
}

.koi_main .koi_two_title {
  font-family: Microsoft YaHei;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0em;
  margin-top: 60px;
  height: 32px;
  background: url(../images/koi_img/koi_title.png) no-repeat left;
}

.koi_main .koi_two_title span {
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 400;
}

.koi_main .koi_two_title span i {
  padding-left: 5px;
  width: 8px;
  height: 15px;
}

.koi_main .koi_two_title span a {
  color: #666;
}

.koi_main .koi_recommended_left {
  width: 588px;
  height: 334px;
  background: #D9D9D9;
  border-radius: 10px;
}

.koi_main .koi_recommended_right .koi_recommended_right_one {
  margin-left: 30px;
}

.koi_main .koi_recommended_right .koi_recommended_right_one .koi_tuijian {
  width: 174px;
  height: 174px;
  background: url(../images/koi_img/koi_tuijian.png) no-repeat center;
}

.koi_main .koi_recommended_right .koi_recommended_right_one .koi_tuijian_p {
  width: 360px;
  padding: 20px;
}

.koi_main .koi_recommended_right .koi_recommended_right_two {
  display: flex;
  margin-top: 30px;
}

.koi_main .koi_recommended_right .koi_recommended_right_two li {
  width: 174px;
  height: 130px;
  margin-left: 30px;
  background: #D9D9D9;
  border-radius: 10px;
}

.koi_main .koi_wc_left {
  width: 680px;
  height: 374px;
  background: #D9D9D9;
  border-radius: 10px;
}

.koi_main .koi_wc_right .koi_wc_righ_box .box_item {
  width: 230px;
  height: 172px;
  background: #D9D9D9;
  border-radius: 10px;
}

.koi_main .koi_bottom_list {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.koi_main .koi_bottom_list li {
  width: 380px;
  height: 284px;
  background: #D9D9D9;
  border-radius: 10px;
}

.koi_main .koi_exit {
  text-align: center;
}

.koi_main .koi_exit .koi_btn_exit {
  width: 280px;
  height: 60px;
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 400;
  background: #4991E1;
  border-radius: 4px;
  border: 1px solid #4991E1;
  color: #fff;
  margin-bottom: 65px;
}

.mgt60 {
  margin-top: 60px;
}

.koi_container_project {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: repeat(9, 50px);
  /* 用于设置列间距 */
  grid-column-gap: 0.4px;
}

.koi_container_project .koi_project_item {
  box-sizing: border-box;
  box-shadow: 0 0 1px;
  border: 1px solid #E6E6E6;
  font-size: 14px;
  line-height: 3.5;
  font-weight: 400;
}

.koi_container_project .koi_project_item span {
  padding-left: 80px;
}

/* 教材内容节点管理 */
.mzl-content-node {
  height: 859px;
  padding: 30px 0 0 30px;
  background: #F7F8FA;
  border: 1px solid #DCDCDC;
  border-radius: 4px;
  box-sizing: border-box;
}

.node-tit {
  font-size: 16px;
  color: #222;
}

.mzl-node-manage-box {
  width: 474px;
  height: 548px;
  padding-left: 34px;
  box-sizing: border-box;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 2px;
  overflow-y: scroll;
}

.punset {
  position: unset;
}

.mzl-node-details-box {
  width: 474px;
  height: 548px;
  padding-left: 34px;
  box-sizing: border-box;
  padding: 30px 0 0 30px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 2px;
}

.mgl50 {
  margin-left: 50px;
}

.mzl-node-details-box li {
  line-height: 40px;
  color: #222222;
}

/* ::-webkit-scrollbar-thumb {
  width: 8px;
  height: 231px;
  display: block;
  background: #DCDCDC;
  border-radius: 9px;
} */

.mzl-substance {
  display: flex;
}

.ztree2 li span.button.ico_open {
  /* background: none; */
  /* width: 0; */
  /* height: 0; */
}

/* .ztree2 li span.button.level0 {
  display: inline-block;
}

.ztree2 li ul.level0 {
  padding: 0;
  background: unset;
}

.ztree2 li span.button.roots_open {
  background: url(../images/hn_metadata/mzl-close.png);
}

.ztree2 li span.button.roots_close {
  background: url(../images/hn_metadata/mzl-open.png);
}

.ztree2 li span.button.switch {
  width: 15px;
  height: 15px;
} */


/*  */
/* 添加编目 */
.ztree2 li span.button.chk.checkbox_false_full,
.ztree2 li span.button.chk.checkbox_false_full_focus,
.ztree2 li span.button.chk.checkbox_false_part,
.ztree2 li span.button.chk.checkbox_false_part_focus {
  width: 0px;
  height: 0px;
  background: unset;
  background-size: 100%;
  cursor: pointer;
}

.ztree2 li span.button {
  line-height: 0;
  margin: 0;
  margin-right: 4px;
  width: 20px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  border: 0 none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url(../images/hn_metadata/mzl-open.png);
  *background-image: url(../../images/zTreeStandard.gif);
}

.ztree2 li span.button.center_close {
  background-position: 0px 0px;
  background-image: url(../images/hn_metadata/mzl-close.png);
}

.ztree2 li span.button.center_open {
  background-position: 0px 0px;
  background-image: url(../images/hn_metadata/mzl-open.png);
}

.ztree2 li span.button.switch {
  width: 15px;
  height: 15px;
}

.ztree2 li span.button.root_close {
  background-image: url(../images/hn_metadata/mzl-close.png);
}

.ztree2 li span.button.bottom_close {
  background-image: url(../images/hn_metadata/mzl-close.png);
}

.mzl_treeData_wrap {
  height: unset;
  border: none;
  border-radius: 0;
}

.mzl_treeData_wrap .ztree2 * {
  font-size: 16px;
  color: #222;
}

/*  */
.pack-up1,
.pack-down1 {
  margin-left: 40px;
  font-size: 16px;
  color: #666;
  vertical-align: middle;
}

.pack-up1:hover {
  cursor: pointer;
  color: #4991E1;
}

.pack-down1:hover {
  cursor: pointer;
  color: #4991E1;
}

.pack-up1:hover .pack-up-icon {
  background: url(../images/hn_metadata/blue-up.png) no-repeat top;
}

.pack-down1:hover .pack-down-icon {
  background: url(../images/hn_metadata/blue-down.png) no-repeat bottom;
}

/*2022 6.02 平台导航管理 */
.mzl-set-btn {
  width: 96px;
}

.mzl-subset {
  text-indent: 15px;
  width: 310px;
}

.subset-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../images/hn_metadata/mzl-subset.png) no-repeat center;

}

.mzl-pt-table tbody tr {
  height: 66px;
}

.mzl-newNav {
  position: absolute;
  width: 522px;
  background: #fff;
  border: 1px solid #9198A6;
  top: 170px;
  left: 50%;
  margin-left: -261px;
}

.mzl-newNav-content {
  padding: 30px 0 30px 10px;
  box-sizing: border-box;
}

.mzl-newNav-content ul li {
  margin-bottom: 20px;
}

.mzl-newNav-content ul li span {
  font-size: 14px;
  color: #222222;
}

.mzl-newNav-content .tit {
  display: inline-block;
  width: 140px;
  text-align: right;
}

.mzl-newNav-content ul li input {
  width: 290px;
  height: 30px;
  border: 1px solid #DDDDDD;
  text-indent: 6px;
  box-sizing: border-box;
}

.qjf_seleautodrop a:hover {
  background: #3F9AFF;
  color: #fff;
}

.radiolist .mradio {
  font-size: 14px;
}

.m-radiolist {
  margin-left: 176px;
}

.m-preserve {
  margin-left: 193px;
  width: 116px;
  height: 32px;
  color: #fff;
  background: #309AEB;
  border: 1px solid #3079ED;
  border-radius: 3px;
}

.mzl-weight {
  margin-top: 17px;
}

.mzl-weight li {
  margin-bottom: 17px;
}

.mzl-weight .tit {
  display: inline-block;
  width: 140px;
  text-align: right;
  color: #222;
}

.mzl-weight input {
  width: 218px;
  height: 30px;
  text-indent: 7px;
  font-size: 14px;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
}

.percent {
  display: inline-block;
  color: #222222;
  margin-left: 10px;
}

.red-preserve {
  margin-top: 33px;
  margin-left: 172px;
  width: 48px;
  height: 30px;
  background: #ff0000;
  color: #fff;
  text-align: center;
  border: 0;
  border-radius: 3px;
}

.m-close {
  float: right;
  margin-right: 15px;
  display: block;
  width: 18px;
  height: 18px;
  margin-top: 17px;
  background: url(../images/hn_metadata/X.png) no-repeat;
}

.m-close:hover {
  cursor: pointer;
}

.mzl-f-box {
  position: relative;
}

.mzl-dialog-content {
  /* line-height: 150px; */
  text-align: center;
}

.mzl-dialog-content span {
  display: inline-block;
  line-height: 20px;
  text-align: left;
  width: 240px;
  margin-top: 30px;
  font-size: 16px;
  color: #222222;
}

.sure-btn {
  display: inline-block;
  height: 30px;
  width: 72px;
  line-height: 28px;
  border: 1px solid #4991e1;
  background-color: #4991e1;
  font-size: 12px;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  box-sizing: border-box;
  vertical-align: middle;
}

.mzl-area {
  font-size: 14px;
  color: #999;
}

textarea {
  outline: none;
}

.mzl-py {
  margin-left: 5px;
  font-size: 14px;
  color: #333333;
  vertical-align: middle;
}

.py-box {
  /* margin-top: 14px; */
  text-align: left;
}

.select-py {
  font-size: 14px;
  color: #309AEB;
}

.py-list li {
  display: flex;
  padding: 0 13px;
  box-sizing: border-box;
  align-items: center;
  height: 68px;
  border-bottom: 1px solid #eeeeee;
}

.py-list li:last-child {
  border-bottom: 0;
}

.py-list li .py-details {
  display: inline-block;
  width: 569px;
  margin-top: 0;
  color: #333;
  font-size: 14px;
  margin-left: 10px;
}

.py-list li .del {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/hn_metadata/del3.png);
}

.crumbs span:last-child {
  color: #000;
}

.m_preview,
.m_download {
  display: inline-block;
  width: 44px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border: 1px solid #4991E1;
  color: #4991E1;
  border-radius: 3px;
}

.m_table td {
  color: #333;
}

/* 预览页加轮播  */

.mzl-swiper {
  height: 510px;
}

.m-slide a {
  display: block;
  width: 100%;
  height: 100%;
}

.koi_main .koi_right_box li .li_box_left img {
  width: 160px;
  height: 120px;
}

.koi_right_box li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #333;
}

.m-sc {
  position: absolute;
  /* color: #fff; */
  top: 38px;
  left: 46px;
}

.img-box {
  position: relative;
}

.m-add {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index: 1;
  left: 10px;
  /* background-color: #000; */
  background: #fff url(../images/hn_metadata/upload+.png) no-repeat center;
  border: 1px solid #ddd;
}

.mzl_zt_tit {
  height: 50px;
  line-height: 50px;
  width: 100%;
  text-align: center;
  border-left: 4px solid transparent;
  box-sizing: border-box;
  background: #C0D8F3;
  color: #222222;
  font-size: 18px;
  border-radius: 10px 10px 0 0;
}


/* 20220716 修改样式 :Start */
.koi_main .koi_right_box li .li_box_right {
  width: calc(100% - 220px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.koi_container_details .koi_details_item {
  box-sizing: border-box;
  box-shadow: unset;
  border: 1px solid #E6E6E6;
  font-size: 14px;
  line-height: unset;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.koi_details_item {
  overflow: hidden;
}

.koi_details_item span {
  float: left;
}

.mzl_title_content {
  width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 公共弹框 */
.mzl-dialog,
.mzl-dialog2,
.mzl-dialog3,
.koi_table,
.dia3,
.mzl-del,
.mzl-zy,
.mzl-newNav {
  z-index: 10000;
  position: fixed;
  top: 50%;
  left: 50%;
  border: none;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

/* 推荐设置弹框 */
.mzl-zy {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 637px;
  height: max-content;
  padding-bottom: 30px;
  background: #FFFFFF;
  border: 1px solid #9198A6;
}


.mzl-dialog.mzl_tjsz,
.mzl-dialog2.mzl_tjsz {
  position: fixed;
  width: 637px;
  height: 210px;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.dia3.mzl_tjsz {
  position: fixed;
  width: 372px;
  height: 262px;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

/* 同步资源-专题资源库配置管理弹框 */
.koi_table {
  position: fixed;
  margin-left: -323px;
  margin-top: -300px;
}

.mzl-dialog2.mzl_ztzyk {
  width: 450px;
  height: 230px;
  margin-top: -115px;
  margin-left: -225px;
}

/* 同步资源管理弹框 */
.mzl-dialog2.mzl_tbzygl,
.mzl-dialog.mzl_tbzygl {
  width: 450px;
  height: 230px;
  margin-top: -115px;
  margin-left: -225px;
}

.mzl-dialog2.mzl_tbzygl .mzl_tips_cont p,
.mzl-dialog.mzl_tbzygl .mzl_tips_cont p {
  width: 300px;
}

.mzl-d-tit span {
  font-size: 20px;
  color: #000;
}

.mzl-close-icon {
  display: block;
  width: 11px;
  height: 11px;
  /* margin-top: 17px; */
  background: url(../images/hn_metadata/mzl_del4.png) no-repeat;
}

.mzl_mask {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  opacity: .5;
}

/* 专题设置弹框 */
.mzl-dialog2.mzl_ztsz {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -131px;
  margin-left: -186px;
  width: 372px;
  height: 262px;
  border: none;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.new-recommend,
.mzl-preserve,
.mzl-preview {
  float: left;
  display: block;
  margin-right: 15px;
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  background: #4991E1;
  border-radius: 4px;
  color: #fff;
  text-align: center;
}

.mzl-dialog2.mzl_ztsz .mzl-d-tit {
  border-bottom: 1px solid #f2f2f2;
}

.mzl-dialog2.mzl_ztsz .mzl-d-tit span {
  font-size: 20px;
  color: #000;
}

.mzl-dialog2.mzl_ztsz .mzl-close-icon {
  display: block;
  width: 11px;
  height: 11px;
  /* margin-top: 17px; */
  background: url(../images/hn_metadata/mzl_del4.png) no-repeat;
}

.mzl_tips_box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;

}

.mzl_tips {
  float: left;
  width: 32px;
  height: 32px;
}

.mzl_tips_cont {
  line-height: 22px;
  float: left;
  margin-left: 12px;
}

.mzl_tips_cont p {
  font-size: 16px;
  color: #000;
  text-align: center;
}


.mzl-dialog2.mzl_ztsz .mzl_tips_box {
  display: flex;
  align-items: center;
  margin-top: 50px;
  margin-left: 60px;
}

.mzl-dialog2.mzl_ztsz .mzl_tips {
  float: left;
  width: 32px;
  height: 32px;
}

.mzl-dialog2.mzl_ztsz .mzl_tips_cont {
  line-height: 22px;
  float: left;
  margin-left: 12px;
}

.mzl-dialog2.mzl_ztsz .mzl_tips_cont p {
  font-size: 16px;
  color: #000;
  text-align: left;
}


/* 编目设置 按钮调整 */
.mzl-hold {
  display: block;
  margin: auto;
  margin-top: 30px;
  width: 72px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 2px;
  font-size: 12px;
}


.fz16 {
  font-size: 16px;
}

.koi_audit .koi_btn {
  margin: 15px;
  width: 90px;
  height: 30px;
  border: 1px solid #4991E1;
  border-radius: 5px;
  font-size: 12px;
}

.button_box {
  text-align: center;
}

.xds_btn_wrap>a {
  display: inline-block;
  width: 72px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  margin: 40px 15px;
  text-align: center;
  border: 1px solid #4991E1;
  border-radius: 4px;
}

.mzl-newNav {
  width: 522px;
  background: #fff;
  border: 1px solid #9198A6;
  margin-top: -200px;
  margin-left: -261px;
}

.size {
  display: inline-block;
  width: 112px;
  font-size: 12px;
  color: #888888;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.size.close {
  width: 85px;
}

/* 20220716 修改样式 :End */

/* 修改样式 ：Start */
.modules_box .mzl-template-selection {
  padding-left: 150px;
}

.modules_box .mzl-template-selection .m-upload-tit {
  margin-left: -150px;
}

.resources-list-box {
  overflow-y: scroll;
  max-height: 300px;
}

.mzl-close {
  position: absolute;
  top: 5px;
  right: 3px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../images/hn_metadata/close.png);
  vertical-align: middle;
}

.size_box {
  position: relative;
}

.ztree2 li span.button.roots_close {
  background-image: url(../images/hn_metadata/mzl-close.png);
}

.koi_table .koi_inp30::placeholder {
  color: #888;
}

/* 修改样式 ：End */

/* 2022/07/26 */
.koi_container_details .koi_details_item .mzl_tit_tbzy {
  display: inline-block;
  width: 120px;
  text-align: right;
  padding-left: 0;
}

/* 2022/7/29  */
.xds_item_cont.mzl_radio label {
  margin-bottom: 20px;
}

/* mzl 2022 9/28 s */
.set_item.mzl {
  display: flex;
  margin-top: 13px;
}

.set_item.mzl .set_item_tit {
  font-size: 12px;
  color: #000;
}

.set_item.mzl .hRadio_Checked,
.set_item.mzl .hRadio {
  margin-right: 35px;
  padding-left: 25px;
  background-size: 16px;
  background-position: left 2px;
}

.set_item.mzl .radiolist label {
  font-size: 12px;
  color: #000;
}

.mzl_dh_tit {
  font-size: 12px;
  color: #000;
}

.mzl_dh_tit input {
  width: 500px;
  height: 30px;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
  text-indent: 8px;
}

.mzl_plan_item {
  margin-bottom: 25px;
}

.mzl_plan_tit {
  margin-bottom: 12px;
  padding: 6px 20px 6px 6px;
  height: 40px;
  font-size: 16px;
  color: #222;
  /* line-height: 40px; */
  background: #FFFFFF;
  border-radius: 4px;
  box-sizing: border-box;
}

.m-upload-file.mzl {
  max-height: 962px;
  padding: 0;
}

.resources-list-box.mzl {
  overflow-y: scroll;
  max-height: 850px;
  padding: 0 30px;
}

.mzl_upload_box {
  padding: 0 30px;
}

.mzl_upload_box .upload-txt {
  margin-top: 0;
}

/* 整个滚动条 */
::-webkit-scrollbar {
  width: 8px;
  background: #DCDCDC;
  background-color: rgba(0, 0, 0, 0.3);

  border-radius: 5px;
}

/* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {
  background-color: #DCDCDC;
  border-radius: 5px;
  /* border-right: 2px solid #fff; */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background-color: #F7F8FA;
}

.mzl_wrap_box {
  padding: 20px 0;
  background: #F1F8FF;
}

.mzl_wrap {
  padding: 20px;
  background: #fff;
}

.mzl_upload.after_add {
  height: 152px;
  text-align: center;
  background: #F8F8F8;
  border: 1px dashed #BEBEBE;
}

.mzl_upload.after_add .upload {
  display: inline-block;
  margin-top: 55px;
  width: 218px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: #FF9022;
  font-size: 16px;
  border-radius: 4px;
}

.mzl_upload.after_add .upload-icon {
  width: 14px;
  height: 14px;
  background: url(../images/hn_metadata/upload_after_add.png) no-repeat center;
}

.mzl_upload_txt {
  color: #BEBEBE;
  font-size: 12px;
}

.mzl_plan_tit.after_add {
  padding-right: 40px;
}

.resources-list-box.mzl.after_add {
  padding: 0;
}

.mzl_plan_item .hRadio {
  background-position: left 4px;
  background-size: 14px;
}

.mzl_btn_box {
  margin-top: 100px;
  text-align: center;
  vertical-align: bottom;
}

.mzl_btn {
  display: inline-block;
  margin-left: 173px;
  width: 154px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #38A4FF;
  color: #fff;
  border-radius: 4px;
}

.mzl_read_box{
  display: inline-block;
}

.mzl_read{
  margin-left: 6px;
  font-size: 14px;
  color: #333;
  vertical-align:middle;
}

.edits_txt{
  border: none;
  width: 600px;
  font-size: 16px;
  color: #222;
}

.edits_txt.border{
  border-width: 1px;
  border-style: solid;
  border-color: #555
}

.edits_txt::placeholder{
  font-size: 16px;
  color: #222;
}
/* mzl 2022 9/28 e */