* {
    font-family: "Noto Sans SC";
    /*font-size: 14px;*/
}

html, body, #app {
    display: flex;
    flex: 1;
    background-color: #f1f6f9;
    overflow: hidden;

}

.minWidthAuto{
    overflow-x: auto;
    min-width: 1000px;
}

.manageLoginBg {
     /* background: url("../img/login_img.png") center center no-repeat; */
     background-size: 100% 100%;
     flex-flow: column;
 }

.middleBg {
    background: url(assets/img/middleBg.png) center center no-repeat;
    background-size: 100% 100%;
    flex-flow: column;
}

.waitBg {
    background: url(assets/img/waitBg.png) center center no-repeat;
    background-size: 100% 100%;
    flex-flow: column;
}

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

.centerBetween{
    align-items: center;
    justify-content:space-between;
}

.flexRow{
    display:flex;
    flex-direction: row;
}

.flexColumn{
    display:flex;
    flex-direction: column;
}

.tableAlignCenter,.tableAlignCenter>span{
    text-align: center ! important;
}

.selectedTableStyle{
    background-color: #E1F4FF;
}

label, text {
    font-size: 14px;
    font-family: "微软雅黑";
    color: #454545;
}
.loginFooter{
    color: #ffffff;
    line-height: 24px;
    font-size: 12px;
}
#container {
	/* width: 328px; */
	width: 455px;
	margin: 100px auto;
	background: white;
	border: 2px solid #99ccff;
	border-radius: 5px;
    height: 560px;
}

#container h3 {
	text-align: center;
	margin-top: 5px;
}
.text {
	width: 420px;
	border: none;
	height: 50px;
	border-radius: 5px;
	margin: 10px;
	font-size: 24px;
	text-align: right;
	background: #eaeaea;
}

.buttons {
    padding-left: 4px;
    background: #FFFFFF;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position: relative;
    height: 400px;
}

.button {
    /* width: 70px;
    height: 50px; */
    width: 100px;
    height: 70px;
    border: 1px solid #ddd;
    border-radius: 13px;
    font-weight: bold;
    color: #ffffff;
    background: #565656;
    margin: 5px;
}

.button1 {
    /* width: 70px;
    height: 50px; */
    width: 100px;
    height: 70px;
    border: 1px solid #ddd;
    border-radius: 13px;
    font-weight: bold;
    color: #ffffff;
    background: #ff8a00;
    margin: 5px;;
}

.button2 {
    /* width: 70px;
    height: 50px; */
    width: 100px;
    height: 70px;
    border: 1px solid #ddd;
    border-radius: 13px;
    font-weight: bold;
    color: rgba(88, 88, 88, 1);
    background: #ffffff;
    margin: 5px;
}
.ling{
    width: 210px;
}


.button:hover {
	background: #ffe77c;
}

.checkPhoto {
	/* background: url("../img/videoBack.png") center center no-repeat; */
	/* background-size: 100% 100%; */
	flex-flow: column;
	width: 320px;
	height: 316px;
}
.newCheckPhoto{
    flex-flow: column;
    width: 664px;
    height: 382px;
    background-color: black;
}

.endimg {
    background: url(assets/img/endpage-img.png) center center no-repeat;
    background-size: 100% 100%;
    opacity:0.3;
    flex-flow:column;
    width: 240px;
    height: 320px;
    margin-top: 60px;
}

.scanner-line {
    width: 100%;
    height: 4px; /* 扫描线的高度 */
    background-color: aqua; /* 扫描线的颜色，可以根据需要调整 */
    border-radius: 50%;
    position: absolute;
    animation: scan 2s infinite alternate; /* 定义动画 */
}

@keyframes scan {
    0% {
        top: 0;
    }
    100% {
        top: 100%;
    }
}

main {
    background-color: var(--while-ba-color);
}
p{
   margin: 0 !important;
}
.examPlanPageLeftHeaderValue {
    height: 50px;
    width: 100%;
    padding-left: var(--title-interval);
    padding-right: var(--title-interval);
    background-color: var(--title-ba-color);
    color: var(--title-text-color);
    font-size: var(--title-text-font);
    margin-bottom: var(--value-interval);
    font-weight: var(--text-bold);
}

.examPlanPageRightHeaderValue {
    width: 100%;
    height: 50px;
    padding-left: var(--title-interval);
    background-color: var(--title-ba-color);
    color: var(--title-text-color);
    font-size: var(--title-text-font);
    margin-bottom: var(--value-interval);
    font-weight: var(--text-bold);
}

.examPlanPageLeftBody {
    display: flex;
    align-items: center;
    height: 100%;
    background-color: #fff;
}

.examPlanPageRightBody {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    background-color: #fff;
}

.examPlanPageLeftBodyValue::-webkit-scrollbar {
    width: 0 !important
}
.overflowY{
  overflow-y: auto;
}
.overflowY::-webkit-scrollbar {
    width: 8px;
    background-color: #aab9cd;
    border-radius: 8px;
}

.examPlanPageLeftBodyValue {
    width: calc(100% - 40px);
    height: calc(100% - 100px);
    overflow-y: auto;
}

.examPlanPageLeftBodyValue .ant-spin-dot-item{
    background:#2B5182;
}

.overflowAuto-hidden .ant-col.ant-form-item-control{
    width: calc(100% - 69.38px);
}

.examPlanPageRightBodyValue::-webkit-scrollbar {
    width: 0 !important
}
.examPlanPageRightBodyValue {
    width: calc(100% - 40px);
    height: calc(100% - 145px);
    overflow-y: auto;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

}

.examPlanPageRightHeaderValueSearch {
    width: none !important;
}

.examPlanPageLeftBodyItemValue {
    width: 99%;
    height: 140px;
    margin-bottom: var(--title-interval);
    border: solid 1px var(--border-color);
    border-radius: 4px;
    padding: var(--title-interval);
    background-color: #fff;
    box-shadow: 0 2px 4px -2px #00000014, 0 2px 7px #0000000d, 0 3px 12px 4px #00000008;
}
.examPlanPageLeftBodyValueCenterContent {
    margin-bottom: 15px;
}

.examPlanPageRightBodyItemValue {

    width: 24%;
    min-width: 300px;
    max-width: 420px;
    height: 180px;
    margin-bottom: var(--value-interval);
    border: solid 1px var(--border-color);
    border-radius: 2px;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 2px 4px -2px #00000014, 0 2px 7px #0000000d, 0 3px 12px 4px #00000008;
    margin-right: var(--value-interval);
}

.examPlanPageRightBodyItemValue:nth-child(5n) {
    margin-right: 0;
}

.examPlanPageLeftBodyValueHeaderText {
    font-size: var(--value-text-font);
    font-weight: var(--text-bold);
    color: var(--title-text-color);
    margin-bottom: 5px;
}

.examPlanPageLeftBodyValueCenterText {
    font-size: var(--small-text-font);
    color: var(--assist-text-color);
    margin-bottom: var(--value-interval);
}

.examPlanPageLeftBodyValueCenterContentLeft {
    color: var(--assist-text-color);
    font-size: var(--value-text-font);
}

.examPlanPageLeftBodyValueCenterContentRight {
    font-size: var(--value-text-font);
    color: var(--minor-text-color);
}

