a[href]:after {
    content: normal;
}

button {
    outline: none !important;
}

button:focus {
    outline: none !important;
}

/*IE銆丆hrome*/
button::-moz-focus_inner {
    border-color: transparent !important;
}

/*Firefox*/
[v-cloak] {
    display: none;
}

* {
    font-family: "Microsoft Yahei";
    /* color: #666666; */
}

body {
    color: #666666;
}

.bold {
    font-weight: bold;
}

.ms-controller, .ms-important {
    visibility: hidden
}

.c-p {
    cursor: pointer;
}

.head_badge {
    position: absolute;
    top: 5px;
    right: 5px;
}

.f-13 {
    font-size: 13px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-20 {
    margin-top: 10px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-25 {
    margin-top: 25px;
}

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-40 {
    margin-right: 40px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-20 {
    margin-left: 10px;
}


.mb-5 {
    margin-bottom: 5px;
}

.mr-8{
    margin-right: 8px;
}

.mb-8 {
    margin-bottom: 8px;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-10 {
    margin-bottom: 10px;
}
.mb-8 {
    margin-bottom: 8px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-40 {
    margin-bottom: 40px;
}

.w-60 {
    width: 60px;
}

.w-80 {
    width: 80px;
}

.w-90 {
    width: 90px;
}

.w-120 {
    width: 120px;
}

.w-130 {
    width: 130px;
}

.w-140 {
    width: 140px;
}

.w-150 {
    width: 150px;
}

.w-180 {
    width: 180px;
}

.w-200 {
    width: 200px;
}

.w-270 {
    width: 270px;
}

i {
    font-style: normal;
}


.a_toplink {
    color: #999;
     text-decoration: none !important;
    cursor: pointer;
}

.a_toplink:HOVER, .a_toplink:FOCUS {
    color: #48B319;
    text-decoration: underline;
    cursor: pointer;
}

.a_black {
    color: #666;
     text-decoration: none !important;
    cursor: pointer;
}

.a_black:HOVER, .a_black:FOCUS {
    color: #333;
     text-decoration: none !important;
    cursor: pointer;
}

.a_green {
    color: var(--mainGreen);
}

.a_violet {
    color: var(--mainPurple);
}

.a_blue {
    color: var(--mainBlue);
}
.blue {
    color: var(--mainBlue);
}

.a_danger {
    color: var(--mainRed);
}
.a_purple {
    color: var(--mainPurple);
}

.a_oper {
    color: #BCBCBC;
}

.a_cancel {
    color: var(--backgroundGray);
}

.a_font {
    color: #666666;
}

.a_warning {
    color: var(--mainOrange);
}

.a_grey {
    color: var(--mainGray);
}

.text_line {
    text-decoration: underline;
}

.fr {
    float: right;
}

.t-c {
    text-align: center;
}

.t-b {
   font-weight: bold;
}

.t-r {
    text-align: right;
}

.t-l {
    text-align: left;
}

.minh-36 {
    min-height: 36px;
}

.minh-80 {
    min-height: 80px;
}

.minh-110 {
    min-height: 110px;
}

.ipt_text, .ipt_text1 {
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    /* border: 1px solid #ccc; */
    border: 1px solid #DDDDDD;
    /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-radius: 0px;
}

.ipt_text:focus, .ipt_text1:focus {
    border-color: #54b331;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(84, 179, 49, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(84, 179, 49, 0.6);
}

.ipt_my97 {
    background-color: #fff;
    cursor: default;
}

/*		闂佸憡锚椤嘲鈻嶆惔銊ユ嵍闁糕剝鍑瑰锟�*/
.no-radius {
    border-radius: 0px;
}

/*	闁荤姴娴勬俊鍥╁垝韫囨梻鈹嶉柍鈺佸暕缁辨牠鎮规担绋库挃闁汇倕妫欏鍕级閹存繂澹栧┑鈩冾殣閹凤拷*/
.avatar-frame {
    cursor: pointer;
    display: block;
    width: 150px;
    height: 190px;
    line-height: 1.428571429;
    border: 15px solid #EDEDED;
}

/*	婵＄偑鍊楅弫璇差焽娴兼潙绠板鑸靛姈鐏忥箓鏌″鍛枠妞わ綇鎷�*/
.title-btn {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.title-btn span.path {
    display: inline-block;
    padding: 0 10px;
    font-family: "Arial Negreta", "Arial";
    font-weight: 700;
    font-size: 28px;
    line-height: 28px;
    vertical-align: middle;
    color: #48B319;
}

/*	婵＄偑鍊楅弫璇差焽娴兼潙鍐�闁搞儺鍓﹂弳锟�*/
.lqt-header {
    padding-bottom: 10px;
}

/*新margin-bottom值，设为25px*/
.mb-25 {
    margin-bottom: 25px !important;
}

.h4-title {
    font-family: "Microsoft Yahei";
    font-size: 18px;
    white-space: nowrap;
    color: var(--mainBlack);
}

.h4-title-sm {
    font-family: "Microsoft Yahei";
    font-size: 16px;
    white-space: nowrap;
    color: var(--mainGray);
    margin-top: 20px;
    margin-bottom: 10px;
}

.frm-title-1{
	font-family: "Microsoft Yahei";
    font-size: 16px;
    white-space: nowrap;
    color: #666;
}

.frm-title-2{
	font-family: "Microsoft Yahei";
    font-size: 14px;
    white-space: nowrap;
    color: #666;
}


.body-r-top {
    padding: 5px 0 5px 0;
}

.body-r-top i {
    font-style: normal;
}

.body-r-top label {
    font-weight: normal;
    cursor: pointer;
    font-size: 14px;
    color: #999;
    padding: 0;
    margin: 0;
}

.body-r-top label:HOVER {
    /* color: #54B331; */
}

.body-r-top label.info {
    font-size: 14px;
    font-style: normal;
    color: #5FAFE5;
}

.body-r-top label.sel {
    color: #54B331;
}

.body-r-header {
    padding-bottom: 9px;
    margin-bottom: 15px;
    border-bottom: 1px solid #DDDDDD;
}

.body-r-subtitle {
    padding-top: 10px;
    font-size: 14px;
    color: #6D6D6D;
}

.body-r-subtitle .time {
    font-size: 18px;
    color: #D9534F;
}

.body-r-subtitle .msg-info {
    float: right;
    font-size: 12px;
    color: #D9534F;
}

.tb-info {
    width: 100%;
}

.tb-info > thead > tr > th, .tb-info > tbody > tr > th, .tb-info > tfoot > tr > th, .tb-info > thead > tr > td, .tb-info > tbody > tr > td, .tb-info > tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    font-size: 14px;
    color: #999;
}

/*	婵＄偑鍊楅弫璇差焽閻楀牏鈻旈悹浣哥－缁夛拷*/
.bd-content {
    margin-top: 10px;
}

.bd-content .ch-title {
    font-size: 16px;
    color: #333333;
    margin-bottom: 10px;
}

.bd-content .ch-title i {
    font-size: 14px;
    color: #999;
    font-style: normal;
}

/*	婵＄偑鍊楅弫璇差焽閻楀牏鈻旈悹浣哥－缁夊ジ鏌″鍛枠妞わ綇鎷�*/
.title select:focus {
    border-color: #54b331;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(84, 179, 49, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(84, 179, 49, 0.6);
}

/*	闂佸湱绮崝妤呭Φ濮橆剦娴栭柛鈩冾焽婢瑰锟介鍡樺*/
.alert {
    /* 	border: 1px solid transparent;
        height: 43px;
        line-height: 15px; */
    /* 	height: 34px;
        line-height: 3px; */
    font-size: 13px;
    padding: 6px;
    margin-bottom: 20px;
    border-radius: 0px;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

/*	閻庣懓鎲￠悡锟犳晸娴犲绀冮柛娑卞弾閸熷洦淇婂Δ瀣*/
.sel-content {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px #DDD solid;
}

/* .lqt-logo {
	width: 254px;
	height: 61px;
	background: url(../images/logo.png) no-repeat -10px;
} */
body {
    padding: 0;
    margin: 0;

}

.table-head {
    border-top: 1px solid #dddddd;
    padding: 10px;
}

.table-head2 {
    padding: 10px;
}

.table-head2 {
    padding: 10px;
}

.tree_open {
    display: block;
    position: absolute;
    top: 18px;
    left: 169px;
    width: 13px;
    height: 7px;
    background: url(../images/up-arrow.png) no-repeat;
}

.tree_close {
    display: block;
    position: absolute;
    top: 18px;
    left: 169px;
    width: 13px;
    height: 7px;
    background: url(../images/down-arrow.png) no-repeat;
}

.tb_layout {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.tb_layout > thead > tr > th,
.tb_layout > tbody > tr > th,
.tb_layout > tfoot > tr > th,
.tb_layout > thead > tr > td,
.tb_layout > tbody > tr > td,
.tb_layout > tfoot > tr > td {
    padding: 5px 0;
}

.table th {
    background: #f1f1f1;
    border: none;
}

.table td {
    border: none;
    border-top: none !important;
}

.table tr:hover {
    cursor: default;
}

.table1 {

}

.table1 td {
}

.table1 tr th {
    background: #D5F6AC;
    color: #219005;
}

.table1 tr.txt-red td {
    color: #d9534f;
}

.table4col .lab, .table4col .con {
    width: 16.5%
}

.table4col .lab {
    background: #EBF9D9;
}

.table4col tr th {
    background: #d3f2ac;
    color: #2a8409;
    /*border: 1px solid #99ca5c !important;*/
}

.table tbody td[rowspan] {
    background-color: #fff;
}

.table-bordered1 {
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid #99ca5c;
    /*border-right: 1px solid #BCBCBC;*/
    /*border-bottom: 1px solid #BCBCBC;*/
    border-left: 1px solid #BCBCBC;
    font-size: 14px;
}

.table-bordered1 th {
    text-align: center;
    /*border: 1px solid #99ca5c !important;*/
    border-bottom: 1px solid #99ca5c;
    border-right: 1px solid #99ca5c;
}

.table-bordered1 td {
    text-align: center;
    color: #666666;
    border-bottom: 1px solid #BCBCBC;
    border-right: 1px solid #BCBCBC;
    word-break: break-all;
}

.table-hover1 th:hover {
    background: #d3f2ac;
}

.table-hover1 tr:hover {
    background: #f3f3f3;
}

.border-no {
    width: 100%;
    border: 0;
}

.border-no th {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    text-align: center;
    border: 0;
}

.border-no td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    text-align: center;
    color: #666666;
    border: 0;
    word-break: break-all;
}

.table-big > thead > tr > th,
.table-big > tbody > tr > th,
.table-big > tfoot > tr > th,
.table-big > thead > tr > td,
.table-big > tbody > tr > td,
.table-big > tfoot > tr > td {
    padding: 15px;
}

.table-big > thead > tr > th,
.table-big > tbody > tr > th,
.table-big > tfoot > tr > th {
    font-size: 1.1em;
}

/* 冰冻表格 start*/
/* Standard Tables */

.freeze-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
    background-color: #BCBCBC;
    /*border-top: 1px solid #99ca5c;*/
    /*border-right: 1px solid #BCBCBC;*/
    /*border-bottom: 1px solid #BCBCBC;*/
    /*border-left: 1px solid #BCBCBC;*/
    font-size: 14px;
    white-space: nowrap;
}
.freeze-table th {
    text-align: center;
    padding: 5px;
    outline: 1px solid #99ca5c !important;
    /*outline-offset: -0.5px;*/
    border:none;
}
.freeze-table td {
    text-align: center;
    padding: 5px;
    vertical-align: center;
    color: #666666;
    background: white;
    /*outline: 1px solid #BCBCBC !important;*/
    /*outline-offset: -0.5px !important;*/
    /*border:1px solid #BCBCBC;*/
    border:none;
}

.freeze-table th {
    vertical-align: center;
    background: #D5F6AC;
    color: #219005;
}

.freeze-table th:hover {
    background: #d3f2ac;
}

.freeze-table tr:hover {
    background: #f3f3f3;
}


/*.freeze-table thead {*/
/*    position: -webkit-sticky;*/
/*    position: sticky;*/
/*    top: -1px;*/
/*    z-index: 2;*/
/*}*/

.freeze-table tr:nth-child(even) th[scope=row] {
    background-color: #fff;
}

.freeze-table tr:nth-child(odd) th[scope=row] {
    background-color: #fff;
}

/*.freeze-table tr:nth-child(even) {*/
/*    background-color: #fff;*/
/*}*/

/*.freeze-table tr:nth-child(odd) {*/
/*    background-color: #fff;*/
/*}*/

.freeze-table th {
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    z-index: 2;
}

.freeze-table th[scope=row] {
    position: -webkit-sticky;
    position: sticky;
    left: -1px;
    z-index: 1;
}

.freeze-table th[scope=row] {
    vertical-align: middle !important;
    color: inherit;
    outline: 1px solid #BCBCBC !important;
    background-color: inherit;
    /*outline-offset: -0.5px;*/
    border:none;
    /*background: linear-gradient(90deg, transparent 0%, transparent calc(100% - .05em), #BCBCBC calc(100% - .05em), #BCBCBC 100%);*/
}
/* 正常表格 */
.freeze-table1 th:not([scope=row]):first-child {
    left: -1px;
    z-index: 3;
    /*background: linear-gradient(90deg, #D5F6AC 0%, #D5F6AC calc(100% - .05em), #BCBCBC calc(100% - .05em), #BCBCBC 100%);*/
}
/* 多行表头,且表头第一列占多行 */
.freeze-table2 th:not([scope=row]):not([rowspan='1']):first-child {
    left: -1px;
    z-index: 3;
    /*background: linear-gradient(90deg, #D5F6AC 0%, #D5F6AC calc(100% - .05em), #BCBCBC calc(100% - .05em), #BCBCBC 100%);*/
}

/* Scrolling wrapper */

div[tabindex="0"][aria-labelledby][role="region"] {
    overflow: auto;
}

div[tabindex="0"][aria-labelledby][role="region"]:focus {
    box-shadow: 0 0 .5em rgba(0, 0, 0, .5);
    outline: .1em solid rgba(0, 0, 0, .1);
}

div[tabindex="0"][aria-labelledby][role="region"] .freeze-table {
    margin: 0;
}

div[tabindex="0"][aria-labelledby][role="region"].colheaders .freeze-table1 th:not([scope=row]):first-child {
    background: #D5F6AC;
}
div[tabindex="0"][aria-labelledby][role="region"].colheaders .freeze-table2 th:not([scope=row]):not([rowspan='1']):first-child {
    background: #D5F6AC;
}

div[tabindex="0"][aria-labelledby][role="region"].rowheaders {
    /*background: linear-gradient(to right, transparent 30%, rgba(255, 255, 255, 0)),*/
    /*linear-gradient(to right, rgba(255, 255, 255, 0), white 70%) 0 100%,*/
    /*radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),*/
    /*radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;*/
    /*background-repeat: no-repeat;*/
    background-color: #fff;
    background-size: 4em 100%, 4em 100%, 1.4em 100%, 1.4em 100%;
    background-position: 0 0, 100%, 0 0, 100%;
    background-attachment: local, local, scroll, scroll;
    border-top: 1px solid #99ca5c;
    border-left: 1px solid #BCBCBC;
}

div[tabindex="0"][aria-labelledby][role="region"].colheaders {
    background-color: #fff;
    background-size: 100% 4em, 100% 4em, 100% 1.4em, 100% 1.4em;
    background-attachment: local, local, scroll, scroll;
    border-top: 1px solid #99ca5c;
    border-left: 1px solid #BCBCBC;
}
.freeze-table th[scope=srow] {
    background-color: #fff;
}
.freeze-table th[scope=srow] {
    position: -webkit-sticky;
    position: sticky;
    left: 100px;
    z-index: 1;
}

.freeze-table th[scope=nextRow] {
    position: -webkit-sticky;
    position: sticky;
    top: 30px;
    z-index: 2;
}

.freeze-table th[scope=srow] {
    vertical-align: middle !important;
    color: inherit;
    outline: 1px solid #BCBCBC !important;
    border:none;
}
.freeze-table th[scope=headrow] {
    position: -webkit-sticky;
    position: sticky;
    left: 100px;
    z-index: 3;
}


/* 冰冻表格 end*/
.banner {
    background: #EBF9D9;
    width: 100%;
    margin-bottom: 15px;
}

.schooltitle {
    padding-left: 0px;
    height: 25px;
    line-height: 25px;
    color: #333333;
}

.mainright-top {
    padding-left: 0;
}

.mainright {
    padding-left: 0;
    width: 927px;
    padding-right: 0;
}

.navicon {
    width: 90px;
    height: 36px;
    display: block;
}

.ihome1 {
    background: url(../images/icon-home1.png) no-repeat center;
}

.ihome2 {
    background: url(../images/icon-home2.png) no-repeat center;
}

.nav-green > li#index > a > span {
    background: url(../images/icon-index2.png) no-repeat center;
}

.nav-green > li#index > a:hover > span {
    background: url(../images/icon-index.png) no-repeat center;
}

.nav-green > li#index.active > a > span {
    background: url(../images/icon-index.png) no-repeat center;
}

.nav-green > li#class > a > span {
    background: url(../images/icon-class2.png) no-repeat center;
}

.nav-green > li#class > a:hover > span {
    background: url(../images/icon-class.png) no-repeat center;
}

