body, html {
    font: 14px/1.5 "PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif;
    color: #1c1f21;
    height: 100%;
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

li {
	list-style: none;
	display: inline-block;
}

button {
	cursor: pointer;
}





@media (max-width:560px){
	div{font-size:14px;}
}


.ban_xin {
	margin-left: 3%;
	margin-right: 3%;
}

p.p_p1 {line-height: 25px;text-indent: 2em;margin:6px;}
p.p_h1 {color:#ffbc00;font-size:15px;margin:6px;}
span.span_red {color:red;}
span.span_strong {font-weight:bold;}
span.span_purple {color: #800080;}
span.span_space  {white-space: pre-wrap;}
span.span_dir {color:blue;}
span.span_ln {color:#800080}

img.img_mid {margin-left:10%;width:80%;}
textarea.ssh {
	resize: none;
	border:none;
	width:100%;
	height:expression((this.scrollHeight+20)+'px');
	overflow:auto;}
label#info {color:red;}
span.span_info {color:red}
div.div_title {border-bottom:1px solid 	#D3D3D3;margin-top:6px;margin-bottom:6px}
.bg_purple {background-color: #9370DB}
.font_white {color:white}
div.div_ssh_common  {
	background-color:black;
	color:white;
	float:left;
	margin:1%;
	width:45%;
	height:84%;
	box-shadow: 1px 1px 6px 6px rgb(0 0 0 / 5%),-1px -1px  6px 6px rgb(0 0 0 / 5%);
}

div#div_ssh2_content{
	-webkit-user-modify: read-write-plaintext-only;
}


#show {
	width:100%;
	height:94%;
	overflow:auto;
	white-space: pre-wrap;
}

#cmd_input {
	border:1px solid white;
	width:45%;
	background-color:black;
	color:white;
}

#cmd_input_huancong {
	border:none;
	width:1px;
	background-color:black;
	
}

#div_ssh2_content {
	margin-left:1px;
	padding-left: 2px;
	width:100%;
	height:94%;
	overflow:auto;
	white-space: pre-wrap;
}

#div_ssh2_input {
	border:none;
	width:70%;
	margin-left:1px;
	background-color:black;
	color:white;
}

#div_course {
	margin:1%;
	float:left;
	width:51%;
	height : 84%;
	box-shadow:1px 1px 6px 6px rgb(0 0 0 / 5%),-1px -1px  6px 6px rgb(0 0 0 / 5%); 
}

#test_course_div {
	margin-left:1px;
	margin-top:20px;
	width:22%;
	float:left;
	background-color:#E6E6FA;
	height:95%;
	overflow:auto;
}

.nav_e {
	/*color:gray;*/
	font-size : 18px;
	font-family: "Microsoft YaHei";
}

.nav_e_div{
	/*margin-top:14px ;*/
	display: inline-block;
	/*margin-left:5%;*/
	padding: 0 16px;
	font-size: 16px;
	vertical-align: middle;
	
}

.head_sj_nav {
	display: none;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgb(247,248,250);
}

.nav_search {
	margin-top:8px ;
	display: inline-block;
	border: 2px solid #ff8a00;
	border-radius: 34px;
	margin-left:17%;
}

.nav_login_contain{
	float:right;
	height: 72px;
	margin-right: 2%;
}

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

.nav_login_div a {
	/*color : white;*/
	/*font-weight:bold;*/
	font-size: 14px;
}

.nav_login_div {
	display : inline-block;
	/*background-color : #ff8a00;  #3eba7d*/
	/*background-color : rgb(28,101,164);*/
	width: 110px;
	padding : 6px 4px 6px 4px;
	text-align : center;
	border-radius: 6px;
	vertical-align: middle;
}

.nav_gw_div {
	display : inline-block;
	margin-left : 10%;
	/*background-color : #ff8a00;*/
	background-color : #3eba7d;
	width: 110px;
	/*height : 30px;*/
	padding : 6px 4px 6px 4px;
	text-align : center;
	border-radius: 34px;
	
}

.nav_gw_div a {
	color : white;
	/*font-weight:bold;*/
}



.nav_login_sep {
	margin-left:6px;
	margin-right : 6px;
	/*color: white;*/
	font-size: 14px;
	
}

.nav_search .txt {
	border: none;
	padding: 0 0 0 17px;
	border-radius: 19px;
	outline:none;
	font-size:14px;
	width:160px;
	
}

.nav_search button {
	border: none;
	background: #ff8a00;
	border-radius: 0 16px 16px 0;
	height: 34px;
	width: 62px;
	
}

.nav_search button  i {
	color:white;
	font-size : 20px;
	margin-left : 20%;
}	

a {
	text-decoration:none;
	color: black;
	font-size : 14px;
}






a.nav_e {
	color:#545C63;
}


a.nav_e:hover {
	/*color:#ff8a00;*/
	font-weight : 500;
}



a.nav_e_select {
	/*color:#ff8a00;*/
	color: #1C1F21;
	font-weight : 500;
}




.common-user-img {
	width:30px;
	height: 30px;
	border-radius : 30px;
}


div.demo {
    width: 100%;
    color: #000;
    background-color: #d9d6c3;
    margin: 10px 0 10px 0px;
    padding: 6px 3px 3px 3px;
    border: 1px solid #d4d4d4;
    background-image: linear-gradient(#fff,#d9d6c3 100px);
}

.demo_head {
	color: #617f10;
}

.demo_title {
	font-size: 12px;
	color:gray;
}

.content_edit {
	border:1px solid #d4d4d4;
	-webkit-user-modify: read-write-plaintext-only;
	padding: 5px;
	margin: 4px 2px 10px 2px;
	background-color: #fff;
	outline:none;
	line-height: 17px;
}

.content_a {
	display: inline-block;
    color: #FFF;
    background-color: #00ae9d;
   
    font-size: 11px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    text-decoration: none;
    margin-left: 2px;
    margin-top: 0;
    margin-bottom: 5px;
    border-radius: 2px;
    white-space: nowrap;
}

.content_run {
	width:100%;
	overflow: auto;
	display: inline-block;
	margin-left: 10px;
	font-size: 12px;
}
.content_img {
	max-width : 98%;
}

.content_video {
	margin:5px 20px;
}


.content_img_div {
	margin-bottom:15px;
	margin-top:15px;
	width:98%;
	text-align:center;
}

.slides-container .slide {
	/*position : absolute;
	top: 0px;
	left: 1920px; 
	z-index: 0; */
	height : 380px;
	display : none;
	margin: 0 auto;

}


.slides-container {
	/*
	position: absolute;
    height: 340px;
    left: 50%;
    margin-left: -960px;
	*/
	position: relative;
	box-shadow:0 2px 8px 0 rgba(7,17,27,.06);
	padding: 32px 0;
}



.slides-container .slide img{
	height: 100%;
	width: 100%;	
	box-shadow: 0 5px 20px 0 rgb(0 0 0 / 30%);
	border-radius: 8px;
}

.slide_img {
	height : 100%;
	width : 100%;
}

.portal_title_div {
	white-space: pre-wrap;
	background:#3eba7d;
	margin-top:10px;
	text-align:center;
	/*line-height:200px;*/
	/*vertical-align:middle;*/
	color:#ffffff;
	font-size:30px;
	font-weight: bold;
}


.portal_title_div a {
	font-size:30px;
	color:#ffffff;
	border-bottom: 1px solid #ffffff;
	
}





.dot_div {
	text-align:center;
	position : absolute;
	width: 98%;
    height: 8px;
	bottom:12%;
	/*top: 330px;*/
	
}

.dot {
	cursor:pointer;
	height: 10px; 
	width: 10px;
	margin: 0 2px;
	/*background-color: #bbb;*/
	background-color : #e6e6e6;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.cur_dot{
	/*background-color: #ff8a00;*/
	width: 16px;
	border-radius : 4px;
	
}

.index_jc_nav{
	height: 36px;
    margin-bottom: 30px;

}

.index_jc_nav h4 {
	display:inline-block;
	vertical-align: middle;
	background-color: yellow;
	font-size: 16px;
	border-radius: 4px;
	padding: 4px;
}

.index_jc_nav ul {
	display:inline-block;
	vertical-align: middle;
}

.index_jc_nav li {
    position: relative;
    padding: 0 14px;
    margin: 0;
    font-size: 14px;
    line-height: 36px;
    cursor: pointer;
    color: #545c63;
    transition: all .2s;
	vertical-align: middle;
}

.index_jc_nav li:hover{
	color:red;
}

.index_jc_nav li.index_cur {
	color: #1c1f21;
	font-weight: 700;
}

.index_jc_nav li.index_cur:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -.7em;
    width: 1.4em;
    height: 2px;
    border-radius: 100px;
    background-color: #e76060;
}

.index_jc_box{
	background: rgb(247,248,250);
	overflow: hidden;
	margin-left: auto;
    margin-right: auto;
    padding: 32px 0;
	/*box-shadow: 0 2px 8px 0 rgba(7,17,27,.06);*/
}