.examPlanPageRightBodyItemValueHeaderText {
    font-size: var(--titleLess-text-font);
    font-weight: var(--text-bold);
    color: var(--title-text-color);
}

.examPlanPageRightBodyValueCenterText {
    font-size: var(--value-text-font);
    color: var(--assist-text-color);
    margin-bottom: var(--value-interval);
}

.examPlanPageRightBodyValueBottomTitleText {
    font-size: var(--value-text-font);
    color: var(--assist-text-color);
}

.examPlanPageRightBodyValueBottomText {
    display: block;
    width: calc(100% - 66px);
    font-size: var(--value-text-font);
    color: var(--minor-text-color);
    margin-left: 10px;
}

.examPlanPageRightBodyItemValueFooter {
    display: flex;
    flex-direction: row;

}

/*编辑文字颜色*/
.examPlaneditTextColor {
    text-decoration: none;
    cursor: pointer;
    color: #2B5182;
    text-align: center;
}

.headerAddPart {
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 1px 6px #ccc;
    position: fixed;
    top: 0px;
    z-index: 99;
}

.headerAddPartFirst {
    display: flex;
    width: 95%;
    margin: 0 auto;
    height: 80px;
    background-color: #fff;
    justify-content: space-between;
    align-items: center;
}
.tooltipExam .ant-tooltip-inner{
    margin-left: -240px;
    width: 350px;
    border-radius: 10px;
}

.basicExamIne {
    font-size: 18px;
    font-weight: 700;
}

.examinN {
    display: flex;
    align-items: center;
}

.leftStudentMessagePart {
    background-color: #fff;
    border-radius: 6px;
    margin-top: 30px;
    height: 95%;
}

.timeChange .ant-statistic-content-value {
    font-size: 20px !important;
}
.timeChange_24 .ant-statistic-content-value {
    font-size: 24px !important;
}
.timeEndChange .ant-statistic-content-value {
    padding: 0px 5px;
    font-size: 30px !important;
}

.expressAnser {
    box-sizing: border-box;
    margin-left: 20px;
    box-shadow: inset 0px 2px 2px 0px #eee;
}

.answerSubject {
    display: flex;
    align-items: center;
    height: 10px;
    margin-top: 20px;
    padding-left: 20px;
}

.answerSubject>span:nth-child(1) {
    width: 4px;
    height: 20px;
    background-color: rgb(43, 133, 228);
}

.answerSubject>span:nth-child(2) {
    font-weight: 700;
    font-size: 15px;
    padding-left: 8px;
}

.starPartThing .anticon svg {
    width: 25px;
    height: 25px;
}

/* 代入考生须知部分 */
.studentMustKnow {
    display: flex;
    align-items: center;
    padding: 10px 0px;
    margin-left: 30px;
}

.studentMustKnow .anticon svg {
    width: 20px;
    height: 20px;
    color: rgb(234, 126, 0);
}

.studentMustKnow span {
    font-size: 25px;
    font-weight: 700;
    padding-left: 10px;
}