.nav-green > li#class.active > a > span {
    background: url(../images/icon-class.png) no-repeat center;
}

.nav-green > li#course > a > span {
    background: url(../images/icon-course2.png) no-repeat center;
}

.nav-green > li#course > a:hover > span {
    background: url(../images/icon-course.png) no-repeat center;
}

.nav-green > li#course.active > a > span {
    background: url(../images/icon-course.png) no-repeat center;
}

.nav-green > li#teach > a > span {
    background: url(../images/icon-teach2.png) no-repeat center;
}

.nav-green > li#teach > a:hover > span {
    background: url(../images/icon-teach.png) no-repeat center;
}

.nav-green > li#teach.active > a > span {
    background: url(../images/icon-teach.png) no-repeat center;
}

.nav-green > li#apply > a > span {
    background: url(../images/icon-apply2.png) no-repeat center;
}

.nav-green > li#apply > a:hover > span {
    background: url(../images/icon-apply.png) no-repeat center;
}

.nav-green > li#apply.active > a > span {
    background: url(../images/icon-apply.png) no-repeat center;
}

.nav-green > li#dept > a > span {
    background: url(../images/icon-dept2.png) no-repeat center;
}

.nav-green > li#dept > a:hover > span {
    background: url(../images/icon-dept.png) no-repeat center;
}

