@charset "utf-8";
/* CSS Document */
.login_left{
	width: 60%;float:left;
}
.login_right{
	width: 30%; float: left; padding-top: 14%; 
}
.login_title{
	height: 100px;
}
	
/****Student页****/
.s_qlink{
	height:180px;
}
.s_qlink .shortcut{
	padding-left:10%;
}
.echart-box_01{
	padding-left:15%;
}

	
/****Student/MyCourse/页****/
.main-box{
	width:78%;
}
.tq_menus{
	display:none;
}	
.fsp{
	display:none;
}
.navbar_sp{
	display:none;
}
/****Student/StudentAnalysis/页****/


/***Student/MyCourse/FeatureList/D5A955CDE5D76EB16333C5F9CA336733**/
#FeatureList_box_01{
}
.goback_01{
	display:none;
}
	#courseSubTypeAnalysis_001{
		display:inline-block;
	}
	#courseSubTypeAnalysis_002{
		display:inline-block;
	}
@media screen and (max-width: 768px) {
	.fsp{
		display:block;
	}
	img{
		max-width:100%;
	}
	.navbar-header .school-bar{
		display:none!important;
	}
	/****登录页****/
	.ios-iframe-body{
		position: inherit;
		top: inherit;
		left: inherit;
		right: inherit;
		bottom: inherit;
	}
	.login-wrapper{
		width:inherit!important;
		height:inherit!important;
		position:inherit!important;
		bottom:inherit!important;
		right:inherit!important;
		left:inherit!important;
		top:inherit!important;
		margin:90px 15px 30px!important;
	}
	.login_left{
		width:inherit;
		float:none;
	}
	.login_left #leftImg{
		text-align:center;
		padding:30px 0 0;
	}
	.login_left img{
		max-width:45%;
	}
	.login_space_01 {
		display: none;
		margin: 10px 15px;
		height: 30px;
	}

		.login_space_01 img {
			max-width: 28% !important;
		}
	.login_right{
		width: 100%; float: none; padding: 36px 20px 15px!important;
		box-sizing:border-box;
	}
	.login_title{
		height:inherit;
	}
	.login-copyright{
		position:inherit!important;
		bottom:inherit!important;
		right:inherit!important;
		left:inherit!important;
	}
	
	/****Student页****/
	.s_qlink{
		height:inherit;
	}
	.s_qlink .shortcut{
		padding:inherit;
		height:inherit;
		width:inherit;
		display:flex;
		justify-content:center;
		flex-wrap:wrap;
	}
	.s_qlink .shortcut .item-List{
		margin:30px 15px 0;
		float:none;
	}
	section.content{
		margin:60px 0 0;
	}
	.echart-box_01{
		padding-left:0;
	}
	.echart-List {
		width: 100%!important;
		float:none!important;
		margin-left:0!important;
		padding-bottom:20px;
		margin-bottom:20px;
		margin-top:20px;
		height:inherit!important;
	}
	.footer{
		position:inherit!important;
		bottom:inherit!important;
		right:inherit!important;
		left:inherit!important;
		margin-left:0px!important;
		margin-right:0px!important;
		width:100%!important;
		box-sizing:border-box;
		padding:18px 30px 19px!important;
	}
	
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
		width:auto;
	}
	.navbar .navbar-header{
		width:auto;
		padding-left:15px!important;
	}
	#navbar-collapse{
		display:inline-block;
		float:right;
		text-align:right;
	}
	.divRightPanel{
		margin-right:0!important;
	}
	#imguser{
		padding:0!important;
	}
	.divUserInfo{
		padding:5px 0 5px;
	}
	/****Student/MyCourse/页****/
	.main-box{
		width:inherit!important;
		padding:0 0 20px!important;
		min-height:inherit!important;
	}
	.card{
		height:inherit!important;
	}
	#card_desc_01{
		width:inherit!important;
	}
	#card_desc_01 .btnc{
		margin-bottom:10px;
	}
	/****Student/MyTask/页****/
	.layui-table-cell, .layui-table-tool-panel li{
		text-overflow:inherit!important;
	}
	/****Student/MyTask/页****/
	.coutask .layui-inline{
		display:block;
		clear:both;
	}
	
	/****Student/StudentAnalysis/页****/
	#analysisDiv{
		padding-left:0!important;
	}
	.analysis_01{
		width:100%!important;
		box-sizing:border-box;
	}
	.analysis_01 .layui-inline{
		display:block;
		clear:both;
	}
	#analysisDiv .layui-border-box.layui-table-view{
		width:100% !important;
	}
	
	
	/**/
	.tabmenu{
		display:none!important;
	}
	.tq_menus{
		display:flex;
		justify-content:space-between;
		margin:15px 0 20px;
	}
	.tq_menus a{
		display:block;
		width:23%;
		box-shadow: 4px 4px 5px #e1d7f178;
		text-align:center;
		border-radius:4px;
		background:rgba(36,144,253, 0.6);
	}
	.tq_menus span{
		height:42px;
		display:flex;
	}
	.tq_menus span i{
		display:inherit;
		align-items:center;
		margin:0 auto;
	}
	.tq_menus span img{
		max-height:100%;
		width:30px;
	}
	.tq_menus a:first-child span img{
		width:34px;
		padding:2px 0 0;
	}
	.tq_menus label{
		color:#fff;
		font-weight:normal;
	}
	
	.tq_menus a.on{
		background:#6aade796;
		background:#2472fd;
	}
	
	.navbar{
		display:none;
	}
	.navbar_sp{
		height:58px;
		background:#2472fd;
		box-shadow:0 1px 5px rgb(0 0 0 / 30%);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 12;
		width: 100%;
		display:block;
	}
	.navbar_sp .slogo{
		line-height:35px;
		color:#fff;
		float:left;
		padding:11px 0 12px;
		font-size:16px;
		display:flex;
	}
	.navbar_sp .slogo img{
		width: 50px;
		height: 35px;
		vertical-align:middle;
		margin:0 1em 0 0;
	}
	.navbar_sp .srd{
		float:right;
		display:block;
	}
	.navbar_sp .srd .dropdown-toggle{
		margin-top:9px;
		background:#2472fd;
		box-shadow:none;
		color:#fff;
	}
	.navbar_sp .srd .fa-user-circle{
		margin-right:5px;
	}
	.navbar_sp .container-fluid{
		padding-right: 15px!important;;
		padding-left: 15px!important;;
		margin-right: auto!important;;
		margin-left: auto!important;;
	}
	.caret{
		border-top: 4px dashed #fff;
	}
	.navbar_sp .srd .dropdown-menu{
		margin-top:0!important;
		left:inherit;
		right:0;
	}
	
	
	/***Student/MyCourse/FeatureList/D5A955CDE5D76EB16333C5F9CA336733**/
	.main-box .header h2{
		text-align:center;
	}
	.com-tiku-menu ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		clear:both;
		margin:20px 0 0;
	}
	.com-tiku-menu .menu-list>li{
		float:none;
		width:48%;
		margin:0 0 20px!important;
	}
	#holder{
		float:none;
		width:100%!important;
		border-right:none;
	}
	#FeatureList_box_01{
		height:inherit!important;
		width:100%!important;
		position:inherit!important;
		top:inherit!important;
		left:inherit!important;
		float:none!important;
	}
	.sp_no{
		display:none;
	}
	.goback_01{
		background: #fff;
		color: #999;
		margin-top: 20px;
		width: 136px;
		height: 42px;
		line-height:42px;
		text-align:center;
		border: 1px solid #ffffff;
		border-radius: 6px;
		box-shadow: 0px 2px 4px #524b4a82;
		display:block;
	}
	.goback_01 img{
		vertical-align:middle;
	}
	#smcc_0{
		padding:0;
		margin-top:20px;
	}
	#smcc_01{
		width:100%!important;
	}
	#smcc_02{
		width:100%!important;
	}
	.practice-content-l{
		width:100%!important;
		height:inherit!important;
		float:none;
		margin-top:20px;
		border-radius:6px!important;
	}
	.practice-content-r{
		width:100%!important;
		height:inherit!important;
		float:none;
		padding:10px!important;
		box-sizing:border-box;
		margin-top:2px;
		border-radius:6px!important;
	}
	.layout-article{
		width:inherit!important;
	}
	#ssep_01{
	}
	#ssep_01 .container{
		width:inherit;
		min-width:inherit!important;
	}
	#ssep_01 .left{
		float:none!important;
		width:inherit;
	}
	#ssep_01 .right{
		float:none!important;
		width:inherit;
	}
	#ssep_01 .com-mnks-datika>.tool-bar>.btn-bar .gl{
		padding:0 1em;
	}
	.mm{
		width:inherit!important;
		float:none!important;
	}
	.mm .hh{
		margin:15px 15px 0 15px!important;
	}
	.wen{
		margin:15px 15px 0 15px!important;
	}
	#knowList3 .wenkey{
		margin:5px 15px 0 15px!important;
		overflow:inherit!important;
		white-space:inherit!important;
		text-over:inherit!important;
	}
	.btn_yl_01{
		bottom: 10px!important;
		right: 15px!important;
	}
	.csta_00{
		padding:10px!important;
	}
	.csta_01{
		width:100%!important;
	}
	#kemuPractice_001{
		min-width:inherit!important;
	}
	#kemuPractice_001 .lx-main{
		width:100%!important;
	}
	#orderPractice_001{
		min-width:inherit!important;
		margin:0;
	}
	#orderPractice_001 .lx-main{
		width:100%!important;
	}
	#orderPractice_001 .frame-l-r>.left{
		width:100%!important;
		padding:0 15px;
	}
	#orderPractice_001 .common-channel-crumb{
		padding:0 15px;
	}
	#courseSubTypeAnalysis_001{
		display:block;
	}
	#courseSubTypeAnalysis_002{
		display:block;
		margin: 40px 0 0
	}
	#leftPortrait {
		float: none !important;
		width: 100% !important;
	}

	#rightPortrait {
		float: none !important;
	/*	width: unset !important;*/
		margin: 10px 0 0 !important;
	}

	#courseSubTypeAnalysis_001 .input-group {
		clear: both;
	}

	#courseSubTypeAnalysis_001 #txtTreeName {
		margin-left: 0 !important;
		width: 250px;
	}

	#courseSubTypeAnalysis_002 #btnSearch {
		margin-left: 0 !important;
	}

	.layui-table-cell {
		height: auto !important;
		white-space: normal !important;
	}

	#ssep_01 .shouqi 
	{
		margin-left:16px;
		width:100px !important;
	}

	.footer{
		display:none;
	}

	#leftPortrait .flex-3 {
		display: flex;
		justify-content: flex-start;
		text-align: center;
	}

		#leftPortrait .flex-3 .numbers,
		#leftPortrait .flex-3 .numberslast,
		#leftPortrait .flex-3 .lables {
			display: block;
			padding: 0 !important;
	/*		min-width: 360px;*/
			width: 33.33% !important;
		}
	/*#rightPortrait {
		width: 360px !important;
	}*/

	div[lay-id=rankingTab]{
		margin-left:3px;
		margin-right:3px;
	}

	.container .lx-categroy .categroy-hd .icon {
		padding-left: 15px !important;
	}

	.kemuPractice_tips{
		font-size:13px  !important;
	}
	/*.layui-table-cell {
		width: auto !important;
	}

	.layui-table-header {
		overflow-x: scroll;
	}

	.layui-table-body {
		overflow-x: scroll;
	}*/

	/*.layui-table-view {
		width: 100% !important;
		overflow-x: scroll !important;
	}

	.layui-table-box {
		width: 960px !important;
	}*/
}


.footer {
	/*position: fixed !important;
	left: 0px !important;
	bottom: 0px !important;*/
	width: 100% !important;
	/*height: 50px !important;*/
	/* background-color: #4cedef; */
	/*z-index: 999 !important;*/
	text-align: center !important;
	border: unset !important;
	padding: unset !important;
	font-size: 10px !important;
	position: unset !important;
}

	.footer p {
		margin: unset !important;
		/*		line-height: unset !important;*/
	}

		.footer p a {
			color: #337ab7 !important;
		}

