* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
*:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td {margin:0;padding:0;}
body,button,input,select,textarea {font:14px/1.4 微软雅黑,Tahoma,Helvetica,Arial,宋体,sans-serif;color:#24242c;}
body{background-color: #f8f8fa;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-size:100%;font-weight:500;line-height:1.1;}
address,cite,dfn,em,var,i {font-style:normal;}
code,kbd,pre,samp,tt {font-family:"Courier New",Courier,monospace;}
small {font-size:12px;}
ul,ol {list-style:none;}
li{list-style-type:none;}
a {color:#24242c;text-decoration:none;cursor:pointer;}
a:link {text-decoration:none;}
a:hover {text-decoration:none;color: #2eaffb;}
abbr[title],acronym[title] {border-bottom:1px dotted;cursor:help;}
q:before,q:after {content:'';}
i, em{ font-style:normal;}
b, strong {font-weight:bold;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
legend {color:#24242c;}
fieldset,img {border:none;vertical-align:middle;}
img {display:block;max-width:100%;width:auto;}
audio, canvas, progress, video {display:inline-block; vertical-align:baseline;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
button,input,select,textarea {font-size:100%;outline: none;}
textarea{resize:none; font-family:"microsoft yahei",Arial,sans-serif;}
input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance:none;cursor:pointer;}
textarea {-webkit-appearance:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#2c405a;}
input:-moz-placeholder,textarea::-webkit-input-placeholder {color:#2c405a;}
input::-moz-placeholder,textarea::-webkit-input-placeholder {color:#2c405a;}
input:-ms-input-placeholder,textarea::-webkit-input-placeholder {color:#2c405a}
button {overflow:visible; border:0; background:none;}
button, select {text-transform:none;border: none;outline: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled] {cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
input {line-height:normal;vertical-align: middle;}
input[type="checkbox"], input[type="radio"] {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height:auto;}
input[type="search"] {-webkit-appearance:textfield; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
table {border-collapse:collapse;border-spacing:0;}

.wa{width: 1186px;margin: 0 auto}
.clear {clear:both;}
.clearfix:after {content:"\200B";display:block;height:0;clear:both;}
.clearfix {*zoom:1;}
.fr {float:right }
.fl {float:left}
.dn {display:none }
.db {display:block}
.invisible {visibility:hidden;}

/*按钮*/
.btnList{text-align: center;padding: 10px 0;margin-top: 10px;}
.btnList .btn{margin-left: 20px;}
.btnList .btn:first-child{margin-left: 0;}
.btn{display: inline-block;width: 100px;height: 32px;line-height: 32px;text-align: center;border-radius: 2px;font-size: 14px;font-weight: normal;color: #fff;cursor: pointer;border: none;outline: none;vertical-align: middle;}
.btn:hover{opacity: .9;filter: alpha(opacity=90);color: #fff;}
.cancelBtn{color: #7c8da7 !important;background-color: #fff !important;border: 1px solid #5f84bb !important;}
.deleteBtn{color: #ff3f59 !important;background-color: #fff !important;border: 1px solid #ff3f59 !important;}

/*header*/
.header{height: 56px;background-color: #fff;}
.header .logo{float: left;padding-top: 9px;width: 413px;}
.header .logo img{float: left;width: 38px;height: 38px;}
.header .logo span{margin-left: 18px;font-size: 20px;line-height: 38px;color: #578fff;}
.header .func{line-height: 56px;background-color: #fff;height: 56px;margin-left: 380px;text-align: right;}
.header .func a{padding: 0 15px;border-left: 1px solid #e5e5e5;line-height: 10px;}
.header .func a:hover{color: #2eaffb;}
.header .func a.user{border-left: 0;}
.header .func a.user img{display: inline-block;width: 36px;height: 36px;margin-right: 10px;border-radius: 2px;vertical-align: middle;}
 .header .wa .func a.no-hover:hover {color: #344c68;}

/*main*/
.main{width: 100%;padding-top: 8px;}
.container{background-color: #fff;}
.left-menu{float: left;width: 225px;height: 100%;border-top-left-radius: 4px;}
.left-menu>ul>li{font-size: 18px;line-height: 36px;}
.left-menu>ul>li>a{display: block;height: 76px;padding: 20px 0 20px 30px;border-left: 3px solid transparent;}
.left-menu>ul>li>a>i{float: left;width: 20px;height: 26px;margin-right: 10px;background-repeat: no-repeat;background-position: center;}
.left-menu>ul>li>a>img{margin-right: 10px;vertical-align: sub;width: 18px;height: 19px;}
.left-menu>ul>li>a>span{vertical-align: top;}
.left-menu>ul>li.index>a{color: #fff;}
/*.left-menu .slideNav>li{height: 50px;line-height: 50px;font-size: 14px;}*/
.left-menu .slideNav>li{font-size: 14px;}
.left-menu .slideNav>li>a{display: block;padding-left: 60px;height: 50px;line-height: 50px;font-size: 14px;border-left: 3px solid transparent;}

.academyMenu{height: 100%;min-height: 754px;background-color: #e1e9f4;}
.academyMenu > li.index{background: -webkit-linear-gradient(80deg,#0c3f7a,#1163b2);
background: -moz-linear-gradient(80deg,#0c3f7a,#1163b2);
background: -o-linear-gradient(80deg,#0c3f7a,#1163b2);
background: linear-gradient(80deg,#0c3f7a,#1163b2);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #1163b2, endColorstr = #0c3f7a);}
.academyMenu> li > a{color: #1163b2;}
.academyMenu .slideNav> li > a{color: #36668d;}
.academyMenu > li.on > a,.academyMenu .slideNav > li.on > a, .academyMenu .slideNav > li:hover > a{background-color: #ceddf3;border-color: #1163b2;}

.teachMenu{height: 100%;min-height: 754px;background: #e1f1ff;border-radius: 4px 0 0 0;-moz-border-radius: 4px 0 0 0;-webkit-border-radius: 4px 0 0 0;}
.teachMenu > li.index{background: -webkit-linear-gradient(80deg,#2caefb,#4cbafc);
background: -moz-linear-gradient(80deg,#2caefb,#4cbafc);
background: -o-linear-gradient(80deg,#2caefb,#4cbafc);
background: linear-gradient(80deg,#2caefb,#4cbafc);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #2caefb, endColorstr = #2caefb);}
.teachMenu> li > a{color: #0084ff;}
.teachMenu .slideNav> li > a{color: #36668d;}
.teachMenu > li.on > a,.teachMenu .slideNav > li.on > a, .teachMenu .slideNav > li:hover > a{background-color: #cee7ff;border-color: #28adfb;}

.stuMenu{height: 100%;min-height: 704px;background-color: #e6f9fd;}
.stuMenu > li.index{background: -webkit-linear-gradient(80deg,#11cfeb,#42d7f0);
background: -moz-linear-gradient(80deg,#11cfeb,#42d7f0);
background: -o-linear-gradient(80deg,#11cfeb,#42d7f0);
background: linear-gradient(80deg,#11cfeb,#42d7f0);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #11cfeb, endColorstr = #42d7f0);}
.stuMenu .slideNav>li{font-size: 14px;height: auto;}
.stuMenu .slideNav>li>a{display: block;height: auto; line-height: 24px;font-size: 14px;border-left: 3px solid transparent;}
.stuMenu> li > a{color: #1163b2;}
/*.stuMenu .slideNav> li > a{display: block;color: #36668d; overflow: hidden; text-overflow: ellipsis;}*/
.stuMenu .slideNav> li > a{display: block;color: #36668d; padding: 10px 0 10px 30px;}
.stuMenu > li.on > a,.stuMenu .slideNav > li.on > a, .stuMenu .slideNav > li:hover > a{background-color: #d2f5fc;border-color: #29d7f1;}

.right-content{float: right;width: 950px;padding: 0 20px 20px;}

/*footer*/
.footer{min-width: 1186px;height: 47px;margin-top: 50px;text-align: center;color: #648cad;margin-bottom: 20px;}
.footer img{display: inline-block;vertical-align: top;margin-top: 12px;}
.footer span{display: inline-block;margin-left: 24px;line-height: 48px;}

/*弹出层-检查更新*/
.versionInfo{display: none;position: relative;height: 100%;padding: 20px 30px 40px;}
.versionInfo p{line-height: 38px;}
.versionInfo p span{margin-left: 50px;color: #d62007;}
.versionInfo .red{color: #d62007;}

/*弹出层-关于*/
.aboutInfo{display: none;position: relative;height: 100%;padding: 20px 30px 40px;}
.aboutInfo .tit{line-height: 26px;}
.aboutInfo .txt{margin-top: 10px;}
.aboutInfo .txt p{line-height: 24px;}
.aboutInfo .txt p img {
    display: block;
    width: 200px;
    height: 200px;
    margin: auto;
}
.aboutInfo .like {
    text-align: center;
}
.aboutInfo .indent {
    text-indent: 1em;
}
.aboutInfo .indent1 {
    text-indent: 2em;
}
.layui-layer-page .layui-layer-content {
    max-height: 400px;
}


/*弹出层-密码修改*/
.passInfo{display: none;width: 450px;}
.passInfo{width: 550px;padding-top: 30px;margin: 0 auto;}
.passInfo .layui-form-item{position: relative;line-height: 32px;padding: 0 70px;}
.passInfo .layui-form-item .layui-form-label{width: 168px;height: 32px;padding: 0;padding-right: 10px;line-height: 32px;font-weight: bold;color: #344c68;position: relative;text-align: -webkit-left;}
.passInfo .layui-form-item .layui-form-label img{float: left;width: 16px;height: 16px;margin-top: 8px;margin-right: 10px;}
.passInfo .layui-form-item .layui-form-label:before{display: block;content: ':';position: absolute;top:0;right: 5px;}
.passInfo .layui-form-item .layui-form-label:after{display: inline-block;content: "";width: 100%;}
.passInfo .layui-form-item .layui-input-inline{width: 200px;}
.passInfo .layui-form-item .layui-input-inline .name{line-height: 32px;color: #999;}
.passInfo .layui-form-item .layui-input-inline .layui-input{height: 32px;border-color: #e8eef9 !important;border-radius: 2px;line-height: 32px;}
.passInfo .layui-form-item .layui-input-inline .layui-input:focus{border-color: #f98b70!important;}
.passInfo .layui-form-item .layui-input-inline .layui-input::-webkit-input-placeholder{color: #ccc;}
.passInfo .layui-form-item .layui-word-aux{position: absolute;left: 440px;top: 0;height: 32px;line-height: 32px;color: #c70000!important;}

/*弹出层-查看信息-自定义皮肤*/
.infoPopup{display: none;position: relative;height: 100%;padding: 20px 30px 40px;}
.infoPopup p{line-height: 38px;overflow: hidden;}
.infoPopup p span{float: left; width: 85px;height: 38px;line-height: 38px;padding-right: 20px;text-align: justify;position: relative;vertical-align: middle;}
.infoPopup p span:before{display: block;content: ":";position: absolute;top: 0;right: 10px;}
.infoPopup p span:after{display: inline-block;content: '';width: 100%;}
.infoPopup p i{float: left;}
.infoPopup p:nth-child(-n+3) i{width: 170px;}
.infoPopup p:nth-child(n+4) i{width: 290px;}
.infoPopup p:nth-child(4) i{word-break: normal;word-wrap: break-word;}
.infoPopup p:nth-child(4) i font{word-break: keep-all;}
.infoPopup .pic{position: absolute;right: 30px;top: 20px;width: 96px;height: 96px;border-radius: 8px;overflow: hidden;background-position: center;background-size: cover;background-repeat: no-repeat;}
body .myInfoPage{background-image: url(../images/infoPopup_bg.png);background-position: bottom;background-repeat: no-repeat;}
body .myInfoPage .layui-layer-title{height: 50px;margin: 10px 30px 0;padding: 0;border-bottom: 1px solid #e8e8e8;background-color: transparent;font-size:16px;font-weight:bold;line-height: 50px;color:#d62007;}
body .myInfoPage .layui-layer-setwin{right: 30px;top: 25px;}
body .myInfoPage .layui-layer-setwin a{width: 20px;height: 20px;background-image: url(../images/close_icon.png);background-position: center!important;}
body .myAboutInfoPage{background-image: url(../images/infoPopup_bg.png);background-position: bottom;background-repeat: no-repeat;}
body .myAboutInfoPage .layui-layer-title{height: 90px;margin: 10px 30px 0;padding: 0;border-bottom: 1px solid #e8e8e8;background-color: transparent;font-size:14px;font-weight:bold;line-height: 30px;color:#24242C;}
body .myAboutInfoPage .layui-layer-setwin{right: 30px;top: 25px;}
body .myAboutInfoPage .layui-layer-setwin a{width: 20px;height: 20px;background-image: url(../images/close_icon.png);background-position: center!important;}

/* 表格 */
.tableCont table{width: 100%;border-left: 1px solid #f5f9ff;text-align: center;}
.tableCont table tr{height: 40px;border-left: 1px solid #dfe3e9;}
.tableCont table th{background-color: #f5f9ff;color: #2c405a;font-weight: 700;border: 1px solid #dfe3e9;}
.tableCont table tbody tr:nth-child(2n){background-color: #f5f9ff;}
.tableCont table td{min-width: 40px;max-width: 140px;border-right: 1px solid #dfe3e9;border-bottom: 1px solid #dfe3e9;color: #7c8da7;}
.tableCont table td a{color: #087ee8;margin-left: 5px;}
.tableCont table td a:first-child{margin-left: 0;}
.tableCont table td a.active{color: #e11f1f;}
.tableCont table td span{margin-left: 5px;}
.tableCont table td span:first-child{margin-left: 0;}

/*分页*/
.paging{width: 100%;height: 55px;margin-top: 30px;text-align: center;}
.layui-laypage-admin a,.layui-laypage input{font-size: 14px !important;}
.layui-disabled, .layui-disabled:hover{color:#d2d2d2!important;}
.layui-laypage-admin .layui-laypage-curr .layui-laypage-em{background-color: #087ee8 !important;}
.layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span{border-color: #e0e6ea !important;}

/* 没有数据提示 */
.no-data {text-align: center;padding-top: 60px;font-size: 20px;}
.no-data p {
    margin-top: 20px;
    color: #087ee8;
}

/* 微课 */
.container.video {
	background-color: #f8f8fa;
}
.video_subject {
    height: 890px;
	width: 1304px;
	margin: auto;
}

.videoIframe {
	border-radius: 12px;
	width: 100%;
	height: 100%;
	border: none;
}

/* 试题iframe */
.quesIframe {	
	width: 100%;
	height: 100%;
	border: none;
}

/* 适配移动端 */
@media(max-width:1024px){
	html,body{height:100%;}
	html,body,.container.video,.container.video > div,.footer{width:100%;min-width:100% !important;}
	.main{padding-top:0px !important;height:100% !important;}
	.container.video,.container.video > div{height:100% !important;}
	.videoIframe{border-radius:0 !important;}
	.footer{display: none}
}