.nav-green > li#dept.active > a > span {
    background: url(../images/icon-dept.png) no-repeat center;
}

.nav-green > li#develop > a > span {
    background: url(../images/icon-develop2.png) no-repeat center;
}

.nav-green > li#develop > a:hover > span {
    background: url(../images/icon-develop.png) no-repeat center;
}

.nav-green > li#develop.active > a > span {
    background: url(../images/icon-develop.png) no-repeat center;
}

.nav-green > li#org > a > span {
    background: url(../images/icon-org2.png) no-repeat center;
}

.nav-green > li#org > a:hover > span {
    background: url(../images/icon-org.png) no-repeat center;
}

.nav-green > li#org.active > a > span {
    background: url(../images/icon-org.png) no-repeat center;
}

.nav-green > li#space > a > span {
    background: url(../images/icon-space2.png) no-repeat center;
}

.nav-green > li#space > a:hover > span {
    background: url(../images/icon-space.png) no-repeat center;
}

.nav-green > li#space.active > a > span {
    background: url(../images/icon-space.png) no-repeat center;
}

.nav-green > li#growup > a > span {
    background: url(../images/icon-growup2.png) no-repeat center;
}

.nav-green > li#growup > a:hover > span {
    background: url(../images/icon-growup.png) no-repeat center;
}

.nav-green > li#growup.active > a > span {
    background: url(../images/icon-growup.png) no-repeat center;
}

.nav-green > li#affair > a > span {
    background: url(../images/icon-affair2.png) no-repeat center;
}

.nav-green > li#affair > a:hover > span {
    background: url(../images/icon-affair.png) no-repeat center;
}

.nav-green > li#affair.active > a > span {
    background: url(../images/icon-affair.png) no-repeat center;
}

.nav-green > li {
    float: left;
    width: 90px;
    height: 61px;
}

.nav-green > li > a {
    border-radius: 0px;
    padding: 0;
    height: 61px;
    text-align: center;
    padding-top: 3px;
    color: #909090;
}

.nav-green > li + li {
    margin-left: 0px;
}

.nav-green > li.active > a,
.nav-green > li.active > a:hover,
.nav-green > li.active > a:focus {
    color: #ffffff;
    background-color: #48B319;
}

