@charset "utf-8";

* {
	box-sizing: border-box;
}

::after,
::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
}

html {
	width: 100%;
	height: 100%;
	--mcolor: #e13b29;
	--red: #c5283c;
	--yellow: #f9e5c7;
	--yellow2: #965928;
	--yellow3: #fadaa0;
	--yellow3: #fadaa0;
	--yellow4: #fdf6ef;
	--yellow5: #f9e6cb;
	--gray1: #c2c2c3;
	--gray2: #b9b9b9;
	--gray3: #e5e4e4;
	--gray4: #eee;
	--gray5: #c8d0dc;

}

.htmldiv {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 10px;
}

.main {
	margin-top: 85px;
	margin-bottom: 22px;
}

.main,
.mh600 {
	min-height: 600px;
}

.mh400 {
	min-height: 400px;
}

.before-center:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.bg-gray {
	background: #f0f2f3;
}

.bg-gray2 {
	background: #f5f5f5;
}

.bg-red {
	background-color: var(--mcolor);
}

.bg-yellow {
	background: var(--yellow);
}

.bg-yellow5 {
	background: #f9e6cb;
	color: var(--yellow2);
}

.bg-yellow6 {
	background: #fdf6f0;
	color: #94532d;
}

.bg-yellow4 {
	background: var(--yellow4);
	color: #a66d54;
}

.zbtn-red,
.zbtn-red:focus {
	background-color: var(--mcolor);
	color: #fff;
}

.zbtn-red:hover {
	color: #fff;
}

.zbtn-gborder {
	border: 1px solid var(--gray1);
	color: var(--gray1);
}

.zbtn-gborder:hover {
	border-color: var(--yellow2);
	color: var(--yellow2);
}
.zbtn-rborder:visited,
.zbtn-rborder {
	border: 1px solid var(--mcolor);
	color: var(--mcolor);
}

.zbtn-rborder:hover,
.zbtn-gborder5:hover {
	background: var(--mcolor);
	border-color: var(--mcolor);
	color: #fff;
}

.gborder4 {
	border: 1px solid var(--gray4);
}

.zbtn-gborder5 {
	border: 1px solid var(--gray5);
	color: #666;
}

.zbtn-ybg5 {
	background: #f9e6cb;
	color: var(--yellow2);
}

.zbtn-ybg5:hover,
.zbtn-ybg5.active {
	background-color: var(--mcolor);
	color: #fff;
}

.zbtn-yborder{
	color: #dc8f63;
	border: 1px solid #dc8f63;
}
.zbtn-yborder:hover{
	background: var(--mcolor);
	border-color: var(--mcolor);
	color: #fff;
}
.zbtn-yborder.wd60{
	width: 60px;
	line-height: 22px;
}


.tc-main {
	color: var(--mcolor);
}

.tc-red {
	color: #ff0000;
}

.tc-yellow2 {
	color: var(--yellow2);
}

.tc-yellow3 {
	color: var(--yellow3);
}

.hot {
	position: absolute;
	background: url(../images/tag-hot.gif) no-repeat;
	top: -15px;
	right: -13px;
	width: 32px;
	height: 14px;
}

a:focus,
a:hover,
a:active {
	text-decoration: none;
	color: #333;
}

a.hred:focus,
a.hred:hover,
a.hred:active {
	color: var(--mcolor);
}

.enter {
	width: 25px;
	height: 25px;
	background: url(../images/22cn_02.png) no-repeat -10px -322px;
}

.xin {
	margin: 0 .5px;
	width: 15px;
	height: 15px;
	background: url(../images/22cn_02.png) no-repeat -19px -113px;
}

.xin.half {
	background-position: -19px -142px;
}

.xin.none {
	background-position: -19px -165px;
}

.dw {
	width: 33px;
	height: 22px;
	line-height: 22px;
	background: url(../images/zh_01.png) no-repeat -5px -12px;
}

.down {
	width: 48px;
	height: 60px;
	background: url(../images/file_01.png) no-repeat
}

.down-zip {
	background-position: 0 -4px;
}

.down-word {
	background-position: 0 -89px;
}

.down-ppt {
	background-position: 0 -175px;
}

.down-pdf {
	background-position: 0 -260px;
}

.down-video {
	background-position: 0 -345px;
}

.down-xls {
	background-position: 0 -430px;
}

.borderb {
	border-bottom: 1px solid #f0f0f2;
}


.cst {
	padding: 20px 5px 10px;
	line-height: 1;
	border-bottom: 1px solid #e5e4e4;
}

.cs {
	position: absolute;
	right: -5px;
	width: 24px;
	height: 24px;
	background: url(../images/22cn_02.png) no-repeat -12px -860px;
	cursor: pointer;
}

.cs:hover,
.cs.red {
	background-position: -12px -893px;

}

.cs:hover,
.cs.red:hover {
	margin-top: -2px;
	transform: scale(1.1);
}

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

.progress-red {
	height: 8px;
	background: #868686;
}

.progress-red .progress-bar {
	background: var(--mcolor);

}

.steps {
	float: none;
}

.step {
	padding-top: 40px;
	position: relative;
	flex: 1;
}

.step.active .lle {
	background: #95562a;
}


.step.active::before {
	border-color: #96612f;
}

.step:first-child .lle,
.step:last-child .rle {
	width: 0;
}

.step .le {
	z-index: 1;
	top: 12px;
	width: 50%;
	height: 4px;
	background: #dfdfdf;
}

.step .lle.on,
.step .rle.on {
	background: #95562a;
}

.step .le.lle {
	left: 0;
}

.step .le.rle {
	right: 0;
}

.step .lle.on,
.step .rle.on {
	background: #95562a;
}

.step::before {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%);
	width: 26px;
	height: 26px;
	border: 3px solid #dddcdc;
	border-radius: 50%;
	background: #fff;
}

.inputdiv {
	margin-bottom: 20px;
}

.input {
	padding-left: 10px;
	padding-right: 15px;
	outline: none;
	border: 1px solid #e7e5e5;
	border-radius: 8px;
	background: #fff;
	box-shadow: none;
	caret-color: auto;
}

.input.ht36 {
	height: 36px;
	border-radius: 3px;
}

.input.rfs:focus {
	box-shadow: 0 0 3px var(--mcolor);
}

textarea.input {
	padding: 15px;
	height: auto;
	caret-color: auto;
}

.input.gray {
	background: #f0f2f3;
	border-radius: 2px;
	border-color: transparent;
}

.input.gray:focus {
	background: #fff;
	border: 1px solid var(--mcolor);
}

.input:focus {
	border: 1px solid var(--mcolor);
	outline: none;
	box-shadow: 0 0 3px var(--mcolor);
}

.input::-webkit-input-placeholder {
	font-size: 15px;
	color: #999;
}

.input::-moz-placeholder {
	font-size: 15px;
	color: #999;
}

.input:-ms-input-placeholder {
	font-size: 15px;
	color: #999;
}

.required::before {
	content: '*';
	position: absolute;
	color: red;
	top: 0;
	left: -8px;
}

.a-upload,
.a-upload:visited,
.a-upload:focus {
	height: 34px;
	line-height: 32px;
	color: #945d34;
	background: #fae6cb;
}

.a-upload input {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
}

.a-upload:active,
.a-upload:hover {
	background: var(--mcolor);
	color: #fff;
	text-decoration: none;
}

.zbtn-red.wd65,
.a-upload.wd65 {
	width: 65px;
	height: 32px;
	line-height: 30px;
}

.wd60 {
	width: 60px;
}

.rddiv input[type="radio"],
.rddiv input[type="checkbox"],
.rddiv label {
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 3px;
}

.rddiv input[type="radio"],
.rddiv input[type="checkbox"] {
	opacity: 0;
	z-index: 999;
}

.rddiv label {
	z-index: 998;
	border-radius: 50%;
	border: 1px solid #ccc;
	cursor: pointer;
}

.rddiv input:checked+label {
	background: #96612f;
	border-color: #96612f;
	border-color: #96612f;
}

.rddiv input:checked+label::after {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	top: 3px;
	left: 3px;
	background: #fff;
}

.form-control.wd170 {
	width: 170px;
}

.form-control.wd260 {
	width: 260px;
}

.form-control.wd240 {
	width: 240px;
}

.form-control.wd110 {
	width: 120px;
}

.form-control.pwd80 {
	width: 80%
}

.form-control.pwd100 {
	width: 100%
}

