.showLeft {
	width: 300px;
	background: #bc9a5e url(../images/bg.png) no-repeat top center;
	max-width: 300px;
	height: 100vh;
	border-radius: 0 0 35px 0;
}

.deznav {
	width: 21.563rem;
	padding-bottom: 0;
	height: 100vh;
	top: 0;
	/* 	padding-top: 100px; */
	z-index: 5;
	box-shadow: 0px 0px 10px rgba(120, 130, 140, 0.13);
	transition: all .2s ease;
	position: fixed;
	overflow-y: scroll;

}

.deznav .nav-header {
	width: 300px;
	text-align: center;
}

.deznav .nav-header img {
	width: 266px;
}


.deznav .deznav-scroll {
	position: relative;
	height: 90vh;
	overflow-x: hidden;
	overflow-y: auto;
	margin-top: 30px;
}

.deznav .deznav-scroll li a {
	padding-left: 30px;
	padding: 20px 20px 20px 30px;
}

.deznav .deznav-scroll li a:hover,
.deznav .deznav-scroll li a.active {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 25px 0 0 25px;
}

.deznav .titcolor {
	color: #fff;
	cursor: pointer;
	margin: 13px 0;
}

.deznav .leftactive .secondlevel,
.deznav .leftactive .secondlevel .active {
	display: block;
}

.deznav .leftactive .open.active {
	cursor: pointer;
	background-size: 13px;
	width: 100%;
	height: 50px;
	line-height: 50px;
}

/* .deznav .studyin {
	width: 30px;
} */

.deznav .secondlevel {
	width: 100%;
}