.nav-green > li > a:hover {
    color: #ffffff;
    background-color: #48B319;
}

.leftnav .nav-greenleft > li {
    margin-bottom: 1px;
    margin-top: 0;
}

.nav-greenleft {
    margin-top: 0;
}

.nav-greenleft > li {
    margin: 0;
}

.nav-greenleft > li > a {
    border-radius: 0px;
    color: #666666;
    background: #EBF9D9;
}

.nav-pills > .active > a > .badge {
    color: #ffffff;
    background-color: #FF3333;
}

/* .nav-greenleft > li > a {
  border-radius: 0px;
  color: #666666;
  background: #EBF9D9;
} */
.nav-greenleft > li + li {
    margin-left: 0px;
}

.nav-greenleft > li.active > a,
.nav-greenleft > li.active > a:hover,
.nav-greenleft > li.active > a:focus {
    color: #3DB308;
    background-color: #D5F6AC;
    font-weight: bold;
}

.nav-greenleft > li > a:hover {
    color: #3DB308;
    background-color: #D5F6AC;
}


.leftnav .snav-greenleft > li {
    margin-bottom: 0px;
    margin-top: 0;
}


.snav-greenleft {
    margin-top: 0;
}

.snav-greenleft > li {
    margin: 0;
}

.snav-greenleft > li > a {
    border-radius: 0px;
    color: #666666;
    background: #fbfbfb;
    padding-left: 40px;
}

.snav-greenleft > li + li {
    margin-left: 0px;
}

.snav-greenleft > li.active > a,
.snav-greenleft > li.active > a:hover,
.snav-greenleft > li.active > a:focus {
    color: #3DB308;
    background-color: #D5F6AC;
    font-weight: bold;
}

.snav-greenleft > li > a:hover {
    color: #3DB308;
    background-color: #D5F6AC;
}


.userinfo {
    background: #48B319;
    color: White;
    padding: 10px;
    font-size: 15px;
    white-space: nowrap;
}

.userinfo .col-xs-3 {
    padding-left: 20px;
    text-align: center;
    padding-right: 0;
}

.form-green {
    clear: both;
    padding-top: 15px;
    padding-bottom: 30px;
    width: auto;
    margin-bottom: 30px;
}

.form-green .control-label {
    text-align: right;
    font-weight: normal;
    padding-top: 3px;
    color: #666666;
}

.form-green .form-control {
    border-radius: 0px;
}

.form-green .form-control:focus {
    border-color: #54b331;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(84, 179, 49, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(84, 179, 49, 0.6);
}


.form-green .input-sm {
    height: 27px;
    padding-top: 4px;
}

.form-green .checkbox {
    margin-top: 2px;
    font-weight: normal;
}

.form-green .radio-inline label {
    font-weight: normal;
}

.form-green .btn {
    margin-bottom: 10px;
    border-radius: 0px;
}

.modal-green .btn {
    border-radius: 0px;
}

.form-group {
    clear: both;
}

.form-control {
    margin-bottom: 10px;
}

.inputlength10 {
    width: 100%;
}

.inputlength9 {
    width: 90%;
}

.inputlength8 {
    width: 80%;
}

.inputlength7 {
    width: 70%;
}

.inputlength6 {
    width: 60%;
}

.inputlength5 {
    width: 50%;
}

.inputlength4 {
    width: 40%;
}

.inputlength3 {
    width: 30%;
}

.inputlength2 {
    width: 20%;
}

.inputlength1 {
    width: 10%;
}

.forminfo {
    font-size: 1em;
    color: #9c9c9c;
}

.paginationgreen .pagination {
    margin-top: 0;
    border-radius: 0px;
}

.paginationgreen .pagination li {
    border-radius: 0px;

}

.paginationgreen .pagination > li:first-child > a,
.paginationgreen .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    color: #54b331;
}

.paginationgreen .pagination > li:last-child > a,
.paginationgreen .pagination > li:last-child > span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    color: #54b331;
}

.paginationgreen .pagination > li > a,
.paginationgreen .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
     text-decoration: none !important;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #54b331;
    width: auto;
}

.paginationgreen .pagination > .active > a,
.paginationgreen .pagination > .active > span,
.paginationgreen .pagination > .active > a:hover,
.paginationgreen .pagination > .active > span:hover,
.paginationgreen .pagination > .active > a:focus,
.paginationgreen .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    cursor: default;
    background-color: #54b331;
    border-color: #54b331;

}

.paginationgreen .pagination > li > a:hover {
    background-color: #54b331;
    color: #ffffff;
    border-color: #54b331;

}

.btn88 {
    width: 88px;
}

.btn-green {
    --el-button-border-color: transparent;
    --el-button-bg-color: var(--mainGreen);;
    --el-button-font-weight: normal;
    --el-button-border-color: transparent;
    color: #ffffff;
    background-color: var(--mainGreen);
    border-color: var(--mainGreen);
}

.btn-green:hover {
    color: #ffffff;
    background: var(--darkGreen);

}

.btn-green:focus {
    color: #ffffff;
}
.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
    color: #ffffff;
    background-color: var(--darkGreen);
    border-color: var(--darkGreen);
}

.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
    background-image: none;
}

.btn-green.disabled,
.btn-green[disabled],
fieldset[disabled] .btn-green,
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled:active,
.btn-green[disabled]:active,
fieldset[disabled] .btn-green:active,
.btn-green.disabled.active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green.active {
    background-color: #428bca;
    border-color: #357ebd;
}

.btn-green .badge {
    color: #428bca;
    background-color: #fff;
}

.btn-blue {
    color: #ffffff;
    background-color: var(--mainBlue);
    border-color: var(--mainBlue);
}

.btn-blue:hover {
    color: #ffffff;
    background: var(--darkBlue);
}

.btn-blue:focus {
    color: #ffffff;
}
.btn-blue:active,
.btn-blue.active,
.open .dropdown-toggle.btn-blue {
    color: #ffffff;
    background-color: var(--darkBlue);
    border-color: var(--darkBlue);
}

.btn-blue:active,
.btn-blue.active,
.open .dropdown-toggle.btn-blue {
    background-image: none;
}

.btn-blue.disabled,
.btn-blue[disabled],
fieldset[disabled] .btn-blue,
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
fieldset[disabled] .btn-blue:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue.active {
    background-color: #1190ce;
    border-color: #1190ce;
}

.btn-blue .badge {
    color: #428bca;
    background-color: #fff;
}

.btn-cancle{
    color: #333333;
    background-color: var(--backgroundGray);
    border-color: var(--backgroundGray);
}

.btn-cancle:hover {
    color: #333333;
    background: var(--lineDisable);

}

.btn-cancle:focus {
    color: #333333;

}
.btn-cancle:active,
.btn-cancle.active,
.open .dropdown-toggle.btn-cancle {
    color: #333333;
    background-color: var(--lineDisable);
    border-color: var(--lineDisable);
}

.btn-cancle:active,
.btn-cancle.active,
.open .dropdown-toggle.btn-cancle {
    background-image: none;
}