.index_jc_contain{
	position:relative;
	width: 30%;
	min-width: 300px;
    height: 100px;
    background: rgb(255,255,255);
    border-radius: 8px;
    margin-bottom: 16px;
	float:left;
    cursor: pointer;
	/*margin-right: 20px;*/
	margin-right: 3%;
	transition: transform 0.3s;
	/*box-shadow: 0 6px 10px 0 rgb(95 101 105 / 15%);*/

}

.index_jc_contain:hover{
	transform:translateY(-2px);
}

.index_jc_img{
	width:20%;
	max-width: 68px;
    height: 92px;
    border-radius: 4px;
    margin-right: 4px;
	margin-top: 2px;
    float: left;
}



.index_jc_desc{
	width:70%;
	max-width: 283px;
    height: 100px;
    position: relative;
	display: inline-block;
    vertical-align: top;
}

.index_jc_desc h5{
	line-height: 20px;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    top: 8px;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.index_jc_desc p{
	line-height: 16px;
    font-size: 12px;
    width: 100%;
    position: absolute;
    top: 32px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(38,38,38,0.75);

}

.index_jc_mark {
	color: rgb(255, 161, 22);
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    bottom: 30px;
}

.index_jc_count {
	line-height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(82,82,82,0.6);
    bottom: 8px;
    position: absolute;
}

.index_kc_box{
	background: rgb(255,255,255);
	overflow: hidden;
	margin-left: auto;
    margin-right: auto;
    padding: 32px 0;
	/*box-shadow: 0 2px 8px 0 rgba(7,17,27,.06);*/
}


.index_kc_img{
	width: 100%;
	height: 152px;
    margin-bottom: 8px;
    border-radius: 8px 8px 0 0;
}

.beijing_div {
	width: 100%;
	height: 152px;
    margin-bottom: 8px;
    border-radius: 8px 8px 0 0;
	text-align:center;
	line-height:150px;
	color:white;
	font-size:22px;

}

.beijing_div2 {
	width:60px;
    height: 92px;
    border-radius: 4px;
    margin-right: 4px;
	margin-top: 2px;
    float: left;
	text-align:center;
	line-height:92px;
	color:white;
	font-size:16px;

}

.index_kc_contain{
	position: relative;
	width: 22%;
    min-width: 270px;
    height: 262px;
    margin: 0 24px 24px 0;
    background: #fff;
    box-shadow: 0 6px 10px 0 rgb(95 101 105 / 15%);
    border-radius: 8px;
    float: left;
    transition: all .2s;
}

.index_kc_desc{
	padding: 0 8px;;
}


.index_kc_desc h5{
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 500;
    font-size: 14px;
	color: #545c63;
    line-height: 20px;
    height: 40px;
    margin-bottom: 8px;
   
}

.index_kc_mark {
	color: rgb(255, 161, 22);
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    bottom: 40px;
}

.index_kc_count {
	line-height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(82,82,82,0.6);
    bottom: 18px;
    position: absolute;
}

.index_bj_box {
	background: rgb(247,248,250);
	overflow: hidden;
	padding: 32px 0;

}

.index_bj_contain {
	/*display: inline-block;*/
	position: relative;
	float: left;
	background: rgba(255,255,255,1);
	width:47%;
	min-width:300px;
	height: 166px;
	padding: 16px;
    box-shadow: 0 1px 2px rgba(0,10,32,0.1),0 2px 8px rgba(0,10,32,0.05);
    transition: box-shadow 0.3s ease-in-out 0s;
    margin-bottom: 30px;
    border-radius: 8px;
    cursor: pointer;
	margin-right: 30px;
}

.index_bj_toux {
	width: 22px;
    height: 22px;
    border-radius: 100%;
    border: 0px;
    margin-right: 10px;
    cursor: pointer;
}

.index_bj_id {
	width: 22px;
    height: 22px;
    border-radius: 100%;
    border: 0px;
    margin-right: 10px;
	display: inline-block;
}

.index_bj_contain h5 {
	display: inline-block;
	font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: rgba(0,0,0, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	width:100%;
}

.index_bj_count span {
	color:#8C8C8C;
	font-size: 14px;
}

.index_bj_desc {
	width:100%;
	
}


.index_bj_img {
	display: block;
	/*width: 120px;*/
	width:20%;
    height: 70px;
	padding: 16px;
    margin-right: 12px;
    border-radius: 6px;
	/*vertical-align: top;*/
	float:left;

}

.index_bj_summary {
	width:100%;
	height: 72;
	font-size: 14px;
    line-height: 24px;
    color: rgba(89,89,89, 1);
	overflow: hidden;
    word-break: break-word;
    -webkit-line-clamp: 3;
	text-overflow: ellipsis;
	float:left;
	
	
}




.label_kuai_1 {
	font-size: 12px;
    line-height: 20px;
    display: inline-block;
    white-space: nowrap;
    color: rgba(65,145,255, 1);
    background-color: rgba(217,233,255, 1);
    padding: 0px 6px;
    min-width: 40px;
    margin-left: 10px;
    border-radius: 5px;
	text-align: center;
}

.label_kuai_2 {
	font-size: 12px;
    line-height: 20px;
    display: inline-block;
    white-space: nowrap;
    color: rgba(255,161,25, 1);
    background-color: rgba(255,236,209, 1);
    padding: 0px 6px;
    min-width: 40px;
    margin-left: 10px;
    border-radius: 5px;
	text-align: center;
}


.label_kuai_3 {
	font-size: 12px;
    line-height: 20px;
    display: inline-block;
    white-space: nowrap;
    color: rgba(90,138,83, 1);
    background-color: rgba(222,240,211, 1);
    padding: 0px 6px;
    min-width: 40px;
    margin-left: 10px;
    border-radius: 5px;
	text-align: center;
}

.label_kuai_4 {
	font-size: 12px;
    line-height: 20px;
    display: inline-block;
    white-space: nowrap;
    color: #f20d0d;
    background-color:rgba(242,13,13,.06);
    padding: 0px 6px;
    min-width: 40px;
    margin-left: 10px;
    border-radius: 5px;
	text-align: center;
}

.bottom_nav {
	position: fixed;
	display: none;
    padding: 16px 16px;
    bottom: 0;
    left: 0;
	width: 100%;
    z-index: 1;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgb(7 17 27 / 10%);
}

.bottom_nav ul li {
	padding: 0 12%;
}

.bottom_nav ul li a i {
	padding-left: 3px;
}

.bottom_nav ul li a span {
	font-size: 10px;
	text-align: center;
}

.elevator2 {
    position: fixed;
    top: 45%;
    right: 0;
    z-index: 1000;
   

}

.elevator2_name {
	width:26px;
	padding: 8px;
	background: #fff;
    box-shadow: 0 4px 8px 0 rgb(7 17 27 / 10%);
    border-radius: 8px 0 0 8px;
	font-size: 12px;
}
.elevator2_detail{
	border : none;
	display:none;
	background-color:white;
	/*margin:5px;*/
	border-radius : 5px;
	padding: 8px 16px;
	box-shadow : 1px 1px 1px 1px rgb(0 0 0 / 5%), 0px 1px 1px 1px rgb(0 0 0 / 5%);
	font-size: 12px;
}

.elevator2:hover  .elevator2_detail{
	display: block;
	width:140px;
	margin-left:-140px;
	margin-top: -100px;
}

.elevator2_detail_title {
	margin: 8px 0;
	font-size: 12px;

}

.elevator2_detail_cont {
	margin: 8px 0;
	font-size: 12px;
}

.elevator2_detail_cont  a {
	color:blue;
	font-size: 14px;
}



.elevator {
    position: fixed;
    padding: 16px;
    top: 55%;
    right: 0;
    z-index: 1;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgb(7 17 27 / 10%);
    border-radius: 8px 0 0 8px;
}

.elevator a {
    position: relative;
    display: block;
    width: 26px;
    /*height: 56px;*/
	margin-top:36px;
    font-size: 22px;
    line-height: 20px;
    color: #b5b9bc;
    box-sizing: border-box;
    text-align: center;
}

.elevator a.gofirst{
	margin-top: 0;
}
.elevator a i {
    font-size: 24px;
    line-height: 56px;
    color: #d9dde1;
}

.elevator a span {
    display: none;
    font-size: 12px;
    color: #07111b;
    line-height: 14px;
}

/*.elevator .elevator-top:hover span, .elevator .elevator-weixin:hover span {
    display: inline-block;
	
}

.elevator .elevator-top:hover i, .elevator .elevator-weixin:hover i {
    display: none;
}*/

.elevator .elevator_a:hover .elevator_span {
	display: inline-block;
}

.elevator .elevator_a:hover .elevator_i {
	display: none;
}



.elevator-weixin-box {
	/*display: none;*/
    position: absolute;
    width: 0px;
	height: 0px;
    bottom: -104px;
    right: 56px;
    /*-webkit-transition: all .1s;
    -moz-transition: all .1s;
    -webkit-transform: scale(.01);
    -ms-transform: scale(.01);
    transform: scale(.01);
    -webkit-transform-origin: 100% 95%;
    -ms-transform-origin: 100% 95%;
    transform-origin: 100% 95%;
	transform-origin: left  bottom;
	-webkit-transform-origin: left  bottom;
    -ms-transform-origin: left  bottom;*/
	-webkit-transition: all .1s;
    -moz-transition: all .1s;
	transition: all .1s;
    background: url(gongzhonghao.png);
	background-size: contain;
	
}

.elevator .elevator-weixin:hover  .elevator-weixin-box {
	/*display: block;*/
    width: 172px;
	height: 212px;
	/*transform: scale(1);*/

}

.xinjian_contain {
	display: none;
}


.xinjian_contain .xinjian_a {
	display: block;
	margin: 45px auto;
	width:120px;
	color: #545c63;
}

.xinjian_contain .xinjian_a img{
	width: 100%;
}

.xinjian_contain .xinjian_a span{
	display: block;
	text-align: center;
}


.xinjian_content input{
	width:100%;
	margin-bottom: 10px;
	padding: 6px;
	color: #545c63;
	font-size: 12px;
	outline: none;
}

.xinjian_content button{
	padding: 3px;
	color: #545c63;
	font-size: 12px;
}


.xinjian_content{
	display: none;
	width:70%;
	margin: 60px auto;
	text-align: center;
	
}


.ti_box {
	background: rgb(247,248,250);
	padding: 30px;
	min-height: 500px;
	margin-top: 2px;

}

.ti_box button {
	border: none;
}


.ti_info {
	margin:10px 0;
}

.ti_nav {
	border: 1px solid #00ae9d;
	margin:30px 0;
}

.ti_nav a {
	display: inline-block;
	border: 1px solid #00ae9d;
	width:30px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-size: 12px;
	margin: 3px;
}

.ti_nav .ti_nav_cur_a {
	box-shadow: 0 0 2px 1px #00ae9d;
	font-weight: 700;
	
}

.ti_nav  .ti_nav_a_da {
	/*background:#3fba93;*/
	background: #b8b8b8;
}

.ti_nav .ti_nav_a_right {
	background: #3fba93;
}

.ti_nav .ti_nav_a_wrong {
	background: #e76060;
}


.ti_each {
	margin-top: 10px;
	height: 180px;
}

.ti_each p {
	margin-bottom: 10px;
	color:rgba(84,92,99,.7);
	font-size: 14px;
}

.ti_each .ti_daqu {
	background: #F8FAF5;
	border: 1px solid #C3D1A3;
	padding: 5px;
	color:rgba(84,92,99,.7);
	font-size: 12px;
}

.ti_each .ti_daqu > input {
	border:none;
	outline: none;
	padding: 8px;
	color:rgba(84,92,99,.7);
	font-size: 12px;
	width: 100%;
}

.ti_each .ti_daqu ul li {
	display: block;
	color:rgba(84,92,99,.7);
	margin: 6px 0;
	
}

.ti_each .ti_daqu ul li input {
	display: inline-block;
	vertical-align: middle;
	
}

.ti_each .ti_daqu ul .ti_each_right_item {
	color:#00ae9d;
}



.ti_caozuo {
	margin-top:10px;
}


.course_head {
	font-size: 16px;
	margin: 20px 0px  20px 20px;
	color : black;
	text-align : left;
}

.course_head span i {
	color : #ff8a00;
	
}

.course_row {
	text-align : left;
	/*margin-left : 8%;*/
	/*margin-right : 4%;*/
	/**text-align : center;**/
	margin-left : 6%;
	
	margin-bottom : 20px;
	margin-top : 20px;
}


.cour_one_div {
	float:left;
	margin-right:1%;
	margin-left:1%;
	min-height : 230px;
	
}

.course_one {
	/*display: inline-block;*/
	
	width: 300px;
	height : 180px;
	border-radius: 8px;
	box-shadow : 1px 1px 1px 1px rgb(0 0 0 / 5%), -1px -1px 1px 1px rgb(0 0 0 / 5%);
	margin-bottom : 15px;

}

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


.course_one img {
	width : 100%;
	height : 80%;
	border-radius: 8px 8px 0px 0px;
}

.button_start {
	
	margin-right: 10px;
	font-size : 16px;
	color: #fff;
	background : #ff8a00;
	border : none;
	padding : 3px;
	border-radius: 4px;
}


.button_start_no {
	
	margin-right: 10px;
	font-size : 16px;
	color: #fff;
	background : gray;
	border : none;
	padding : 3px;
	border-radius: 4px;
}

.course_cmenu  {
	/*width : 100%;
	height : 85%;*/
	/*height : 260px;*/
	min-height : 100px;
	border-radius: 8px 8px 8px 8px;
	/*overflow-y:auto;
	overflow-x:hidden;*/
	/*white-space: pre-wrap;*/
	/*text-align : center;*/
	/*display: inline-block;*/
	float : left;
	margin-right:20px;
	padding:6px;
	border: 1px solid #d4d4d4;
	/*width:12%;*/
	width:15%;
	overflow-x:auto;
	min-width :100px;
	margin-bottom:15px;
	
}

.course_cmenu_t0 {
	padding-left:2px;
	/*font-weight:bold;*/
	color:gray;
}

.course_cmenu_t1 {
	/*padding-left:18px;*/
	padding-left:10px;
	color:gray;
}

.course_cmenu_t2 {
	/*padding-left:38px;*/
	padding-left:12px;
	color:gray;
}

.course_title {
	margin : 3px 0px 3px 0px;
	text-align : center;
}

.shu_label {
	height:15%;
	color: #ff8a00;
	font-size : 18px;
	
}

.shu_label_div {
	/*display: inline-block;*/
	float:left;
	height : 180px;
	width : 30px;
	margin-left : 6px;
	margin-right: 3px;
	
	
}

.course_summary {
	float : left;
	width : 22%;
	/*height : 240px;*/
	min-height:40px;
	border: 1px solid #d4d4d4;
	/*overflow-y:auto;*/
	overflow-x:hidden;
	margin-left:6px;
	margin-right:12px;
	margin-bottom: 12px;
	padding:8px;
	/*margin-top : -10px;*/
	white-space: pre-wrap;
	/*box-shadow: 0 0 14px 0 rgb(43 47 50 / 8%);*/
	/*box-shadow: 1px 1px 2px 2px rgb(0 0 0 / 5%), -1px -1px 2px 2px rgb(0 0 0 / 5%);*/
	background: #fff;
	border-radius: 16px;
	color : gray;
	letter-spacing:1px;
	
}



#course_content_div {
	float:right;
	/*width:76%;*/
	width:74%;
	height:96%;
	/*box-shadow:1px 1px 1px 1px rgb(0 0 0 / 5%),-1px -1px  1px 1px rgb(0 0 0 / 5%); */
}

.course_content {
	width:95%;
	height: 95%;
	border:none;
	overflow-y:auto;
	overflow-x:hidden;
	white-space: pre-wrap;
	padding:15px 0px;
	line-height:23px;
}

.navigation {
	height:40px;
	width:100%;
	background-color:#CA2E2F;
}


.head_logo_line {
	/*position: fixed;*/
	height:72px;
	width:100%;
	background: #fff;
	box-shadow:0px 3px 1px -1px rgb(0 0 0 / 5%);
	/*box-shadow: 0px 5px 7px -8px red;*/
	
	
}

.head_logo_line:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;

}