.newRightNotMistake{
    width: 240px;
    height: 60px;
    text-align: center;
    background: linear-gradient(to top, #258FF0, #2B5182);
    cursor:pointer;
    color: white;
    border-radius: 10px;
}
.newRightNotMistake span{
    line-height: 60px;
    font-size: 20px;
    font-weight: 400;
}
/*.newRightNotMistake :hover{*/
/*    border: 10px solid;*/
/*    border-image: linear-gradient(to top,#258FF0, #2B5182) 1;*/
/*    background: linear-gradient(to top, #258FF0, #2B5182);*/
/*}*/

/* 考生信息部分 */
.rightNotMistake {
    display: flex;
    align-items: center;
    background-color: rgb(232, 255, 234);
    padding: 10px 20px;
    cursor: pointer;
    margin-top: 40px;
}

.rightNotMistake .anticon:nth-child(1) svg {
    color: rgb(0, 180, 42);
    width: 20px;
    height: 20px;
}

.rightNotMistake span {
    font-size: 20px;
    padding: 0px 10px 0px 5px;
    color: rgb(0, 180, 42);
}

.studentNessageKnow img {
    width: 100%;
}

.studentNessageKnow {
    list-style: none;
}

.studentNessageKnow li {
    margin-Bottom: 20px;
    font-size: 16px;
}

.studentNessageKnow p {
    font-size: 3rem;
}

.ready span {
    font-size: 3rem;
}

.pages-simple{
    height:55px;
    box-sizing: border-box;
    min-width: 100px;
    border-bottom: 2px solid #e5e5e5;
}

.eagle-box{
    background-color: #fff;
    border-radius: 12px;
    box-sizing: border-box;
    padding: 15px;
}
.actionRecord-top{
    margin-bottom: 20px;
}
.actionRecord-top .ant-form-item{
    margin-bottom: 15px;
}
.actionRecord-top .form-btns{
    padding-left: 20px !important;
    margin-left: 22px !important;
    border-left: 1px solid #E5E6EB;
    height: 80px;
}
.actionRecord-top-title{
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #1D2129;
    margin-bottom: 15px;
}
.selectSpace .ant-space-item:nth-child(1){
    overflow:hidden;
    width:80%;
    margin:none;
}
.action-data-icon img{
    width:24px;
    height:24px;
    margin:0 5px;
    cursor:pointer;
}
.cont-text-gxgk {
    font-size: 26px;
    font-weight: 550;
    width: 530px;
    margin-left: 16px;
  }

.reminder-modal .reminder-title{
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    display: block;
    margin-bottom: 10px;
}
.reminder-modal .reminder-list{
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    height: 200px;
}
div.reminder-list{
    box-sizing: border-box;
    padding: 5px 0;
    overflow: auto;
}
.reminder-list-item{
    background: #EFEFEF;
    border-radius: 3px;
    color: #333333;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 22%;
    height: 30px;
    float: left;
}
.reminder-list-item span{
    display: block;
    width:42px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}
.reminder-list-wrong{
    color: #C20000;
    font-style: normal;
    cursor: pointer;
    padding-left: 7px;
    font-size: 20px;
}
.paginationList-ul .ant-table-pagination.ant-pagination {
    margin: 16px 0;
}
.paginationList-ul .ant-table.ant-table-middle {
    max-height: 350px;
    overflow-y: auto;
}
.paginationList-ul .ant-table.ant-table-middle::-webkit-scrollbar {
    width: 0 !important
}
.position-wrong{
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
}
.position-wrong img{
    width: 16px;
    height: 16px;
}

/* 单选放大字体按钮样式 */
.radio-max .ant-radio-wrapper .ant-radio .ant-radio-inner{
    width: 24px !important;
    height: 24px !important;
}
.radio-max .ant-radio-wrapper .ant-radio .ant-radio-inner::after{
    width: 24px !important;
    height: 24px !important;
    margin-top: -12px !important;
    margin-left: -12px !important;
}

.radio-middle .ant-radio-wrapper .ant-radio .ant-radio-inner{
    width: 20px !important;
    height: 20px !important;
}
.radio-middle .ant-radio-wrapper .ant-radio .ant-radio-inner::after{
    width: 20px !important;
    height: 20px !important;
    margin-top: -10px !important;
    margin-left: -10px !important;
}
/* 多选 */
.radio-max .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner{
    width: 24px !important;
    height: 24px !important;
}
.ant-radio-inner{
    border-color: #2B5182 !important;
}
.radio-max .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner::after{
    left: 35%;
}

.radio-middle .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner{
    width: 20px !important;
    height: 20px !important;
}
.radio-middle .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner::after{
    left: 30%;
}
.wait-check .ant-checkbox .ant-checkbox-inner{
    width: 20px !important;
    height: 20px !important;
}
.wait-check .ant-checkbox .ant-checkbox-inner::after{
    left: 30%;
}
.w-e-text-container [data-slate-editor]{
    min-height: 200px !important;
}
.administer-bg{
    background: url(assets/img/administer_bg.png) no-repeat center center;
    background-size: 100% 100%;
}
.administer-tip{
    position: absolute;
    top: 0;
    right: 0;
    width: 5.7vw;
    height: 5.7vw;
    /* background: url('../assets/img/administer_tip.png') no-repeat; */
    background-size: 5.7vw;
    background-repeat: no-repeat;
}
.login_span1{
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 67px;
    color: var(--main-bg-color);
}
.login_span2{
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 67px;
    color: var(--main-bg-color);
}
.wait_title{
    background: url(assets/img/wait_title_bg.png) no-repeat;
    background-position: center;
}
.w-e-bar-item {
    justify-content: flex-start !important;
}
.w-e-bar-item button .title {
    margin: 0 !important;
    padding: 0 !important;
    margin-left: 5px !important;
    background: transparent !important;
}

.hide-scrollbar {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none; /* Firefox */

    /* 保留滚动功能，但隐藏滚动条（仅限于Webkit浏览器，如Chrome、Safari） */
    &::-webkit-scrollbar {
        display: none;
    }
}

.hide-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.bj-title {
    font-size: 55px;
    font-weight: 600;
    background: linear-gradient(180deg, #F0FFF2 17.91%, #FFFFFF 47.5%, #CAEBFE 52.12%, #FEFEFF 79.79%, #E9FAFF 94.78%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.zj-title{
    font-size: 55px;
    font-weight: 600;
   color: white;
}
.wk-title{
    font-size: 55px;
    font-weight: 600;
   color: white;

}
.bj-input input {
    all: unset; /* 重置所有属性 */
    box-sizing: border-box; /* 让内边距和边框包含在元素的总宽度和高度内 */

    /* 为了在重置后设置一些基础样式 */
    display: block;
    width: 100%;
    padding: 8px;
    font-size: 16px;
    line-height: 1.5;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    color: #fff
}
.bj-input input:focus {
    all: unset; /* 重置所有属性 */
    box-sizing: border-box; /* 让内边距和边框包含在元素的总宽度和高度内 */

    /* 为了在重置后设置一些基础样式 */
    display: block;
    width: 100%;
    padding: 8px;
    font-size: 16px;
    line-height: 1.5;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    outline: none;

    caret-color: #FFF; /* 设置光标颜色 */
    color: #fff
}

.bj-input input::placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #B7D7FF;
}
.zj-input input {
    all: unset; /* 重置所有属性 */
    box-sizing: border-box; /* 让内边距和边框包含在元素的总宽度和高度内 */

    /* 为了在重置后设置一些基础样式 */
    display: block;
    width: 100%;
    padding: 8px;
    font-size: 16px;
    line-height: 1.5;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    color: #fff
}
.zj-input input:focus {
    all: unset; /* 重置所有属性 */
    box-sizing: border-box; /* 让内边距和边框包含在元素的总宽度和高度内 */

    /* 为了在重置后设置一些基础样式 */
    display: block;
    width: 100%;
    padding: 8px;
    font-size: 16px;
    line-height: 1.5;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    outline: none;

    caret-color: #FFF; /* 设置光标颜色 */
    color: #fff
}
.zsh-input input {
    all: unset; /* 重置所有属性 */
    box-sizing: border-box; /* 让内边距和边框包含在元素的总宽度和高度内 */

    /* 为了在重置后设置一些基础样式 */
    display: block;
    width: 100%;
    padding: 8px;
    font-size: 16px;
    line-height: 1.5;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    color: #fff
}
.zsh-input input:focus {
    all: unset; /* 重置所有属性 */
    box-sizing: border-box; /* 让内边距和边框包含在元素的总宽度和高度内 */

    /* 为了在重置后设置一些基础样式 */
    display: block;
    width: 100%;
    padding: 8px;
    font-size: 16px;
    line-height: 1.5;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    outline: none;

    caret-color: #FFF; /* 设置光标颜色 */
    color: #fff
}

.zsh-input input::placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.zj-input input::placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

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

  #editorStyle strong.token>span {
    font-family: unset;
  }

   a{
    color:#333333 !important
  }
  .ant-checkbox-indeterminate .ant-checkbox-inner::after{
    background-color: #2B5182 !important;
  }

  .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before{
    border: 1px solid #2B5182 !important;
  }
  .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{
    background:#2B5182 !important
  }
  /* .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover{
    background:#2B5182 !important
  } */
  .ant-input:hover{
    border-color: #2B5182 !important;
  }
  .ant-picker:hover, .ant-picker-focused{
    border-color: #2B5182 !important;
  }
  .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after{
    border-color: #fff !important;
  }
  .w-e-text-placeholder{
    top:0 !important;
  }

  /* 在全局样式文件中 */
.ant-tooltip {
    z-index: 1000 !important; /* 设置 Tooltip 的 z-index */
  }

  /* 在全局样式文件中 */
.ant-notification {
    z-index: 1071 !important; /* 设置 Notification 的 z-index */
  }

.dropdown-menus{
    position: absolute;
    top: 50px !important;
    left: -220px !important;
    width:300px;
} 
.listCard {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px;
    margin-bottom: 15px;
    /*transition: all .3s;*/
    cursor: pointer;
}

.SelectListCard {
    width: 100%;
    border: 2px solid #2b85e4;
    border-radius: 3px;
    padding: 5px;
    margin-bottom: 15px;
    cursor: pointer;
    transform: translateY(-5px);
    box-shadow: 4px 4px 8px #e1e1e1;
    transition: transform .3s;
}

.topCard:hover {
    background: rgba(240, 240, 240, 1);
}


html, body,h1,h2,h3,h4,h5,h6,ul,ol,dl,li {
    margin: 0;
    padding: 0;
}
#app {
    height: 100%;
}
.nav-box .ant-menu{
    justify-content: start;
}
.sidebar-menu .ant-menu.ant-menu-inline-collapsed{
    width: 70px;
}
.ant-form-item{
    /* height: 36px; */
    margin: 0 0 24px;
}
.ant-spin-nested-loading,.ant-spin-container{
    height: 100%;
}
.selectedTableStyle{
    background-color: #E1F4FF;
}
.ant-table-thead > tr:hover > td,
.ant-table-tbody > tr:hover > td {
    background: rgb(225, 244, 255, 0.7) !important;
}

.tableAlignCenter,.tableAlignCenter>span{
    text-align: center ! important;
}

.background-DE{
    background-color: #DEDEDE;
}
.site-tree-search-value {
    color: #f50;
}
.ant-tree-show-line .ant-tree-switcher{
    background-color: transparent;
}