.btn-cancle.disabled,
.btn-cancle[disabled],
fieldset[disabled] .btn-cancle,
.btn-cancle.disabled:hover,
.btn-cancle[disabled]:hover,
fieldset[disabled] .btn-cancle:hover,
.btn-cancle.disabled:focus,
.btn-cancle[disabled]:focus,
fieldset[disabled] .btn-cancle:focus,
.btn-cancle.disabled:active,
.btn-cancle[disabled]:active,
fieldset[disabled] .btn-cancle:active,
.btn-cancle.disabled.active,
.btn-cancle[disabled].active,
fieldset[disabled] .btn-cancle.active {
    background-color: #cfcfcf;
    border-color: #dedede;
}

.btn-cancle .badge {
    color: #428bca;
    background-color: #fff;
}

.btn-gray-show {
    color: #000000;
    background-color: #dedede;
    border-color: #dedede;
    cursor: default;
}

.btn-cencel1,
.btn-cencel1 {
    color: #000000;
    background-color: #dedede;
    border-color: #dedede;
}

.btn-cancle1,
.btn-cancel1 {
    color: #000000;
    background-color: #dedede;
    border-color: #dedede;
}

.btn-cancle1:hover,
.btn-cancle1:focus,
.btn-cancle1:active,
.btn-cancle1.active,
.btn-cancel1:hover,
.btn-cancel1:focus,
.btn-cancel1:active,
.btn-cancel1.active,
.btn-cencel1:hover,
.btn-cencel1:focus,
.btn-cencel1:active,
.btn-cencel1.active,
.open .dropdown-toggle.btn-cancle1 {
    color: #000000;
    background-color: #cfcfcf;
    border-color: #dedede;
}

.btn-cancle1:active,
.btn-cancle1.active,
.btn-cancel1:active,
.btn-cancel1.active,
.btn-cencel1:active,
.btn-cencel1.active,
.open .dropdown-toggle.btn-cancle1 {
    background-image: none;
}

.btn-cancle1.disabled,
.btn-cancle1[disabled],
.btn-cancel1.disabled,
.btn-cancel1[disabled],
fieldset[disabled] .btn-cancle1,
.btn-cancle1.disabled:hover,
.btn-cancle1[disabled]:hover,
.btn-cancel1.disabled:hover,
.btn-cancel1[disabled]:hover,
fieldset[disabled] .btn-cancle1:hover,
.btn-cancle1.disabled:focus,
.btn-cancle1[disabled]:focus,
.btn-cancel1.disabled:focus,
.btn-cancel1[disabled]:focus,
fieldset[disabled] .btn-cancle1:focus,
.btn-cancle1.disabled:active,
.btn-cancle1[disabled]:active,
.btn-cancel1.disabled:active,
.btn-cancel1[disabled]:active,
fieldset[disabled] .btn-cancle1:active,
.btn-cancle1.disabled.active,
.btn-cancle1[disabled].active,
.btn-cancle1.disabled:focus,
.btn-cancle1[disabled]:focus,
fieldset[disabled] .btn-cancle1.active {
    background-color: #cfcfcf;
    border-color: #dedede;
}

/*
.btn-cancle1,
.btn-cancel1 .badge {
  color: #428bca;
  background-color: #fff;
}*/
/*	濠电儑缍�娴滎剚瀵奸崱娑樼濠㈣埖鍔栫亸锟�*/
.btn-grey {
    color: white;
    background-color: var(--mainGray);
    border-color: var(--mainGray);
}

.btn-grey:hover {
    color: white;
    background: var(--darkGray);
}

.btn-grey:focus {
    color: white;
}
.btn-grey:active,
.btn-grey.active,
.open .dropdown-toggle.btn-grey {
    color: white;
    background-color: #4C4C4C;
    border-color: #4C4C4C;
}

.btn-grey:active,
.btn-grey.active,
.open .dropdown-toggle.btn-grey {
    background-image: none;
}

.btn-grey.disabled,
.btn-grey[disabled],
fieldset[disabled] .btn-grey,
.btn-grey.disabled:hover,
.btn-grey[disabled]:hover,
fieldset[disabled] .btn-grey:hover,
.btn-grey.disabled:focus,
.btn-grey[disabled]:focus,
fieldset[disabled] .btn-grey:focus,
.btn-grey.disabled:active,
.btn-grey[disabled]:active,
fieldset[disabled] .btn-grey:active,
.btn-grey.disabled.active,
.btn-grey[disabled].active,
fieldset[disabled] .btn-grey.active {
    background-color: #434343;
    border-color: #434343;
}

.btn-grey .badge {
    color: #428bca;
    background-color: #fff;
}


/*	缂備線纭搁崑澶嬬珶婵犲洤绠板鑸靛姈鐏忥拷*/
.btn-violet {
    color: white;
    background-color: var(--mainPurple);
    border-color: var(--mainPurple);
}

.btn-violet:hover {
    color: white;
    background: var(--darkPurple);
}

.btn-violet:focus {
    color: white;
}
.btn-violet:active,
.btn-violet.active,
.open .dropdown-toggle.btn-violet {
    color: white;
    background-color: var(--darkPurple);
    border-color: var(--darkPurple);
}

.btn-violet:active,
.btn-violet.active,
.open .dropdown-toggle.btn-violet {
    background-image: none;
}

.btn-violet.disabled,
.btn-violet[disabled],
fieldset[disabled] .btn-violet,
.btn-violet.disabled:hover,
.btn-violet[disabled]:hover,
fieldset[disabled] .btn-violet:hover,
.btn-violet.disabled:focus,
.btn-violet[disabled]:focus,
fieldset[disabled] .btn-violet:focus,
.btn-violet.disabled:active,
.btn-violet[disabled]:active,
fieldset[disabled] .btn-violet:active,
.btn-violet.disabled.active,
.btn-violet[disabled].active,
fieldset[disabled] .btn-violet.active {
    background-color: #81255d;
    border-color: #81255d;
}

.btn-violet .badge {
    color: #428bca;
    background-color: #fff;
}

.navgreen .nav {
    border: none;
}

.navgreen .nav-tabs li {
    borderradius: 0px;
    height: 33px;
    border: none;
    margin: 0;
}

.navgreen .nav-tabs li a {
    border-radius: 0px;
    color: #54b331;
    height: 33px;
    padding-top: 6px;
    border: none;
    border-bottom: 2px solid #d5f6ac;
    margin: 0;
}

.navgreen .nav-tabs li a:hover {
    color: #54b331;
    background: #f4faf3;
    border: none;
    border-bottom: 2px solid #54b331;
}

.navgreen .nav-tabs .active a {
    border-bottom: 2px solid #54b331;
    font-weight: bold;
}


.navgreen1 {
    margin-bottom: 15px;
    padding-right: 0;
}

.navgreen1 .nav-tabs li {
    borderradius: 0px;
    height: 33px;
}