textarea {
	line-height: 1.6;
	resize: vertical;
	height: auto;
	word-break: break-all;
	overflow-wrap: anywhere;
	white-space: pre-wrap;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

.file-btn {
	width: 100px;
	height: 105px;
	background: #f0f2f3;
}

.file-btn.jia::before {
	background-position: -27px -600px;
}

.file-btn::before {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 56px;
	height: 56px;
	background: url(../images/22cn_05.png) no-repeat -26px -500px;
}

.file-btn:hover {
	background: var(--mcolor);
}

.file-btn:hover::before {
	background-position: -131px -500px;
}

.file-btn.jia:hover::before {
	background-position: -134px -600px;
}

[type=file].dnone {
	display: none;
}

.row.no-gutters {
	margin-left: 0;
	margin-right: 0;
}

.row.no-gutters>[class*=col] {
	padding-left: 0;
	padding-right: 0;
}

.jm13 {
	margin-left: -13px;
	margin-right: -13px;
}

.jm13>[class*=col] {
	padding: 0 13px;
}

.jm10 {
	margin-left: -10px;
	margin-right: -10px;
}

.jm10>[class*=col] {
	padding: 0 10px;
}

.jm5 {
	margin-left: -5px;
	margin-right: -5px;
}

.jm5>[class*=col] {
	padding: 0 5px;
}

.ztable {
	width: 100%;
	border: 1px solid #ddd;
	border-collapse: collapse;
}

.ztable th,
.ztable td {
	padding: 8px 15px;
	text-align: center;
	border: 1px solid #ddd;
	white-space: normal;
	word-break: break-all;
}


/* course **/
.courselist {
	margin: 0 -10px;
}

.courselist>div {
	padding: 0 10px;
}

.course:hover .st {
	font-weight: bold;
	color: var(--yellow2);
}

.course:hover .imgs img {
	transform: scale(1.1);
}

.course .imgs {
	overflow: hidden;
}

.course .imgs img {
	width: 100%;
	transition: all 1s;
}

.course .txt {
	padding: 0 10px;
}

.course .pg {
	width: 50%;
	height: 9px;
	border: 1px solid #c1c5ca;
	background: #f6f2e5;
	border: 1px solid #e8d7b3;
	border-radius: 4px;
}

.course .pg-bg {
	left: 0;
	top: 0px;
	height: 100%;
	background: #e8d7b3;

}

.course .online {
	top: 0;
	right: 0;
	z-index: 1;
	width: 80px;
	height: 36px;
	line-height: 32px;
	background: url(../images/22cn_02.png) 0 -957px;

}

.course .term {
	z-index: 1;
	top: 8px;
	left: 50%;
	transform: translateX(-50%);
	padding: 2px 15px;
	color: var(--mcolor);
}

.course .tnm {
	z-index: 1;
	left: 15px;
	right: 15px;
	top: 50%;
	transform: translateY(-40%);
	max-height: 95px;
	overflow: hidden;
}

.course .cbs {
	z-index: 1;
	left: 10px;
	top: 0;
	width: 51px;
	height: 52px;
	line-height: 42px;
	background: url(../images/course_07.png);
}

.course .status {
	z-index: 1;
	right: 0;
	bottom: 0;
}

.aic {
	margin: 0 10px 20px;
	padding: 12px 0 10px 72px;
	border-radius: 4px;
}

.aic.active {
	background: #fbf1f0;
}

.aic:hover,
.aic.active {
	color: var(--mcolor);
}

.aic::before {
	top: 8px;
	left: 20px;
	width: 35px;
	height: 35px;
	background: url(../images/22cn_05.png) no-repeat -34px -5px;
}

.aic.aic-register::before {
	background-position: -35px -72px;
}

.aic.aic-bk::before {
	background-position: -35px -145px;
}

.aic.aic-apply::before {
	background-position: -35px -215px;
}

.aic.aic-fee::before {
	background-position: -35px -285px;
}

.aic.aic-talk::before {
	background-position: -35px -355px;
}

.aic.aic-reply::before {
	background-position: -35px -425px;
}

.aic.aic-makeup::before {
	background-position: -40px -703px;
}

.aic.aic-degree::before {
	background-position: -39px -766px;
}

.aic.aic-newcheck::before {
	background-position: -39px -1170px;
}

.aic.aic-leave::before {
	background-position: -39px -830px;
}

.aic.aic-leave::before {
	background-position: -39px -830px;
}

.aic.aic-leave-check::before {
	background-position: -39px -895px;
}

.aic.aic-open-report::before {
	background-position: -39px -965px;
}

.aic.aic-design::before {
	background-position: -39px -1037px;
}

.aic.aic-paper::before {
	background-position: -39px -1108px;
}

.aic.aic-pigai::before {
	background-position: -39px -1660px;
	
}

.aic.aic-chachong::before {
	background-position: -39px -1595px;
}

.aic.aic-mk-info::before {
	background-position: -39px -1238px;
}

.aic.active::before {
	background-position: -144px -5px;
}

.aic.active.aic-register::before {
	background-position: -146px -72px;
}

.aic.active.aic-bk::before {
	background-position: -146px -145px;
}

.aic.active.aic-apply::before {
	background-position: -146px -215px;
}

.aic.active.aic-fee::before {
	background-position: -146px -285px;
}
.aic.active.aic-leave-chachong::before {
	background-position: -144px -1595px;
}
.aic.active.aic-talk::before {
	background-position: -146px -355px;
}

.aic.active.aic-reply::before {
	background-position: -146px -425px;
}

.aic.active.aic-makeup::before {
	background-position: -149px -703px;
}

.aic.active.aic-degree::before {
	background-position: -147px -766px;
}

.aic.active.aic-newcheck::before {
	background-position: -147px -1170px;
}

.aic.active.aic-leave::before {
	background-position: -144px -830px;
}

.aic.active.aic-leave-check::before {
	background-position: -144px -895px;
}

.aic.active.aic-open-report::before {
	background-position: -144px -965px;
}

.aic.active.aic-design::before {
	background-position: -144px -1037px;
}

.aic.active.aic-paper::before {
	background-position: -144px -1108px;
}

.aic.active.aic-mk-info::before {
	background-position: -143px -1238px;
}

.aic.aic-photo::before {
	background-position: -39px -1318px;
}
.aic.active.aic-photo::before {
	background-position:  -144px -1318px;
}

.aic.aic-retake::before {
	background-position: -39px -1390px;
}
.aic.active.aic-retake::before {
	background-position:  -144px -1390px;
}

.aic.aic-exempt::before {
	background-position: -39px -1460px;
}
.aic.active.aic-exempt::before {
	background-position:  -144px -1460px;
}

.course .cer {
	top: -5px;
	right: -40px;
}

/* .hd11 .collapse::before, .hd11 .collapse::after{
	clear: both !important;
	display: table; 
}
.hd11 .navbar-header {
	padding-top: 10px;
	width: 100%;
	height: 65px;
	display: block;
}

.hd11 .navbar-header .navbar-brand {
	display: block !important;
}

.hd11 .navbar-toggle {
	display: block;
}

.hd11 .navbar-collapse {
	display: none !important;
}

.hd11 .navbar-collapse.in {
	display: block !important;
	clear: both;
	margin-top: 65px;
	background-color: #fff;
}

.hd11 .navbar-collapse.in .hidden-xs {
	display: none;
} */

.topdiv {
	top: 0;
	left: 0;
	right: 0;
	position: fixed;
	z-index: 1000;
	margin-bottom: 25px;
	height: 65px;
	transition: 1s all;
	/* transform-origin: center top;
	transform: rotate3d(1, 0, 0, 90deg); */
	/* display: none; */

}
.topdiv .nav>li>a{
	color: #000;
	font-size: 18px;
}
.topdiv .htmldiv {
	padding: 0;
}

.topdiv .navbar-collapse {
	background: #fff;
	position: static;
}

.topdiv.navbar {
	border-top: none;
	border-left: none;
	border-right: none;
	border-radius: 0;
	/* border-bottom:  */
}

.topdiv .navbar-brand {
	padding: 0;
}

.topdiv .navbar-brand>img,
.topdiv .alogo>img {
	max-width: 95%;
	max-height: 90%;
	display: inline-block;
}

.topdiv.navbar-default .navbar-toggle {
	border-color: var(--mcolor);
	background: #fff;
}

.topdiv.navbar-default .navbar-toggle:hover,
.topdiv.navbar-default .navbar-toggle:active {
	background: none;
	box-shadow: 0 0 2px var(--mcolor);
}

.topdiv.navbar-default .navbar-toggle .icon-bar {
	background: var(--mcolor);
}

.topdiv .navbar-nav .active {
	color: var(--mcolor);
	border-bottom: 2px solid var(--mcolor);

}

.topdiv .alogo .topdiv .alogo {
	margin-right: 15px;
	height: 60px;
	overflow: hidden;
	max-width: 23%;
}

.topdiv .navbar-right {
	margin-bottom: 5px;
}

.topdiv ul.dropdown-menu>li>a {
	margin-bottom: 5px;
	padding: 3px 15px;
	text-align: center;
}

.topdiv ul.dropdown-menu>li>a:hover {
	background: #f0f2f3;
	color: var(--mcolor);
}

.topdiv.navbar-default .navbar-nav>.active>a,
.topdiv.navbar-default .navbar-nav>.active>a:focus,
.topdiv.navbar-default .navbar-nav>.active>a:hover {
	background: none;
	color: var(--mcolor);
}

.topdiv.navbar-default .navbar-nav>.active>a,
.topdiv.navbar-default .navbar-nav>.active>a:focus,
.topdiv.navbar-default .navbar-nav>.active>a:hover,
.topdiv.navbar-default .navbar-nav>li>a:hover {
	background: none;
	color: var(--mcolor);
}

.topdiv .user-dropdown .btn-default,
.topdiv .user-dropdown .btn-default:hover,
.topdiv .user-dropdown .btn-default:focus,
.topdiv .user-dropdown .btn-default:active,
.topdiv .open>.dropdown-toggle.btn-default {
	padding: 0;
	border: none;
	background: none;
	box-shadow: none;
}

.topdiv.navbar-default .user {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
}

.topdiv.navbar-default .user:hover {
	box-shadow: 0 0 2px #333;
}

.topdiv .abtn {
	width: 35px;
	height: 35px;
	background: url('../images/22cn_01.png') no-repeat;
}

.topdiv .abtn:hover {
	margin-top: -1px;
}

.topdiv .atoggle {
	background-position: -30px -23px;
}

.topdiv .atoggle:hover {
	background-position: -30px -250px;
}

.topdiv .mcolor {
	background-position: -115px -18px;
}

.topdiv .mcolor:hover {
	background-position: -115px -245px;
}

.topdiv .msg {
	background-position: -198px -18px;
}

.topdiv .msg:hover {
	background-position: -198px -245px;
}

.topdiv .msg .badge {
	left: 15px;
	background: var(--mcolor);
	font-weight: normal;
}

.topdiv .btn-default:active {
	outline: none;
	background: none;
}

.topdiv .user-dropdown .dropdown-menu {
	padding: 12px 8px;
	min-width: auto;
	border: none;
	box-shadow: 0 0 15px #bbb;

}


/* foot **/

.ftdiv .gddiv {
	margin-left: 0;
	margin-right: 0;
	padding: 30px 0 10px;
}

.ftdiv .gddiv .col-lg-2 {
	padding: 0;
}

.ftdiv .gddiv .txt {
	width: 70%;
}

.ftdiv .gddiv .other {
	margin-top: 5px;
	color: #c2c3c4;
}

.ftdiv .line {
	height: 1px;
	background: #f0f2f3;
}

.ftdiv .cydiv {
	padding: 12px 0 10px;
	min-height: 42px;
	font-size: 14px;
}

.ftdiv .cydiv span {
	margin: 0 25px 0 25px;
}

.ftdiv .cydiv a:hover {
	color: var(--mcolor);
}

.ftdiv .ig {
	width: 46px;
	height: 43px;
	background: url(../images/22cn_01.png) no-repeat;
}

.ftdiv .ig1 {
	background-position: -25px -86px;
}

.ftdiv .ig2 {
	background-position: -118px -86px;
}

.ftdiv .ig3 {
	background-position: -206px -86px;
}

.ftdiv .ig4 {
	background-position: -25px -150px;
}

.ftdiv .ig5 {
	background-position: -118px -152px;
}

.ftdiv .ig6 {
	background-position: -206px -153px;
}

/*custome**/
.custome22 {
	position: fixed;
	z-index: 1001;
	top: 50%;
	right: 0;
	transform: translateY(-55%);
	background: #fff;
	border-radius: 6px 0 0 6px;
	box-shadow: 0 0 15px #ddd;
	font-family: "Microsoft YaHei";
	font-size: 14px;
	color: #666;
}

.custome22 li {
	position: relative;
	margin-top: -1px;
	width: 62px;
	height: 70px;
	transition: all 0.3s ease-in-out;
}

.custome22 li:hover .pce {
	right: 0;
	width: 300px;
	box-shadow: 0 0 15px #ddd;
}

.custome22 li:hover .pce.wd220 {
	width: 210px;
}

.custome22 li>a {
	position: relative;
	z-index: 1000;
	display: block;
	padding-top: 45px;
	height: 100%;
	text-align: center;
	background: #fff url(../images/22cn_06.png) no-repeat -224px -129px;
}

.custome22 li:first-child>a {
	border-top-left-radius: 6px;
}

.custome22 li:last-child>a {
	border-bottom-left-radius: 6px;
}

.custome22 li>a:hover {
	background-position: -78px -130px;
	color: #e13b29;
}

.custome22 li>a.a2 {
	background-position: -223px -218px;
}

.custome22 li>a.a2:hover {
	background-position: -74px -219px;
	color: #e13b29;
}

.custome22 li>a.a3 {
	background-position: -224px -302px;
}

.custome22 li>a.a3:hover {
	background-position: -78px -303px;
	color: #e13b29;
}

.custome22 li>a.a4 {
	background-position: -224px -392px;
}

.custome22 li>a.a4:hover {
	background-position: -77px -393px;
	color: #e13b29;
}

.custome22 li>a.a5 {
	background-position: -224px -485px;
}

.custome22 li>a.a5:hover {
	background-position: -78px -486px;
	color: #e13b29;
}

.custome22 li>a.a4:before {
	content: '';
	height: 1px;
	bottom: 0;
	left: 3px;
	right: 3px;
	position: absolute;
	background: #ddd;
}

.custome22 li>a.a6 {
	padding-top:55px;
    background:url(../images/22cn_06_ai.png) no-repeat center;
    color: #333;
}

.custome22 li>a.a6:hover {
    background:url(../images/22cn_06_ai1.png) no-repeat center;
    color: #e13b29;
}

.custome22 li>a.a7 {
	padding-top:55px;
    background:url(../images/22cn_06_m.png) no-repeat center;
    color: #333;
}

.custome22 li>a.a7:hover {
    background:url(../images/22cn_06_m1.png) no-repeat center;
    color: #e13b29;
}

.custome22 .pce {
	position: absolute;
	z-index: 999;
	top: 0;
	right: -300px;
	padding-top: 20px;
	width: 300px;
	background: #fff;
	border-radius: 6px 0 0 6px;
	transition: all .5s ease-in-out;
}

.custome22 .pce.wd220 {
	padding: 10px 0 10px 15px;
	width: 210px;
	line-height: 1.4;
}

.custome22 .wd120 {
	width: 120px;
}

.custome22 .tcenter {
	text-align: center;
}

.custome22 a.tc9:hover {
	color: #e13b29;
}

.custome22 .sce {
	position: relative;
	margin-bottom: 15px;
	padding: 0 70px 0 40px;

}

.custome22 .sce::before {
	left: 10px;
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	background: url(../images/22cn_06.png) no-repeat -95px -58px;
}

.custome22 .sce-nm {
	font-size: 15px;
	font-weight: bold;
}

.custome22 .sce-nt {
	padding-top: 5px;
	line-height: 1.7;
	font-size: 12px;
	color: #999;
}

.custome22 .pcqq {
	padding-top: 10px;
}

.custome22 .cqq {
	display: inline-block;
	margin-right: 5px;
	width: 85px;
	height: 28px;
	line-height: 26px;
	background: #e13b29;
	border-radius: 5px;
	color: #fff;
	text-align: center;
}

.custome22 .cqq:hover {
	text-decoration: underline;
}

.custome22 .borderb {
	border-bottom: 1px solid #ddd;
}

.custome22 li>a.a5 {
	padding-top: 28px;
	line-height: 1.2;
}

.custome .ctop a:hover {
	background-position: 4px -649px;
}

.page-red{
	position: relative;
	padding: 80px 0;
	clear: both;
}
.page-red::after{
	content: '';
	clear: both;
}
.pagination-red{
	float: right;
}

.pagination-red #tz_select {
	float: left;
	height: 28px;
	width: 50px;
	margin-top: 1px;
}
.pagination-red>li>a{
	padding: 3px 10px;
}
.pagination-red>li>span {
	padding-left: 0;
	border: none;
	background: none;
	color: #666;
}
.pagination-red li:not(.li-header)>a {
	border-color: var(--mcolor);
	margin: 0 2px;
	border-radius: 2px;
	color: var(--mcolor) ;
}
.pagination-red>.active>a,
.pagination-red>.active>a:focus,
.pagination-red>.active>a:hover,
.pagination-red>.active>span,
.pagination-red>.active>span:focus,
.pagination-red>.active>span:hover {
	background: var(--mcolor);
	border-color: var(--mcolor);
	color: #fff !important;
}
.pagination>li>a:focus, 
.pagination>li>a:hover{
	background: #f7c6c6;
}