.head_logo_line_zhanwei{
	display: none;
	height: 90px;
	width: 100%;
}

.head_logo_div {
	/*margin-left:2%;*/
	display:inline-block;
	width:126px;
	height: 52px;
	vertical-align: middle;
	
}

.head_logo_div h1 {
	margin: 0;
	padding: 0;
	font-weight:normal;
	font-size: 16px;
}

.head_logo_div a{
	display: inline-block;
	width: 100%;
	height: 100%;
	font-size : 0;
	background: url(tongming.png) no-repeat  center;
	background-size: contain;
	vertical-align: middle;
	
}


.head_logo_div2 {
	/*margin-left:2%;*/
	display:inline-block;
	width:126px;
	height: 32px;
	vertical-align: middle;
	
}

.head_logo_div2 h1 {
	margin: 0;
	padding: 0;
	font-weight:normal;
	font-size: 16px;
}

.head_logo_div2 a{
	display: inline-block;
	width: 100%;
	height: 100%;
	font-size : 0;
	background: url(tongming-heng.png) no-repeat  center;
	background-size: contain;
	vertical-align: middle;
	
}

.nav_ul {
	display: inline-block;
}

.head_tougao_i {
	float:right;
	margin-right: 20px;
	font-size:20px;
	margin-top: 23px;	
	color:#3eba7d;
}

.head_xueyuan_i {
	float:right;
	margin-right: 20px;
	font-size:20px;
	margin-top: 23px;	
	color:blue;
}

.head_info_i {
	float:right;
	margin-right: 100px;
	font-size:20px;
	margin-top: 25px;
}
	