.navgreen1 .nav-tabs li a {
    color: #54b331;
    height: 33px;
    padding-top: 6px;
    font-size: 1.1em;
    /* padding-left:28px;
    padding-right:27px; */
    width: 102px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.navgreen1 .nav-tabs li a:hover {
    color: #54b331;
    background: #f4faf3;
}

.navgreen1 .nav-tabs .active a {
    font-weight: bold;
}


.navgreen2 .nav {
    border: none;
    float: right;
    padding-top: 0px;
    margin-top: -1px;
}

.navgreen2 .nav-tabs li {
    borderradius: 0px;
    height: 32px;
    border: none;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.navgreen2 .nav-tabs li a {
    border-radius: 0px;
    color: #999999;
    height: 33px;
    padding-top: 7px;
    border: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

.navgreen2 .nav-tabs li a:hover {
    color: #54b331;
    background: #f4faf3;
    border: none;
    border-bottom: 4px solid #00a3e4;
    background: none;
    color: #00a3e4;
    padding-top: 6px;
}

.navgreen2 .nav-tabs .active a {
    border-bottom: 4px solid #00a3e4;
    font-weight: bold;
    color: #00a3e4;
    padding-top: 6px;
}

.navgreen3 {
    padding-left: 27px;
}

.navgreen3 .nav {
    border: none;
    margin-top: -15px;
    margin-left: -1px;
}

.navgreen3 .nav-tabs li {
    borderradius: 0px;
    height: 33px;
    border: none;
    margin: 0;
    padding-left: 1px;
    padding-right: 30px;
}

.navgreen3 .nav-tabs li a {
    border-radius: 0px;
    color: #999999;
    height: 33px;
    padding-top: 6px;
    border: none;
    margin: 0;
    font-size: 16px;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
}

.navgreen3 .nav-tabs li a:hover {
    color: #54b331;
    background: #f4faf3;
    border: none;
    border-top: 6px solid #54b331;
    background: none;
    padding-top: 7px;
}

.navgreen3 .nav-tabs .active a {
    /*border-top: 6px solid #54b331;*/
    border-top: 6px solid #54b331;
    font-weight: bold;
    color: #54b331;
    padding-top: 7px;
    position: relative;
}
/*.navgreen3 .nav-tabs .active a:before, .navgreen3 .nav-tabs .active a:after {*/
/*    position: absolute;*/
/*    content: "";*/
/*    top: -5px;*/
/*    width: 5px;*/
/*    height: 5px;*/
/*    background-color: #54b331;*/
/*    border-radius: 50%;*/
/*}*/
/*.navgreen3 .nav-tabs .active a:before {*/
/*    left: -2px;*/
/*}*/
/*.navgreen3 .nav-tabs .active a:after {*/
/*    right: -2px;*/
/*}*/


.mainleft {
    width: 241px;
}

.alertgreen .alert {

}


.modal2 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: auto;
    overflow-y: scroll;
}

.form-green .modal2 .modal-content {

    borderradius: 0px;
}

.depart .col-xs-5 {
    padding-left: 0;
}

.indexnav {
    padding-left: 0;
    padding-right: 0;
}


.nav1 {
    margin-top: 2px;
    width: 39px;
    color: White;
    margin-left: 0;
    border-radius: 0px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.nav1 .dropdown {
}

.nav1 > li > a {
    padding: 5px 12px;
}

.nav1 .dropdown-toggle {
    font-weight: bold;
    width: 39px;
    color: white;
    background: #54b331;
    font-size: 1.25em;
    padding-top: 0;
    background-color: #d3f2ac;
    line-height: 1.1em;
    color: #54b331;
    height: 27px;
    margin-top: 3px;
}

.nav1 .dropdown-toggle:active {
    color: white;
    background: #54b331;
}

.nav1 .dropdown a:hover {
    background-color: #d3f2ac;
    color: #54b331;
    color: white;
    background: #54b331;

}

.nav1 .dropdown a:active {
    color: white;
    background: #54b331;

}

.nav1 .dropdown-menu {
    border-radius: 0px;
    margin-top: 0px;
    background-clip: border;
    /* -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
            box-shadow: 0 0px 0px rgba(0, 0, 0, 0); */

    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

}

.nav1 .dropdown-menu li a:hover {
    /* background-color: #d3f2ac;
    color: #54b331; */
    color: #666666;
     text-decoration: none !important;
    background-color: #f5f5f5;
}

.nav1 > li > a:hover,
.nav1 > li > a:focus {
     text-decoration: none !important;
    /* background-color: #eeeeee; */
}

.nav1 > li.disabled > a {
    color: #999999;
}

.nav1 > li.disabled > a:hover,
.nav1 > li.disabled > a:focus {
    color: #999999;
     text-decoration: none !important;
    cursor: not-allowed;
    background-color: transparent;
}

.nav1 .open > a,
.nav1 .open > a:hover,
.nav1 .open > a:focus {
    /* background-color: #eeeeee; */
    border-color: #428bca;
    background-color: #d3f2ac;
    color: #54b331;
}

.nav1 .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.nav1 > li > a > img {
    max-width: none;
}


.dd01 {
    width: 65px;
}

.dd01 .dropdown-menu {
    right: 0;
    width: auto;
    min-width: 110px;
}

.depart {
    position: relative;
    padding-right: 0;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 0;
    margin-bottom: 10px;

    height: 33px;
}

.depart .row {
    padding-right: 0;
    margin-right: 0;
}

.depart .navgreen1 {
}

.depart .col-xs-2 {

}

.depart .col-xs-7 {
}

.menuright {
    position: absolute;
    right: 0;
}

.clear {
    clear: both;
}

.departnav {
    width: 214px;
    padding-left: 0;
}

.mainbody {
    padding-left: 0;
}

.sm_text {
    background-color: #fff;
    background-image: none;
    /*  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; */
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1;
    padding: 6px 14px;
    vertical-align: middle;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.ar {
    text-align: right;
}

.al {
    text-align: left;
}

.clear {
    clear: both;
}

.control-label-txt {
    padding-top: 3px;
    font-weight: normal;
    color: #666666;
    text-align: left;
    margin-bottom: 14px;
}

.ms-controller, [ms-controller] {
    display: none
}

.breakWord {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* table - 婵炲备鍓濆﹢浣规綇鐟欏嫷鏀�*/
.table-no-boder {
    border: 0px;
    width: 100%;
}

.table-no-boder td {
    padding: 10px;
    text-align: center;
}

table .firstRow td {
    border-color: #666666;
    border: solid 1px #DDDDDD;
    border-collapse: collapse;
}

table .firstRow ~ tr td {
    border-color: #666666;
    border: solid 1px #DDDDDD;
    border-collapse: collapse;
}

/*鐎硅儻鍨楅懓鍐ㄥ珶*/
.kaoqin-li {
    list-style: none;
    height: auto;
    margin: 0;
    padding: 0;
}

.kaoqin-li li {
    list-style: none;
    height: 26px;
    line-height: 26px;
    float: left;
    margin-right: 50px;
    margin-bottom: 12px;
}

.kaoqin-li li a {
    list-style: none;
    width: 140px;
    display: block;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    line-height: 26px;
    text-indent: 5px;
    background: #6D6D6D;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
     text-decoration: none !important;
}

.kaoqin-li-1 a:HOVER {
    background-color: #48B319;
    cursor: pointer;
     text-decoration: none !important;
}

.kaoqin-li-0 a:HOVER {
    background-color: #D9534F;
    cursor: pointer;
     text-decoration: none !important;
}

.t-green {
    background-color: #48B319 !important;
}

.t-grey {
    background-color: #6D6D6D !important;
}

.t-red {
    background-color: #D9534F !important;
}

.t-blue {
    background-color: #1BA0E1 !important;
}

div {
    word-break: break-all;
}

/*input,textarea 娑撳娼伴惃锟絧laceholder  鐏炵偞锟� 妫版粏澹�*/
::-webkit-input-placeholder {
    color: #ddd;
    text-overflow: ellipsis;
}

::-moz-placeholder {
    color: #ddd;
    text-overflow: ellipsis;
}

/* .clearfix{clear: both;} */
.modal_ul {
    width: 720px;
    margin: 0px;
    padding: 0px;
}

.modal_ul li input {
    vertical-align: middle;
    margin-right: 3px;
}

.modal_ul li label {
    margin-bottom: 0px !important;
    font-weight: normal !important;
    vertical-align: middle;
}

.modal_ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    min-width: 170px;
    height: 20px;
    color: #333333;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    vertical-align: middle;
    float: left;
    display: inline;
    margin-top: 5px;
}

.div_tb_line {
    border-top: 1px solid #dddddd;
    padding: 10px 0 10px 0;
}

.div_title {
    font-family: '瀵邦喛钂嬮梿鍛寸拨 Bold';
    font-weight: 700;
    font-size: 14px;
    color: var(--mainGray);
}

.fa_ul {
    margin: 0px;
    padding: 0px;
}

.fa_ul li {
    width: 110px;
    height: 60px;
    margin: 0 20px 10px 0;
    list-style: none;
    min-width: 110px;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    vertical-align: middle;
    float: left;
    display: inline;
    border: 1px solid #48B319;
}

.fa_ul li span {
    font-family: '瀵邦喛钂嬮梿鍛寸拨';
    color: #48B319;
    display: inherit;
    text-align: center;
    padding-top: 12px;
}

.fa_ul li.blue {
    border-color: #1190ce;
}

.fa_ul li.blue span {
    color: #1190ce;
}

.fa_ul li.black {
    border-color: #333333;
}

.fa_ul li.black span {
    color: #333333;
}

.auto_table {
    overflow: auto;
    width: 100%;
}

.auto_table table {
    min-width: 900px;
    font-size: 14px;
    empty-cells: show;
    border-collapse: collapse;
    margin: 0 auto;
    white-space: nowrap;
    border-top: 1px solid #99ca5c;
    border-right: 1px solid #BCBCBC;
    border-bottom: 1px solid #BCBCBC;
    border-left: 1px solid #BCBCBC;
}

.auto_table table tr {
    white-space: nowrap;
}

.auto_table table tr:hover {
    background: #f3f3f3;
}

.auto_table table th {
    white-space: nowrap;
    padding: 5px;
    text-align: center;
    background: #D5F6AC;
    color: #219005;
    border: 1px solid #99ca5c !important;
    height: 40px;
}

.auto_table table td {
    white-space: nowrap;
    padding: 5px;
    color: #666666;
    text-align: center;
    border-bottom: 1px solid #BCBCBC;
    border-right: 1px solid #BCBCBC;
    word-break: break-all;
}

ul.imglist {
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}

ul.imglist li {
    float: left;
    width: 125px;
    height: 125px;
    list-style-type: none;
}

ul.imglist li img {
    display: block;
    width: 100px;
    height: 100px;
}

ul.imglist li div {
    display: block;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center center; /* border: 1px solid; border-color: #48B319; */
}

ul.imglist li div:hover .delBtn {
    display: block;
}

ul.imglist li div .delBtn {
    display: none;
    float: right;
}

ul.imglist li div .delBtn:hover {
    background-color: #D9534F;
    border-color: #D9534F;
}

.td_comment {
    background-color: #F9FFB5
}

/*comment*/
textarea::-webkit-input-placeholder {
    /* placeholder棰滆壊  */
    color: #CCC !important;
    /* placeholder瀛椾綋澶у皬  */
    font-size: 12px !important;;
    /* placeholder浣嶇疆  */
    text-align: left !important;
}

input::-webkit-input-placeholder {
    /* placeholder棰滆壊  */
    color: #CCC !important;
    /* placeholder瀛椾綋澶у皬  */
    font-size: 12px !important;;
    /* placeholder浣嶇疆  */
    text-align: left !important;
}

/*闃熷垪鏍囧噯鑹�*/
/*闃熷垪涓�*/
.queue_in_color {
    color: #1BA0E1
}

/*宸插畬鎴�*/
.queue_finish_color {
    color: #48B319
}

/*澶辫触*/
.queue_fail_color {
    color: #D9534F
}

.flex-space-between {
    display: flex;
    justify-content: space-between;
}
.flex {
    display: flex;
}
.red-mark {
    color: #ff0000;
    font-weight: bold;
    width: 11px;
    font-size: 16px;
}

/*按钮样式*/
.button-style {
    margin: 0 3px 2px 0;
    display: flex;
    align-items: center;
}

.btn-lightGreen {
    background: var(--lightGreen);
}

.btn-lightGreen:hover {
    background: var(--mainGreen);
}

.btn-lightOrange {
    background: var(--lightOrange)
}

.btn-lightOrange:hover {
    background: var(--mainOrange)
}

.btn-lightRed {
    background: var(--lightRed)
}

.btn-lightRed:hover {
    background: var(--mainRed);
}

.btn-lightBlue {
    background: var(--lightBlue)
}

.btn-lightBlue:hover {
    background: var(--mainBlue);
}

.btn-lightPurple {
    background: var(--lightPurple)
}

.btn-lightPurple:hover {
    background: var(--mainPurple);
}

.btn-ExdarkBlue {
    background-color: var(--ExdarkBlue);
}

.btn-ExdarkBlue:hover {
    background-color: var(--EExdarkBlue);
}

.btn-blue-E3 {
    color: #ffffff !important;
    background-color: var(--mainBlue) !important;
    border-color: var(--mainBlue) !important;
}

.btn-blue-E3:hover {
    color: #ffffff !important;
    background: var(--darkBlue) !important;
}

.btn-blue-E3:focus {
    color: #ffffff !important;
}

.btn-green-E3 {
    color: #ffffff !important;
    background-color: var(--mainGreen) !important;
    border-color: var(--mainGreen) !important;
}

.btn-green-E3:hover {
    color: #ffffff !important;
    background: var(--darkGreen) !important;

}

.btn-green-E3:focus {
    color: #ffffff;
!important
}

.btn-warning-E3 {
    color: #ffffff !important;
    background-color: var(--mainOrange) !important;
    border-color: var(--mainOrange) !important;
}

.btn-warning-E3:hover {
    color: #ffffff !important;
    background: var(--darkOrange) !important;

}

.btn-warning-E3:focus {
    color: #ffffff !important;
}

.btn-danger-E3 {
    color: #fff !important;
    background-color: var(--mainRed) !important;
    border-color: var(--mainRed) !important
}

.btn-danger-E3:hover {
    color: #fff !important;
    background: var(--darkRed) !important;
}

.btn-danger-E3:focus {
    color: #fff !important;

}

.btn-violet-E3 {
    color: white !important;
    background-color: var(--mainPurple) !important;
    border-color: var(--mainPurple) !important;
}

.btn-violet-E3:hover {
    color: white !important;
    background: var(--darkPurple) !important;
}

.btn-violet-E3:focus {
    color: white !important;
}

.lightGreen-E3 {
    background: var(--lightGreen) !important;
}

.lightGreen-E3:hover {
    background: var(--mainGreen) !important;
}

.lightOrange-E3 {
    background: var(--lightOrange) !important
}

.lightOrange-E3:hover {
    background: var(--mainOrange) !important
}

.lightRed-E3 {
    background: var(--lightRed) !important
}

.lightRed-E3:hover {
    background: var(--mainRed) !important;
}

.lightBlue-E3 {
    background: var(--lightBlue) !important
}

.lightBlue-E3:hover {
    background: var(--mainBlue) !important;
}

.lightPurple-E3 {
    background: var(--lightPurple) !important
}

.lightPurple-E3:hover {
    background: var(--mainPurple) !important;
}

/*.WeakButton:hover {
    font-weight: bold;
}*/
.a_ExdarkBlue {
    color: var(--ExdarkBlue);
    cursor: pointer;
}

.a_ExdarkBlue:hover {
    color: var(--EExdarkBlue);
    cursor: pointer;
}
.a_ExdarkBlue:active {
    color: var(--ExdarkBlue);
    cursor: pointer;
}
.a_lightGray{
    color: var(--lightGray);
    cursor: pointer;
}
.a_lightGray:hover{
    color: var(--mainGray);
    cursor: pointer;
}
.a_lightGray:active{
    color: var(--lightGray);
    cursor: pointer;
}



a:not(:has(i)).a_green {
    color: var(--mainGreen);
    text-decoration: none !important;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: 0.2s;
}

a:not(:has(i)).a_green:hover {
    color: var(--darkGreen);
    cursor: pointer;
    border-bottom: 1px solid var(--darkGreen);
}
a:not(:has(i)).a_green:active {
    color: var(--mainGreen);
    cursor: pointer;
    border-bottom: 1px solid var(--mainGreen);
}
a:not(:has(i)).a_violet {
    color: var(--mainPurple);
    text-decoration: none !important;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: 0.2s;
}
a:not(:has(i)).a_violet:hover {
    color: var(--darkPurple);
    border-bottom: 1px solid var(--darkPurple);
    cursor: pointer;
}
a:not(:has(i)).a_violet:active {
    color: var(--mainPurple);
    cursor: pointer;
    border-bottom: 1px solid var(--mainPurple);
}

a:not(:has(i)).a_blue {
    color: var(--mainBlue);
    text-decoration: none !important;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: 0.2s;
}
a:not(:has(i)).a_blue:hover {
    color: var(--darkBlue);
    border-bottom: 1px solid var(--darkBlue);
    cursor: pointer;
}
a:not(:has(i)).a_blue:active {
    color: var(--mainBlue);
    cursor: pointer;
    border-bottom: 1px solid var(--mainBlue);
}

a:not(:has(i)).blue {
    color: var(--mainBlue);
    text-decoration: none !important;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: 0.2s;
}
a:not(:has(i)).blue:hover {
    color: var(--darkBlue);
    border-bottom: 1px solid var(--darkBlue);
    cursor: pointer;
}
a:not(:has(i)).blue:active {
    color: var(--mainBlue);
    cursor: pointer;
    border-bottom: 1px solid var(--mainBlue);
}

a:not(:has(i)).a_danger {
    color: var(--mainRed);
    text-decoration: none !important;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: 0.2s;
}
a:not(:has(i)).a_danger:hover {
    color: var(--darkRed);
    border-bottom: 1px solid var(--darkRed);
    cursor: pointer;
}
a:not(:has(i)).a_danger:active {
    color: var(--mainRed);
    cursor: pointer;
    border-bottom: 1px solid var(--mainRed);
}

a:not(:has(i)).a_purple {
    color: var(--mainPurple);
    text-decoration: none !important;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: 0.2s;
}
a:not(:has(i)).a_purple:hover {
    color: var(--darkPurple);
    border-bottom: 1px solid var(--darkPurple);
    cursor: pointer;
}
a:not(:has(i)).a_purple:active {
    color: var(--mainPurple);
    cursor: pointer;
    border-bottom: 1px solid var(--mainPurple);
}

a:not(:has(i)).a_oper {
    color: #BCBCBC;
     text-decoration: none !important;
}

a:not(:has(i)).a_cancel {
    color: var(--backgroundGray);
    text-decoration: none !important;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: 0.2s;
}
a:not(:has(i)).a_cancel:hover {
    color: var(--lineDisable);
    border-bottom: 1px solid var(--lineDisable);
    cursor: pointer;
}
a:not(:has(i)).a_cancel:active {
    color: var(--backgroundGray);
    cursor: pointer;
    border-bottom: 1px solid var(--backgroundGray);
}

a:not(:has(i)).a_font {
    color: #666666;
     text-decoration: none !important;
}

a:not(:has(i)).a_warning {
    color: var(--mainOrange);
    text-decoration: none !important;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: 0.2s;
}

a:not(:has(i)).a_warning:hover {
    color: var(--darkOrange);
    border-bottom: 1px solid var(--darkOrange);
    cursor: pointer;
}
a:not(:has(i)).a_warning:active {
    color: var(--mainOrange);
    cursor: pointer;
    border-bottom: 1px solid var(--mainOrange);
}

a:not(:has(i)).a_grey {
    color: var(--mainGray);
    text-decoration: none !important;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: 0.2s;
}
a:not(:has(i)).a_grey:hover {
    color: var(--darkGray);
    border-bottom: 1px solid var(--darkGray);
    cursor: pointer;
}
a:not(:has(i)).a_grey:active {
    color: var(--mainGray);
    cursor: pointer;
    border-bottom: 1px solid var(--mainGray);
}

a[disabled],.a_green[disabled], .a_violet[disabled],.a_blue[disabled],.a_danger[disabled],.a_purple[disabled],.a_oper[disabled],.a_cancel[disabled],.a_font[disabled],.a_warning[disabled],.a_grey[disabled] {
    color:var(--lineDisable) !important;
    border-bottom: 1px solid transparent !important;
    text-decoration: none !important;

    user-select: none !important;
    pointer-events: none;
    cursor: not-allowed; /* 显式设置禁用指针 */
    position: relative;
}
.mainGreen{
    color:var(--mainGreen);
}
.mainRed{
    color:var(--mainRed);
}