.pagination-red>li>span:focus, 
.pagination-red>li>span:hover{
	color: #666;
	background: none;
}

.lvmsgdiv .ps>div {
	width: 140px;
	height: 42px;
	line-height: 40px;
	border: 1px solid #dbdada;
}

.lvmsgdiv .ps>div.active {
	border-color: #db3b25;
	color: #db3b25;
}

.lvmsgdiv .ps>div:hover {
	color: #db3b25;
}

.lvmsgdiv .pform {
	padding: 30px 30px 10px;
}

.lvmsgdiv .inputdiv {
	margin-bottom: 35px;
}

.lvmsgdiv textarea {
	border-radius: 5px;
}

.lvmsgdiv .jia {
	width: 138px;
	height: 138px;
	background: #f5f5f7;
}

.lvmsgdiv .jia::before {
	width: 38px;
	height: 38px;
	border-radius: 50%;
}

.lvmsgdiv .jia::before,
.lvmsgdiv .jia:hover::before {
	background: #fff url(../images/22jia.jpg) no-repeat center center;
}

.lvmsgdiv .jia:hover {
	box-shadow: 0 0 15px #f5f5f7;
}

.lvmsgdiv .sub {
	margin: 60px 0 0;
	padding: 13px 75px;
}

.lvmsgdiv .input {
	border-radius: 5px;
}

.fbox {
	z-index: 999;
	background: rgba(0, 0, 0, .7);
}

.fbox,
.fbox .box-cont {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.fbox .box-cont {
	margin: auto;
	max-width: 90%;
	height: auto;
	min-height: 200px;
	max-height: 80%;
}

.fbox .box-cont.wd630 {
	width: 630px;
}

.fbox .pclose {
	right: 20px;
	top: 20px;
	border: none;
	outline: none;
	background-color: none;
}

.fbox label {
	width: 30%;
	text-align: right;
	font-weight: normal;
}

.fbox label.wd35 {
	width: 35%;
}

.fbox .input {
	padding-left: 10px;
	width: 35%;
	height: 32px;
	border-radius: 3px;
}

.fbox .input.wd40 {
	width: 40%;
}

.fbox .input.wd50 {
	width: 50%;
}

.fbox .inputdiv.mb30 {
	margin-bottom: 30px;
}

.fbox .afile {
	padding: 5px 10px;
	/* background: #ccc;
	color: #333; */
}

.fbox .bg-yellow5:hover {
	color: var(--yellow2);
	text-decoration: underline;
}

.fbox .sub {
	padding: 12px 0;
	width: 30%;
}

.fbox .sct {
	overflow-y: auto;
	height: calc(100% - 160px);
}

.scroll-red::-webkit-scrollbar {
	width: 5px;
	/* 滚动条宽度， width：对应竖滚动条的宽度  height：对应横滚动条的高度*/
	background-color: #eee;
	border-radius: 3px;
}

/*定义滚动条轨道（凹槽）样式*/
.scroll-red::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	/* 较少使用 */
}

/*定义滑块 样式*/
.scroll-red::-webkit-scrollbar-thumb {
	height: 100px;
	/* 滚动条滑块长度 */
	background-color: #aaa;
	border-radius: 3px;
}

/*index **/
.idx_wrapper .nediv {
	padding: 15px 10px 15px 70px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.idx_wrapper .nediv::before {
	content: '';
	position: absolute;
	width: 50px;
	height: 50px;
	left: 12px;
	background: url(../images/22cn_02.png) no-repeat -10px -23px;
}

.idx_wrapper .nediv .bg-yw {
	width: 20px;
	height: 26px;
	line-height: 26px;
	border-radius: 5px;
	background: var(--yellow);
	font-size: 22px;
	font-weight: bold;

	color: var(--mcolor);
}

.idx_wrapper .bg-term {
	width: 60px;
	height: 60px;
	line-height: 50px;
	font-size: 40px;
	color: var(--mcolor);

}

.idx_wrapper .bg-term::before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/22cn_02.png) no-repeat -5px -740px;
}

.idx_wrapper .st-term::after {
	width: 20px;
	height: 30px;
	background: url(../images/22cn_02.png) no-repeat -18px -681px;
}

.idx_wrapper .termdiv .change {
	z-index: 1;
	top: 0;
	right: 0;
}

.idx_wrapper .termdiv .dropdown .btn {
	padding: 1px 6px;
	border-radius: 10px;
	outline: none;
	background: none;
	border: 1px solid #bebdbd;
	color: #bebdbd;
	font-size: 12px;
}

.idx_wrapper .termdiv .change.open>button {
	border-radius: 10px 10px 0 0;
}

.idx_wrapper .termdiv .dropdown-menu {
	margin-top: -1px;
	padding: 0 0 0;
	width: 100%;
	min-width: auto;
	border-radius: 0 0 10px 10px;
	border-top: none;
	border-color: #bebdbd;
	box-shadow: none;
}

.idx_wrapper .termdiv .dropdown-menu>li>a {
	margin-bottom: 4px;
	padding: 0;
	font-size: 12px;
	text-align: center;
	color: #666;
}

.idx_wrapper .termdiv .dropdown ul.dropdown-menu>li>a:hover {
	background: #f9e6cb;
	color: var(--yellow2);
}

.idx_wrapper .st-type {
	padding: 0 15px;
	max-width: 120px;
	min-width: 90px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	background: #f9e6cb;
	color: var(--yellow2);
}

.idx_wrapper .phot {
	height: 30px;
}

.idx_wrapper .stype {
	padding: 0 0 10px;
}

.idx_wrapper .stype:last-child {
	margin-bottom: 0;
}

.idx_wrapper .typediv .line {
	top: 0;
	left: 27px;
	bottom: 10px;
	width: 1px;
	background: url(../images/22line_01.png) repeat-y;
}

.idx_wrapper .typediv .cer {
	left: -16px;
	top: 10px;
	width: 7px;
	height: 7px;
	background-color: #eadef3;
	border-radius: 50%;
}

.idx_wrapper .typediv .hot {
	top: -5px;
	left: -15px;
	z-index: 1;
}

.idx_wrapper .typediv .bbd {
	border-bottom: 1px solid #333;
}

.idx_wrapper .typediv .bbd:hover {
	color: var(--mcolor);
	border-color: var(--mcolor);
}

.idx_wrapper .xydiv img {
	width: 100%;
}

.idx_wrapper .myinfo .enter {
	right: 15px;
	top: 40%;
}

.idx_wrapper .myinfo .progress {
	margin-bottom: 0;
	width: 70%;
	height: 12px;
	line-height: 12px;
	box-shadow: none;
	/*border: 1px solid #dadada;*/
	border-radius: 5px;
	background: #ebebeb;
}

.idx_wrapper .myinfo .progress-bar-warning {
	background: #ffb712;
	box-shadow: none;
}

.idx_wrapper .myinfo .num {
	/*margin-top: -2px;*/
	top: 0;
	left: 0;
	right: 0;
	line-height: 1;
	text-align: center;
}

.idx_wrapper .myinfo .form-control {
	box-shadow: none;
}

.idx_wrapper .myinfo .zbtn {
	padding: 4px 10px 3px;
}

.idx_wrapper .myteacher .other div {
	margin-bottom: 8px;
	padding-left: 25px;
	background: url(../images/22cn_02.png) no-repeat;
}

.idx_wrapper .myteacher .other .nm {
	background-position: -15px -195px
}

.idx_wrapper .myteacher .other .qq {
	background-position: -15px -222px
}

.idx_wrapper .myteacher .other .wn {
	background-position: -15px -252px
}

.idx_wrapper .myteacher .other .pe {
	background-position: -15px -282px
}

.idx_wrapper .form-control:focus {
	border-color: var(--yellow2);
	box-shadow: 0 0 5px var(--yellow2);
}

.idx_wrapper .schooldiv .zbtn {
	padding: 8px 25px;
}

.idx_wrapper .schooldiv .intro {
	max-height: 72px;
}

.idx_wrapper .noticediv {
	padding: 10px 45px 10px 50px;
}

.idx_wrapper .noticediv::before {
	width: 30px;
	height: 30px;
	background: url(../images/22cn_02.png) no-repeat -10px -810px;
	left: 12px;
	top: 5px;
}

.idx_wrapper .noticediv .cs {
	right: 10px;
}

.idx_wrapper .bmdiv {
	padding: 10px;
	background: var(--red) url(../images/22idx_02.jpg) no-repeat center center;
	background-size: 100% auto;
}

.idx_wrapper .bmdiv .fs38 {
	padding: 10px 15px;
	line-height: 1;
	font-size: 20px;
	border: 1px solid #e78872;
}

.idx_wrapper .bmdiv .rec {
	width: 15px;
	height: 15px;
}

.idx_wrapper .bmdiv .rec.tl {
	top: -2px;
	left: -2px;
	border-top: 3px solid var(--yellow3);
	border-left: 3px solid var(--yellow3);
}

.idx_wrapper .bmdiv .rec.tr {
	top: -2px;
	right: -2px;
	border-top: 3px solid var(--yellow3);
	border-right: 3px solid var(--yellow3);
}

.idx_wrapper .bmdiv .rec.bl {
	bottom: -2px;
	left: -2px;
	border-bottom: 3px solid var(--yellow3);
	border-left: 3px solid var(--yellow3);
}

.idx_wrapper .bmdiv .rec.br {
	bottom: -2px;
	right: -2px;
	border-bottom: 3px solid var(--yellow3);
	border-right: 3px solid var(--yellow3);
}

.idx_wrapper .vddiv .row {
	margin: 0 -9px;
}

.idx_wrapper .vddiv .col-md-6 {
	padding: 0 9px;
}

.idx_wrapper .vd .line {
	top: 55%;
	width: 25%;
	height: 5px;
}