.head_account {
	/*float:right;*/
	position:absolute;
	left : 95%;
	top:23px;
	z-index: 3;
	
}

.head_account:hover .account_info{
	display : block;
	width:150px;
	margin-left:-150px;
	margin-top: -30px;
}

.account_info {
	/*border:1px solid gray;*/
	border : none;
	display:none;
	background-color:white;
	/*margin:5px;*/
	border-radius : 5px;
	box-shadow : 1px 1px 1px 1px rgb(0 0 0 / 5%), 0px 1px 1px 1px rgb(0 0 0 / 5%);
	
	
}

.account_info_item1 {
	padding : 12px;
	/*box-shadow : 1px 0px 1px 1px rgb(0 0 0 / 5%);*/
	color : gray;
	background: rgb(247,248,250);
	
}

.account_info_label {
	display : block;
	color : gray;
	
	
}

.account_info_label span {
	font-size : 16px;
}

.account_info_item2 {
	padding : 12px;
	
}

.account_info_item2 i {
	/*color : #ff8a00*/
	color: #636363;
	font-size: 18px;
}

.account_info_item3 i {
	color: #636363;
	font-size: 16px;
}


.account_info_a:hover {
	color: #636363;
	font-size: 14px;

}

.account_info_item3 {
	padding : 8px 0px 8px 16px;
}
.account_info_zy {
	display: block;
	margin-top: 5px;
	font-size: 12px;
	margin-left: 20px;
	color:red;
}

.account_info_zy i {
	font-size: 12px;
}

.account_info_a {
	font-size : 14px;
	color : gray;
}



.tail {
	margin-top: 10px;
	height: auto;
	background-color: #242424;
	/*background-color: rgb(28,101,164);*/
	/*background-color:#e6e6e6;*/
	/*box-shadow:1px 1px 1px 1px rgb(0 0 0 / 5%),-1px -1px  1px 1px rgb(0 0 0 / 5%);*/
	box-shadow : 0px -2px 1px -1px rgb(0 0 0 / 5%);
	width:100%;
	float: left;
	font-size: 12px;
	padding: 7px 0;
	vertical-align: middle;
	line-height: 22px;
	white-space: nowrap;
}

.tail_line {
	margin-top:6px;
	margin-bottom:6px;
	text-align:center;
}

.tail_line_a {
	margin-left:15px;
	margin-right:15px;
	color: rgb(247,248,250);
	font-size: 12px;
}



.tail_line_span {
	margin-left:15px;
	margin-right:15px;
	color: rgb(247,248,250);
	font-size: 8px;
}

.select_div {
	text-align : center;
}

select {
	/*width : 94%;*/
	margin-top : 4px;
	margin-bottom : 4px;
	
}

.tail_detail_head {
	height:30px;
	background-color: #CA2E2F;
	
}

.tail_detail_head_content {
	padding-top: 4px;
	margin-left:10%;
}

.tail_detail_head_content a {
	color:white;
}

.tail_detail_body {
	width:80%;
	margin-left:10%;
	height:auto;
	min-height:90%;
	/*box-shadow:1px 1px 1px 1px rgb(0 0 0 / 5%),-1px -1px  1px 1px rgb(0 0 0 / 5%);*/
	
}

.tail_detail_logoline {
	
	height:70px;
	/*border-style: solid;*/
	/*border-color: gray;*/
	/*border-width: 1px;*/
}

.tail_detail_content {
	margin-top: 25px;
	overflow : auto;
}

.tail_detail_menu {
	float:left;
	width: 20%;
	height:60%;
	background-color:#e0ecfb;
	/*border-style:solid solid solid solid;
	border-color: gray;
	border-width: 1px;
	*/
	
	
}

.tail_detail_main {
	float:right;
	width: 75%;
	/*border-style:solid solid solid solid;*/
	/*border-color: gray;*/
	/*border-width: 1px;*/
	/*box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 5%), -1px -1px 1px 1px rgb(0 0 0 / 5%);*/
	margin: 10px;
}

.tail_detail_cur_loc {
	color:#CA2E2F;
}

.div_textarea {
	white-space: pre-wrap;
	padding : 5px 20px 5px 20px;
	color:gray;
	font-size:14px;
}

.tail_detail_advise_div {
	padding : 20px;
	margin: 0 auto;
	width:600px;
	
}

.tail_detail_advise_div  h4{
	margin: 20px 0;
	font-weight: 500;
	font-size: 14px;
	
}

.tail_detail_advise_div  .width_textarea {
	resize: none;
	width:100%;
	height:200px;
	outline: none;
}



.advise_line {
	margin-top: 30px;
}

.advise_line .advise_submit {
	border: none;
	width: 40px;
	height: 30px;
	margin-left: 0px;
	font-size: 14px;
}


.test_body {
	margin-left:4%;
	margin-right:4%;
	margin-top:20px;
	min-height:450px;
	
}

.test_produce {
	padding-bottom : 20px;
	/*line-height : 40px;*/
}

#test_do {
	margin-top : 10px;
	border-style:solid none none  none;
	border-color: gray;
	border-width: 1px;
	padding-top: 10px;
	/*box-shadow: 1px 0px 0px 0px rgb(0 0 0 / 5%);*/
}

#test_do_info {
	/*float:right;*/
	width:90%;
	padding : 15px;
	/*border-style:none none none solid;*/
	border-width: 2px;
	/*height : 65%;*/
	line-height : 40px;
	font-size:30px;
	/*box-shadow: 1px 1px 6px 6px rgb(0 0 0 / 5%), -1px -1px 6px 6px rgb(0 0 0 / 5%);*/
}

#test_do_info div{
	color : gray;
}

#test_do_do_div {
	float : left;
	width : 98%;
	/*height: 65%;*/
	overflow : auto;
	
}

#test_result {
	/*max-height : 65%;
	overflow : auto;*/
	width:100%;
}

.test_botton {
	background-color : #ff8a00;
	color : white;
	border : none;
	padding: 2px 4px 2px 4px;
	border-radius : 3px;
}

.sub_body_b {
	/*background-color:#e7e7e7;*/
	overflow-y:auto;
	min-height:80%;
}

.sub_body {
	/*background-color:white;*/
	margin-left:12%;
	margin-right:12%;
	overflow-y:auto;
	min-height:80%;
	
}

.sub_body_menu {
	float : left;
	width : 30%;
	margin-top : 50px;
	margin-left : 5%;
	/*height: 100%;*/
}

.sub_body_content {
	float : right;
	margin-top : 50px;
	width : 65%;
	/*height: 100%;*/
	
}

.logo_label {
	text-align:right;
	display:inline-block;
	width:80px;
}

.sub_body_menu ul {
	list-style-type: none;
    padding-left: 10px;
    margin: 0px;
	margin-top: 30px;
	
}

.sub_body_menu ul li {
	border-bottom:1px solid gray;
	padding:10px;
	width:170px;
	line-height : 28px;
}

.sub_body_menu ul li i {
	margin-right:15px;
	margin-bottom:-3px;
	font-size:8px;
}


  /* gridtable */
.gridtable_div {
	height: 315px;;
	overflow:auto;
}
  
table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:13px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	width : 98%;
	table-layout : fixed;
}



table.gridtable th {
	border-width: 1px;
	padding: 8px;
	/*border-style: solid;
	border-color: #666666;*/
	background-color: #e0ecfb;  /*#dedede;*/
	word-wrap:break-word;
	word-break:break-all;
	font-weight: normal;
	border:0px;
	text-align:left;
	color:gray;
	
 }
 
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	/*border-style: solid;
	border-color: #666666;*/
	/*background-color: #ffffff;*/
	
	/*white-space : nowrap;*/
	word-wrap:break-word;
	word-break:break-all;
	border:0px;
	color:gray;
	
	
}
table.gridtable tr {
	border-bottom:1px solid #e0ecfb;
}

table.gridtable td  a {
	color : blue;
	font-size:14px;
}

/* gridtable */

.right_option {
	color : red;
}

#record_test_detail_test {
	display:none;
	position:absolute;
	left:35%;
	top:15%;
	background-color:white;
	width:40%;
	height: 400px;
	border:1px solid gray;
	padding : 10px 30px 30px 30px;
}

#detail_test_content {
	overflow:auto;
	height: 350px;
}

.register {
	margin-top: 30px;
}

