@charset "utf-8";
/* CSS Document */
*::selection{background:#008bed; color:#fff; text-shadow:none;}
*{margin:0;padding:0;}
body, html{height:100%;}
body{font-size:14px; color:#000; font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; background:#fff; min-width:1200px;}
body a{text-decoration:none; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
a:link,a:visited{color:#000;}
a:hover{color:#008bed; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); -webkit-user-select:none; -moz-user-focus:none; -moz-user-select:none;}
/*去掉图形热点的点击时出现的边线*/
a,area{blr:expression(this.onFocus=this.blur());}  /*for IE*/   
:focus{-moz-outline-style:none; outline:none;}     /* for Firefox*/
img{border:0;}
ul,li{list-style-type:none;}
.clear{clear:both;}
table,table td{border-collapse:collapse;}
.overHidden{overflow:hidden; position:fixed;}
textarea{font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; outline:none; resize:none;}


/* 加载阿里巴巴iconfont字体 */
@font-face{font-family:'iconfont'; src:url('fonts/iconfont.woff2') format('woff2'), url('fonts/iconfont.woff') format('woff'), url('fonts/iconfont.ttf') format('truetype');}
.iconfont{font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:middle; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s; vertical-align:top;}


/*video禁止显示下载按钮*/
video::-internal-media-controls-download-button{display:none;}
video::-webkit-media-controls-enclosure{overflow:hidden;}
video::-webkit-media-controls-panel{width:calc(100% + 30px);}

.pageTips{position:fixed; z-index:10000; left:0; top:0; width:100%; height:100%; background:url(../images/images/bg.png) repeat;}
.pageTips .container{color:#fff; position:absolute; left:50%; top:50%; width:630px; margin-left:-315px; margin-top:-160px;}
.pageTips .container a.close{display:block; width:50px; height:50px; position:absolute; z-index:1; left:auto; right:-15px; top:40px; bottom:auto; background:url(../images/images/close.png) no-repeat center center;}
.pageTips .container .img{text-align:center;}
.pageTips .container .msg{font-size:18px; line-height:36px; padding-top:30px;}
.pageTips .container a{color:#fff; text-decoration:underline;}


.head{width:1200px; height:110px; background:url(../images/images/logo.png) no-repeat left center; margin:0 auto;}
.headNav{min-width:120px; height:30px; line-height:28px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; background:#0048ab; float:right; text-align:center; color:#fff;}
.headNav a:link, .headNav a:visited{color:#fff; font-size:14px; margin:0 15px; position:relative;}
.headNav .iconfont{padding-right:5px; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s; color:#fff;}
.headNav a:after{display:block; width:1px; height:12px; content:""; background:#fff; position:absolute; right:-14px; top:50%; margin-top:-6px;}
.headNav a:last-child:after{display:none;}
.headNav a:hover, .headNav a:hover .iconfont{color:#fff;}


.menu{height:42px; line-height:42px; background:#0048ab;}
.menu ul{width:1200px; height:42px; margin:0 auto;}
.menu ul li{width:200px; height:42px; text-align:center; float:left; position:relative;}
.menu ul li:after{display:block; width:1px; height:18px; background:#0f5cc6; content:""; position:absolute; left:0; top:50%; margin-top:-9px;}
.menu ul li.home:after{display:none;}
.menu ul li a:link, .menu ul li a:visited{color:#fff; font-size:18px; display:block; height:42px;}
.menu ul li a:hover{background:#0f5cc6;}


.banner{width:100%; height:420px; position:relative; overflow:hidden;}
.banner .bd{position:relative; z-index:0; overflow:hidden;}
.banner .bd ul{width:100%;}
.banner .bd li{width:100%; height:420px; background:url(../images/images/loading.gif) no-repeat center center; overflow:hidden;}
.banner .bd li p{width:100%; height:420px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.banner .bd li a{display:block; width:100%; height:100%;}
.banner .hd{width:100%; height:10px; position:absolute; left:0; bottom:30px; z-index:1; text-align:center;}
.banner .hd ul{height:10px; font-size:0;}
.banner .hd li{display:inline-block; *display:inline; width:10px; height:10px; -webkit-border-radius:5px; border-radius:5px; zoom:1; vertical-align:top; margin:0 5px; overflow:hidden; text-indent:-99px; background:#fff; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
.banner .hd li.on{width:30px; background:#fab91c;}
.banner .prev, .banner .next{display:block; width:48px; height:48px; background-color:rgba(0,0,0,0.5); border:rgba(255,255,255,0.5) 1px solid; background-repeat:no-repeat; background-position:center center; -webkit-border-radius:50%; border-radius:50%; position:absolute; top:50%; margin-top:-25px; opacity:0; filter:alpha(opacity=0);}
.banner .prev{left:5%; background-image:url(../images/images/l.png);}
.banner .next{right:5%; background-image:url(../images/images/r.png);}
.banner:hover .prev, .banner:hover .next{opacity:0.5; filter:alpha(opacity=50);}
.banner:hover .prev:hover, .banner:hover .next:hover{opacity:1; filter:alpha(opacity=100);}


.zxxx{height:70px; line-height:70px; background:#f4f4f4;}
.zxxxCon{width:1200px; height:70px; margin:0 auto;}
.zxxx h2{width:200px; height:70px; text-align:center; font-size:20px; color:#fff; font-weight:normal; background:#fab91c; float:left;}
.zxxxBox{height:70px; margin-left:240px;}
.zxxxBox a.btn{float:right; display:block; width:80px; height:30px; line-height:30px; text-align:center; margin-top:20px; -webkit-border-radius:5px; border-radius:5px; padding:0; border:0 !important;}
.zxxxBox .kcTitle{max-width:320px; height:70px; line-height:70px; float:left; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.zxxxBox .progressBox{width:520px; height:70px; line-height:70px; font-size:16px; float:left; position:relative; margin-left:10px;}
.zxxxBox .progressBox .progress{width:250px; height:6px; background:#dbdbdb; -webkit-border-radius:3px; border-radius:3px; float:left; margin-top:32px; overflow:hidden; float:left;}
.zxxxBox .progressBox .progress .progressBar{position:relative; height:6px; background-color:#008bed; -webkit-border-radius:3px; border-radius:3px; overflow:hidden;}
.zxxxBox .progressBox .progressNum{display:block; width:50px; height:70px; text-align:right; float:left; color:#888;}
.zxxxBox .progressBox span{padding-left:40px;}


.indH{height:36px; font-size:24px; font-weight:normal; position:relative;}
.indH:after{display:block; content:""; width:100%; height:1px; background:#e5e5e5; position:absolute; left:0; bottom:0; z-index:0;}
.indH p{height:34px; line-height:34px; border-bottom:#0051be 2px solid; float:left; position:relative; z-index:1;}
.indH a{display:block; width:31px; height:35px; background:url(../images/images/m01.png) no-repeat center center; float:right; position:relative; z-index:1;}
.indH a:hover{background-image:url(../images/images/m02.png);}

.newsList li{height:45px; line-height:45px; border-bottom:#dbdbdb 1px dashed; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsList li span{float:right; color:#999; padding-left:20px;}


.F1{width:1200px; height:318px; margin:50px auto;}
.picLink{width:320px; height:318px; overflow:hidden; float:left;}
.picLink li{padding-bottom:9px;}
.picLink li img{width:320px; height:100px; vertical-align:top;}
.picLink li a:hover{opacity:0.8; filter:alpha(opacity=80);}

.tzgg, .ksrc{width:390px; height:318px; padding-left:40px; float:left;}
.ksrc{padding-left:60px;}


.zyjs{padding:35px 0 60px; height:392px; background:#f4f4f4 url(../images/images/zyjsBg.png) no-repeat 80px top;}
.zyjs h2{height:50px; text-align:center;}
.zyjs h2 img{vertical-align:top;}
.zyjsCon{width:1200px; height:312px; margin:30px auto 0;}
.zyjsCon ul{margin-left:-60px; display:flex;}
.zyjsCon ul li{flex:1; display:flex; overflow:hidden; width:508px; height:250px; padding:30px; border:#e3e3e3 1px solid; background:#fff; -webkit-border-radius:10px;border-radius:10px; margin-left:60px; float:left;}
.zyjsCon ul li .txt{flex:1; width:228px; height:250px; padding-right:30px;}
.zyjsCon ul li .txt h3{height:40px; line-height:40px; padding:0 20px 0 18px; margin-left:-38px; background:#fab91c; color:#fff; font-size:18px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-border-radius:0 20px 20px 0; border-radius:0 20px 20px 0; position:relative; float:left;}
.zyjsCon ul li .txt h3:after{display:block; width:7px; height:6px; background:url(../images/images/hBg.png) no-repeat; content:""; position:absolute; left:0; bottom:-6px;}
.zyjsCon ul li .txt .info01{height:185px; line-height:30px; padding-top:12px; text-indent:2em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; overflow:hidden;}
.zyjsCon ul li .txt .info02{height:60px; line-height:30px; padding-top:6px; border-top:#e3e3e3 1px solid; margin-top:12px; color:#b0b0b0;}
.zyjsCon ul li .txt .info02 p{height:30px;}
.zyjsCon ul li .txt .info02 p .iconfont{padding-right:2px;}
.zyjsCon ul li .pic{width:250px; height:250px; background:url(../images/images/loading.gif) no-repeat center center; overflow:hidden;}
.zyjsCon ul li .pic p{height:250px; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
.zyjsCon ul li a:hover .pic p{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}


.foot{background:#0048ab; color:#fff; padding:32px 0; line-height:28px; position:relative; text-align:center;}


/* 自定义radio、checkbox */
.chooseBox label{display:inline-block; vertical-align:top; height:40px; line-height:40px; background:url(../images/images/check.png) no-repeat left center; cursor:pointer; padding-left:24px; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; outline:0; -webkit-appearance:none; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); margin-right:30px;}
.chooseBox label.checked{background-image:url(../images/images/checked.png);}


.nyBanner{height:250px; background:url(../images/images/nyBanner.jpg) no-repeat center center; background-size:cover;}


.ny{width:1200px; margin:30px auto 50px;}
.post{border-bottom:#ccc 1px solid;}
.post span{float:right; color:#999; font-size:14px; line-height:35px;}

.list01{padding-top:10px; min-height:500px; _height:500px;}
.list01 ul li:after{display:block; content:""; width:3px; height:3px; background:#008bed; float:left; margin:21px 6px 21px 0;}

.page01{padding-top:20px; text-align:center;}


.article{}
.articleTitle{padding:30px 0 20px; line-height:36px; text-align:center; font-size:20px; font-weight:bold;}
.articleInfo{text-align:center;font-size:12px; height:30px; line-height:30px; color:#8a8a8a; background:#f5f5f5; width:90%; margin:0 auto;}
.articleInfo label{padding-left:30px;}
.articlePic{text-align:center; padding-top:20px;}
.articleCon{font-size:15px; line-height:30px; padding-top:20px; text-justify:inter-ideograph; text-align:justify;}
.article img{max-width:1200px; height:auto !important; margin:0 auto;_width:expression(document.body.clientWidth > 1200 ? "1200px" : "auto"); vertical-align:top;}

.iDateTime{background:#fff url(../images/images/iconYL.png) no-repeat right center !important;}



/* 用户中心 */
.userContent{background:#f0f8ff;}
.userCon{width:1200px; background-color:#fff; margin:0 auto;}
.userLeft{width:210px; float:left;}
.userLeft ul{padding:30px 20px;}
.userLeft li{padding:10px 0;}
.userLeft li a{display:block; height:40px; line-height:40px; padding:0 30px; font-size:16px; -webkit-border-radius:20px; border-radius:20px;}
.userLeft li a:link, .userLeft li a:visited{color:#333;}
.userLeft li a i{margin-right:4px; font-size:20px; color:#333; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
.userLeft li a.on{background:#e6f0f9; color:#0048ab;}
.userLeft li a:hover, .userLeft li a:hover i, .userLeft li a.on i{color:#4d80c5;}

.userRight{margin-left:210px; border-left:#e5e5e5 1px solid; padding:0 40px;}
.iTitle{height:80px; line-height:80px; font-size:20px; font-weight:bold; display:none;}


.zxbm{padding:50px 30px;}
.zxbm li{height:40px; line-height:40px; padding-top:10px;}
.zxbm li p{width:120px; height:40px; padding-right:16px; float:left; color:#888; text-align:right;}
.zxbm li .inpTxt, .zxbm li .selTxt{width:308px; height:38px; line-height:38px; border:#ddd 1px solid; -webkit-border-radius:2px; border-radius:2px; padding:0 5px;}
.zxbm li .selTxt{width:320px; padding-right:0;}
.zxbm li.bmBtn{padding:30px 0 0 136px; width:320px; text-align:center;}
.zxbm li.bmBtn .btn{width:100px; height:40px; line-height:40px;}


.bmzt{padding:50px 30px;}
.bmzt ul{width:400px; float:left;}
.bmzt ul li{line-height:24px; padding:13px 0; font-size:16px; min-height:24px;}
.bmzt ul li p{width:100px; height:24px; line-height:24px; text-align:right; color:#888; padding-right:30px; float:left;}
.bmzt .btn{width:90px; height:36px; line-height:36px; border:0 !important; margin:80px 0 0 30px;}

/* layer层外框架 */
.layerDiv{padding:0; display:none;}

.formBox{padding:20px; -webkit-border-radius:5px !important; border-radius:5px !important; overflow:hidden;}
.formBox .layui-layer-title{font-size:18px; font-weight:bold; border-bottom:none; background-color:#fff; -webkit-border-radius:5px 5px 0 0 !important; border-radius:5px 5px 0 0 !important;}
.formBox .layui-layer-btn{padding:20px 0 50px !important;}
.formBox .layui-layer-btn .layui-layer-btn0{width:326px; height:38px; line-height:38px; -webkit-border-radius:3px; border-radius:3px; background:#11ad88; color:#fff; border:none; cursor:pointer; padding:0; margin:0;}

.changeBox{width:326px; margin:0 auto; padding-top:20px;}
.changeBox li{height:38px; margin-bottom:20px; position:relative;}
.changeBox li .inpTxt, .changeBox li .selTxt, .changeBox li .areaTxt{height:38px; line-height:36px; border:#dce4e6 1px solid; padding:0 5px; box-sizing:border-box; -webkit-border-radius:3px; border-radius:3px; color:#333;}
.changeBox li .inpTxt{width:326px;}
.changeBox li .selTxt{padding-right:0 !important;}
.changeBox li .areaTxt{height:120px; line-height:24px;}
.changeBox li .yzmBtn{display:block; height:36px; line-height:36px; position:absolute; right:5px; bottom:1px;}
.changeBox li .yzmBtn span{color:#11ad88;}
.changeBox li .yzmBtn.disabled{cursor:no-drop;}
.changeBox li .yzmBtn.disabled span{color:#cccbcb !important;}



/* 登录注册 */
.loginBody{width:100%; height:100%; position:relative; background:#edecec; min-height:700px;}
.loginBody:after{display:block; width:100%; height:50%; content:""; position:absolute; left:0; top:0; z-index:0; background:#008bed;}
.loginLogo{width:100%; background:url(../images/images/loginLogo.png) no-repeat center center; position:absolute; left:0; top:0; z-index:1;}
.login{width:450px; background:#fff; -webkit-border-radius:3px; border-radius:3px; box-shadow:0 1px 11px rgba(0, 0, 0, 0.27); position:absolute; left:50%; top:50%; margin-left:-250px; transform:translateY(-50%); z-index:1;}
.login h3{height:52px; line-height:52px; text-align:center; font-size:18px; font-weight:normal; color:#008bed; padding-top:6px; border-bottom:#dce4e6 1px solid; text-align:center;}
.login ul{padding:10px 50px 0;}
.login ul li{height:40px; margin-top:20px; position:relative;}
.login ul li input{width:calc(100% - 51px); height:38px; line-height:38px; padding:0 5px 0 44px; border:#dce4e6 1px solid; -webkit-border-radius:4px; border-radius:4px; position:relative; z-index:1; background:none;}
.login ul li i{display:block; width:38px; height:38px; line-height:38px; text-align:center; font-size:20px; color:#999; background-color:#f3f3f3; border-right:#dce4e6 1px solid; background-repeat:no-repeat; background-position:center center; position:absolute; left:1px; top:1px; z-index:2; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px;}
.login ul li img{height:28px; position:absolute; right:6px; bottom:6px; cursor:pointer; z-index:2;}
.login ul li.querenBtn button{background:#008bed; width:100%; height:40px; line-height:40px; color:#fff; font-size:16px; cursor:pointer; border:0; -webkit-border-radius:4px; border-radius:4px; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
.login ul li.querenBtn button:hover{background:#f60;}
.registerLink{height:30px; line-height:30px; padding:20px 0; text-align:center; color:#999;}
.registerLink a:link, .registerLink a:visited{color:#008bed;}


.login.register li label{display:block; width:74px; float:left; text-align:right; padding-right:10px; height:40px; line-height:40px;}
.login.register li label em{font-style:normal; color:#f00; padding-right:3px; vertical-align:top;}
.login.register li input{width:calc(100% - 96px); margin-left:80px; padding:0 5px; display:block;}



/*按钮样式*/
.btn{display:inline-block;height:32px;line-height:32px;padding:0 13px;background-color:#009688;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:2px; -moz-border-radius:2px;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;outline:0;-webkit-appearance:none; box-sizing:border-box; border:1px solid #009688;}
.btn:hover{opacity:0.9;filter:alpha(opacity=90);color: #FF9;}
a.btn:link, a.btn:visited{color:#fff;}
.btn-blue{background-color:#008bed; border:#008bed 1px solid; color:#fff;}
.btn-blue:hover{background-color:#0052c2; border-color:#0052c2;}
.btn-cyan-green{background-color:#41cac0; border:#41cac0 1px solid; color:#fff;}
.btn-cyan-green:hover{background-color:#39b2a9; border-color:#39b2a9;}
.btn-green{background-color:#81c437; border:#81c437 1px solid; color:#fff;}
.btn-green:hover{background-color:#6bad21; border-color:#6bad21;}
.btn-orange{background-color:#f90; border:#f90 1px solid; color:#fff !important;}
.btn-orange:hover{background-color:#ec5e00; border-color:#ec5e00;}
.btn-orange-red{background-color:#fe5f59; border:#fe5f59 1px solid; color:#fff;}
.btn-orange-red:hover{background-color:#df3838; border-color:#df3838;}
.btn-lg{height:36px;line-height:36px;padding:0 45px;font-size:16px; border-radius:4px;}
.btn-sm{height:26px;line-height:25px;padding:0 10px;font-size:12px;}
.btn-mini{height:22px;line-height:21px;padding:0 10px;font-size:12px; border-radius:2px;}
.btn-none{cursor:default;}

/* 课程列表 */
/*.courseCon{border-left:#d9dde1 1px solid; margin:30px; width:900px;}*/
.courseList:last-child{padding-bottom:0;}
.courseList li{padding:20px 100px 20px 0; position:relative; border-bottom:#ededed 1px solid;}
.courseList li:first-child{padding-top:20px;}
.courseList li h3{height:36px; line-height:36px; font-size:16px; font-weight:normal; margin-left:-24px;padding-left:24px;}
.courseList li h3 .courseH{display:block; max-width:calc(100% - 80px); height:36px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.courseList li h3 span{display:block; width:32px; height:18px; line-height:16px; text-align:center; background:#ffa82c; color:#fff; font-size:12px; -webkit-border-radius:3px; border-radius:3px; margin-right:10px; float:left; margin-top:9px;}
.courseList li h3 span.required{background:#00b43c;}

.progress{width:100%; height:12px; background:#eee; -webkit-border-radius:4px; border-radius:4px; position:absolute; left:0; bottom:15px;}
.progressBar{position:relative; height:12px; border-radius:4px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; background-color:#86e01e; overflow:hidden;}
.progressBar:before, .progressBar:after{content:''; position:absolute; top:0; left:0; right:0;}
.progressBar:before{bottom:0; background:url(../images/images/stripes.png) 0 0 repeat; border-radius:4px 4px 0 0;}
.progressBar:after{z-index:2; bottom:45%; border-radius:4px; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));}

.courseList li h3{height:36px; line-height:36px; font-size:16px; font-weight:normal; margin-left:-24px; background:url(../images/a04.png) no-repeat left center; padding-left:24px;}
.courseList li .studyInfo{height:32px; line-height:32px; color:#999;}
.courseList li .studyInfo .studyL{width:240px; color:#86e01e; float:left;}
.courseList li .studyInfo .studyL .progress{position:static; margin-top:10px; float:left; width:calc(100% - 64px);}
.courseList li .studyInfo .studyL .progressNum{text-align:right;}
.courseList li .studyInfo .studyC, .courseList li .studyInfo .studyR{padding-left:15px; float:left;}
.courseList li .studyInfo .studyR{max-width:400px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.courseList li .studyBtn{width:84px; height:30px; line-height:30px; background:#ffebda; color:#fe7e24; font-size:14px; text-align:center; padding:0; position:absolute; right:0; top:50%; margin-top:-15px; border:none; -webkit-border-radius:12px; border-radius:12px; letter-spacing:1px;}
.courseList li .studyBtn:hover{color:#fff; background:#47a2fa;}

/*未审核及未进行分班提示说明*/
.tips h3{padding-top:50px; font-size:18px; text-align:center;}


/* 文字按钮 */
.txtBtn{margin-right:10px;}
.txtBtn-orange:link, .txtBtn-orange:visited, .orange{color:#f68f09;}
.txtBtn-orange:hover{color:#ff7800;}
.txtBtn-green:link, .txtBtn-green:visited, .green{color:#8acd38;}
.txtBtn-green:hover{color:#70ad26;}
.txtBtn-red:link, .txtBtn-red:visited, .red{color:#f96055;}
.txtBtn-red:hover{color:#d6443c;}
.txtBtn-blue:link, .txtBtn-blue:visited, .blue{color:#58c9f3;}
.txtBtn-blue:hover{color:#48add3;}
.txtBtn-gray:link, .txtBtn-gray:visited, .gray{color:#bec3c7;}


/* 章节列表 */
.chapterCon{padding:20px 30px 0 30px; width:800px;}
.chapterCon h2{height:32px; line-height:32px; font-weight:normal; font-size:14px;}
.chapterCon h2 span{display:block; height:32px; float:left;}
.chapterCon h2 span i{display:block; width:20px; height:8px; float:left; margin:12px 5px 0 0;}
.chapterCon h2 span.bx{color:#333; margin-right:20px;}
.chapterCon h2 span.bx i{background:#46a2f9;}
.chapterCon h2 span.xx{color:#333;}
.chapterCon h2 span.xx i{background:#ffa82c;}
.chapterCon h2 em{padding-right:5px; float:left; display:block; height:32px; line-height:32px;}
.chapterList{padding:10px 0;}
.chapterList02{padding:0;}
.chapterList ul li, .chapterList h3, .chapterList h4{line-height:36px; font-size:14px;}
.chapterList h3{cursor:pointer;}
.chapterList h3 i{float:right; font-weight:normal; padding-right:12px; color:#aaa;}
.chapterList li a, .chapterList h4 a{display:block; height:36px; line-height:36px; padding:0 12px;}
.chapterList h4 a{padding-left:0;}
.chapterList li .progressBox, .chapterList h4 .progressBox{width:200px; height:36px; float:right;}
.chapterList li .progressBox span, .chapterList h4 .progressBox span{float:left; text-align:left; width:auto; color:#00b43c; font-size:12px;}
.chapterList li .progressBox .progress, .chapterList h4 .progressBox .progress{position:static; width:calc(100% - 90px); height:10px; margin-top:13px; float:right;}
.chapterList li .progressBox .progressBar, .chapterList h4 .progressBox .progressBar{height:10px; border-radius:3px;}
.chapterList li .progressBox .progressBar:before, .chapterList h4 .progressBox .progressBar:before{border-radius:3px 3px 0 0;}
.chapterList li .progressBox .progressBar:after, .chapterList h4 .progressBox .progressBar:after{border-radius:3px;}
.chapterList li .progressBox .progressNum, .chapterList h4 .progressBox .progressNum{float:right; width:34px; text-align:right; font-size:12px; font-weight:normal;}
.chapterList li .chapterTxt, .chapterList h4 .chapterTxt{height:36px; margin-right:270px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


.container{min-width:1230px;}
/* 在线学习 */
.studyHead{height:60px; background:#fff; box-shadow:0 4px 8px 0 rgba(28,31,33,.1); position:relative; z-index:10;}
.studyHead .iBack{display:block; width:60px; height:60px; float:left; background:url(../images/images/iBack.png) no-repeat center center;}
.studyHead .iBack:hover{background-color:#f3f5f6;}
.studyHead .studyTitle{height:60px; line-height:60px; padding:0 24px; font-size:16px; margin-left:60px;}
.studyHead .portraitBtn:link, .studyHead .portraitBtn:visited{color:#333;}
.studyHead .portraitBtn i{background-image:url(../images/a05.png);}
.studyHead .portraitBtn:hover, .studyHead .portraitCur{background:#f3f5f6;}

.studyLeft{position:absolute; left:0; top:0; bottom:0; width:280px; background:#fff; box-shadow:0 8px 16px 0 rgba(28,31,33,0.3); z-index:9; transition:.3s all;}
.iLeftNav{width:11px; height:65px; background:url(../images/images/iLeftNav01.png) no-repeat; position:absolute; right:-11px; top:120px; z-index:999; cursor:pointer;}
.iLeftNavCur{background-image:url(../images/images/iLeftNav02.png);}
.studyLeftCur{left:-280px; box-shadow:none;}
.studyLeftCon{margin-top:60px; overflow-y:auto;}
.studyNav{margin-left:20px; min-height:100%; border-left:#ebebeb 1px solid;}
.studyLeftCon .chapterList02{padding-top:10px;}
.studyLeftCon .chapterList h3, .studyLeftCon .chapterList h4{line-height:24px; margin-left:20px; margin-right:1px; background:#f3f3f3; color:#6e7d99; padding:0 5px; font-weight:normal; position:relative;}
.studyLeftCon .chapterList h3 i, .studyLeftCon .chapterList h4 i{display:block; width:22px; height:22px; line-height:22px; padding:0 2px 2px 0; font-family:Arial, Helvetica, sans-serif; background:url(../images/images/iStudyH.png) no-repeat left top; text-align:center; color:#6e7d99; font-style:normal; position:absolute; left:-32px; top:0;}
.studyLeftCon .chapterList h4{padding:0;}
.studyLeftCon .chapterList h4 a{padding:0 5px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.studyLeftCon .chapterList li{margin-left:20px; margin-right:1px; border-bottom:#eee 1px solid; line-height:24px; font-size:12px;}
.studyLeftCon .chapterList li a{padding:0; height:24px; line-height:24px; padding:5px 5px 5px 23px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.studyLeftCon .chapterList li a em{width:18px; height:24px; line-height:24px; padding-right:0; position:absolute; left:5px; top:5px;}
.studyLeftCon .chapterList li a:hover{background:none;}
.studyLeftCon .chapterList .studying a, .studyLeftCon .chapterList .studying a:hover{background:#46a2f9; color:#fff !important;}
.studyLeftCon .chapterList .elective.studying a, .studyLeftCon .chapterList .elective.studying a:hover{background:#fffaf0 !important; color:#ffa82c !important;}

.studyRight{margin-left:280px; position:relative; z-index:1; transition:.3s all;}
.studyRightCur{margin-left:0;}
#pdfIframe{margin:0; padding:0; border:0; position:absolute; left:0; top:0;}

/* 分页 */
.pagination{height:26px;line-height:26px;padding:3px;padding-left:6px;background-color:#f6f6f6;border:1px solid #ddd;margin-top:3px;margin-bottom:3px;color:#333;font-size:12px;}

/* 表格样式 */
.datatable{border-collapse:collapse;font-size:14px;font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; background:#fff;}
.datatable tr{border-bottom:1px solid #e5eef4;}
.datatable .noBorderBottom{border-bottom:0;}
.datatable td{padding:9px 15px; line-height:26px;color:#858585;}
.firstRow{border-bottom:none !important;}
.firstRow td{background-color:#dde8f0 !important;line-height:20px;color:#58697a;font-size:15px;}
.firstRow td span{font-size:14px;}
.datatable tr:hover{background-color:#f0f5f9 !important;}
.datatable td .txt{height:26px;line-height:26px;border:1px solid #b1b1b1;padding-left:2px;width:96%; outline:0; background-color:#fff;}
.datatable td .sele{height:28px;line-height:28px;border:1px solid #b1b1b1;width:96%; outline:0; background-color:#fff;font-size:14px;font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif}
.firstCol{font-size:20px;}
.lastCol {white-space:no-wrap}

/* 通用 */
.studyCommon { padding-top:25px;}

/*不换行处理*/
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:24px;}

/*下载查看图标*/
.download{font-size:18px;color:#4169E1; float:right}
.downloadGray{font-size:18px;color:#dde8f0;float:right}

/*找回密码*/
.inpTxt2 {height:38px; line-height:36px; border:#dce4e6 1px solid; padding:0 5px; box-sizing:border-box; -webkit-border-radius:3px; border-radius:3px; color:#333;}
.formBox{padding:20px; -webkit-border-radius:5px !important; border-radius:5px !important; overflow:hidden;}
.formBox .layui-layer-title{font-size:16px; border-bottom:none; background-color:#fff; -webkit-border-radius:5px 5px 0 0 !important; border-radius:5px 5px 0 0 !important;}
.formBox .layui-layer-btn{padding:20px 0 50px !important;}
.formBox .layui-layer-btn .layui-layer-btn0{width:100px; height:38px; line-height:38px; -webkit-border-radius:3px; border-radius:3px; background:#F60; color:#fff; border:none; cursor:pointer; padding:0; margin:0; letter-spacing:1px;font-size:16px;}

.layerForm{width:427px; margin:0 auto; padding-top:30px;}
.layerForm li{height:32px; margin-bottom:10px; position:relative;}
.layerForm li .inpTxt2{width:287px;height:32px;}
.layerForm li .yzmBtn{display:block; height:32px; line-height:32px; position:absolute; right:15px; bottom:1px;}
.layerForm li .repeatTips{height:32px; line-height:32px; position:absolute; right:15px; bottom:1px;font-size:12px;color:#F00;display:none}
.layerForm li .yzmBtn span{color:#0068b7;}
.layerForm li .yzmBtn.disabled{cursor:no-drop;}
.layerForm li .yzmBtn.disabled span{color:#cccbcb !important;}

.layerForm li .tmpPwdBtn{display:block; height:32px; line-height:32px; position:absolute; right:15px; bottom:1px;}
.layerForm li .tmpPwdBtn span{color:#0068b7;}
.layerForm li .tmpPwdBtn.disabled{cursor:no-drop;}
.layerForm li .tmpPwdBtn.disabled span{color:#cccbcb !important;}
.layerForm li label.rowTitle{display:block;float:left;height:36px; line-height:36px;width:120px; text-align:right;padding-right:10px;font-size:16px; color:#6d6c6c}

.verifyCodeForSMS{margin:30px auto 10px;width:180px;height:30px;}
.verifyCodeForSMS input{display:block;float:left; width:80px;height:32px;line-height:32px;font-size:16px; text-align:center; border:1px solid #CCC;border-right:0;}
.verifyCodeForSMS img{display:block;float:left;height:34px;}
.unselectable{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}

.formTable{}
.formTable td{border:1px solid #ececec;padding:6px 5px; line-height:20px;color:#111;}
.formTable td .txt{height:24px;line-height:24px;border:1px solid #C1C1C1;width:97%; outline:0;}
.formTable td textarea.txt{height:43px;line-height:21px;resize:none;}
.formTable tr:hover{}
.formTable .sele{height:25px;line-height:25px;border:1px solid #b1b1b1;width:99%; outline:0;font-size:13px !important;}
.formTable .chk{position:relative;top:2px;margin-left:1px;margin-right:1px}