.overflowHidden {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ant-table-tbody>tr.ant-table-row-selected>td{
    background-color: transparent !important;
}

.list-groupEva {
    width: 624px !important;
}
.titleBorderLeft {
    border-left: 3px solid #1890ff;
    padding-left: 15px;
    font-size: 16px;
    margin: 15px 0;
}
.clssTree .ant-tree{
    background-color: transparent;
}
.ant-tree-list-scrollbar-show{
    display: block !important;
}
.ant-btn, .ant-btn-group {
    border-radius: 4px;
}
html {
    --antd-wave-shadow-color:#2b5182;
}
body {
    --while-ba-color:#F3F3F3;
    --main-bg-color:#2b5182;
    --title-ba-color:#F8FBFD;

    /* 边框颜色 */
    --border-color:#E5E8EF;
    /* 重要文字颜色 */
    --title-text-color:#333333;
    /* 次要文字颜色 */
    --minor-text-color:#666;
    /* 辅助文字颜色 */
    --assist-text-color:#999;

    --title-text-font:18px;
    --titleLess-text-font:16px;

    --value-text-font:14px;
    --small-text-font:10px;

    /* 字体加粗 */
    --text-bold:900;

    --title-interval:20px;
    --value-interval:10px;
}

.ant-input-lg {
    padding: 6px 7px;
    height: 40px;
    font-size: 14px;
}

.ant-popover-inner-content {
    padding: 4px 8px;
}
.ant-menu-submenu-selected{
    background-color: #DEDEDE !important;
    color: var(--main-bg-color) !important;
}
.ant-menu-submenu-selected span,.ant-menu-submenu-selected i{
    color: var(--main-bg-color) !important;
}
.ant-select:hover {
    border-color: var(--main-bg-color);
}
.ant-layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    overflow: auto;
    background: none;
}

.ant-progress-bg{
    background-color: var(--minor-text-color);
}
.ant-progress-status-success .ant-progress-bg {
    background-color: var(--main-bg-color);
}
.ant-tabs {
    box-sizing: border-box;
    position: relative;
    overflow: visible;
    zoom: 1;
    color: rgba(0, 0, 0, 0.65);
    background-color: #FFFFFF;
}

.box {
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
}

.flexWarp {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex1 {
    -webkit-flex: 1; /* Chrome */
    -ms-flex: 1; /* IE 10 */
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1; /* OLD - Firefox 19- */
    flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.rowHeight {
    min-Height: 55px;
    height: 55px;
    max-height: 55px;
    background-color: white;
}

/*进度条外部样式*/
.progressStyle {
    position: fixed;
    left: 50%;
    top: 69px;
    z-index: 9999;
    width: 41%;
    margin-left: -20%;
    /* border: 1px solid #00a4ff; */
    border-radius: 8px;
    padding: 3px 23px;
    /* box-shadow: 0px 0px 19px 0px #FFFFFF inset; */
    background-color: #ffffff;
}

/*自身透明度*/
.opacityStyle {
    opacity: 0;
    filter: alpha(opacity=0); /*filter 过滤器   兼容IE678*/
}
.ant-checkbox-checked .ant-checkbox-inner{
    border-color: var(--main-bg-color);
    background-color: var(--main-bg-color);
}
.ant-checkbox .ant-checkbox-input .ant-checkbox-inner :hover {
    border-color: var(--main-bg-color);
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector :hover {
    border-color: var(--main-bg-color);
}
.online .ant-select-arrow{
    color:#fff !important;
}
/*按钮鼠标移上样式：文字变白*/
.buttonWhite:hover {
    color: #FFFFFF;
}

/*表单样式*/
.formStyle {
    width: 870px;
}

.ant-modal-header{
    background: rgba(234,238,243,1);
}

.flexFlow {
    flex-flow: column;
}

.justifyContentStart {
    justify-content: flex-start;
}

.justifyContentEnd {
    justify-content: flex-end;
}

.justifyContentSn {
    justify-content: space-between;
}

.justifyContentCenter {
    justify-content: center;
}

.flexDirectionC {
    flex-direction: column;
}

.flexDirectionR {
    flex-direction: row;
}

.flexDirectionIn {
    flex-direction: inherit
}

.alignItemStart {
    align-items: flex-start;
}

.alignItem {
    align-items: center;
}

.alignSelfEnd {
    align-self: flex-end;
}
.flexCenter{
    align-items: center;
    justify-content: center;
}

/************************************/
.ant-menu {
    background: #fff;
}

.ant-layout-sider {
    background: #2B5182;
}

.ant-menu-submenu-title {

    color: #2B5182;
}

.ant-menu-submenu-title:hover {
    color: #2B5182;
}

.ant-menu-submenu > .ant-menu {
    color: #FFFFFF;
    background-color: #2B5182;
}

.ant-menu-item, .ant-menu-item a {
    color: #fff;
}
.ant-menu-item-active{
    color: #fff;
}

.ant-menu-horizontal > .ant-menu-item a {
    color: #FFFFFF;
}

.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
    margin: 0;
    padding: 0px 20px;
}
.ant-menu-item-active,.ant-menu-item-selected{
    background-color: #f5f5f5;
}
.ant-menu-item .anticon{
    color: #2B5182;
}

.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
    background-color: #f5f5f5;
    color: #2B5182;
}

.ant-menu-inline .ant-menu-item, .ant-menu-inline .ant-menu-submenu-title {
    width: 100%;
}

.ant-menu-submenu-title {
    /* padding: 0 !important; */
    text-align: center;
    color: #000000;
}

.ant-menu-submenu-expand-icon, .ant-menu-submenu-arrow {
    color: #999999;
}

.ant-menu-vertical .ant-menu-item::after, .ant-menu-vertical-left .ant-menu-item::after, .ant-menu-vertical-right .ant-menu-item::after, .ant-menu-inline .ant-menu-item::after {
    border: none;
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: rgba(242, 242, 242, 0.5);
    /* background-color: #DEDEDE; */
    color: #2B5182;
    font-weight: 700;
}

.ant-menu.ant-menu-dark .ant-menu-item-selected {
    background-color: #f5f5f5;
    color: #2B5182;
    border-bottom: 2px solid #f2f2f2;
}

.ant-menu-item a:hover {
    color: #2B5182;
}

.ant-menu-dark .ant-menu-item {
    color: #2B5182;
}

/************************************/
.ant-table, .ant-table table {
    border-radius: 0px 0px 0px 0px;
    color: #616161;
}

.ant-table-thead > tr > th {
    background: #F9FAFB;
    color: #616161;
    white-space: nowrap;
    font-weight: 700;
}

.win10Text text {
    display: block
}

.ant-table-thead > tr:hover > td,
.ant-table-tbody > tr:hover > td {
    background:  rgb(225, 244, 255, 0.7) !important;
}



.ant-tabs-ink-bar {
    background-color: #2b5182;
}

.ant-tabs-nav .ant-tabs-tab-active {
    color: #2b5182;
    font-size: 16px;
}
.ant-tabs-tab{
    padding-left: 20px;
    padding-right: 20px;
}
.smallTabs .ant-tabs-tab{
    padding-left: 3px;
    padding-right: 3px;

}
.smallTabs .ant-tabs-tab + .ant-tabs-tab{
    margin-left: 10px !important;
}
.ant-tabs-nav .ant-tabs-tab:hover {
    color: #719C3C;
}

.editable-icon {
    line-height: 18px;
    display: none;
}

.editable-cell {
    line-height: 18px;
    min-height: 14px;
}

.editable-cell:hover .editable-icon {
    display: inline-block;
}

.ant-menu-inline, .ant-menu-vertical {
    border-right: 0px solid #e9e9e9;
}

.ant-tabs-nav .ant-tabs-tab:hover {
    color: #000000;
}

.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
    border-radius: 0;
}