.div_denglu_div {
	background-image: url("login.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	width:100%;
	height: 100%;
}

.div_denglu {
	width:340px;
	height: 100%;
	margin: 0 auto;
	max-width:340px;
	/*border : 1px solid #b8b8b8;*/
	border: none;
	border-radius: 12px;
	padding-top:80px;
	
	
	
	/*
	position:absolute;
	top:150px;
	left:5%;
	width:70%;
	*/
	/*background-color:#eceef1;*/
}
	


.login_line {
	margin-top: 0px;
}


.login_last_line {
	margin-top: 20px;
}


.button_denglu {
	background: #3fba93;
	border-radius: 4px;
	color: #fff;
	font-weight: 800; 
	height: 28px;
	width: 100%;
	border: 0;
	font-size: 14px;
	box-shadow: 0 6px 16px 0 rgb(48 173 132 / 30%);
	cursor: pointer;
	margin-top: 10px;
	
}

.yanzm_denglu {
	padding: 2px 10px;
	height: 28px;
	border: 1px solid #b8b8b8;
	border-radius: 4px;
	height: 28px;
	font-size: 14px;
	color: #1f1f1f;
	margin-bottom: 10px;
	cursor: pointer;
	
}

.input_denglu {
	width: 100%;
	padding: 5px 10px;
	height: 28px;
	/*border: 1px solid #b8b8b8;*/
	border:none;
	font-size: 14px;
	color: #1f1f1f;
	border-radius: 4px;
	outline:none;
	margin-bottom: 10px;
}

.input_denglu_yanzhengma {
	width: 230px;
}

.title_denglu{
	text-align:center;
	margin-bottom:30px;
	/*font-weight: 600;*/
	font-size: 18px;
	line-height: 18px;
	
}

.a_denglu {
	float:right;
	color:blue;
	font-size:12px;
	margin-top: -10px;
	margin-bottom:5px;
	margin-right:10px;
}

.denglu_infor{
	float:left;
	color:red;
	font-size:12px;
	margin-top: 10px;
	margin-bottom:5px;
	margin-right:10px;
}


.video-menu-head {
	margin-left:5%;
	margin-right:5%;
	margin-top:20px;
	padding-bottom:10px;
	/*border-bottom:1px solid #DCDCDC;*/
}

.video-menu-head-class {
	margin-right:4%;
	display:inline-block;
}

.video-menu-content {
	margin-top:20px;
}

.video_select_a_selected {
	color:blue;
}

.tcourse_class_a {
	margin-bottom:15px;
	display : inline-block;
	margin-right:20px;
}

.tcourse_class_a_selected {
	color:blue;
	
}


.tcourse_nav2 {
	/*position:absolute;
    left : 80%;
    top: 60px;*/
	float : right;
	width : 21%;
	margin-right:4%;
	
	
}


.top_box {
	background-color: rgb(247,248,250);	
}

.jc_top_head {
	width: 94%;
	margin: 0 auto;
	height: 130px;
	padding-top: 30px;
	margin-top: 2px;
}

.jc_top_head h3 {
	/*float:left;
	color:rgba(84,92,99,.7);
	background:yellow;
	width: 250px;
	height: 60px;
	line-height: 60px;
	border-radius: 10px;
	text-align: center;*/
	display: inline-block;

	

}

.tu_label {
	display: inline-block;
	height: 100px;
	line-height: 100px;

}

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

.tu_label img {
	width: 100px;
	height: 100%;
	vertical-align: bottom;
}

.tu_label span {
	display: inline-block;
	height: 100%;
	vertical-align: top;
	font-size: 18px;
	font-weight: 700px;
}




.search_div {
	float:right;
	position: relative;

}

.kong_input {
	width: 90%;
    font-size: 14px;
    line-height: 28px;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    background: 0 0;
	outline: none;
	color:#666;
	

}

.search_div_p1 {
	width: 100%;
    border-radius: 4px;
    overflow: hidden;
    margin: 17px 0 7px;
    border: 1px solid rgba(84,92,99,.2);
}

.search_div_p1 input {
	width: 275px;
    font-size: 12px;
    color: #93999f;
    line-height: 24px;
    padding: 5px 12px;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    background: 0 0;
	outline: none;
}

.search_div_p1 button {
	width: 34px;
    height: 34px;
    font-size: 18px;
    text-align: center;
    line-height: 34px;
    color: #fff;
    background: #545c63;
    cursor: pointer;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    float: right;
	border: none;
}

.search_div_p2 {
	height: 21px;
    overflow: hidden;
    padding-left: 14px;
}

.search_div_p2  span{
	color: rgba(84,92,99,.7);
    font-size: 12px;
    line-height: 16px;
}

.search_div_p2 a {
	margin-right: 14px;
	color: rgba(84,92,99,.7);
    font-size: 12px;
}

.jc_top_nav {
	width: 94%;
	margin: 0 auto;
	padding: 30px 0;
	
}

.nav_line label{
	display: inline-block;
	font-size: 14px;
    line-height: 32px;
    font-weight: 700;
    margin-right: 18px;
}

.nav_line a {
	display: inline-block;
    line-height: 16px;
    padding: 8px;
    margin: 0 6px 12px 6px;
	text-align: center;

}

.nav_line .label_kuai_3 {
	margin-left: 0px;
}

.paixu_box {
	background: rgb(247,248,250);
	/*background: rgb(255,255,255);*/
	height: 40px;
	margin-top:5px;

}



.paixu_contain{
	width: 94%;
	display: block;
	padding: 6px 0;
	margin: 0 auto;
	
}

.paixu_contain ul li{
	/*display: inline-block;*/
	float: left;
    line-height: 14px;
    padding: 8px;
    border-radius: 6px;
    margin-right: 12px;
	font-size: 12px;
	color: #545c63;
}

.paixu_contain ul li a{
	font-size: 12px;
	color: #545c63;
}


.paixu_contain ul li.paixu_on {
	color: #fff;
    background-color: #9199a1;
}

.paixu_contain ul li.paixu_on a {
	color: #fff;
    background-color: #9199a1;
}


.show_box {
	background:  rgb(247,248,250);
}

.bg_white {
	background-color: rgb(255,255,255);
}

.show_content{
	width: 94%;
	overflow: hidden;
	padding-top: 30px;
	margin: 0px auto;
	min-height: 150px;
}

.nav_class_a {
	font-size: 14px;
    line-height: 20px;
    display: inline-block;
    white-space: nowrap;
    padding: 0px 6px;
    min-width: 40px;
    margin-left: 10px;
    border-radius: 5px;
}

.nav_bqian_a {
	font-size: 14px;
    line-height: 20px;
    display: inline-block;
    white-space: nowrap;
    padding: 0px 6px;
    min-width: 40px;
    margin-left: 10px;
    border-radius: 5px;
}

.nav_class_a_select {
	color: rgba(65,145,255, 1);
    background-color: rgba(217,233,255, 1);
}



.jcone_nav {
	position: fixed;
	background: rgb(247,248,250);
	display: block;
	left:22%;
	top:75px;
	width:75%;
	padding-left: 10px;
	padding-bottom: 18px;
	padding-top: 5px;
}

.jcone_nav a{
	font-size: 10px;
}

.jcone_menu {
	position: fixed;
	width: 20%;
	top:120px;
	left:6px;
	background: #ffffff;
	height: 77%;
	overflow-y: auto;
}




.tcourse_nav {
	margin-left: 10%;
	float : left;
	width : 70%;
}

.tcoure-nva-label {
	margin-top : 30px;
}

.tcourse_nav_cont {
	border: 1px solid #d4d4d4;
	background-color:white;
	margin-top:15px;
	padding-right:20px;
	border-radius : 5px;
	width: 93%;
    	
	min-height: 350px;
	float: right;
}



.tcourse_title_h {
    color: #1c1f21;
    line-height: 24px;
    padding: 15px 0 18px;
}
	
.tcoure-menu-label {
	color:#00ae9d;
	font-weight:bold;
}

.tcourse-menu-cont {
	margin-left : 50px;;
	width:90%;
}

.tcourse-menu-content {
	margin-top:10px;
	margin-left:5%;
	margin-right:2%;
}

.tcourse_one {
	margin-right:20px;
	margin-bottom : 15px;
	display : inline-block;
}

.tcourse_one_select {
	color: #ff8a00;
}

.tcource-one-course {
	float:left;
	width: 66%;
	margin-top : 20px;
	margin-left: 5%;
	margin-right : 2%;
	min-height : 100px;
	border: 1px solid #d4d4d4;
	overflow-x:hidden;
	background: rgb(247,248,250);
	color:#262626 !important;
	font-size: 14px !important;
}

.tcource-tip {
	float:left;
	width:50%;
	margin-left : 10%;
	margin-top: 40px;
	font-size : 12px;
	min-height :100px;
	
}

.tcource-tip i{
	color:#ff8a00;
	
}

.tcourse_txt {
	border:none;
	white-space: pre-wrap;
	padding:15px;
	line-height:28px;
	color: #262626;
	font-size: 14px;
	text-align: justify;
	letter-spacing:1.2px;
}


hr {
    background-color: #d4d4d4;
    color: #d4d4d4;
    height: 1px;
	border: 0;
    clear: both;
}

.tan_div {
	position: absolute;
	left:20%;
	top:30%;
	width:30%;
	height:300px;
	background-color: white;
	padding: 30px;
	box-shadow: 1px 0px 1px 1px rgb(0 0 0 / 5%);
	
}

.info_div {
	margin:15px 10% 15px 0px;
	padding:6px;
	box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 5%), -1px -1px 1px 1px rgb(0 0 0 / 5%);
	
}