.idx_wrapper .vd .lline {
	left: 0;
	background: linear-gradient(to right, #fff, #e8e8e8);
}

.idx_wrapper .vd .rline {
	right: 0;
	background: linear-gradient(to right, #e8e8e8, #fff);
}

.idx_wrapper .vd .vd-dt {
	padding: 3px 6px;
	background: var(--gray2);
}

.idx_wrapper .vd .vd-dt::before {
	width: 8px;
	height: 8px;
	background: var(--gray2);
	bottom: -3px;
	left: 50%;
	transform: translate(-50%) rotate(45deg);
}

.idx_wrapper .vd .vd-txt {
	padding: 20px 30px 20px 35px;
	height: 145px;
}

.idx_wrapper .vd .nm {
	height: 50px;
}

.idx_wrapper .vd .zbtn {
	padding: 0;
	width: 96px;
	height: 30px;
	line-height: 28px;
	right: 30px;
	bottom: 25px;
}

.idx_wrapper .vd .zbtn.zbtn-red {
	line-height: 30px;
}

/*course**/
.searchdiv .pl65 {
	padding-left: 65px;
}

.searchdiv .sst {
	left: 5px;
	top: 12px;
}

.searchdiv .it {
	padding: 3px 8px;
	border-radius: 3px;
}

.searchdiv .it:hover {
	color: var(--yellow2);
}

.searchdiv .it.active {
	background: #f9e6cb;
	color: var(--yellow2);
}

/*course detail**/
.course_wrapper .courseinfo {
	padding: 35px 30px 25px;
}

.course_wrapper .courseinfo .tc-main {
	border-bottom: 1px solid var(--mcolor);
}

.course_wrapper .courseinfo .tc-main:hover {
	font-weight: bold;
}

.course_wrapper .courseinfo .intro {
	max-height: 80px;
}

.course_wrapper .courseinfo .progress-yellow {
	margin-bottom: 10px;
}

.course_wrapper .courseinfo .zbtn-red {
	padding: 10px 20px;
}

.course_wrapper .courseinfo .zbtn-red:hover {
	color: #fff;
}

.progress-yellow {
	overflow: visible;
	height: 10px;
	border: 1px solid #e8d7b3;
	background: #f6f2e5;
}

.progress-yellow .progress-bar-yellow {
	background: #e8d7b3;
	border-radius: 20px;
}

.progress-yellow .bar-txt {
	left: 100%;
	transform: translate(-50%);
	top: -30px;
	padding: 1px 5px;
	border: 1px solid #e8d7b3;
	background: #f6f2e5;
	box-shadow: 0 0 2px #f6f2e5;
	white-space: nowrap;
	border-radius: 5px;
	color: var(--yellow2);
}

.progress-yellow .bar-txt::before {
	width: 6px;
	height: 6px;
	background: #f6f2e5;
	bottom: -3px;
	left: 50%;
	border-right: 1px solid #e8d7b3;
	border-bottom: 1px solid #e8d7b3;
	transform: translate(-50%) rotate(45deg);
}

.course_wrapper .tabdiv {
	display: flex;
	min-height: 60px;
	background: #fafafa;
	border-bottom: 1px solid #e5e4e4;
}

.course_wrapper .tabdiv a {
	padding: 15px 15px;
	margin: 0 0 -1px -1px;
	width: 215px;
	line-height: 30px;
	border-left: 1px solid #e5e4e4;
	border-right: 1px solid #e5e4e4;
	color: #333;
}

.course_wrapper .tabdiv a.active {
	background: #fff;
}

.course_wrapper .basediv .zbtn-red,
.course_wrapper .basediv .zbtn-rborder,
.course_wrapper .basediv .zbtn-gborder5 {
	width: 80px;
	height: 30px;
	line-height: 26px;
}

.course_wrapper .basediv .zbtn-rborder.yellow {
	background: #fae6cb;
}

.course_wrapper .basediv .zbtn-rborder.yellow:hover {
	background: var(--mcolor);
}

.course_wrapper .dirdiv .zbtn-red,
.resourcediv .zbtn-red {
	display: none;
}

.course_wrapper .basediv .vd-item {
	padding: 10px 15px;
	line-height: 30px;
}

.course_wrapper .basediv .vd-item:hover {
	background: var(--yellow4);
}

.course_wrapper .dirdiv .vd-item:hover .zbtn-red,
.resourcediv .vd-item:hover .zbtn-red {
	display: inline-block;
}

.course_wrapper .dirdiv .zbtn-red:hover,
.resourcediv .zbtn-red:hover,
.course_wrapper .talkdiv .talk-zbtn:hover {
	text-decoration: underline;
}

.course_wrapper .dirdiv .vd-item:hover .date {
	display: none;
}

.course_wrapper .talkdiv .zbtn-yellow {
	padding: 2px 8px;
}

.course_wrapper .media-object {
	background-color: #efefef;
}

.course_wrapper .media {
	padding: 0 20px 15px 10px;
}

.course_wrapper .media-left {
	padding-right: 15px;
}

.course_wrapper .talkdiv .zbtn-bborder {
	padding: 1px 10px 0;
}

.course_wrapper .talkdiv .ttype {
	padding: 2px 8px;
}

.course_wrapper .talkdiv .talk-zbtn {
	line-height: 28px;
}

.course_wrapper .talkdiv .ttype.yellow {
	background: #f9e6cb;
	color: var(--yellow2);
}

.course_wrapper .talkdiv .ttype.red {
	background: #fff1f0;
	color: var(--mcolor);
}

.course_wrapper .talkdiv .self {
	background: var(--mcolor);
	color: #fff;
}

.course_wrapper .talkdiv .reply:hover {
	color: var(--mcolor);
	text-decoration: underline;
}

.course_wrapper .resourcediv .vd-item {
	padding: 15px 15px;
}

.ctdiv textarea {
	margin-top: 5px;
	padding: 5px 10px;
	width: 100%;
	border: 1px solid #dddfe4;
	resize: vertical;
	outline: none;
}

.ctdiv textarea:focus {
	border-color: #e8d7b3;
	outline: none;
	box-shadow: 0 0 5px #e8d7b3;
}

.ctdiv .ctxt {
	overflow: hidden;
}

/*video**/
.video_wrapper {
	position: relative;
	background: #26292c;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.video_wrapper .vlocation {
	height: 70px;
	background: #2e2e36;
}

.video_wrapper .vlocation .logo {
	max-height: 70px;
	color: #333;
}

.video_wrapper .video-cont {
	top: 71px;
	bottom: 0;
	left: 0;
	right: 0;
}

.video_wrapper .leftdiv {
	left: 0;
	top: 0;
	right: 316px;
	box-sizing: content-box;
}

.video_wrapper .control {
	position: absolute;
	left: -20px;
	top: 40%;
	padding-left: 6px;
	width: 20px;
	height: 50px;
	text-decoration: none;
	line-height: 50px;
	color: #cecfd2;
	background: #3d4246;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.video_wrapper .control.return::before {
	transform: rotate(45deg);
}

.video_wrapper .control::before {
	width: 8px;
	height: 8px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	top: 45%;
	left: 50%;
	transform: translateX(-50%) rotate(-135deg);
}


.video_wrapper .rightdiv {
	top: 0;
	right: 0;
	bottom: 0;
	width: 315px;
	z-index: 999;
}

.video_wrapper .rightdiv .rtopdiv {
	padding: 15px 10px;
	border-top: 1px solid #62626b;
	border-bottom: 1px solid #62626b;
}

.video_wrapper .progress-red {
	width: 45%;
	height: 8px;
}

.video_wrapper .nt {
	overflow: hidden;
	max-width: 105px;
	color: #a9a9a9;
}

.video_wrapper .item-list {
	padding: 10px 0 50px;
	bottom: 0;
	left: 0;
	right: 0;
	top: 70px;
	max-height: calc(100% - 70px);
	overflow: auto;
}

.video_wrapper .item {
	padding: 10px 15px 10px 40px;
}

.video_wrapper .item.finished {
	background: url(../images/2022vd_01.png) no-repeat 10px 9px;
}

.video_wrapper .item:hover {
	color: var(--mcolor);
}

.video_wrapper .item:hover a {
	color: var(--mcolor);
}

.video_wrapper .item a {
	color: #fff;
}

.video_wrapper .item .txt {
	padding-left: 0;
	padding-right: 25px;
}

.video_wrapper .item.active {
	background: url(../images/2022vd_03.png) no-repeat 10px 9px;
}

.video_wrapper .item.active a {
	color: var(--mcolor);
}

.video_wrapper .item.active .now {
	display: block;

}

.video_wrapper .item .now {
	display: none;
	top: 2px;
	right: 5px;
	width: 23px;
	height: 23px;
	background: url(../images/2022vd_02.png) no-repeat;
	animation: mymove 5s infinite;
	-webkit-animation: mymove 2s infinite;
}

/*score**/
.score_wrapper .termlist .zbtn-ybg5 {
	width: 100px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
}

.score_wrapper .termlist .zbtn-ybg5:not(.active):hover {
	background: #f9e6cb;
	color: var(--yellow2);
}

.score_wrapper .nt {
	margin: 10px 20px 35px;
	padding: 20px 40px;
}

.score_wrapper .table {
	background: #fbfbfb;
	border: 1px solid #e3e3e3;
}

.score_wrapper .table td,
.score_wrapper .table th {
	border: 1px solid #e3e3e3;
	vertical-align: middle;
}

.score_wrapper .table .pl20 {
	padding-left: 20px;
}

/*download**/
.resource:hover {
	background: #fdf6f0;
}

.resource .zbtn-red {
	width: 80px;
	height: 30px;
	line-height: 26px;
	display: none;
}

.resource:hover .zbtn-red {
	display: inline-block;
}

.resource:hover .zbtn-red:hover {
	text-decoration: underline;
}

/*baok **/
.bklist .row23 {
	margin-right: -19px;
	margin-left: -19px;
}

.bklist .row23>.col-sm-6 {
	padding: 0 19px;
}

.bk {
	padding: 0 28px;
	min-height: 280px;
	border-radius: 3px;
	border: 2px solid #f3f3f3;
}

.bk:hover {
	box-shadow: 0 0 10px #eee;
}

.bk .slabel {
	width: 100px;
}

.bk .pb25 {
	padding-bottom: 28px;
}

.bk .nt {
	height: 72px;
}

.bk .num {
	padding-left: 20px;
	background: url(../images/22cn_04.png) no-repeat -10px -380px;
}

.bk .zbtn {
	margin-right: 10px;
	width: 110px;
	height: 38px;
	line-height: 32px;
	border-radius: 5px;
	border: 1px solid #98571f;
	color: #98571f;
}

.bk .zbtn.zbtn-red {
	border-color: var(--mcolor);
	color: #fff;
}

.bk .zbtn.zbtn-red:hover {
	background: #e73b47;
	color: #fff;
}

.bk .zbtn:hover {
	color: #fff;
	border-color: var(--mcolor);
	background: var(--mcolor);
}

.bk .pstatus,
.bk .ustatus {
	position: absolute;
	background: url(../images/22cn_04.png) no-repeat;
}

.bk .pstatus {
	top: -10px;
	right: 35px;
	width: 170px;
	height: 40px;
	line-height: 40px;
	background-position: -22px -184px;
	text-align: center;
	color: #98571f;
	font-size: 13px;
}

.bk .pstatus.ys,
.bk .pstatus.no {
	padding-left: 15px;
	color: #fff;
}

.bk .pstatus.ys {
	background-position: -22px -20px;
}

.bk .pstatus.no {
	background-position: -22px -101px;
}

.bk .ustatus {
	left: 90px;
	bottom: 60px;
	width: 85px;
	height: 85px;
	background-position: -65px -395px;
}

.bk .ustatus.ys {
	background-position: -65px -277px;
}

#mybk .inputdiv {
	margin-bottom: 15px;
}

#mybk .modal-header {
	border-bottom: none;
}

#mybk .modal-title {
	margin-top: 25px;
	margin-bottom: 20px;
	padding-left: 20px;
}

#mybk .modal-content {
	height: 350px;
}

#mybk label {
	width: 100px;
	text-align: right;
	font-weight: normal;
}

#mybk .input {
	padding-left: 10px;
	width: 255px;
	height: 32px;
	border-radius: 3px;
}

#mybk .afile {
	padding: 5px 5px;
	background: #ccc;
	color: #333;
}

#mybk .afile:hover {
	background: var(--mcolor);
	color: #fff;
}

#mybk .modal-title {
	margin-bottom: 0;
}

#mybk .zbtn {
	width: 110px;
	height: 38px;
	line-height: 36px;
}

.mybk {
	padding-top: 30px;
	padding-bottom: 50px;
}

.mybk .wd80 {
	padding: 0;
	width: 80px;
	height: 30px;
	line-height: 28px;
}

.mybk .wd80.zbtn-red {
	line-height: 30px;
}

.mybk .down {
	width: 30px;
	height: 30px;
	background-size: 80%;
}


.mybk-cont {
	padding: 50px;
}

.mybk-cont .nt {
	padding: 12px 25px;
	background: #f0f2f3;
	color: #98571f;
}

.mybk-cont .zbtn {
	width: 105px;
	padding: 10px 0;
}

.mybk .infodiv {
	float: none;
}

.mybk .infodiv .zbtn-red {
	padding: 10px 15px;
}

/*myinfo**/

.info_wrapper .photodiv {
	width: 130px;
}

.info_wrapper .photodiv .zbtn {
	padding: 10px 0;
	width: 100%;
}

.info_wrapper .infodiv .input.gray {
	max-width: 100%;
	height: 38px;
}

.info_wrapper .infodiv .zbtn-red {
	margin: 60px 0 40px;
	padding: 11px 0;
	width: 100%;
}

.info_wrapper .registerdiv textarea.input,
.leavediv textarea.input {
	padding: 10px;
	display: inline-block;
	line-height: 1.6;
	border-radius: 5px;
}

.info_wrapper .registerdiv .tc-main:hover {
	color: var(--mcolor);
}

.info_wrapper .registerdiv .zbtn-rborder {
	display: inline-block;
}

.info_wrapper .registerdiv .zbtn-rborder,
.step-zbtn {
	padding: 0;
	width: 125px;
	height: 40px;
	line-height: 38px;
}