.deznav .deznav-scroll li .secondlevel a {
	padding-left: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.deznav .open {
	cursor: pointer;
	width: 100%;
	height: 50px;
	line-height: 50px;
}

.deznav .open a {
	display: block;
	width: 100%;
}

.deznav .dot a {
	display: block;
	cursor: pointer;
	/* 	background: url(../images/bottomarrow.png) no-repeat; */
	width: 80%;
	height: 50px;
	line-height: 50px;
	margin-left: 30px;
}




.itemBoxfremheadTwo {
	position: absolute;
	width: 151px;
	height: 0;
	right: 0;
	top: 73px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
	text-align: center;
	font-size: 16px;
	z-index: 3;
	overflow-y: hidden;
}

.header-right {
	padding: 20px 0px;
}

.itemBoxfremheadTwo li a {
	padding: 0 10px;
	color: #000;
}

.headernr:hover .itemBoxfremheadTwo {
	height: auto;
}


.itemBoxfremhead.none {
	display: none;
}

.itemBoxfremhead li {
	border-bottom: 1px solid #e8f4ff;
	height: 55px;
	line-height: 55px;
}

.itemBoxfremhead li:last-child {
	border-bottom: none;
}

.itemBoxfremheadTwo li:first-child a:hover {
	border-radius: 10px 10px 0 0;

}

.itemBoxfremheadTwo li:last-child a:hover {
	border-radius: 0 0 10px 10px;

}

.headerTwo {
	height: 4.5rem;
	line-height: 4.5rem;
	position: relative;
	padding: 0rem;
	background: #fff;
	z-index: 3;
	padding-left: 19.563rem;
	min-width: 800px;
	padding-right: 20px;
}




.header {
	height: 4.5rem;
	position: relative;
	padding: 0rem;
	background: linear-gradient(45deg, #026ea4, #007fa8);
	background: -moz-linear-gradient(45deg, #026ea4, #007fa8);
	background: -webkit-linear-gradient(45deg, #026ea4, #007fa8);
	background: -o-linear-gradient(45deg, #026ea4, #007fa8);
	z-index: 4;
	padding-left: 19.563rem;
	min-width: 800px;
}

.header-right .header-profile .headimg {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid #fff;
	margin-right: 5px;
}

.header-right:hover .itemBoxfremhead {
	display: block;
}


.nav-header {
	width: 19.563rem;
	display: inline-block;
	text-align: left;
	/* 	position: absolute;
	left: 0;
	top: 0;
	transition: all .2s ease; */
	z-index: 4;
}

.nav-control {
	cursor: pointer;
	position: absolute;
	right: -3.0625rem;
	text-align: center;
	top: 22%;
	transform: translateY(-50%);
	z-index: 9999;
	font-size: 1.4rem;
	padding: 0 0.5rem 0;
	border-radius: 2px;
}




.dashboard_bar img {
	width: 27px;
	height: 23px;
}

.dashboard_bar .one {
	display: block;
}

.showLeft .activeone {
	background: url(../images/arrwhitetop.png) no-repeat 260px 22px;
}

.showLeft .activeone.acc {
	background: url(../images/arrwhite.png) no-repeat 260px 22px;
}

.header .dashboard_bar .activeone {
	margin-left: -215px;
}

.dashboard_bar .activeone {
	display: none;
}


.dashboard_bar .is-active .one {
	display: none;
}

.dashboard_bar .is-active .activeone {
	display: block;
}


.nav-badge {
	height: 100%;
}


.narrow.deznav {
	width: 5rem;
}

.narrow.deznav .nav-header {
	width: 100%;
	text-align: center;
}

.narrow.deznav .nav-header img {
	width: 50px;
}

.narrow.deznav .deznav-scroll li .titcolor {
	padding-left: 25px;
}

.narrow.deznav .deznav-scroll>li a:hover,
.narrow.deznav .deznav-scroll li a:hover {
	background: rgba(255, 255, 255, 0.2);
	border-radius: 0;
}

.narrow.deznav .deznav-scroll {
	position: relative;
	height: 90vh;
	overflow: initial;
}

.narrow.deznav .activetwo {
	position: absolute;
	background: #f7fcff;
	top: 0;
	left: 80px;
	width: 180px;
	/* padding: 5px 10px; */
	line-height: 40px;
	text-align: center;
}

.narrow.deznav .activetwo .titone {
	width: 100%;
	padding: 6px 0;
	display: block;
	cursor: pointer;
	position: relative;
	z-index: 7;
}

.narrow.deznav .activethree {
	background: #f7fcff;
	top: 0px;
	left: 1140px;
	width: 180px;
	padding: 5px 0;
	line-height: 40px;
}

.narrow.deznav .activetwo .titTwo {
	padding: 6px 0;
	display: block;
	cursor: pointer;
	position: relative;
	color: #000;
}

.narrow.deznav .activefour {
	background: #f7fcff;
	top: 0px;
	left: 180px;
	width: 230px;
	padding: 5px 0;
	line-height: 40px;
}

.narrow.deznav .two2::after {
	border: 6px solid transparent;
	border-left: 6px solid #333;
	width: 0;
	height: 0;
	position: absolute;
	content: ' ';
	top: 50%;
	transform: translateY(-50%);
	right: 3px;
}

.content-body {
	padding-left: 21rem;
	max-height: 92vh;
	overflow: auto;
}

.content-body.paddleft {
	padding-left: 6rem;
}

.menu ul li {
	position: relative;
}

.menu ul li:hover ul {
	display: block;
	position: absolute;
	top: 21px;
	left: 0;
	width: 180px;
}

.menu ul li:hover ul li ul {
	display: none;
}

.menu ul li:hover ul li:hover ul {
	display: block;
	position: absolute;
	left: 180px;
	top: 0;
}

.menu ul li:hover ul li:hover ul li ul {
	display: none;
}

.menu ul li:hover ul li:hover ul li:hover ul {
	display: block;
	position: absolute;
	left: 180px;
	top: 0;
}










.butBox button {
	height: 60px;
	border: 0;
	border-radius: 10px;
	color: #fff;
	width: 150px;
	font-size: 16px;
	cursor: pointer;
}



.butBox .copyblue {
	background: #026ea4;
}

.butBox .copybluetj {
	background: #16a362;
	color: #fff;
}

.butBox .copyblue:hover {
	background: #026ea4;
}

.butBox .copyblue:active {
	background: #026ea4;
}

.butBox .copyblueline {
	background: #fff;
	border: 2px solid #026ea4;
	color: #026ea4;
	width: 150px;
}

.butBox .copyblueline a {
	display: block;
	height: 70px;
	line-height: 68px;
	color: #026ea4;
}

/* .butBox .copyblue[disabled] {
	background: #ffb95e;
	color: #ffdcaf;
} */



.butBox .copygreen {
	background: #16c5c7;
}

.butBox .copygreen:hover {
	background: #12adaf;
}

.butBox .copygreen:active {
	background: #12adaf;
}

.butBox .copygreenline {
	background: #fff;
	border: 2px solid #12adaf;
	color: #12adaf;
	width: 160px;
}

.butBox .copyred {
	background: #f6585f;
}

.butBox .copyred:hover {
	background: #e85960;
}

.butBox .copyred:active {
	background: #e85960;
}

.butBox .copyredline {
	background: #fff;
	border: 2px solid #e85960;
	color: #e85960;
	width: 160px;
}

.butBox .copyyellow {
	background: #ef9c31;
}

.butBox .copyyellow:hover {
	background: #c67e22;
}

.butBox .copyyellow:active {
	background: #c67e22;
}

.butBox .copyyellowline {
	background: #fff;
	border: 2px solid #c67e22;
	color: #c67e22;
	width: 160px;
}

.butBox .copygreyline {
	background: #fff;
	border: 2px solid #666;
	color: #333;
	width: 100px;
	height: 50px;
}

/* .butBox .green[disabled] {
	background: #ff7077;
	color: #ffb2b6;
}
 */

/* 菜单S */
.menuTwo {
	padding: 30px;
	min-width: 1000px;
	color: #25396f;
	background: #fff;
	margin-bottom: 30px;
}

.menuThree {
	margin: 10px 0;
}

.menuTwo a {
	color: #222;
}

.menuTwo a.active {
	color: #007fa8;
}

.menuTwo .content {
	color: #222;
}

.container-fluid {
	margin: 20px 0;
	min-width: 1370px;
	color: #25396f;
}

/* 表格 S */
.in_form .ulBox {
	width: 100%;
}

.in_form .ulBox li {
	margin-bottom: 20px;
}

.in_form .inputBox {
	width: 23%;
	margin-right: 1%;
}

.learning_form .inputBox {
	width: 21%;
	margin-right: 1%;
}

.learning_form .inputBoxt {
	width: 120px;
}

.learning_form .butBox button {
	border: 0;
	border-radius: 10px;
	color: #fff;
	width: 100%;
}

.in_form .inputBox:nth-child(4n) {
	margin-right: 0;
}

.in_form.in_form .inputBox:nth-child(4n) {
	margin-right: 0;
}

.in_form .putboxtwo {
	width: 91%;
	height: 60px;
	line-height: 60px;
	border-radius: 10px;
	border: 0;
	padding: 0 5%;
	font-size: 16px;
	appearance: none;
	position: relative;
}

.in_form .input {
	width: 100%;
	height: 70px;
	line-height: 70px;
	border-radius: 20px;
	border: 0;
	padding: 0 5%;
	font-size: 16px;
	appearance: none;
	position: relative;
}

.in_form .inputBox::after {
	content: ' ';
	position: absolute;
	top: 11px;
	right: 3px;
	width: 16px;
	height: 16px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(135deg);
	z-index: 2;
}


select:focus-visible {
	/* outline: -webkit-focus-ring-color auto 1px; 这是谷歌浏览器的原生样式*/
	outline: none;
}

.menukzt {
	overflow: hidden;
	width: 94%;
	background: #FFFFFF;
	margin-bottom: 20px;
	padding: 2%;
}
.menu01{
	width: 19.4%;
	background: #eef0fa;
	border-radius:5px ;
	padding: 30px;
	margin-right: 2%;
}
.menu01:last-child{
	margin-right: 0;
}
.menu02{
	background: #fff4ed;
}
.menu03{
	background: #faeeef;
}
.menu04{
	background: #ebf6fa;
}
.tableBoxkt {
	background: #fff;
}

.tableBox .tableTwo {
	width: 100%;
	text-align: center;
	border-spacing: 0;
	border-radius: inherit;
}

.tableBox .tableTwo tr {
	border: 1px solid #eaeaea;
	height: 60px;
}

.tableBox .tableTwo tr.tit:hover,
.tableBox .tableTwo tr.tit.active {
	background: #f8f8f8;
}

.tableBox .tableTwo tr:hover,
.tableBox .tableTwo tr.active {
	background: #f8f8f8;
}

.tableBox {

	overflow: hidden;
	width: 98%;
	background: #FFFFFF;
	border-radius: 10px;
}

.tableBoxkt {
	width: 99%;
}

.tableBox.tableBoxTwo {
	overflow: hidden;
	width: 100%;
	background: #FFFFFF;
	border-radius: 0;
}

.tableBox .tit {
	background: #e9edef;
	color: #25396f;
	font-size: 16px;
}

.tableBox .tableTwo.tablethreeny tr.tit {
	background: #f8f8f8;
	color: #25396f;
	font-size: 16px;
}

.tableBox .tablethreeny .tit:hover {
	background: #f8f8f8;
	color: #25396f;
	font-size: 16px;
}

.tableBox .tablethreeny tr td {
	background: #f8f8f8;
	color: #25396f;
	font-size: 16px;
}

.tableBox tr td {
	font-size: 14px;
	color: #25396f;
}

.tableBox tr .center {
	text-align: center;
}

.tableBox tr .right {
	text-align: right;
}

.tableBox tr .left {
	text-align: left;
}

.tableTwo img {
	margin-right: 20px;
}

.tableBox .linedef {
	border: 2px solid #3276ff;
	background: rgba(50, 118, 255, 0.1);
	border-radius: 5px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	color: #3276ff;
	width: 100px;
	text-align: center;
	cursor: pointer;
}

.tableBox .greenbox {
	background: #67c23a;
	border-radius: 5px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	color: #fff;
	width: 100px;
	text-align: center;
	cursor: pointer;
}

.tableBox .greenbox.bluebox {
	background: #409eff;
}

.tableBox .greenbox.red {
	background: #f56c6c;
}

.tableBox .point::after {

	border: 6px solid transparent;
	border-left: 6px solid #60709a;
	width: 0;
	height: 0;
	position: absolute;
	content: ' ';
	left: -10px;

	/* border-left-color: #60709a; */
}

.tableBox .linedefgreen {
	border: 2px solid #16c5c7;
	background: rgba(22, 197, 99, 0.1);
	border-radius: 10px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	color: #16c5c7;
	width: 100px;
	text-align: center;
	cursor: pointer;
}

.tableBox .defblue {
	border: none;
	background: #3276ff;
	border-radius: 10px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	color: #fff;
	width: 100px;
	text-align: center;
	cursor: pointer;
}

.tableBox .linedefdel {
	background: rgba(246, 88, 95, 0.1);
	border-radius: 10px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	color: #f6585f;
	border: 2px solid #f6585f;
	width: 100px;
	text-align: center;
	cursor: pointer;
}

.tableBox .linedefdelTwo {
	background: fff;
	border-radius: 10px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	color: #f6585f;
	border: 2px solid #f6585f;
	width: 100px;
	text-align: center;
	cursor: pointer;
}

.tableBox .hidd {
	max-width: 100px;
	display: inline-block;
}

.preview {
	color: #008bff;
}

.page {
	text-align: center;
	font-size: 16px;
	height: 60px;
	line-height: 60px;
}

.page .pagelist {
	background: #026ea4;
	display: inline-block;
	color: #fff;
	border-radius: 6px;
	padding: 0 40px;
	margin-right: 10px;
}

.page .pagelistgrey {
	background: #fff;
	border: 1px solid #dddddd;
	display: inline-block;
	border-radius: 6px;
	padding: 0 30px;
	color: #333;
	margin-right: 10px;
	cursor: pointer;

}

.tableBox .pagelistgrey {
	background: #fff;
	border: 2px solid #333;
	display: inline-block;
	border-radius: 10px;
	width: 100px;
	color: #333;

	cursor: pointer;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
}

.page .pagelistgrey.blue {
	background: #026ea4;
	border: 1px solid #dddddd;
	display: inline-block;
	border-radius: 6px;
	padding: 0 30px;
	color: #fff;
	cursor: pointer;
}