.info_time {
	margin:3px 10px 3px 8px;
	font-size:10px;
	color:gray;
}

.info_read_a {
	color:blue;
	font-size : 10px;
	margin-left : 30px;
}

.info_info {
	margin:3px 10px 3px 8px;
	font-size:14px;
	color:green;
	
	
}


.tcourse_title_div {
	width:100%;
    display: block;
    box-sizing: border-box;
	padding: 8px 8px 8px 18px;
	
}

.jcone_content{
	width: 100%;
	height: auto;
	background: rgb(247,248,250);
	overflow: auto;
	margin-top: 1px;
	
}

.tcourse_cont_div {
	width: 70%;
	float : right;
	margin-right: 7%;
	min-height : 450px;
	padding: 30px 32px;
    box-sizing: border-box;
    background: #fff;
	margin-top: 40px;
    box-shadow: 0 4px 8px 0 rgb(28 31 33 / 8%);
}

.tcourse_cont_div hr {
	margin-bottom: 20px;
}

.tcourse_title_a {
    /*background-color: #f6f4f0;*/
	/*background-color : #E6E6FA;*/
    text-decoration: none;
    display: block;
    /*border-bottom: 1px solid #efefef;*/
	font-size: 12px;
    color: #1c1f21;
	padding: 5px 14px 5px 0;
	cursor: pointer;
}

.tcourse_title_a_select {
    /*background-color: #f6f4f0;*/
	/*background-color :#9370DB;*/
    text-decoration: none;
    display: block;
    font-size: 12px;
	padding: 8px 14px 8px 0;
	color:blue;
}

#notes_div {
	display:none;
	padding:12px;
	position: fixed;
	right:0;
	bottom: 25px;
	width: 530px;
    height: 220px;
	background-color: white;
	/*padding: 30px;*/
	border-radius: 4px;
	z-index: 2;
	box-shadow: rgb(0 0 0 / 10%) 0px 1px 2px, rgb(0 0 0 / 12%) 0px 6px 16px;
    border-radius: 8px;
    overflow: hidden;
}

#notes_div  h4 {
	color:#ff8a00;
	font-weight:bold;
	font-size: 14px;
}

#notes_div  label {
	font-size: 10px;
}


#notes_title {
	outline:none;
	border: none;
	font-size:12px;
}

#notes_cont {
	width:100%;
	height:150px;
	font-size:12px;
	border: none;
	outline: none;
	padding: 8px 0px;
	color: #1f1f1f;
	resize:none;
	overflow:auto;
}

.notes_b {
	float:right;
}

.notes_b #submit_notes {
	border: none;
    outline: none;
    cursor: pointer;
    opacity: 1;
    background-color: rgba(45,181,93, 1);
    color: rgba(255,255,255, 1);
    font-size: 12px;
    line-height: 20px;
    padding: 2px 15px;
    border-radius: 5px;

}

.notes_b #cancel_notes {
	border: none;
    outline: none;
    cursor: pointer;
    opacity: 1;
    color: rgba(89,89,89, 1);
    font-size: 12px;
    line-height: 20px;
    padding: 2px 15px;
    border-radius: 5px;
}


.big_box{
	background: rgb(247,248,250);
	/*background: #00ae9d;*/
	margin-top: 3px;
	overflow: auto;

}


.nav_contain{
	height: 50px;
	line-height: 50px;
	width: 90%;
	margin: 0 auto;
	

}

.nav_contain a {
	font-size: 14px;
	color:#636363;
}

.head_box{
	background: rgb(255,255,255);
	height: 300px;
	width: 90%;
	margin:0 auto;
	overflow: hidden;
	padding: 24px;
}

.head_box img {
	width: 20%;
    height: 235px;
	float:left;
	border-radius: 8px;
}

.head_contain {
	float: left;
	width:70%;
	margin-left:30px;

}

.head_sum_contain {
	margin-top: 20px;
	width: 100%;
    height: 90px;
    line-height: 24px;
    overflow: hidden;
    /*background-color: #f3f3f3;
	 text-indent: 20px;
	 padding: 10px;*/
    font-size: 13px;
	color:#636363;
   
}

.head_mark {
	margin-top: 10px;
	color:#636363;
}

.head_mark label {
	margin-right: 18px;
	font-size: 12px;
	color:#636363;
}

.head_mark span {
	color: #dd514c;
	font-size: 12px;
}

.head_button {
	margin-top:15px;
	
}

.head_button button {
	margin-right: 30px;
	border: none;
	width:60px;
	height: 40px;
	font-size: 14px;
	margin-left: 0;
}



.body_box {
	width: 90%;
	margin:30px auto;
}

.left_contain {
	width:65%;
	background: #fff;
	float:left;
	padding: 30px;
	overflow: auto;
	
}

.left_cont {
	margin-top: 30px;
}



.left_cont_menu {
	display: none;
}

.left_cont_summary {
	width:100%;

}

.left_cont_summary img {
	width:100%;
	margin-bottom: 40px;

}


.left_cont .tcourse_title_a_select,  .left_cont .tcourse_title_a {
	font-size: 14px;
    line-height: 30px;
	padding: 0;

}


.left_cont .title_zhang {
	background: url('shuben.png') no-repeat;
	height: 30px;
	line-height: 30px;
	background-size: contain;
	padding-left: 40px;
}

.left_cont .title_jie {
	padding-left: 40px;
}


.left_cont .icon {
	float:right;
	margin-right: 20px;
	margin-top: 5px;
	font-size: 16px;
	color: #99a2aa;
}

.left_cont .iconfont {
	margin-left: 20px;
	font-size: 16px;
	color: #99a2aa;
}



.left_nav {
	height: 40px;
    border-bottom: 1px solid #e7e7e7;
}


.left_nav a {
	margin-right: 30px;
	color: #636363;
}

.left_nav a.left_nav_select {
	color: #00aeec;
	font-weight: 700;
}

.right_contain {
	width: 30%;
	float:right;
	background: #fff;
}

.author_div {
	padding: 20px;
	margin-top: 20px;
}

.author_div img {
	width:50px;
	height: 50px;
	border-radius: 50px;
} 


.author_info {
	display: inline-block;
	vertical-align: top;
	margin-left: 6px;
}

.author_name {
	font-size: 14px;
	line-height: 20px;
}

.author_title {
	font-size: 10px;
	color:#636363;
	line-height: 20px;

}

.author_div .guanzhu {
	float:right;
	background: #00aeec;
    color: #fff;
    border-radius: 6px;
    font-size: 14px;
	border: none;
	padding: 6px;
}


.author_desc {
	font-size: 14px;
	/*text-indent: 30px;*/
}


.author_be {
	padding: 20px;
	margin-top: 20px;
	/*background-color: rgba(240,240,240, 0.5);*/

}

/*.author_be::before{
	content: '';
	display: inline-block;
	vertical-align: middle;
}*/

.author_be img {
	vertical-align: middle;
	width:30px;
}

.author_be span {
	vertical-align: middle;
	font-size: 16px;
	color: #636363;
}


.tuijian_div {
	padding: 20px;
	margin-top: 20px;


}

.tuijian_div >  h5{
	margin-bottom: 16px;
    letter-spacing: 1px;
	font-size: 16px;
	font-weight: 500;
	color:#636363;
}





.tuijian_div .index_jc_contain  {
	min-width: 160px;
	width:95%;
}



.shome_body_contain {
	width:100%;
	background: #fff;
	padding: 30px;
	overflow: auto;
	
}

.shome_body_contain  .paixu_contain {
	padding: 20px 0;
	margin: 0;
}


.shome_kc {
	display: none;
}

.shome_bj {
	display: none;
}


.grzx_left {
    width: 20%;
	min-height: 400px ;
    float: left;
    background: #fff;
	padding-top: 10px;
}


.grzx_right {
	width: 78%;
	margin-left: 2%;
	float:left;
	min-height: 632px;
    background: #fff;
}


.grzx_box {
	width: 90%;
	margin: 30px auto;
}



.grzx_left ul li {
	display: block;
	width:100%;
	text-align: center;
	height: 48px;
    line-height: 48px;
}

.grzx_left ul li.cur {
	background: rgb(247,248,250);
}

.grzx_left ul li  a {
	color: #555666;
	cursor: pointer;
	font-size:  14px;
}

.grzx_left ul li.cur  a {
	color: #222226;
}

.grzx_study_menu {
	overflow-y: auto;
    overflow-x: hidden;
    min-height: 400px;
    height: 858px;
    width: 20%;
    border-right: 1px solid #ededed;
    float: left;
}

.grzx_study_menu a {
	width: 95%;
	margin: 10px auto;
	display: block;
	height: 48px;
	padding: 3px;
}

.grzx_study_menu .titlecur {
	background: rgb(247,248,250);
}


.grzx_menu_a {
	color:gray;
	font-size:14px;
}

.grzx_study_cont {
	width: 80%;
	float:left;
	padding: 10px 30px;

}

.grzx_s_time {
	color:#636363;
	font-size:14px;
}