.info_wrapper .registerdiv .zbtn.dnone,
.step-zbtn.dnone {
	display: none;
}

.step-zbtn.back:hover {
	background: #fff;
	color: var(--mcolor);
	box-shadow: 0 0 3px var(--mcolor);
}

.info_wrapper .registerdiv .zbtn-rborder:hover,
.step-zbtn:hover {
	box-shadow: 0 0 3px var(--mcolor);
}

.info_wrapper .mybk .border {
	border: 1px solid #f0f0f2;
	border-bottom: none;
}

.info_wrapper .mybk .border:last-child {
	border-bottom: 1px solid #f0f0f2;
}

.myfee .red {
	color: #ff0000;
}

.myfee .green {
	color: #6bae94;
}

.mytalk .talk:nth-child(even) {
	background: #f5f5f5;

}

/*apply**/

.makeupdiv .input:not(:focus) {
	box-shadow: none;
}

.makeupdiv .input:not(textarea) {
	height: 36px;

}

.makeupdiv .ce {
	border-radius: 6px;
	margin: 0 15px 15px 0;
	padding: 6px 5px;
	border: 2px solid #cbcbcb;
}

.makeupdiv .ce.active,
.makeupdiv .ce:active {
	border-color: var(--mcolor);
	color: var(--mcolor);

}

.makeupdiv textarea {
	padding: 10px 20px;
	line-height: 1.8;
	border-radius: 6px;
}

.afile.mn,
.makeupdiv .afile {
	padding: 5px 20px;
	background: #dcdcdc;
	border-radius: 6px;
	color: #666;
	/* font-size: 16px; */
}

.afile.mn:hover,
.makeupdiv .afile:hover {
	color: #98571f;
}

.makeupdiv .nform {
	padding: 40px 0 80px;
}

.newcheckdiv .sub,
.makeupdiv .sub,
.degreediv .sub {
	max-width: 100%;
	width: 180px;
	height: 45px;
	line-height: 43px;
}

.degreediv {
	padding: 60px 30px 40px;
}

.degreediv .ncont {
	padding: 50px 20px 20px;
}

.degreediv .sub {
	margin-top: 80px;
}

.newcheckdiv .pzbtn {
	bottom: -100px;
}

/*live**/
.live_wrapper .lives {
	padding: 35px 80px 35px 100px;
}

.live_wrapper .lives .line {
	top: 50px;
	left: 50px;
	bottom: 35px;
	width: 1px;
	border-left: 1px solid #f0f0f2;
}

.live_wrapper .lives .slive {
	padding: 15px 0 20px;
}

.live_wrapper .lives .nm {
	margin-bottom: 10px;
}

.live_wrapper .slive:nth-child(odd) .cer {
	display: none;
}

.live_wrapper .lives .cer {
	left: -42px;
	top: 22px;
	width: 15px;
	height: 15px;
	background-color: #ef2d36;
	border: 4px solid #fabbbe;
	border-radius: 50%;
}

.live_wrapper .lives .hot {
	top: -5px;
	left: 80px;
	z-index: 1;
}

.live_wrapper .lives .bbd {
	border-bottom: 1px solid #333;
}

.live_wrapper .lives .bbd:hover {
	color: var(--mcolor);
	border-color: var(--mcolor);
}
.live_wrapper .lives .zbtn,
.live_wrapper .lives .zbtn:visited {
	margin-right: -15px;
	width: 90px;
	height: 32px;
	line-height: 26px;
	color: var(--mcolor);
}
.live_wrapper .lives .zbtn:hover{
	color: #fff;
}

/*notice**/
.notices .nm {
	max-width: 80%;
}

.notices .notice.none .nm {
	font-weight: bold;
}

.notices .notice:hover {
	background: #fdf6f0;
}

.notices .notice:hover .nm {
	color: var(--yellow2);
}

.notice_wrapper .notice-detail {
	padding: 50px 35px;
}

.notice_wrapper .notice-detail .ncont {
	line-height: 2.2;
}

/*learn**/
.learn_wrapper .learns {
	padding: 70px 60px 20px 0;
}

.learn_wrapper .learn {
	margin-bottom: 50px;
	padding-left: 160px;
}