.ant-pagination-prev a:after, .ant-pagination-next a:after {
    color: #616161;
}

.ant-table-thead > tr > th, .ant-table-tbody > tr > td {
    padding: 10px 8px;
    word-break: break-all;
}

.ant-table-thead > tr > th .ant-table-filter-selected.anticon-filter {
    color: #fff;
}

/*.ant-table-thead > tr > th .anticon-filter, .ant-table-thead > tr > th .ant-table-filter-icon {
    color: #fff;
}*/

.iconAvailable {
    cursor: pointer;
    color: #419ad2;
}
/* 失败 */
.circular-2:before{
  content:'';
  width: 6px;
  height: 6px;
  border-radius:50%;
  display: inline-block;
  position: relative;
  top: -1px;
  margin-right: 8px;
  vertical-align: middle;
  background-color: #F53F3F;
}
/* 等待 */
.circular-1:before{
  content:'';
  width: 6px;
  height: 6px;
  border-radius:50%;
  display: inline-block;
  position: relative;
  top: -1px;
  margin-right: 8px;
  vertical-align: middle;
  background-color: #FF7D00;
}
/* 成功 */
.circular-0:before{
  content:'';
  width: 6px;
  height: 6px;
  border-radius:50%;
  display: inline-block;
  position: relative;
  top: -1px;
  margin-right: 8px;
  vertical-align: middle;
  background-color: #67C23A;
}


/*禁用文字颜色*/
.iconAvailableDisabled {
    cursor: not-allowed;
    color: #a9adb3;
}

/*编辑文字颜色*/
.editTextColor {
    text-decoration:underline;
    cursor: pointer;
    color: #2B5182;
}

/*删除文字颜色*/
.delTextColor {
    text-decoration:underline;
    cursor: pointer;
    color: #FB6260;
}

.enableTextColor {
    color: #51D351;
}

.disEnableTextColor {
    color: #FB6260;
}

.passTextColor {
    color: #2b85e4;
}

/*禁止修改文字颜色*/
.disableTextColor {
    cursor: no-drop;
    color: #a9adb3;
}

/*更多文字颜色*/
.moreTextColor {
    cursor: pointer;
    color: #FEC03D;
}

.ant-btn, .ant-btn-group {
    border-radius: 4px;
}

.ant-btn:hover, .ant-btn:focus, .ant-btn:active, .ant-btn.active {
    background-color: #3D6DAc;
    color: #fff;
}

.ant-btn, .ant-btn-grou:hover {
    /* color: #FFFFFF; */
    /* background-color: #1F85B5;
    border-color: #1F85B5; */
    opacity: 0.9;
}

/*搜索框圆弧度*/
/*.ant-input-group.ant-input-group-compact > *:first-child, .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {*/
/*border-top-left-radius: 6px;*/
/*border-bottom-left-radius: 6px;*/
/*}*/

/*.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button{*/
/*border-radius: 0 6px 6px 0;*/
/*border-left-style: none;*/
/*}*/

/*弹出框文字颜色*/
.ant-modal-title {
    color: var(--main-bg-color);
    font-size: 18px;
}

/*当前页面位置最后一项字体颜色*/
.ant-breadcrumb > span:last-child {
    color: #2b85e4;
}

/*当前页面位置分割线颜色*/
.ant-breadcrumb-separator {
    color: #2b85e4;
}

/*字体颜色*/
/* div text { */
    /* color: #2b85e4; */
/* } */

/*上传图片样式*/
.uploadHeight {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    min-width: 260px;
    width: 100%;
    height: 130px;
}

/*上传图片后样式*/
.uploadedHeight {
    border: none;
    border-radius: 6px;
    cursor: pointer;
    width: 100%;
    height: 130px;
}

/*Tooltip标签最大宽度*/
.ant-tooltip-inner {
    max-width: 800px;
}

/*进度条背景色*/
.ant-progress-inner {
    background-color: #d2d4d5;
}

/*表格筛选图标选择后颜色*/
.ant-table-thead > tr > th .ant-table-filter-selected.anticon-filter {
    color: #108ee9;
}

/*弹出框按钮位置--居中*/
.ant-modal-footer {
    border-top: 1px solid #e9e9e9;
    padding: 10px 16px 10px 10px;
    text-align: center;
    border-radius: 0 0 4px 4px;
}

/*表格勾选框样式*/
.ant-table-thead > tr > th.ant-table-selection-column, .ant-table-tbody > tr > td.ant-table-selection-column {
    padding:12px 8px;
}

.ant-table.ant-table-middle .ant-table-tbody>tr>td{
    padding:12px 8px;
}
.ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before {
    display: none;
}


/*表格勾选框样式*/
.ant-table-thead > tr > th.ant-table-selection-column, .ant-table-tbody > tr > td.ant-table-selection-column {
    text-align: right;
    min-width: 30px;
    width: 30px;
}

.picture-card > .ant-upload.ant-upload-select.ant-upload-select-picture-card {
    width: 350px;
    height: 170px;
    margin-top: 10px;
    line-height: 120px;
}

.ant-calendar-range-picker-separator {
    color: rgba(0, 0, 0, 0.43);
    width: 8px;
    display: inline-block;
    line-height: 30px;
    vertical-align: top;
}

.height {
    height: 50px;
}

.checkboxInlineblock .ant-checkbox-group-item {
    width: 20% !important;
}

.backgroundColorCalendar .ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-date {
    background: #FFFFFF;
}

.backgroundColorCalendar .ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-value {
    color: #595959;
}

.backgroundTimeCalendar .ant-fullcalendar-date {
    background: #ddeeff;
}

.dateCellrenderUl {
    position: absolute;
    background: #ecf6fd;
    width: 94%;
    left: 4px;
    height: 98%;
    top: 2px;
    padding-top: 22px;
}

.treeDiv {
    background-color: #f4f4f4;
    border-radius: 4px;
    padding: 10px;
    height: 95%;
    margin-top: 10px;
}

.ant-tree-show-line .ant-tree-switcher, .ant-tree {
    background-color: transparent;
}