.grzx_s_key span {
	color:#636363;
	font-size:12px;

}

.note_t {
	outline: none;
	border: none;
	width: 50%;
	color:#636363;
	font-size:12px;
}

.note_c {
	font-size:14px;
	color:#636363;
	margin-top: 10px;
	outline: none;
	resize: none;
	width: 100%;
	min-height: 500px;
	border: none;
}

.grzx_s_c {
	display: none;
}

.collect_qx_a {
	background: rgb(255,255,255);
	color:red;
	position: absolute;
	right:10px;
	top:5px;
	display: block;
	height: 20px;
	width: 20px;
	border-radius: 20px;
	text-align: center;
	line-height: 20px;
}

.collect_qx_a i {
	font-size: 20px;
}

.collect_cz_a {
	position: absolute;
	right:10px;
	bottom: 40px;
	
}

.collect_cz_a_select {
	color:red;
}

.collect_cz_a i {
	font-size: 14px;
}

.collect_cz_a_note {
	margin-left: 10px;
}

.collect_cz_a_note i {
	font-size: 14px;
}

.history_line {
	width: 100%;
	position: relative;
	min-height: 10px;
}

.history_time {
	position: absolute;
	left:0px;
	top: 50%;
	font-size: 12px;
	color: #636363;

}

.history_del {
	position: absolute;
	right:40px;
	top: 50%;
}



.history_line .index_jc_contain {
	float:none;
	margin-left: 120px;
	
}

.history_line .index_kc_contain {
	float:none;
	margin-left: 120px;
	
}

.history_line .index_bj_contain {
	float:none;
	margin-left: 120px;
	
}

.history_qk {
	position: absolute;
	right:40px;
	top: -10px;
}

.profile_head {
	height: 110px;
	padding: 20px  60px 20px 60px;
}

.jiange {
	width: 100%;
	background: rgb(247,248,250);
	height: 20px;
}


.profile_body {
	padding: 40px  60px 40px 60px;
	
}


.profile_head img {
	width: 70px;
	height: 70px;
	border-radius: 70px;
	float:left;

}

.profile_h_info_contain {
	float:left;
	margin-left: 20px;
}

.profile_head .account_info_zy {
	margin: 0;

}

.profile_line {
    font-size: 14px;
    margin-bottom: 32px;
}

.profile_label {
	display: inline-block;
	width: 70px;
	text-align: justify;
	overflow: hidden;
	font-size: 14px;
	color: #636363;
	vertical-align: middle;
	margin-right: 20px;
}

.profile_label::after {
	content:'';
	display: inline-block;
	width: 70px;
	vertical-align: middle;
}

.profile_line .profile_input {
	display: inline-block;
	vertical-align: middle;
	width: 400px;
	overflow: hidden;
	font-size: 12px;
	color: #636363;
	outline: none;
	border: none;
	padding: 10px;
	background: rgb(247,248,250);
	border-radius: 4px;

}

.profile_line textarea {
	resize: none;
	line-height: 25px;
	height: 75px;
	font-size: 12px;
	border-radius: 4px;
}

.profile_submit {
	border: none;
	width: 50px;
	height: 40px;
	font-size: 14px;
}

.submit_repassword {
	font-size: 12px;
	border-radius: 4px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0 10px;
}


.grzx_coin_box {
	padding: 20px;
}



.grzx_coin_box1 {
	padding: 20px;
}

.grzx_coin_box2 {
	padding: 20px;
}

.coin_detail {
	margin-top: 20px;
}

.coin_sz_nav {
	margin-bottom: 20px;
}

.coin_detail_sub {
	display: none;
}


.coin_add_h a {
	margin-left: 0;
	margin-right: 30px;
}


.msg_contain {
	position: relative;
	
}

.msg_num {
	position: absolute;
    top: -8px;
    left: 2px;
    z-index: 1;
    padding: 0 5px;
    min-width: 15px;
    border-radius: 10px;
    background-color: #fa5a57;
    color: #fff;
    font-size: 10px;
    line-height: 15px;
}


.wrong_unit {
	color : blue;
}

.tougao_select {
	width : 240px;
}

.tougao_input {
	width : 240px;
}

.tougao_title_tu {
	color : red;
}

.a_button_div {
	margin-bottom : 50px;
}

.a_button  {
	margin-bottom : 10px;
	margin-top : 10px;
	border : 1px solid gray;
	font-size:13px;
	/*padding : 1px 6px 1px 6px;
	background-color: #e6e6e6;
	color: black;*/
	color:#fff;
	padding: 5px 10px;
	background-color: #07aabb;
	border-color: #07aabb;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	/*font-weight: 700;*/
	border-radius: 4px;
	cursor: pointer;
}

.kaitong_div {
	margin-top: 10px;
}

.tougao_zj_titles {
	float:left;
	width:22%;
	border-radius: 4px;
	border: 1px solid #d4d4d4;
	min-height:200px;
}

.tougao_zj_titles div {
	margin :6px 12px 0px 12px;
	padding-bottom : 2px;
	border-bottom : 1px solid #d4d4d4;
	
}

.tougao_zj_one {
	float:right;
	width:75%;
}


.tougao_zj_title {
	margin-bottom:20px;
}

.tougao_zj_cont {
	-webkit-user-modify: read-write-plaintext-only;
	min-height : 100px;
	border-radius: 4px 4px 4px 4px;
	margin-right:20px;
	padding:6px;
	border: 1px solid #d4d4d4;
	overflow:auto;
	margin-bottom:15px;
}

.tougao_ye_name {
	color: #ff8a00;
	margin-bottom: 8px;
    font-size: 12px;
    font-weight: bold;
}

.tougao_edit_menu {
	-webkit-user-modify: read-write-plaintext-only;
	min-height : 200px;
	max-height : 400px;
	width:50%;
	border-radius: 4px 4px 4px 4px;
	margin-right:20px;
	padding:6px;
	border: 1px solid #d4d4d4;
	overflow:auto;
	margin-bottom:15px;
	font-size : 10px;
	
}


.tougao_edit_cont {
	-webkit-user-modify: read-write-plaintext-only;
	min-height : 400px;
	max-height : 700px;
	border-radius: 4px 4px 4px 4px;
	margin-right:20px;
	padding:6px;
	border: 1px solid #d4d4d4;
	overflow:auto;
	margin-bottom:15px;
	font-size : 12px;
	outline : none;

	
}

.tougao_sample {
	color : gray;
}


.nb_input {
	width:30px;
	display:none;
}


.nb_button_qd {
	display:none;
}


.nb_button_qx {
	display:none;
}


.coin_n_a {
	font-size:14px;
	margin-right:30px;
	display: block;
	height: 40px;
}

.a_dir_name {
	font-size: 14px;
	color:#00aeec;
}

.popup {
	display:none;
	position:absolute;
	top:20%;
	left:15%;
	height: 220px;
	min-width: 400px;
	overflow :auto;
	border : 1px solid #ff8a00;
	line-height : 40px;
	background-color : white;
	padding: 25px 15px 5px 25px;
	
}

.zhebu {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: rgb(0, 0, 0);
	opacity: 0.3;
}

.popup_xiao {
	display:none;
	/*position:absolute;*/
	position: fixed;
	top:30%;
	left:30%;
	/*height: 80%;*/
	min-width: 300px;
	overflow :auto;
	line-height : 40px;
	background-color : white;
	padding: 5px 15px 5px 15px;
	border-radius:8px;
	z-index: 1000;
	
}

.popup_item {
	margin-top: 10px ;
}


.popup_item label {
	margin-right : 5px;
}

.popup_title {
	padding: 0 ;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    background-color: #F8F8F8;
    border-radius: 2px 2px 0 0;
}



.data_tool_div {
	float:right;
	margin-right : 0px;
}

.data_tool_div a {
	margin-right:10px;
}

.dir_path_div {
	margin-top : 15x;
	margin-bottom : 10px;
	
}

.dir_path_div a {
	font-size: 12px;
	color:blue;
}

.dir_path_div .cur_dir {
	font-size: 12px;
	
}

.dir_path_div a i {
	font-size: 14px;
	color:blue;
}

.dir_path_div i {
	font-size : 8px;
	color : gray;
}

.div_popup_data{
	display:none;
	position:fixed;
	top:15%;
	left:5%;
	height:460px;
	width:90%;
	overflow :auto;
	line-height : 40px;
	background-color : white;
	padding: 5px 15px 5px 15px;
	border-radius:8px;
	z-index: 1000;
}

.preview_div {
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	overflow :auto;
	background-color : white;
	padding: 5px 15px 5px 15px;
	z-index: 1001;
}

.a_popup_sure {
	margin-left:45%;
	margin-right : 4px;
	margin-top:20px;
}

.a_popup_cancel {
	margin-top:20px;
}

.head_logo {
	width:150px;
}



.sj {
	display:none;
}

.toggle_title2{
	display:none;
}

.grzx_h{display:none;}

.yejiao_h{display:none;}