.learn_wrapper .learns .line {
	top: 30px;
	left: 65px;
	bottom: 40px;
	width: 100px;
	background: linear-gradient(to bottom, #dadada 50%, transparent 50%);
	background-size: 1px 8px;
	background-repeat: repeat-y;
}

.learn_wrapper .learns .line::before,
.learn_wrapper .learns .line::after {
	width: 6px;
	height: 6px;
	background: #cccdcd;
	border-radius: 50%;
	left: -3px;

}

.learn_wrapper .learns .line::after {
	bottom: 0;
}

.learn_wrapper .learn .pterm {
	top: 50%;
	transform: translateY(-50%);
	left: -140px;
	width: 120px;
}

.learn_wrapper .learn .cur {
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #cdcdcd;
}

.learn_wrapper .learn.finish .cur {
	background: #975928;
}

.learn_wrapper .learn.do .cur {
	background: #e13c29;
}

.learn_wrapper .learn.do .cur {
	background: #e13c29;
}

.learn_wrapper .learn .txt,
.learn_wrapper .learn .txt::before {
	box-shadow: 0 0 15px rgb(0 0 0 / 15%);
}

.learn_wrapper .learn .txt::before,
.learn_wrapper .learn .txt .af {
	top: 50%;
}

.learn_wrapper .learn .txt::before {
	left: -8px;
	transform: translateY(-50%) rotate3d(0, 0, 1, 45deg);
	width: 18px;
	height: 18px;
	background: #fff;

}

.learn_wrapper .learn .txt .af {
	transform: translateY(-50%);
	z-index: 2;
	width: 18px;
	height: 50px;
	left: 1px;

}

.learn_wrapper .stype .st-type {
	padding: 0 15px;
	max-width: 120px;
	min-width: 90px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	background: #f9e6cb;
	color: var(--yellow2);
}

.learn_wrapper .stype .st-type.no {
	background: #cccdcd;
	color: #fff;
}

.learn_wrapper .stype .bbd:hover,
.learn_wrapper .learn a:hover {
	color: var(--mcolor);
	border-color: var(--mcolor);
}

.learn_wrapper .phot {
	height: 30px;
}

.learn_wrapper .stype .hot {
	top: 5px;
	left: -15px;
	z-index: 1;
}

.learn_wrapper .stype .bbd {
	border-bottom: 1px solid #333;
}

/*leave**/
.leavecheckdiv .bg-yellow6 {
	padding: 10px 15px;
}

.leavecheckdiv .bg-gray {
	height: 120px;
	background: #f5f5f5;
}

.leavecheckdiv .zbtn-red {
	padding: 6px 12px;
}

.leavecheckdiv .sub {
	margin: 80px 0 50px;
	padding: 12px 30px;
}

.reportdiv .input.bg-gray {
	background: #f0f2f3;
	border-color: #f0f2f3;
}

.reportdiv .input.bg-gray:focus {
	border-color: var(--mcolor);
	background: #fff;
}

.reportdiv .sub {
	margin: 80px 0 50px;
	padding: 12px 0;
	width: 24%;
}

.paperdiv .bg {
	margin-top: -25px;
	height: 490px;
	background: #283353 url(../images/22by_01.jpg) no-repeat center center;
}

.paperdiv .paper-cont {
	margin-top: -490px;
}

.paperdiv .location {
	color: #fae6cb;
}

.paperdiv .nm {
	padding-bottom: 80px;
}

.paperdiv .fs72 {
	font-size: 72px;
	background: linear-gradient(to bottom, #fff, #8ca8d5);
	-webkit-background-clip: text;
	color: transparent;
}

.paperdiv .change {
	right: 10px;
}

.paperdiv .change>.btn {
	padding-left: 35px;
	width: 150px;
	height: 48px;
	color: white;
	border-radius: 0;
	outline: none;
	background: var(--mcolor) url(../images/22cn_02.png) no-repeat 0 -1125px;
}

.paperdiv .dropdown-menu {
	width: 320px;
	right: 0;
	top: 46px;
	left: auto;
	padding: 12px 8px;
	min-width: auto;
	border: none;
	box-shadow: 0 0 15px #bbb;
	border-radius: 0;

}

.paperdiv .change ul>li>a {
	margin-bottom: 5px;
	display: block;
	padding: 7px 15px;
}

.paperdiv .change ul>li>a::before {
	position: absolute;
	right: 15px;
	top: 12px;
	width: 12px;
	height: 7px;
	border-left: 2px solid var(--mcolor);
	border-bottom: 2px solid var(--mcolor);
	transform: rotate(-45deg);
	display: none;
}

.paperdiv .change ul>li>a:hover {
	background: #f8f8f8;
	color: #666;

}

.paperdiv .change ul>li>a:hover::before {
	display: block;
}

.paperdiv .item {
	border-bottom: 2px solid #eaeaea;
}

.paperdiv .item .bg-red {
	padding: 4px 0 3px;
	width: 50%;
}

.paperdiv .table {
	border: 1px solid #ddd;
}

.paperdiv .table td,
.paperdiv .table th {
	border: 1px solid #ddd;
}

.paperdiv .table thead,
.paperdiv .table tbody tr:nth-child(odd) {
	background: #f9f9f9;
}

.paperdiv .tc-blue {
	color: #4998da;
}

.paperdiv .tc-blue:focus,
.paperdiv .tc-blue:hover {
	color: var(--mcolor)
}

.paperdiv .ht830 {
	height: 830px;
	max-height: 830px;
}

.paperdiv .orange-border {
	border: 3px solid #eb8000;
}

.paperdiv .pbtn {
	padding: 15px 15px 30px;
	left: 10px;
	right: 10px;
	bottom: 0;
	border-top: 1px solid #ddd;
}

.paperdiv .ldiv {
	padding-bottom: 80px;
}

.paperdiv .ptable {
	height: calc(100% - 80px);
	overflow-y: auto;
}

.paperdiv .rdiv {
	padding-bottom: 30px;
	overflow-y: auto;
}

.paperdiv .wd80 {
	width: 80px;
	height: 32px;
	line-height: 28px;
}

.paperdiv .paper-nm {
	color: #95622b;
}

.zbtn-gborder.hred {
	padding: 8px 10px;
	color: #666;
}

.zbtn-gborder.hred:hover {
	color: var(--mcolor);
	border-color: var(--mcolor);
}

/*ctable*/
.tindex {
	/*width:1200px;*/
	margin: 0 auto;
	min-height: 500px;
	background: white;
	padding: 10px 10px 70px 10px;
	border-radius: 5px;
}

.ctitle {
	height: 48px;
	line-height: 48px;
	padding: 0 24px 0 10px;
	font-size: 22px;
	font-weight: bold;
	color: #333333;
	border-bottom: 1px solid #E5E4E4;
}

.kbbdiv {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
}

.kbtitle {
	text-align: center;
	height: 55px;
	line-height: 55px;
	font-size: 28px;
	font-weight: bold;
	color: #333333;
	margin-top: 60px;
}

.kbst {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 55px;
	padding: 0 40px;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	font-family: "Microsoft YaHei";
}

.kb1 span {
	color: #E13E2B;
	font-size: 24px;
	font-weight: bold;
}

.kbline {
	/*width:85%;*/
	flex: 1;
	margin-left: 20px;
	height: 1px;
	line-height: 55px;
	background: #F0F0F0;
}

.kbkc {
	/* display: flex;
	flex-wrap: wrap; */
}

.kbdiv {
	/* display: flex;
	flex-direction: row; */
	margin-bottom: 30px;
}

.ssign {
	/*min-width:160px;*/
	padding: 0 5px;
	margin-left: 30px;
	margin-top: 20px;
	font-size: 14px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	border: 1px solid #EFEFEF;
	box-shadow: 0px 5px 5px #F2F0F1;
	text-overflow: ellipsis;
	overflow: hidden;
}

.ssign:hover {
	cursor: pointer;
	box-shadow: 0 0 15px #D4D4D4;
}

.slogo {
	color: white;
	font-size: 14px;
	width: 55px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
	border-bottom-right-radius: 13px;
	position: absolute;
	top: 2px;
	right: 0;
	/*margin:-15px 0 0 5px;*/

}

.sl1 {
	background: linear-gradient(to right, #F79D28, #EE3D35);
}

.sl2 {
	background: linear-gradient(to right, #79C6F3, #7E80F0);
}

.sl3 {
	background: linear-gradient(to right, #0EDFAB, #65EC8B);
}

/*exam*/
.lxindex {
	display: flex;
	flex-direction: row;
	/*
	width: 1100px;*/
	margin: 0 auto;
}

.lx_left {
	/* width: 270px; */
	height: 240px;
	background: white;
	color: #241714;
	font-size: 18px;
	padding: 30px 12px;
	border-radius: 5px;
}

.ll_t {
	/* width: 245px; */
	height: 45px;
	display: flex;
	align-items: center;
	padding-left: 30px;
	cursor: pointer;
	margin: 10px 0;
	border-radius: 5px;
}

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

.ll_tactive {
	color: #E13E2B;
	background: #FBF1F0;
}

.lx_right {
	/* width: 980px; */
	min-height: 200px;
	padding: 20px 20px 60px;
	background: white;
	border-radius: 5px;
	/* margin-left: 20px; */
}

.lr_title {
	font-size: 22px;
	font-weight: bold;
}

.lr_li {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
	font-size: 14px;
	color: #999999;
	padding: 10px 0 20px;
	border-bottom: 1px solid #E5E4E4;
}

.lr_div {
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0 20px;
	background: #F0F2F3;
	border-radius: 5px;
	cursor: pointer;
	margin-right: 20px;
	border: 1px solid #F0F2F3;
	margin-bottom: 10px;
}

.lr_div img {
	position: absolute;
	margin-top: 8px;
	margin-left: -1px;
}

.lrd_active {
	border: 1px solid #E13E2B;
	color: #666666;
}

.lr_line {
	/* height: 80px; */
	display: flex;
	flex-direction: row;
	border-bottom: 1px solid #E5E4E4;
	padding: 0 10px;
}

.ll_left {
	display: flex;
	flex-direction: column;
	padding: 15px 20px 15px;
	width: 80%;
}

.lll_top {
	font-size: 16px;
	color: #666666;
	/* height: 25px; */
	/* line-height: 25px; */
	margin-bottom: 10px;
}

.lll_top span {
	color: #666666;
}

.lll_bottom {
	font-size: 12px;
	color: #999999;
	/* height: 25px; */
	/* line-height: 25px; */
}

.lll_bottom span {
	margin-right: 45px;
}

.ll_right {
	width: 25%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.lr_btn {
	color: #E13B29;
	font-size: 14px;
	/* min-width: 50px; */
	min-width: 60px;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	border: 1px solid #E13B29;
	padding: 0 10px;
}

.lr_line:hover {
	background: #FDF6EF;
	cursor: pointer;
}
/* 双机位逻辑冲突
.lr_line:hover>.ll_right>.lr_btn {
	background: #E13E2B;
	color: white;
}
*/

.lr_line .ll_right .lr_btn:hover {
	background: #E13E2B;
	color: white;
}

/*test*/
.test_li {
	/* height: 170px; */
	border-bottom: 1px solid #E5E4E4;
	width: 94%;
	margin-left: 3%;
	display: flex;
	flex-direction: row;
	padding: 40px 0 20px;
}

.test_li:hover {
	background: #FDF6EF;
	cursor: pointer;
}
/*
.test_li:hover>.test_go>.test_btn {
	background: #E13E2B;
	color: white;
}
*/

.test_li:hover .test_btn:hover {
	background: #E13E2B;
	color: white;
}

.test_sign {
	min-width: 80px;
}

.test_s {
	margin: 0 auto;
	border-radius: 5px;
	text-align: center;
	padding: 2px 10px;
	color: white;
	width: 65px;
	font-size: 14px;
}

.test_red {
	background: #E98100;
}

.test_green {
	background: #64BE97;
}

.test_orange {
	background: #FC6845;
}

.test_content {
	display: flex;
	flex-direction: column;
	/* width: 900px; */
	margin-left: 20px;
	flex: 1;
}

.test_title {
	font-size: 20px;
}

.test_time {
	padding: 15px 0 10px;
	/* line-height: 30px; */
	font-size: 12px;
	color: #E13B29;
}

.test_time span {
	color: #999999;
	margin-left: 40px;
}

.test_tishi {
	font-size: 14px;
	color: #95622B;
	/* line-height: 60px; */
}

.test_go {
	margin-left: 20px;
	margin-right: 10px;
}

.test_btn {
	margin-top: 40px;
	border: 1px solid #E13E2B;
	color: #E13E2B;
	border-radius: 3px;
	/* min-width: 50px; */
	min-width: 80px;
	padding: 0 10px;
	text-align: center;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}

.test_text {
	font-size: 36px;
	color: #E13B29;
	font-weight: bold;
	margin-top: 40px;
}

.test_text span {
	font-size: 14px;
}

/*人脸识别*/
.face_prograss {
	height: 140px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.face_prograss1 {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 65%;
}

.face_line {
	flex: 1;
	/* width: 178px; */
	height: 3px;
	background: #DFDFDF;
}

.face_prograss2 {
	width: 80%;
	display: flex;
	flex-direction: row;
	margin-top: 10px;
}

.face_circle {
	width: 24px;
	height: 24px;
	border-radius: 15px;
	background: white;
	border: 3px solid #DFDFDF;
}

.face_pts {
	width: 200px;
	text-align: center;
	font-size: 14px;
	color: #666666;
}

.face_content {
	height: 550px;
	background: white;
}

.face_title {
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	height: 180px;
	line-height: 180px;
}

.face_text {
	font-size: 16px;
	color: #666666;
	margin-left: 90px;
	height: 40px;
	line-height: 40px;
}

.face_btn1 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	font-size: 16px;
	margin-top: 70px;
}

.face_normal1 {
	color: #E13E2B;
	height: 45px;
	line-height: 45px;
	width: 120px;
	text-align: center;
	border: 1px solid #E13E2B;
	border-radius: 5px;
	cursor: pointer;
}

.face_normal2 {
	background: #E13E2B;
	color: white;
	height: 45px;
	line-height: 45px;
	border-radius: 5px;
	text-align: center;
	width: 120px;
	cursor: pointer;
	margin-left: 15px;
}

.face_normal3 {
	background: #BEBDBD;
	color: white;
	height: 45px;
	line-height: 45px;
	border-radius: 5px;
	text-align: center;
	width: 120px;
	cursor: pointer;
	margin-left: 15px;
	font-size: 16px;
}

.face_normal1:hover {
	box-shadow: 0 0 5px #E13E2B;
	color: #E13E2B;
}

.face_normal2:hover {
	box-shadow: 0 0 5px #E13E2B;
}

.face_normal3:hover {
	box-shadow: 0 0 5px #E13E2B;
}

.face_check {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}

.face_check input {
	width: 18px;
	height: 18px;
	margin-right: 10px;
}

.activeFont {
	color: #95572C;
}

.activeCircle {
	border: 3px solid #95572C;
}

.activeLine {
	background: #A6704D;
}

.face_title2 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	height: 130px;
	line-height: 130px;
}

.face_btn2 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	font-size: 16px;
	margin-top: 40px;
}

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

.face_box {
	width: 330px;
	height: 330px;
	background: #F0F2F3;
}

.face_msg {
	max-width: 440px;
	font-size: 14px;
	padding: 20px 15px;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	color: white;
	z-index: 1;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: white;
	font-size: 14px;
	line-height: 25px;
}

.face_msg span {
	color: #FBF0B0;
}

/*考试做题界面*/
.ep_sign {
	/* width:1290px; */
	margin-top: -15px;
	font-size: 14px;
	color: #666666;
	line-height: 45px;
}

.ep_index {
	/* width:1290px; */
	margin: 0 auto;
	min-height: 500px;
	/* display: flex; */
	flex-direction: row;
}

.ep_left {
	/* width:280px;
	display: flex;
	flex-direction: column; */
}

.ep_video {
	/*
	width:280px;*/
	height: 210px;
	border-radius: 5px;
	overflow: hidden;
}

.ep_video img {
	width: 100%;
	height: 100%;
}

.ep_card {
	width: 100%;
	height: 540px;
	background: white;
	margin-top: 10px;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	padding: 25px 2px 0 15px;
}

.epc_li {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

.epc_title {
	font-size: 16px;
	color: #333333;
	line-height: 40px;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-track {
	border-radius: 8px;
	background-color: #E5E5E5;
}

::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background-color: #CDCDCD;
}

.epc_timu {
	height: 340px;
	display: flex;
	flex-direction: column;
	overflow-y: scroll;
}

.epcl_title {
	font-size: 14px;
	color: #333333;
	line-height: 40px;
	font-weight: bold;
}

.epcl_nums {
	display: flex;
	flex-wrap: wrap;
}

.epcl_circle {
	width: 30px;
	height: 30px;
	border-radius: 15px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #E0E0E0;
	color: #A9A9A9;
	margin-right: 10px;
	margin-top: 12px;
	cursor: pointer;
}

.epcl_circle.finished {
	color: white;
	background: #E0E0E0;
}

.epcl_circle.active {
	border-color: #966131;
	background: #966131;
	color: #fff;
}

.epc_s {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	color: #333333;
	margin-top: 30px;
}

.yizuo {
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background: #E0E0E0;
	margin: 0 15px 0 5px;
}

.weizuo {
	width: 12px;
	height: 12px;
	border-radius: 6px;
	border: 1px solid #E0E0E0;
	margin-left: 5px;
}

.epc_btn {
	width: 195px;
	font-size: 18px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: white;
	background: #E13E2B;
	border-radius: 5px;
	margin: 25px auto 0;
}

.epc_btn:hover {
	box-shadow: 0px 0px 5px #E13E2B;
	cursor: pointer;
}

.ep_right {
	/* width:990px; 
	margin-left:20px;*/
}

.ep_top {
	/* display: flex;
	flex-direction: row; 
	height:90px;*/
}

.ep_time {
	/* width:270px; */
	height: 90px;
	background: white;
	display: flex;
	flex-direction: row;
	border-radius: 5px;
}

.ep_djs {
	width: 40%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ep_card_right {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ecr_top {
	font-size: 15px;
	color: #666666;
}

.ecr_bottom {
	color: #E13E2B;
	font-size: 34px;
	font-weight: bold;
	font-style: italic;
}

.ep_progress {
	/* width:710px; */
	background: white;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	/*
	margin-left:10px;*/
	height: 90px;
	padding-left: 20px;
}

.ep_title {
	font-size: 16px;
	color: #333333;
	line-height: 45px;
}

.ep_pr {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.ep_text {
	font-size: 14px;
	margin-left: 30px;
}

.ep_text span {
	color: #965928;
}

progress {
	/* width:450px; */
	flex: 1;
	height: 10px;
	border-radius: 5px;
	border: 1px solid #E8D7B3;
}

progress::-webkit-progress-bar {
	background: #F6F2E5;
}

progress::-webkit-progress-value {
	background: #E8D7B3;
}

.ep_content {
	width: 100%;
	height: 650px;
	border-radius: 5px;
	background: white;
	margin-top: 10px;
	display: flex;
	flex-direction: column;
	color: #333333;
	padding: 35px;
}

.eptimu_type {
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	height: 560px;
	/* display: flex;
	flex-direction: column; */
}

.eptimu_type .sdiv {
	position: absolute;
	width: 100%;
	right: -100%;
}

.eptimu_type .sdiv.active {
	right: 0;
}

.eptimu_title {
	font-size: 18px;
}

.eptimu_name {
	font-size: 16px;
	margin-top: 50px;
	line-height: 30px;
}

.eptimu_answer {
	display: flex;
	flex-direction: column;
	margin: 50px 0 0 40px;
}

.s_answer {
	display: flex;
	flex-direction: row;
	font-size: 16px;
	color: #666666;
	margin-bottom: 30px;
	align-items: center;
}

input[type=radio] {
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0;
	cursor: pointer;
}

input[type=checkbox] {
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0;
	cursor: pointer;
}

.eptimu_btn {
	display: flex;
	flex-direction: row;
	justify-content: center;
	font-size: 16px;
}

.eptimu_btn_prev {
	width: 110px;
	text-align: center;
	height: 35px;
	line-height: 33px;
	border: 1px solid #966131;
	color: #966131;
	border-radius: 5px;
	margin-right: 30px;
	cursor: pointer;
}

.eptimu_btn_next {
	width: 110px;
	text-align: center;
	height: 35px;
	line-height: 35px;
	background: #966131;
	color: white;
	border-radius: 5px;
	cursor: pointer;
}

.eptimu_btn_prev:hover {
	box-shadow: 0px 0px 5px #966131;
}

.eptimu_btn_prev:active {
	background: #966131;
	color: #fff;
}

.eptimu_btn_next:hover {
	box-shadow: 0px 0px 5px #966131;
}

.eptimu_btn_prev.gray,
.eptimu_btn_next.gray {
	line-height: 33px;
	background: #ccc;
	border-color: #ccc;
	color: #fff;

}

.eptimu_btn_prev.gray:hover,
.eptimu_btn_prev.gray:focus,
.eptimu_btn_next.gray:hover,
.eptimu_btn_next.gray:focus {
	box-shadow: none;
}

/*双机位**/
.sdexamdiv .fe {
	max-width: 100%;
	margin: 35px auto 50px;
	width: 300px;
	height: 265px;
	background: #f0f2f3;
}

.sdexamdiv .zbtn-red {
	height: 40px;
	line-height: 36px;
}

.sdexamdiv .zbtn.wd150 {
	width: 150px;
}

.sdexamdiv .zbtn.wd105 {
	width: 105px;
}

.sdexamdiv .zbtn:hover {
	transform: scale(1.03);
}

.sdexamdiv .msg {
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 105%;
	width: 400px;
	background: rgba(0, 0, 0, .5);
}

.sdexamdiv .msg .yellow {
	color: #fbf0b0;
}

.sdexamdiv .rjw {
	margin-top: 75px;
}

.sdexamdiv .order {
	left: 0;
}

.sdexamdiv .jw {
	background: url(../images/22test_02_02.png) no-repeat 0 2px;
}

.sdexamdiv .jw.finish {
	background: url(../images/22test_02_01.png) no-repeat 0 2px;
}

.sdexamdiv .ts {
	background: #fbf1f0;
}

input.check-box-red[type="checkbox"] {
	-webkit-appearance: none;
	position: absolute;
	vertical-align: middle;
	top: 34px;
	margin-top: 0;
	background: #fff;
	border: #ccc solid 2px;
	border-radius: 3px;
	min-height: 14px;
	min-width: 14px;
}

input.check-box-red[type="checkbox"]:focus {
	outline: none;
}

input.check-box-red[type=checkbox]:checked::after {
	content: '';
	top: 1px;
	left: 1px;
	position: absolute;
	vertical-align: middle;
	margin-top: 0;
	background: transparent;
	border: 2px solid var(--mcolor);
	border-top: none;
	border-right: none;
	height: 7px;
	width: 12px;
	-moz-transform: rotate(-45deg) translate(2px, -2px);
	-ms-transform: rotate(-45deg) translate(2px, -2px);
	-webkit-transform: rotate(-45deg) translate(2px, -2px);
	transform: rotate(-45deg) translate(2px, -2px);
}
.open_wrap .courselist .col-sm-6{
	padding: 0 10px;
}
.open_wrap .bannerdiv {
	background: #fff;
	padding: 40px 0 70px 0;
}

.open_wrap .bannerdiv .ldiv {
	padding-top: 65px;
}

.open_wrap .bannerdiv .titlediv {
	padding: 10px 0 50px 0;
	font-size: 22px;
}

.open_wrap .bannerdiv .introdiv {
	padding-bottom: 45px;
	font-family: 'KaiTi';
	font-size: 22px;
}

.open_wrap .bannerdiv .introdiv div {
	padding-bottom: 5px;
}

.open_wrap .bannerdiv .otherdiv {
	padding-bottom: 10px;
	font-size: 18px;
}

.open_wrap .bannerdiv .zbtn-red {
	margin-top: 30px;
	padding: 15px 80px;
	font-size: 20px;
	text-align: center;
	border-radius: 25px;
}


.open_wrap .courselist {
	padding: 15px;
	background: #cad3df;
}

.open_wrap .courselist .titlediv {
	padding-bottom: 30px;
	font-size: 24px;
}

.open_wrap .courselist .course {
	margin-bottom: 30px;
	height: auto;
	cursor: pointer;
}

.open_wrap .course .imgdiv {
	width: 100%;
	height: 150px;
	position: relative;
}

.open_wrap .course .imgdiv img {
	transition: all 1s;
}

.open_wrap .course:hover .zbtn {
	right: 5px;
	font-weight: bold;
}

.open_wrap .course .zbtn {
	position: absolute;
	right: 0;
	margin-right: 10px;
}

.open_wrap .course .tnm {
	position: absolute;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	z-index: 1;
	left: 15px;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	max-height: 105px;
	overflow: hidden;

}

.open_wrap .course .cnm {
	height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 100px;
}

.open_wrap .course .namediv {
	padding: 15px 0 10px 0;
	box-sizing: content-box;
	height: 18px;
	overflow: hidden;
	font-size: 18px;
}



.open_wrap .course .imgdiv img {
	width: 100%;
	height: 100%;
}

.open_wrap .course .namediv {
	padding-left: 0;
	height: auto;
	font-size: 16px;
}
.open_wrap .course:hover .zbtn {
	color: #fff;
	border-color: var(--mcolor);
	background: var(--mcolor);
}
.open_wrap .course .zbtn {
	margin-right: 10px;
	padding: 0 15px;
	width: auto;
	height: 28px;
	line-height: 26px;
	color: #333;
	border: 1px solid #8f8e8e;
	border-radius: 18px;
}

.open_wrap .course:hover img {
	transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
}


/*nleave**/

.blue{
	color: #3b8de1;	
}
.blue2{
	color: #4998da;
}
.blue:visited{
	color: #3b8de1;
}


.bg-gray3{
	background: #f0f2f3;
}
.tc-gray{
	color: #bdbdbd;
}
.mh916{
	min-height: 916px;
}
.nleave-back{
	display: block;
	margin: 0 30px 20px;
	padding: 12px 0;
	
}
.nleave-left .circle{
	top: -2px;
	left: -34px;
	width: 30px;
	height: 24px;
	padding: 4px 0 0 0;
}
.nleave-left .circle::before{
	width: 16px;
	height: 16px;
	border: 3px solid #999;
	border-radius: 50%;
	
}
.nleave-left .nleave-title.tc-main .circle::before{
	border-color: var(--mcolor);
}
.nleave-left .nleave-title.finish .circle::before{
	background: var(--mcolor);
}
.nleave-left .nleave-title.finish .circle::after{
	width: 9px;
    height: 5px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
    left: 4px;
    top: 8px;
}

.nleave-left .pcircle{
	border-left: 2px solid #999;
	min-height: 62px;

}
.nleave-left .pcircle.tc-main a,
.nleave-left .pcircle a:hover{
	color: var(--mcolor);
}
.nleave-left .pcircle:last-child{
	border-left-color: transparent;
}
.nleave-right.pd80{
	padding-top: 40px;
	padding-bottom: 120px;
}
.nleave-right .sub {
    /* margin: 80px 0 50px; */
	margin-bottom: 20px;
    padding: 11px 0;
    width: 21%;
	min-width: 180px;
}
.mt80,
.nleave-right .sub.mt80{
	margin-top: 80px;
}
.nleave-right .sub.mw160{
	margin-right: 10px;
	/*min-width: auto;
	width: 140px;*/
	min-width: 100px;
	padding: 11px 10px;
	width: auto;
}
.nleave-right .blue.no-select{
	color: #666;
	cursor: default;
}
.nleave-right .blue:not(.no-select):hover{
	text-decoration: underline;
	color: var(--mcolor);
}
.ztable.ztable-big td{
	height: 40px;
}
.ztable.ztable-big td.tleft{
	text-align: left;
}
.nleave-right .pteacher-info:hover .teacher-info{
	display: block;
}
.nleave-right .teacher-info{
	z-index: 2;
	padding: 12px;
	border: 1px solid #e0e0e0;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
	font-size: 13px;
	width: 180px;
	word-break: break-all;

}
.nleave-right .teacher-info::before{
	position: absolute;
    width: 14px;
    height: 14px;
    border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
    transform: rotate(45deg);
	top: 50%;
    left: -7px;
	background: #fff;
}

.nleave-right .task-tbody tr:first-child .up,
.nleave-right .task-tbody tr:first-child .sdown,
.nleave-right .task-tbody tr:first-child .update ,
.nleave-right .task-tbody tr:first-child .remove ,
.nleave-right .task-tbody tr:last-child .sdown{
	display: none;
} 
.nleave-right .cont-clip{
	display: flex;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.nleave-right .task-error{
	background: #EFA2A0;
	color: #fff;
}

.player.pd-small {
	padding: 30px 20px;
}

.task-update .form-group {
	display: flex;
	width: 90%;
	font-size: 15px;
}

.task-update .control-label {
	padding-top: 0 !important;
	width: 30%;
}

.task-update .rdiv {
	flex: 1;
}

.task-update .rdiv .form-control {
	width: 100%;
	caret-color: auto;
}

.nleave-task .ztable.ztable-big td.td-cont {
	max-height: 50px;
}

.nleave-task .zbtn-rborder.p6-10{
	padding: 6px 10px;
}
.zbtn.pd8{
	padding: 8px 15px;
}
.nleave-defence .defence-cont{
	padding: 40px 30px 30px;
}
.nleave-defence textarea.bg-gray{
	width: 100%;
	background: #f0f2f3;
	border-radius: 0;
	outline: none;
	caret-color: #000;
}
.nleave-defence textarea.bg-gray:focus{
	background: #fff;
}
.upload-img{
	position: relative;
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #e9e9e9;
}
.upload-img img{
	position: relative;
	top: -3px;
}
.upload-img:hover{
	top: -2px;
	box-shadow: 1px 1px 2px inset #e9e9e9;
}
.leave-tabs .stab{
    padding: 0 2px;
    border-bottom: 3px solid transparent;
}
.leave-tabs .stab.active{
    color: var(--mcolor);
    border-color: currentColor;
}
.leave-tabs-cont{
    display: none;
}
.leave-tabs-cont.active{
    display: block;
}

.pfiles .sfile{
    border: 1px solid #f0f0f2;
}

.pfiles .sfile .pd-zbtn{
    padding: 5px 12px;
}


/* photos */
.photo-tabs {
	background: #fbf1f0;
	border-radius: 10px;
}

.photo-tabs .tab {
	padding: 5px 15px 7px;
}

.photo-tabs .tab:hover {
	font-weight: bold;
}

.photo-tabs .tab.active {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: var(--mcolor);
	color: #fff;
}

.myphoto .no-photo {
	overflow: hidden;
	width: 300px;
	height: 420px;
	background-color: #f1f3f4;
	border: 1px solid #ececec;
}

.myphoto .no-text {
	z-index: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 26px;
	color: #b1b1b1;
}

.myphoto .new-photo {
	z-index: 1;
	left: -1px;
	top: -1px;
}

.myphoto .btns {
	margin: 60px 0 50px;
}

.myphoto .wd160 {
	width: 150px;
	height: 42px;
	line-height: 38px;
	border: 1px solid #333;
	border-radius: 8px;
}

.myphoto .wd160.zbtn-red {
	border-color: var(--mcolor);
}

/*entance-register**/
.entrance_register.maindiv {
	margin-top: 85px;
	margin-bottom: 22px;
}

.entrance_register .tright {
	background: #fff;
}

.entrance_register .tright .zbtn {
	margin-right: 40px;
	padding: 10px 20px;
	background-color: var(--mcolor);
	color: #fff;
}

.entrance_register .tright .zbtn:hover {
	box-shadow: 0 0 3px var(--mcolor);
}

.entrance_register .print {
	padding: 40px 40px 40px;
}

.entrance_register .print table {
	width: 100%;
	border: 1px solid #333;
	border-spacing: 1px;
	border-collapse: collapse
}

.entrance_register .print table td {
	padding: 6px 10px !important;
	border-color: #333 !important;
}

.entrance_register .print .bborder {
	border-bottom: 1px solid #333;
	height: auto;
	background: none;
}

.entrance_register .print .bborder.min300 {
	min-width: 300px;
}

.entrance_register .print .bborder.min95 {
	min-width: 95px;
}

.entrance_register .print .bborder.min150 {
	min-width: 150px;
}

.entrance_register .print .photo {
	padding-top: 20%;
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	background: #d7d6d6;
}

.entrance_register .print .sd {
	margin: 0 2%;
}

@media (min-width: 768px) {

	.topdiv :before,
	.topdiv :after {
		clear: none !important;
		display: inline-block;
	}

	.topdiv .nav>li>a {
		padding-top: 22px;
		height: 63px;
	}
}

@media (min-width: 1200px) {
	.wd23 {
		width: 23%;
	}

	.wd77 {
		width: 77%;
	}

	.idx_wrapper .bmdiv .fs38 {
		font-size: 38px;
	}

}

@media (max-width: 992px) {
	.course .tnm {
		max-height: 65px;
		font-size: 24px;
	}

	.course_wrapper .commentdiv .ctxt .col-sm-11 {
		margin-top: 20px;
		text-align: right;
	}
}

@media (max-width: 768px) {

	.main,
	.mh600 {
		min-height: auto;
	}

	.navbar-header {
		padding-top: 10px;
		height: 65px;
	}

	.hd11 .navbar-collapse.in {
		margin-top: 0;
	}

	.mh600,
	.mh400 {
		min-height: auto;
	}

	.idx_wrapper .vd .vd-txt {
		padding: 15px;
	}

	.idx_wrapper .nediv>div {
		font-size: 18px;
	}

	.idx_wrapper .myinfo .progress {
		width: 78%;
	}

	.idx_wrapper .vd .zbtn {
		right: 10px;
		bottom: 20px;
	}

	.idx_wrapper .termdiv .change {
		width: 70px;
	}

	.idx_wrapper .termdiv .change.open>button {
		width: 100%;
	}

	.course .pg {
		width: 62%;
	}

	.searchdiv {
		padding: 5px;
	}

	.searchdiv .pl65 {
		padding-left: 45px;
	}

	.searchdiv .it {
		margin-right: 5px;
	}

	.course_wrapper .courseinfo .rdiv {
		padding: 20px 0 0 0;
	}

	.score_wrapper .termlist {
		padding: 25px 0 0;
	}

	.score_wrapper .nt {
		margin: 0 0 20px;
		padding: 15px 10px;
		line-height: 1.4;
	}

	.score_wrapper .tscore {
		padding: 0;
	}

	#mybk .input {
		width: 40%;
	}

	#mybk .zbtn {
		margin-top: 10px;
	}

	.bk {
		padding: 0 10px;
	}

	.bk .zbtn {
		width: 90px;
		height: 32px;
		line-height: 24px;
		margin-top: -10px;
		font-size: 15px;
	}

	.mybk-cont {
		padding: 30px 10px 20px;
	}

	.mybk .fs30 {
		margin-bottom: 25px;
		font-size: 24px;
	}

	.mybk-cont .nt {
		margin-bottom: 30px;
		padding: 10px;
	}

	.mybk-cont .nt .dt {
		margin: 0 10px 5px;
	}

	.mybk-cont .zbtn {
		width: auto;
		min-width: 90px;
		padding: 10px 5px;
		font-size: 14px;
	}

	.mybk,
	.makeupdiv {
		padding-left: 10px;
		padding-right: 10px;
	}

	.mybk .infodiv .ot {
		margin-top: 20px;
	}

	.mybk .infodiv .col-sm-9 {
		font-size: 15px;
	}

	.mybk .infodiv .col-sm-9>.row {
		margin-bottom: 10px;
	}

	.aic {
		margin-bottom: 0;
		font-size: 16px;
	}

	.info_wrapper .infodiv {
		padding-top: 10px;
	}

	.ztable th,
	.ztable td {
		padding-left: 5px;
		padding-right: 5px;
	}

	.makeupdiv .zlabel {
		margin-bottom: 5px;
		text-align: left;
	}

	.makeupdiv .nform {
		padding: 20px 0 40px;
	}

	.newcheckdiv .sub,
	.makeupdiv .sub,
	.degreediv .sub {
		height: 38px;
		line-height: 36px;
		width: 155px;
		font-size: 17px;
	}

	.newcheckdiv .pzbtn {
		position: static;
	}

	.sdexamdiv .rjw {
		margin-top: -10px;
		margin-bottom: 40px;
	}

	.paperdiv .ht830 {
		height: auto;
	}

	.ep_sign {
		margin-top: -20px;
		padding-left: 5px;
	}

	.ep_index {
		display: flex;
		flex-wrap: wrap;
		margin-left: 0;
		margin-right: 0;
	}

	.ep_index>[class*=col] {
		padding: 0;
	}

	.ep_left {
		order: 2;
		width: 100%;
	}

	.ep_right {
		order: 1;
		width: 100%;
	}

	.ep_time {
		height: auto;
	}

	.ecr_bottom {
		font-size: 22px;
		line-height: 1.2;
	}

	.ep_top {
		width: 60%;
	}

	.ecr_top {
		font-size: 14px;
	}

	.ep_djs img {
		height: 55%;
	}

	.ep_progress {
		padding: 10px;
		height: auto;
	}

	.ep_title {
		padding-top: 10px;
		padding-bottom: 5px;
		font-size: 14px;
		line-height: 1.2;
	}

	.ep_pr {
		flex-wrap: wrap;
	}

	.ep_text {
		width: 100%;
		padding-top: 10px;
		margin-left: 0;
		text-align: left;
		font-size: 13px;
	}

	.ep_djs {
		width: 30%;
	}

	.ep_video {
		position: fixed;
		top: 110px;
		right: 25px;
		width: 35%;
		height: 145px;
		z-index: 999;
	}

	.ep_content {
		padding: 15px 20px 30px;
		height: auto;
	}

	.eptimu_title {
		font-size: 17px;
	}

	.eptimu_name {
		margin-top: 20px;
		font-size: 15px;
	}

	.s_answer {
		font-size: 15px;
	}

	.eptimu_answer {
		margin-top: 20px;
		margin-left: 20px;
	}

	.eptimu_type {
		padding: 10px 10px 20px;
		height: 450px;
	}

	.eptimu_btn_next {
		font-size: 15px;
	}

	.epc_btn {
		height: 36px;
		line-height: 36px;
		width: 160px;
		font-size: 17px;
	}

	.learn_wrapper .learns {
		padding: 30px 20px;
	}

	.learn_wrapper .learn {
		padding-left: 0;
		margin-bottom: 60px;
	}

	.learn_wrapper .learn:last-child {
		margin-bottom: 0;
	}

	.learn_wrapper .learn .txt {
		padding: 10px 0 0;
		margin-top: 30px;
	}

	.learn_wrapper .learn .txt::before {
		display: none;
	}

	.learn_wrapper .learn .xs-pterm {
		position: absolute;
		top: -35px;
		left: 5px;
	}
	
	
	/*nleave**/
	.mh916{
		min-height: auto;
		margin-top: 20px;
		
	}
	.nleave-left .pcircle {
		border-left: 0;
		display: inline-block;
		padding-right: 40px;
		padding-bottom: 20px;
	}
	.nleave-left .circle{
		width: 18px;
    	left: -24px;
	}
	.nleave-left .nleave-title{
		font-size: 14px;

	}
	.nleave-right.pd80{
		padding-bottom: 40px;
	}
	.nleave-right{
		font-size: 14px;
	}
}

@media (max-width: 450px) {
	.learn_wrapper .learn .col-xs-6 {
		width: 100%;
	}

	.tindex {
		width: 100%;
		margin: 0 auto;
		min-height: 500px;
		background: white;
		padding: 10px;
		border-radius: 5px;
	}

	.lxindex {
		width: 100%;
		display: flex;
		flex-direction: column;
		margin: 0 auto;
		min-height: 500px;
	}

	.lx_left {
		width: 100%;
		height: 240px;
		background: white;
		color: #241714;
		font-size: 18px;
		padding: 30px 12px;
		border-radius: 5px;
	}

	.lx_right {
		width: 100%;
		min-height: 200px;
		padding: 20px;
		background: white;
		border-radius: 5px;
		margin-left: 0px;
	}

	/*exam*/
	.lr_line {
		height: auto;
		display: flex;
		flex-direction: row;
		border-bottom: 1px solid #E5E4E4;
		padding: 0 10px;
	}

	.lll_top {
		font-size: 16px;
		color: #666666;
		height: auto;
		/* line-height: 25px; */
	}

	.lll_bottom {
		font-size: 12px;
		color: #999999;
		height: auto;
		/* line-height: 25px; */
	}

	.lll_bottom span {
		display: block;
	}

	.lr_btn {
		color: #E13B29;
		font-size: 10px;
		min-width: 50px;
		height: 30px;
		line-height: 30px;
		border-radius: 5px;
		border: 1px solid #E13B29;
		padding: 0 5px;
	}

	/*test*/
	.test_time {
		line-height: 20px;
		font-size: 12px;
		color: #E13B29;
	}

	.test_tishi {
		font-size: 14px;
		color: #95622B;
		line-height: 25px;
	}

	.test_li {
		height: auto;
		border-bottom: 1px solid #E5E4E4;
		width: 94%;
		margin-left: 3%;
		display: flex;
		flex-direction: row;
		padding: 40px 0 20px;
	}

	.test_sign {
		/*width: 10%;*/
		min-width: 50px;
	}

	.test_content {
		display: flex;
		flex-direction: column;
		margin-left: 20px;
		/*width: 75%;*/
		width: 60%;
	}

	.test_go {
		/*width: 15%;*/
		width: 25%;
	}

	.test_btn {
		margin-top: 40px;
		border: 1px solid #E13E2B;
		color: #E13E2B;
		border-radius: 3px;
		min-width: 60px;
		padding: 0 5px;
		text-align: center;
		font-size: 10px;
		height: 30px;
		line-height: 30px;
	}

	.face_text {
		font-size: 16px;
		color: #666666;
		margin-left: 10px;
		height: auto;
		line-height: 40px;
	}

	.face_btn1 {
		display: flex;
		flex-direction: row;
		justify-content: center;
		font-size: 16px;
		margin-top: 10px;
	}

	.face_check {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 10px;
	}

	.face_title2 {
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		height: auto;
		line-height: 36px;
	}

	.face_line {
		width: 70px;
		height: 3px;
	}

	.face_pts {
		width: 94px;
		text-align: center;
		font-size: 10px;
	}

	.face_title {
		width: 100%;
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		height: auto;
		line-height: 60px;
	}

	.aic {
		overflow: hidden;
		margin: 0 2% 10px;
		display: inline-block;
		padding-left: 50px;
		width: 45%;
		white-space: nowrap;
	}

	.aic::before {
		left: 10px;
	}

	.score_wrapper .termlist .zbtn-ybg5 {
		width: 30%;
	}

	.info_wrapper .registerdiv .zbtn-rborder {
		width: 95px;
	}

	.info_wrapper .mybk .fs22 {
		font-size: 18px;
	}

	.info_wrapper .mytalk {
		padding-left: 15px;
		padding-right: 15px;
	}

	.degreediv,
	.leavecheckdiv,
	.reportdiv {
		padding: 30px 10px 20px;
	}

	.degreediv .fs34 {
		font-size: 22px;
	}

	.degreediv .ncont {
		padding: 20px 0;
	}

	.degreediv .sub {
		margin-top: 40px;
	}


	.live_wrapper .lives {
		padding: 35px 25px 35px 40px;
	}

	.live_wrapper .lives .line {
		left: 5px;
	}

	.live_wrapper .lives .cer {
		left: -27px;
	}

	.notices .notice {
		padding-left: 5px;
		padding-right: 5px;
	}

	.notice_wrapper .fs30 {
		font-size: 28px;
	}

	.notice_wrapper .notice-detail {
		padding: 50px 15px;
	}

	.reportdiv .fs36 {
		font-size: 28px;
	}

	.reportdiv .fs30 {
		padding-top: 10px;
		padding-bottom: 0;
		font-size: 22px;
	}

	.reportdiv .sub {
		width: 65%;
	}

	.newcheckdiv {
		padding: 40px 10px;
	}

}

/*自适应 **/
.mi .nav>li {
	position: relative;
	display: block;
}

.mi .navbar-toggle {
	display: block;
	float: right;
}

.mi .navbar-header {
	padding-top: 10px;
	height: 65px;
	width: 100%;
}

.mi :before,
.mi :after {
	clear: both !important;
	height: 0;
	display: none;
}

.mi .navbar-collapse.collapse {
	transition: all .2s;
	box-shadow: 0 15px 15px rgba(0, 0, 0, .1);
	display: none !important;
	clear: both;
	height: 0;
}

.mi .navbar-collapse.collapse.in {
	display: block !important;
	height: auto !important;
}

.mi .navbar-collapse .nav {
	padding: 5px 0 10px;
	top: -15px;
	display: block;
	float: none;
	overflow: hidden;
}

.mi .navbar-brand {
	max-width: 80%;
	display: block !important;
}

.mi .navbar-nav .active {
	border: none;
}

.mi .nav>li>a {
	padding: 10px 15px;
	height: auto;
}

.mi .navbar-right {
	margin-top: 10px;
	margin-right: 0;
}

.mi .alogo {
	display: none;
}

.eptimu_type .sdiv img {
	max-width:99%;
}