/*文字多行隐藏显示省略号*/
.overflowHidden {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.overflowAuto {
    overflow: auto;
}

.tree1 {
    width: 14%;
    border: 1px solid #DDDDDD;
    background-color: #fff;
    min-width: 180px;
    max-height: 1080px;
    overflow: auto;
}

.pagination {
    flex: 1;
    background-color: #fff;
    overflow: auto;
}

.ant-table-pagination.ant-pagination {
    margin: 16px 15px;
    float: right;
}

/*下拉菜单箭头居中*/
.ant-dropdown-trigger > .anticon.anticon-down, .ant-dropdown-link > .anticon.anticon-down, .ant-dropdown-button > .anticon.anticon-down {
    vertical-align: middle;
}

.tree {
    width: 14%;
    border: 0px solid #DDDDDD;
    background-color: #fff;
    min-width: 180px;
    max-height: 1080px;
    overflow: auto;
}

/*表单自定义高度样式*/
.formAutoStyle {
    min-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
}

/*必填项“*”*/
.beforeFont:before {
    display: inline-block;
    margin-right: 4px;
    content: "*";
    font-family: SimSun;
    line-height: 1;
    font-size: 14px;
    color: #f04134;
}

/*icon样式*/
.anticon svg {
    display: inline-block;
    width: 16px;
    height: 16px;
}
.ant-modal-body .anticon svg {
    position: relative;
    /* top: 2px; */
    width: 12px;
}
.tablePage > .ant-table-wrapper {
    flex: 1;
}

.im-scrollbar {
    overflow-x: auto;
    overflow-y: auto;
}

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

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

.im-scrollbar::-webkit-scrollbar-track { /*滚动条里面轨道*/
    /* -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); */
    border-radius: 5px;
    background: #EDEDED;
}


.ant-spin-container {
    position: relative;
    width: 100%;
    transition: opacity 0.3s;
}

.ant-form-item-control-input-content {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    max-width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
}

/*标签页添加字体*/
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #2b5182;
    font-weight: 500;
    font-size: 20px;
}

/*标签页添加字体*/
.ant-tabs-tab-btn {
    outline: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 20px;
}

/* .ant-upload.ant-upload-select-picture-card {
    height: 150px ;
} */

.flex1 .ant-spin-nested-loading {
    width: 100%;
}

.activeTab {
    width: 24px;
    height: 104px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    writing-mode: tb-rl;
    text-align: center;
    padding-right: 2px;
    font-size: 13px;
    border: 1px solid #2b5182;
    background-color: #2b5182;
    float: right;
    color: #ffffff;
    user-select: none;
    cursor: pointer;

}

.noActiveTab {
    width: 24px;
    height: 104px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    writing-mode: tb-rl;
    text-align: center;
    padding-right: 2px;
    font-size: 13px;
    border: 1px solid #B5B5B5;
    float: right;
    color: #B5B5B5;
    user-select: none;
    cursor: pointer;
}

/* .printBorder {
    border: 1px solid #DDDDDD;
    background:url("../assets/img/cert/cert.jpg");
    background-size: 24cm 15.5cm;
}

.printBackgroundZhy {
    background:url("../assets/img/cert/certPicTwo.jpg");
    background-size: 29.7cm 21cm;
}

.printBackgroundZhyRed {
    background:url("../assets/img/cert/certPicRed.jpg");
    background-size: 29.7cm 21cm;
}

.printBackgroundZcl {
    background:url("../assets/img/cert/certPic_zcl.png");
    background-size: 24cm 15.5cm;
}

.printBackgroundYsjs {
    background:url("../assets/img/cert/certPic_ysjs.jpg");
    background-size: 29.7cm 20.95cm;
}

.printBackgroundLmhf {
    background:url("../assets/img/cert/cert_lmhf.jpg");
    background-size: 28.95cm 20.51cm;
}

.printBackgroundLmhfVertical {
    background:url("../assets/img/cert/certPic_lmhf.jpg");
    background-size: 20.4cm 28.5cm;
}

.printBackgroundCom {
    background:url("../assets/img/cert/certPic_com.png");
    background-size: 24cm 15.5cm;
}

.printBackgroundDfyFlow10{
    background:url("../assets/img/cert/certPic_dfy_10.png");
    background-size: 29.7cm 21cm;
}

.printBackgroundDfySeal1{
    background:url("../assets/img/cert/certPic_dfy_Seal1.jpg");
    background-size: 29.7cm 21cm;
}

.printBackgroundDfySeal2{
    background:url("../assets/img/cert/certPic_dfy_Seal2.jpg");
    background-size: 29.7cm 21cm;
}

.printBackgroundZshRed {
    background:url("../assets/img/cert/cert_zshRed.jpg");
    background-size: 29.2cm 20.98cm;
}

.printBackgroundZsh {
    background:url("../assets/img/cert/cert_zsh.jpg");
    background-size: 29.5cm 20.9cm;
} */

.printPageSize {
    width: 24cm;
    height: 15.5cm;
    min-width: 24cm;
    min-height: 15.5cm;
}

.printPageSizeZhy {
    width: 29.5cm;
    height: 20.8cm;
}

.printPageSizeYsjs {
    width: 29.5cm;
    height: 21cm;
}

.printPageSizeLmhf {
    width: 29.7cm;
    height: 20.955cm;
}

.printPageSizeLmhfVertical {
    width: 21cm;
    height: 29.7cm;
}

.printPageSizeDfy {
    width: 29.5cm;
    height: 20.8cm;
}

.printPageSizeZsh {
    width: 29.5cm;
    height: 20.9cm;
}


/*一寸照片*/
.printPhoto {
    width: 2.5cm;
    height: 3.5cm;
    min-width: 2.5cm;
    min-height: 3.5cm;
}

.printPage {
    page-break-after: always;
    /*position: relative; !* 定位批量打印异常 *!*/
}

/*富文本隐藏表头样式*/
.BEditorHeader .ke-toolbar{
    display: none !important;
}
.site-tree-search-value {
    color: #f50;
  }
  .workDiv{
    background-color: rgb(242, 242, 242);
    position: absolute;
    width: calc(100% + 48px);
    top: -24px;
    left: -24px;
    padding: 24px;
    overflow-y: auto;
  }

.workCard .ant-card-body{
    padding: 10px 0px !important;
}

.marginBottom0 .ant-form-item{
    margin-bottom: 0px;
}

.Tabs {
    color: #2B5182;
    font-size: 18px;
    font-weight:900;
    min-width:110px;
    border-bottom:3px solid;
    text-align: center;
    height: 54px;
}

.noTabs {
    color:#A2A2A2;
    font-size: 18px;
    font-weight:400;
    min-width:110px;
    text-align: center;
    height: 54px;
}

.uploadPotho{
    width: 200px;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(241, 241, 241, 0.85);
    border: 1px dashed;
}

.pothoParent{
    position:relative;
    width: 200;
    height: 200;
}

.potho{
    width: 200px;
    height: 200px;
    z-index: 1;
}
.ant-form-item-explain-error{
    white-space: nowrap;
}
.delImg{
    width: 200px;
    height: 200px;
    position:absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(223, 223, 223, 0.6);
    /* display: none; */
    z-index: -1;
}