.div_split{
	margin-top:40px;
	width:100%;
	height:2px;
	box-shadow: 0px 3px 1px -1px rgb(0 0 0 / 5%);
	background-color:rgb(0 0 0 / 5%);
	
}

select{
	font-size:14px;
	padding: 5px 10px;
	height: 28px;
	border: 1px solid #b8b8b8;
	color: #1f1f1f;
	border-radius: 4px;
	background-color:white;
	outline:none;
	
	min-width : 120px;
	margin-top : 2px;
	margin-bottom : 2px;
}

.stand_input{
	padding: 5px 10px;
	height: 28px;
	border: 1px solid #b8b8b8;
	font-size: 14px;
	color: #1f1f1f;
	border-radius: 4px;
	outline: none;
}

.width_input{
	padding: 5px 10px;
	height: 28px;
	border: 1px solid #b8b8b8;
	font-size: 14px;
	color: #1f1f1f;
	border-radius: 4px;
	outline: none;
}

.width_textarea{
	width:50%;
	max-width:500px;
	min-width:200px;
	
	padding: 5px 10px;
	height: 56px;
	border: 1px solid #b8b8b8;
	font-size: 14px;
	color: #1f1f1f;
	border-radius: 4px;
	margin-bottom:-10px;
	resize: none;
	outline:none;
}

.head_button .share_b {
	margin-right: 0;
}

.my_grzx_left {
	width:100%;
	position: absolute;
	left: 0;
	top: 90px;
	height: 100%;
	display: none;
	z-index: 4;
	background-color: white;
	padding: 30px;
}

.pc_hide_sj_show {
	display: none;
}

.point_div {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #00aeff;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    vertical-align: middle;
}

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

.f-14 {
    font-size: 14px;
}
.mt-10 {
    margin-top: 10px;
}

.ml-40 {
    margin-left: 40px;
}
.ml-15 {
    margin-left: 15px;
}

#cz_other_a {
	cursor : pointer;
	color:blue;
}

.cz_input {
	width: 150px;
    font-size: 14px;
    color: #333;
	height: 41px;
    padding: 8px;
	border: solid 1px #ddd;
	vertical-align: middle;
	outline: none;
	border-radius: 4px;

}

.cz_kuai_div {
    display: inline-block;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #d0d0d0;
    padding: 0px 20px;
    text-decoration: none;
    position: relative;
    color: #666;
    cursor: pointer;
	margin-bottom: 10px;
}

.mark_checked {
    background: url(Hook.png) no-repeat -1px -1px;
    border: 1px solid #ff7800;
}

.discount {
    background: url(discount.png) no-repeat;
    width: 40px;
    height: 44px;
    display: block;
    position: absolute;
    top: -4px;
    right: -5px;
}

img{
	border: none;
	vertical-align: middle;

}

.btn-warning {
    color: #fff;
    background-color: #f37b1d;
    border-color: #f37b1d;
}

.btn {
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    font-weight: 400;
    white-space: nowrap;
    vertical-align: middle;
    -moz-padding-start: npx;
    -moz-padding-end: npx;
    border: solid 1px #ddd;
}

#pay_img {
	height: 250px;
}

.dati_edit_cont {
	-webkit-user-modify: read-write-plaintext-only;
	min-height : 70px;
	max-height : 500px;
	border-radius: 0px;
	padding:6px;
	border: 1px solid #d4d4d4;
	overflow:auto;
	margin-bottom:6px;
	font-size : 12px;
	outline : none;
	background-color: white;

	
}

.dati_daan {
	min-height : 70px;
	max-height : 500px;
	border-radius: 0px;
	padding:6px;
	border: 1px solid #d4d4d4;
	overflow:auto;
	font-size : 12px;
	outline : none;
	color:green;
	background-color: white;
	width:100%;

}

.dati_ti_label {
	line-height: 20px;
    display: inline-block;
    white-space: nowrap;
    color: #333;
    background-color: rgba(217,233,255, 1);
    min-width: 40px;
    text-align: center;
	font-size: 14px;
	padding: 3px;
}

.content_ti {
	background-color: greenyellow;
	margin-bottom: 8px;
	
}
.content_ti_div {
	margin-bottom: 55px;
}

.form_container_div {
	position: relative;
	top: 120px;
	width: 100%;
}
.form_container {
  max-width: 400px;
  margin: 0 auto;
  padding: 20px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 
}

.loader_div {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;

}

.loader {
  border: 6px solid #f3f3f3;
  border-top: 6px solid #3498db;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 2s linear infinite;
  
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media (max-width:560px){
	.pc {display:none;}
	.head_logo {width:70px;}
	.sj {display:inline-block;margin-left:0px;}
	.head_logo_line {height: 50px;position: fixed;z-index: 5;top:0;}
	.head_logo_line_zhanwei{display: block;}
	.nav_login_contain{height: 50px;}
	.head_logo_div {margin-left:1%;}
	.head_sj_nav {display: block;}
	.head_account {top:15px;}
	.head_account:hover .account_info{width: 120px;margin-left:-120px;}
	.account_info_item1 {padding:7px 3px 7px 7px;}
	.account_info_item2 {padding:7px 3px 7px 7px;}
	.account_info_a {display:block;margin-right:5px;margin-bottom:3px;margin-top:3px;}
	.sj .nav_e {font-size:14px;}
	.nav_e_div {padding: 0 10px ;}
	.head_info_i {margin-right: 40px;margin-top: 15px;}
	.head_tougao_i {margin-top: 13px;}
	.head_xueyuan_i {margin-top: 13px;}
	.head_box img {display: none;}
	.head_box .beijing_div2 {display: none;}
	.head_box {height: 350px;}
	.head_contain {margin-left: 2%;width: 97%;}
	.head_sum_contain {height: 150px;}
	.body_box .right_contain {display: none;}
	.body_box .left_contain {width:100%;}
	.jcone_menu {display: none;width: 100%;}
	.jcone_nav {top:90px;width: 100%;left:0;padding-left: 10px;}
	.elevator {display: none;}
	.bottom_nav {display: block;}
	#submit_answer {display: block;margin: 5px;}
	.ti_caozuob4 {display: block;margin: 10px;}
	.radio_answer {display: block;margin: 5px;}
	.grzx_left {display: none;width: 100%;}
	.grzx_right {width: 98%;margin-left: 0px;}
	.shome_body_contain {padding: 8px;}
	.grzx_coin_box2 {padding: 8px;}
	.head_account:hover .account_info{display: none;}
	.nav_width_xz {
		display:inline-block;
		width:200px;
		overflow: hidden;
		white-space: nowrap;
		word-break: keep-all;
		text-overflow: ellipsis;
		vertical-align: middle;
	}
	.common-user-img {width:20px;height: 20px;border-radius : 20px;}
	.portal_title_div {font-size:20px;}
	.portal_title_div a {font-size:20px;}
	.width_textarea{margin-bottom:0px;width:95%;}
	table.gridtable{font-size:13px;}
	.width_input {width:95%}
	/*xuelian*/
	div.div_ssh_common {width:100%;height:40%;}
	#div_course {width:100%;}
	#test_course_div{width:100%;}
	#course_content_div{width:100%;display:none;}
	.toggle_title2{display:inline-block;}
	.toggle_title{display:none;}
	.toggle_course{display:none}
	#info {font-size:8px;}
	#cmd_input{font-size:12px;}
	#show{font-size:8px;height:88%;}
	/*xue */
	.tcourse_nav2{display:none;}
	.tcource-one-course{width:100%;margin-left:1px;border:none;overflow:hidden;}
	.tcourse_nav {margin-left:2%;float:left;width:95%;}
	.tcourse_cont_div{width:96%;overflow:hidden;margin-left: 2%;margin-right: 2%;padding: 16px;}
	.tcourse_title_div{margin-right:1px;}
	.tcourse_txt{padding:2px;}
	#notes_title{width:100%;margin-top:15px;}
	#notes_div{width:80%;padding:6px 15px 40px 15px;left:5%;}
	/*ceyan*/
	.test_body{margin-left:2px;margin-right:2px;}
	/*index*/
	.course_summary{width:75%;min-height:150px;}
	.course_cmenu{width:30%;}
	/*account */
	.sub_body_menu{display:none;margin-top:0px;}
	.sub_body_content{width:95%;margin-top:0px;}
	.sub_body{margin-left:0px;margin-right:0px;}
	.grzx_h{display:block;color:#ff8a00;padding: 8px;}
	.div_denglu{width:200px;}
	.input_denglu_yanzhengma {width: 90px;}
	/*yejiao*/
	.tail_detail_menu {display:none;}
	.tail_detail_main{width:100%;}
	.tail_detail_body {width:90%;margin-left:5%;}
	.yejiao_h{display:block;color:#ff8a00;margin-left:20px;margin-bottom:10x;}
	/*new v3*/
	.slides-container .slide {height: 150px;}
	.search_div_p1 input {float:left;width: 80%;}
	.search_div_p2 {margin-bottom: 20px;}
	.search_div {float:left;width:90%;}
	.pc_hide_sj_show {display: block;}
}