.pothoParent:hover .delImg {
    z-index: 99;
    /* display: block; */

}
.ant-menu-overflow-item .ant-menu-title-content{
    margin-right: 5px !important;
}
.ant-menu-title-content{
    margin-right: 15px;
}
.parentIcon{
    position: absolute;
    left: 23px;
}
.title{
    height: 54px;
    background: rgb(248, 251, 253);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:0 0 20px 0;
    padding: 0 20px;
}
.IconFont{
    margin-right: 5px;
    font-weight: 300;
}

 /* .ant-table-tbody .antTableCellFixRight{
    right: -17px !important;
} */
.task{
    height: 50px;
    line-height: 50px;
    /* border-left: 2px solid #2b5182; */
    padding: 0 20px 0 10px;
    color: #2b5182;
    font-size: 20px;
}
.line{
    width: 3px;
    height: 40px;
    background-color: #2b5182;
    position: absolute;
    top: 5px;
}
.ant-tree-list{
    overflow: auto;
}
.ant-modal.ant-modal-confirm.ant-modal-confirm-confirm{
    width: auto;
}
.ant-modal-content{
    /* width: 550px; */
    /* min-width: 550px; */
    margin: 0 auto;
}
.treeTitle{
    height: 54px;
    line-height: 54px;
    background: rgb(248, 251, 253);
    margin:0 0 20px 0;
    padding: 0 20px;
}

.ant-layout-has-sider{
    overflow: hidden;
}

.ant-input :hover{
    border: solid 1px var(--main-bg-color) !important;
}
/* .ant-btn .ant-btn-icon-only .ant-input-search-button :hover{
    border-color: var(--main-bg-color);
}
.ant-input-group-wrapper .ant-input-search :hover{
    border-color: var(--main-bg-color);
}
.ant-select .ant-select-single .ant-select-show-arrow :hover{
    border-color: var(--main-bg-color);
} */
.ant-pagination-item-active a{
    color: var(--main-bg-color);
}
.ant-pagination-item-active a:hover{
    color: var(--main-bg-color);
}
.ant-pagination-item-active{
    border-color: var(--main-bg-color);
}
.ant-pagination-item-active:hover {
    border-color: var(--main-bg-color);
}
.ant-table-filter-trigger.active{
    color: var(--main-bg-color);
}
.ant-radio-checked .ant-radio-inner{
    border-color: var(--main-bg-color);
}
.ant-radio-inner::after{
    background-color: var(--main-bg-color);
}
.ant-dropdown-menu-item-selected{
    color: var(--main-bg-color);
}
.ant-btn-link {
    color: var(--main-bg-color);
}
.ant-btn-primary {
    background: var(--main-bg-color);
    border-color: var(--main-bg-color);
}
.ant-layout-header {
    background: var(--main-bg-color);
    padding: 0 0px;
    height: 64px;
    line-height: 64px;
}
.users{
    /* 监考老师样式 */
    box-sizing: border-box;
}
.users_name{
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 20px;
}
.collapsed{
    position: absolute;
    height: 120px;
    background-color: #D9D9D9;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    width: 20px;
    top: 50%;
    right: 0;
    /* transform: translateY(-50%); */
    z-index: 100;
}
.menu-bottom{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom:10px;
    color: #B3B3B3;
    left: 50%;
    transform: translateX(-50%);
}
.menu-color{
    color: #333;
    /* font-size: 16px; */
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding-left: 20px;
}
.menu-color span{
    color: #333;
    /* font-size: 16px; */
}
.menu-color-white{
    color: #fff !important;
}
/* 单行省略号显示 */
.oneWrap{
    overflow: hidden;/*文字超出隐藏*/
    text-overflow: ellipsis;/*文字超出省略号显示*/
    white-space: nowrap;/*不换行*/
}
/* 多行 */
.wraps{
    display: -webkit-box;/*自适应*/
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;/*垂直排列，从顶部向底部垂直布置子元素*/
    -webkit-line-clamp: 2;/*显示的行数*/
}
.eventBtn{
    color:#2B5182;
    cursor: pointer;
    margin-right: 20px;
}
.statusMinus{
    display: inline-block;
    padding: 0 8px 0 28px;
    height: 22px;
    line-height: 22px;
    background: #E3E3E3;
    color: #B1B1B1;
    border-radius: 3px;
    position: relative;
    font-size: 13px;
}
.statusMinus::before{
    content:'';
    position: absolute;
    width: 16px;
    height: 16px;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: url(assets/img/minus.png) center center;
    background-size: 100% 100%;
}
/* 交卷 */
.statusOk{
    display: inline-block;
    padding: 0 8px 0 28px;
    height: 22px;
    line-height: 22px;
    background: #E8FFEA;
    color: #00B42A;
    border-radius: 3px;
    position: relative;
    font-size: 13px;
}
.statusOk::before{
    content:'';
    position: absolute;
    width: 16px;
    height: 16px;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: url(assets/img/ok-filling.png) center center;
    background-size: 100% 100%;
}
/* 舞弊 */
.statusNo{
    display: inline-block;
    padding: 0 8px 0 28px;
    height: 22px;
    line-height: 22px;
    background: #FFECE8;
    color: #F53F3F;
    border-radius: 3px;
    position: relative;
    font-size: 13px;

}
.statusNo::before{
    content:'';
    position: absolute;
    width: 16px;
    height: 16px;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: url(assets/img/no-filling.png) center center;
    background-size: 100% 100%;
}
/* 未开考 */
.statusLoad{
    display: block;
    padding: 0 8px 0 28px;
    height: 22px;
    line-height: 22px;
    background: #FFF3D4;
    color: #FBB500;
    border-radius: 3px;
    position: relative;
    font-size: 13px;
}
.statusLoad::before{
    content:'';
    position: absolute;
    width: 16px;
    height: 16px;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: url(assets/img/load-filling.png) center center;
    background-size: 100% 100%;
}

/* 考试中 */
.statusExaming{
    display: block;
    padding: 0 8px 0 28px;
    height: 22px;
    line-height: 22px;
    background: #E8F2FF;
    color: #2B5182;
    border-radius: 3px;
    position: relative;
    font-size: 13px;
}
.statusExaming::before{
    content:'';
    position: absolute;
    width: 16px;
    height: 16px;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: url(assets/img/examing.png) center center;
    background-size: 100% 100%;
}

/* 待考中 */
.statusWait{
    display: block;
    padding: 0 8px 0 28px;
    height: 22px;
    line-height: 22px;
    background: #FFEEDE;
    color: #FF7A00;
    border-radius: 3px;
    position: relative;
    font-size: 13px;
}
.statusWait::before{
    content:'';
    position: absolute;
    width: 16px;
    height: 16px;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: url(assets/img/wait.png) center center;
    background-size: 100% 100%;
}

.noSearchIcon .ant-input-group-addon{
    background-color: transparent;
}
.noSearchIcon .ant-input-group-addon .anticon svg{
    width:20px;
    height: 20px;
}
.noSearchIcon .ant-input-group-addon Button{
    display: none;
}
.ant-dropdown.ant-dropdown-placement-bottomLeft{
    min-width: 0 !important;
}
.menuColor .ant-dropdown-menu-item{
    padding: 0;
}
.menuColor .ant-dropdown-menu-item-active{
    background-color: var(--border-color);
}
.menuColor .timeList{
    background-color: #fff;
    border-radius: 3px;
    margin-bottom: 12px;
}
.timeList{
    box-sizing: border-box;
    padding: 15px;
}
.timeList-time{
    display: block;
    color: #9DA5AF;
    margin: 10px 0 20px;
    font-size: 12px;
}
.timeList-role>div{
    color: #4E5969;
    margin-bottom: 10px;
}
.timeList-role span{
    color: #4E5969;
    font-size: 12px;
}
.timeList-role  .timeList-label{
    padding-right: 5px;
    color: #9DA5AF;
}
.menu_span{
    padding: 5px 0;
    cursor: pointer;
}
.menu_span:hover{
    background: #DEDEDE;
}
.left-menu-li{
    height: 40px;
    box-sizing: border-box;
    padding: 0 16px 0 24px;
    margin: 4px 0 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.left-menu-li:hover{
    background-color: #F8F8F8;
}
.left-menu-li-active{
    font-weight: 700;
    background-color: #F8F8F8;
}
.left-menu-li-span{
    display: block;
    margin: 0 15px 0 10px;
}
.manageUser .ant-tabs-tab-active {
    border-bottom: 2px solid rgb(131, 161, 201) !important;
    z-index: 100;
  }
  .manageUser .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{
      color: rgb(131, 161, 201) !important;
  }


  /* 新增考生求助部分和协助监考部分 */
.studentSave{
  background: url(assets/img/hand.png) no-repeat center center;
  background-size: 100% 100%;
  width: 50px;
}
.studentHelp_NoS svg{
  width:16px !important;
}


.formContentComputerSetting .ant-switch-checked{
    background-color: #2B5182 !important;
}
.formContentComputerSetting .ant-radio-inner:hover{
    border: 1px solid #2B5182 !important;
}
.formContentComputerSetting .ant-checkbox-inner:hover{
   border: 1px solid #2B5182 !important;
}
.formContentComputerSetting .ant-checkbox-checked:after{
    border: 1px solid #2B5182 !important;
}
.formContentComputerSetting .ant-input-number:hover{
    border: 1px solid #2B5182 !important;
}
.formContentComputerSetting .ant-input-number-focused{
    border-color: #2B5182 !important;
}
.formContentComputerSetting .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner{
    border-color: #2B5182 !important;
}
.formContentComputerSetting .ant-radio-wrapper:hover .ant-radio-inner, .ant-radio:hover .ant-radio-inner, .ant-radio-input:focus + .ant-radio-inner{
    border-color: #2B5182 !important;
}
.formContentComputerSetting .ant-input-number-handler-up-inner:hover{
    border-color: #2B5182 !important;
}
.loginScroll{
    overflow-y: auto;
}
.loginScroll::-webkit-scrollbar { /*滚动条整体样式*/
    width: 3px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 5px;
}

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

.loginScroll::-webkit-scrollbar-track { /*滚动条里面轨道*/
    /* -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); */
    border-radius: 5px;
    background: #EDEDED;
}
.keywordDisplay{
    transform: scale(0.8);
    margin-bottom: 50px;
}

.nweLoginLeftBg{
    width: 57%;
    height: 100%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-image: url(assets/img/nweBg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.nweLoginLeftBg_1{
    width: 80%;
    height: 540px;
    background-image: url(assets/img/newBg1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 220px;
}
.newLoginLeftBg_2{
    position: absolute;
    bottom: -80px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 90%;
    background-image: url(assets/img/newBg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.personBg{
    background-image: url(assets/img/nweBg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.titleBg{
    background-image: url(assets/img/titleBg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/*.watermark {*/
/*    pointer-events: none; !* 防止水印干扰用户操作 *!*/
/*    opacity: 0.3; !* 控制水印的透明度 *!*/
/*    color: black; !* 文字颜色 *!*/
/*    z-index: 0;*/
/*    background:*/
/*            repeating-linear-gradient(*/
/*                    45deg,*/
/*                    transparent,*/
/*                    transparent 20px,*/
/*                    rgba(0, 0, 0, 0.3) 20px,*/
/*                    rgba(0, 0, 0, 0.3) 40px*/
/*            ),*/
/*            url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><text x="0" y="50" font-size="18" fill="black">版权所有</text></svg>');*/
/*}*/
.watermark{
    position: relative;
    overflow: hidden;
}
.watermark::after {
    content: "";
    position: absolute;
    pointer-events: none;
    top: -180px;
    left: -320px;
    width: 150%;
    height: 150%;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><text x="0" y="50" font-size="16" fill="black">试考考试</text></svg>');
    opacity: 0.05; /* 控制水印的透明度 */
    z-index: 0; /* 确保水印在元素下方 */
    background-size: 180px 180px; /* 根据SVG大小调整 */
    transform: rotate(-25deg);
}

.watermark1{
    position: relative;
    overflow: hidden;
}
.watermark1::after {
    content: "";
    position: absolute;
    pointer-events: none;
    top: -375px;
    left: -325px;
    width: 150%;
    height: 200%;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><text x="0" y="50" font-size="16" fill="black">试考考试</text></svg>');
    opacity: 0.05; /* 控制水印的透明度 */
    z-index: 0; /* 确保水印在元素下方 */
    background-size: 180px 180px; /* 根据SVG大小调整 */
    transform: rotate(-25deg);
}

.specific-container > .ant-btn-primary[disabled],
.specific-container > .ant-btn-primary[disabled]:hover,
.specific-container > .ant-btn-primary[disabled]:focus,
.specific-container > .ant-btn-primary[disabled]:active {
    color: rgba(255, 255, 255, 0.5) !important;
}



.container {
    background-color: #DEDEDE;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); /* elevation 转换成 box-shadow */
    border-radius: 8px;
    width: 416.64px; /* 1920 * 0.217 */
    height: 702px; /* 1080 * 0.65 */
    position: relative;
}

.buttonView {
    background-color: #fff;
    border-radius: 8px;
    padding: 8px;
}

.buttonContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
}

.topButton,
.rightButton,
.centerButton,
.zeroButton {
    width: 86.4px; /* 1920 * 0.045 */
    height: 76.75px; /* 86.4 * 0.888 */
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 6px; /* pxToDpi(6) 假设转换后的值 */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); /* elevation 转换成 box-shadow */
}

.topButton {
    background-color: #505050;
}

.rightButton {
    background-color: #FF8A00;
}

.centerButton,
.zeroButton {
    background-color: #F9F9F9;
}

.zeroButton {
    width: 178.8px; /* 86.4 * 2 + 6 */
}

.textStyle {
    text-align: center;
    color: #585858;
    font-size: 25px;
}

.whiteTextStyle {
    text-align: center;
    color: white;
    font-size: 25px;
}

.resultText {
    text-align: right;
    vertical-align: bottom; /* 这个属性在 CSS 中有不同的行为，可能需要调整 */
    font-size: 60px;
    color: #333;
}

.select_video svg{
    width: 10px !important;
    height: 10px !important;
}
.inputOld:focus{  
 outline: none; /* 去掉选中时的轮廓 */
}
.video_Tabs{
    padding: 15px 0px 0px 20px;
}
.video_Tabs .ant-tabs-nav::before{
    border-bottom: 1px solid #FFFFFF33 !important;
}
.video_Tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{
    font-size: 18px;
    color: #FFF;
}
.video_Tabs .ant-tabs-tab{
    padding:10px 15px;
}
.video_Tabs .ant-tabs-ink-bar{
    height: 4px !important;
    background: #1689ED !important;
    width:90px !important;
    border-radius: 4px;
}
.video_Tabs .ant-tabs-tab:hover{
    color:#FFF;
}
.video_Tabs .ant-tabs-tab + .ant-tabs-tab{
    margin: 0;
}
.select_top_plan .ant-select-arrow{
    color:#FFFFFF80;
}