/* 初始化CSS */
*,html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img{margin:0; padding:0;box-sizing: border-box;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;margin: 0;}
fieldset, img{vertical-align:middle; border:none;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul,ol,li{list-style:none;}
img{vertical-align:top;}
select, input{vertical-align:middle;border: none;outline: medium;}
select, input[type="text"], input[type="password"], textarea{font-size:14px; margin:0;outline-style:none;font-family:"Microsoft Yahei";-webkit-appearance: none;}
a,input[type="text"], input[type="password"], textarea{outline-style:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
input[type="search"]::-webkit-search-cancel-button {display: none;}
textarea{resize:none;}
table{border-collapse:collapse;}
body{color:#444;font-size:1em;line-height:1.25em;-webkit-overflow-scrolling:touch;font-family:Arial,"Microsoft Yahei","PingFang SC";background:#f4f4f4;margin:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0); overflow-x:hidden;}
body::-webkit-scrollbar{display: none;}
::-webkit-scrollbar{display: none;}
html{font-size: 1em;/* 16px */position: relative;height: 100%;}
a, a:link, a:visited, a:focus{color:#444; text-decoration:none;outline-style:none;cursor: pointer;}
li:active{background: #eee;}
.clearfix:after{content:"."; display:block; height:0; visibility:hidden; clear:both; font-size:0;}
.clearfix{zoom:1;}
.hidden{display: none;}
em,i{font-style:normal; vertical-align:middle; display:inline-block;}
.left{float:left;}
.right{float:right;}
.none{display:none;}
.center{text-align:center;display:block;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.green{color:#23beae;}
.orange{color:#ff7800;}
.red{color:#e84057;}
.blue{color:#0396ff;}
.white{color:#fff;}
.bg-white{background:#fff;}
.bg-white{background:#fff;}
.bg-purple{background: #9b23be;}
.bg-gray.h20{height:20px; width:100%; position:fixed;top:0;z-index:2;}
.bg-blue{background:#0396ff;}
.bg-cyan{background:#4ccab7;}
.bg-green{background:#23beae;}
.bg-orange{background:#ff7800;}
.bg-hui{background:#ddd;}
.bg-red{background: #e84057;}

.colorWhite{color:white;}
.absStudymodes_cp{
	position: absolute;
    left: 0;
    top: 0;
	padding: .3rem 0 0 .3rem;
	}
.absStudymodes_cp em{
	padding: .1rem .3rem;
	    margin-right: .5rem;
	}
	
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block;outline-style:none; }
audio, canvas, video{display: inline-block;*display: inline;*zoom: 1;}
audio:not([controls]) { display: none; }
[hidden] { display: none; }
figure { margin: 0; }
::-webkit-input-placeholder {color: #999; } 
:-moz-placeholder {color: #999; } 
::-moz-placeholder {color: #999; } 
:-ms-input-placeholder {color: #999;} 
.txt-hide{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main-box{background: #f4f4f4;overflow: hidden;}

/*加载*/
i.icon-spinner{-webkit-animation:2s linear 0s normal none infinite rotate;-moz-animation:2s linear 0s normal none infinite rotate;-o-animation:2s linear 0s normal none infinite rotate;animation:2s linear 0s normal none infinite rotate; position:absolute;margin:4px 0 0px -20px;left:auto;}
a.btn-tj,a.btn-ck,a.btn-tc{display:block;background:#66cc33;height:36px;line-height:36px;width:100%;border-radius:20px;/*border-bottom:3px solid #3da409;*/color:#fff;font-size:17px;text-align:center;} /*提交*/
a.btn-ck{background:#00a5e0;}
a.btn-tc{background:#ff6666;}
/*a.btn-tj:active,a.btn-ck:active,a.btn-tc:active{box-shadow:2px -2px 2px rgba(0,0,0,.5) inset}*/


/*加载图标*/
@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}
/*课程列表 内容*/
.kc-list{background:#fff;padding:0 12px;width:100%; box-sizing: border-box;}
.kc-list li{ min-height:66px;padding:12px 0 12px 126px;position: relative;border-bottom:1px solid #eee; box-sizing:border-box;}
.kc-list a{display: block; text-decoration: none; color: #444;  width:100%; box-sizing:border-box;}
.kc-img{width: 118px;height:66px;position:absolute;left:0px;top:14px;}
.kc-img img{width:118px;height:66px; border:.5px solid #f8f8f8; box-sizing: border-box;}
.kc-img em{position:absolute; bottom:1px; right:1px; background:rgba(0,0,0,.6); width:30%; height:20px; line-height:20px; color:#fff; text-align:center;}
.kc-img .em-type{position:absolute; top:1px; left:1px; background:rgba(0,0,0,.6); padding:0 4px;height:14px; line-height:14px;font-size:11px;color:#fff;}/*视频*/
.kc-cont{position: relative;min-height:66px;}
.kc-cont .l-title{height:44px;overflow:hidden;line-height:22px;font-size: 15px;/*word-break: break-all;*/text-overflow:ellipsis; display:-webkit-box !important;display:block;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.kc-cont .l-title .em-txt{color:#fff;font-size:10px;padding:0 5px;line-height:17px;border-radius:3px;vertical-align: 2px;}
.kc-cont .l-title .em-txt.bg-blue{background:#ff7800;}
.kc-cont .l-title .em-txt.bg-orange{background:#89bb22;}
.kc-cont .l-title .emStudyMode{margin:-.2rem 0 0 0;}
.kc-cont .l-date{ font-size: 13px; position: absolute;bottom:-4px; width: 100%;color:#888; font-family: Arial;}
.kc-cont .l-date p{display:inline-block;width:48.5%;font-size:12px; margin-bottom: 0;color:#888; margin-top:2px;vertical-align: bottom; }
.kc-cont .l-date p.txt-hide{vertical-align:bottom;}
.kc-cont .l-date p.txt-hide i{vertical-align:0px;}
.kc-cont .l-date i{font-size: 15px;color: #999;margin-right:6px;vertical-align: -1px;}
.kc-cont .l-date i.icon-clock{font-size: 12px;vertical-align:.5px;color: #888;}
.kc-cont .l-date i:nth-child(2){margin-left:8px;}
.mui-pull-bottom-tips{text-align: center;background-color: #fff;font-size: 12px;line-height: 40px;color: #777;}
.mui-pull-top-canvas{overflow: hidden;background-color: #fafafa;border-radius: 40px;box-shadow: 0 4px 10px #bbb;width: 40px;height: 40px;margin: 0 auto;}
.mui-pull-top-canvas canvas{width: 40px;}
.mui-slider-indicator.mui-segmented-control{background-color: #efeff4;}
.loading-more{ width:100%; font-size:13px; color:#888; text-align:center; position:relative; margin:15px 0;}
.loading-more span{background:#f4f4f4; display:inline-block; padding:0 15px;position:relative; z-index:2;}
.loading-more:after{position:absolute; content:''; width:100%; height:1px; background:#ddd;top:48%;left:0}
.icon-cross:before{color:#23beae;}
.icon-uncross:before{color:#e84057;}
.zy-list .kc-cont .l-title{height:22px;-webkit-line-clamp:1;}
.zy-list .kc-cont{min-height:44px;}
.zy-list .kc-cont .l-date p:first-child{width:54%;}
.zy-list .kc-cont .l-date p:last-child{width:44%;text-align: right;}

/*排序tab*/
.list-tab{height:40px;font-size:14px;position: fixed;width: 100%;top: 44px;z-index:6;}
.list-tab .tab-ul{text-align:center;height:40px;line-height:40px;background:#fff;width:100%;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;display:flex;}
.list-tab .tab-ul li{ display:inline-block;flex:1;text-align:center;height:38px; line-height:38px; position:relative;}
.list-tab .tab-ul li a{display:inline-block; width:100%; color:#666;white-space: nowrap;overflow: hidden;height:38px; line-height:38px;text-overflow: ellipsis;word-break: break-all;font-weight: bold;}
.list-tab .tab-ul li.on a{ color:#0396ff; border-bottom:2px solid #0396ff;}
.list-tab .tab-ul li:after{ content:''; position:absolute; border-right:1px solid #eee; height:30px; top:5px;right:0;}
.list-tab .tab-ul li:last-child:after{display:none;}
.list-tab .tab-ul li .icon-up{font-size: 14px;}
.list-tab .tab-ul li.all::before{position:absolute;content:'';width:10px;height:10px;background:#fff;border-left:1px solid #e4e4e4;border-top:1px solid #e4e4e4;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);top:33px;left:42%;}
.list-tab .tab-ul li.all .icon-up{-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);transform: rotateX(180deg);}
.list-tab .tab-ul li.all a{color:#0396ff;}
.search-bg+.list-tab .tab-all-bg{top:84px;}
.tab-all-bg{ position:fixed; width:100%; height:100%;top:40px;bottom:0;left:0; background:rgba(0,0,0,.4); z-index:4;}
.tab-all{background:#fff; width:100%; padding:10px 0; box-sizing:border-box;}
.tab-all p{padding-left: 4%;width:100%;box-sizing:border-box;}
.tab-all p a{border-bottom:1px solid #eee;display:inline-block; width:100%; color: #666; padding:2px 10px;line-height:34px;} 
.tab-all p a.on{color:#0396ff;}
/*全部课程*/
.tab-all .cate{width: 33.3333333%;height:calc(100% - 139px);position: absolute;top:0;}
.tab-all .cate:nth-child(1){background: #f4f4f4;left: 0;}
.tab-all .cate:nth-child(2){background: #f8f8f8;left: 33.3333333%;}
.tab-all .cate:nth-child(3){background: #fff;right: 0;}
.tab-all .cate .cate-b{position: absolute;top:0;left:0;right:0;bottom:0;height: auto;overflow-x: hidden;overflow: hidden;-webkit-overflow-scrolling: touch;}
.tab-all .cate ul{top:0;bottom: 0;left: 0 !important;position: absolute;height: auto;z-index:2;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: auto;-webkit-overflow-scrolling: touch;}
.tab-all .cate ul li{ position:relative; padding: 0 0 0 10px;width: 100%;box-sizing:border-box;margin:6px 0;}
.tab-all .cate ul li a{display:inline-block;height: 34px;line-height: 34px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width:87%;vertical-align: middle;}
.tab-all .cate .em-sj{border-left:4px solid #999;border-top:4px solid transparent;border-bottom:4px solid transparent;vertical-align: baseline;margin-left:6px;}
.tab-all .cate ul li.on{background: #fff;}
.tab-all .cate ul li.on a{color: #0396ff;}
.tab-all .cate ul li.on .em-sj{border-left:4px solid #0396ff;}
/*筛选*/
.sx-box{width:100%;height: 100%;position: absolute;background: #fff;top:0;bottom:0;left:0;height: auto;overflow-x: hidden;overflow: hidden;}
.sx-box .sx-list{padding:10px 0 150px;top:0;bottom:0;left: 0 !important;position: absolute;height: auto;z-index:2;background:#fff; width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: auto;-webkit-overflow-scrolling: touch;}
.tab-all .sx-item{padding: 0 12px; width: 100%; box-sizing: border-box}
.sx-item .sx-h3{line-height: 28px;}
.sx-item ul{margin-left: -3%;font-size: 13px;}
.sx-item ul li{float: left; width: 30%; margin:8px 0 8px 3%; text-align: center;}
.sx-item ul li a{display: block; width: 100%; padding: 0 4px;box-sizing: border-box; border:.5px solid #e5e5e5; height: 28px; line-height: 26px; border-radius:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#666;}
.sx-item ul li a.on{border:.5px solid #0396ff;color:#0396ff;}
.sx-item .ss-inp{height: 28px;line-height: 28px;border-radius: 20px; width:236px; text-indent:1em;border: .5px solid #e5e5e5;color: #666; margin:8px 0;}
.sx-item .ss-inp.sm{display:inline-block; width:46%;}
.sx-box .sx-foot{position: fixed;*position:absolute;width: 100%;z-index:3;bottom:-1px;padding:12px 15px 12px 0;box-sizing: border-box;height:55px; border-top: .5px solid #e5e5e5;border-bottom: .5px solid #e5e5e5;background: #fff;}
.sx-box .sx-foot .btn-sx{height: 32px; line-height: 32px;padding: 0 30px;border-radius: 5px;color: #666;display: inline-block;}
.sx-box .sx-foot .btn-sx.bg-blue{color: #fff;}
.sx-box .sx-foot .btn-sx.reset{padding: 0 30px 0 15px;}
.sx-box .sx-foot .btn-sx.blue{color:#0396ff;}
.tab-all .cate-ul{overflow-y:scroll;}

/*非一屏*/
.tab-all.tab-normal{padding:10px 0 0 0;}
.tab-normal .sx-box{width:100%;height: 100%;position: relative;background: #fff;top:0;bottom:auto;left:0;height: auto;overflow-x: hidden;overflow: hidden;}
.tab-normal .sx-box .sx-list{padding:0;top:auto;bottom:auto;left: 0 !important;position:inherit;height: auto;z-index:2;background:#fff; width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: auto;-webkit-overflow-scrolling: touch;}
.tab-normal .sx-box .sx-foot{position:inherit;margin-top:30px;}

/*评论*/
.pl-list{padding:0 5px; background:#fff;}
.pl-list .pl-h3{ height:49px; line-height:49px; border-bottom:.5px solid #eee; padding:0 12px; font-size:14px; margin:0 -5px;}
.pl-item{position:relative;padding:10px 5px 10px 55px;width:100%;box-sizing:border-box; border-bottom:1px solid #e4e4e4;-webkit-transition:margin 0.5s ease;transition:margin 0.5s ease;margin-left:0;}
.pl-item .kc-img{position:absolute;top:5px;left:7px; margin:0;width:38px; height:38px;}
.pl-item .kc-img img{width:38px; height:38px; border-radius:100%;}
.pl-item .kc-info{color:#999;}
.pl-item .kc-info .kc-info-ti{font-size: 13px;color:#444;}
.pl-item .kc-info .kc-info-ti .right a{color:#888;font-size: 13px;padding: 0 10px;}
.pl-item .kc-info .kc-info-ti .right a i{color:#ccc; margin-right:6px;}
.pl-item .kc-info .kc-info-ti .right a i.icon-delete{color:#F00;font-size: 14px;}
.pl-item .kc-info .kc-info-ti .right.on a,.pl-item .kc-info .kc-info-ti .right.on a i{color:#ff7800;}
.pl-item .kc-info .kc-info-cont{color:#666; padding:8px 0; font-size:12px;}
.pl-item .kc-info .kc-info-foot{font-size:12px;color:#888;padding: 5px 0 0 0;}
.pl-item .kc-info .kc-info-foot .a-hf{float:right;border-radius:5px;border: 1px solid #ccc;padding: 0 8px;line-height: 18px;color: #888;}
.pl-item:last-child{ border:none;}
.qa-hf{box-sizing:border-box; width:100%; margin-bottom:10px;background:#f4f4f4;font-size: 12px;padding:4px 8px; position:relative;}
.qa-hf:after{content:'';position:absolute;border-bottom: 6px solid #f4f4f4;border-right: 8px solid transparent;border-left: 8px solid transparent;top: -6px;left:15px;}
.qa-hf p{font-size: 12px;color:#666;}
.qa-hf p.hf-name{color:#444; margin-bottom:3px;}

.foot-pl-bg{height: 54px;width:100%;overflow:hidden;/*background:#fff;*/}
.foot-pl{position:fixed;width:100%;bottom:0;left:0;height: 54px;border-top:1px solid #e7e7e7;background:#f6f6f6;z-index:5;-webkit-transition:height 0.5s ease;transition:height 0.5s ease;}
.foot-pl-box{position:relative;padding: 8px 84px 8px 46px;box-sizing:border-box;background:#fff;}
.foot-pl-icon{position:absolute;left:10px;bottom: 14px;font-size:30px;color:#999;}
.foot-pl-bg .foot-kuang #form_article{min-height:24px;max-height:96px; overflow-y:scroll;}
.foot-pl-icon.iconfont{font-size: 25px;}
.foot-pl-bg .foot-btn{position:absolute;right:8px;bottom:8px;height: 38px;}
.foot-kuang{background:#f4f4f4;border-radius:3px;padding: 7px;box-sizing:border-box;line-height:24px;}
.foot-kuang .pl-text{ height:35px;width:100%;background:none; border:none; line-height:20px; font-size:14px;}
.foot-pl-bg.on{height:190px;}
.foot-pl-bg.on .foot-pl{ height:190px;}
.foot-pl-bg.on .foot-kuang{max-height:86px;overflow:hidden;}
.foot-pl-bg.on .foot-kuang #form_article{max-height:72px;overflow:hidden;font-size: 14px;}
.foot-pl-bg.on .pl-text{ min-height:60px;}
.foot-pl-bg .cont-tip{font-size:12px; color:#f00; padding:5px 0;}
.foot-pl-bg .cont-tip i{font-size:14px; margin-bottom:2px;}
.foot-pl-bg .foot-btn a{display:inline-block;padding: 0 20px;line-height: 38px;color:#fff;font-size:14px;border-radius:3px;}

.foot-pl-bg.on214 .foot-pl{height:214px;}
.foot-pl-bg.on238 .foot-pl{height:238px;}
.foot-pl-bg.on214 .foot-kuang #form_article{max-height:72px;overflow:hidden;font-size: 14px;}
.foot-pl-bg.on238 .foot-kuang #form_article{max-height:72px;overflow:hidden;font-size: 14px;}

/*附件*/
.fj-doc{}
.fj-doc li{padding: 0 12px; height: 36px; line-height: 36px; background: #f4f4f4;font-size:11px; color: #444; margin-bottom: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fj-doc .file-type{margin-right:7px;}
/*文档类型*/
.file-type{width: 16px;height: 16px; background-size:contain;background-repeat: no-repeat;vertical-align: -3px;}
.file-0{ background-image: url(images/doc/txt.png);}
.file-1{ background-image: url(images/doc/video.png);}
.file-2{ background-image: url(images/doc/word.png);}
.file-3{ background-image: url(images/doc/pic.png);}
.file-4{ background-image: url(images/doc/ppt.png);}
.file-5{ background-image: url(images/doc/mp3.png);}
.file-6{ background-image: url(images/doc/excel.png);}
.file-7{ background-image: url(images/doc/rar.png);}
.file-8{ background-image: url(images/doc/zip.png);}
.file-9{ background-image: url(images/doc/pdf.png);}

/*资料类型*/
.kng-type{width:60px; height:70px;background-repeat: no-repeat;background-size:cover;}
.kng-0{background-image: url(images/kng/txt_l.png);}
.kng-1{background-image: url(images/kng/video_l.png);}
.kng-2{background-image: url(images/kng/word_l.png);}
.kng-3{background-image: url(images/kng/pic_l.png);}
.kng-4{background-image: url(images/kng/ppt_l.png);}
.kng-5{background-image: url(images/kng/mp3_l.png);}
.kng-6{background-image: url(images/kng/excel_l.png);}
.kng-7{background-image: url(images/kng/rar_l.png);}
.kng-8{background-image: url(images/kng/zip_l.png);}
.kng-9{background-image: url(images/kng/pdf_l.png);}

/*作业*/
.zy-top{ background:#fff; padding:5px 12px;margin-bottom:12px;}
.zy-top .top-item{ position:relative; padding-left:45px; font-size:14px; line-height:18px; margin:10px 0;}
.zy-top .top-item span{position:absolute;left:0;}
.zy-top .more{ margin-bottom:5px; width:100%; background:#fff;}
.zy-top .more a{display:block;text-align:center; width:100%; color:#999; }
.zy-top .more a i{font-size:18px;-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);transform: rotateX(180deg);}
.zy-top.on .top-item:nth-child(3),.zy-top.on .top-item:nth-child(4){ display:none;}
.zy-top.on .more a i{-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);transform: rotateX(0deg);}
.zy-cont{background:#fff;position:absolute;width:100%;height:100%;-webkit-transition:top 0.5s ease;transition:top 0.5s ease;top:auto;}
.zy-cont .zy-txt{width:100%; height:100%;border:none;font-size:14px; padding:10px 15px;}
.zy-btn{ height:42px; background:#fff;}
.zy-btn a{display:inline-block;width:100%;  height:42px; line-height:42px; position:fixed;bottom:0;left:0;width:100%; color:#fff; text-align:center; font-size:16px;}
.zy-btn a i{margin-right:8px;vertical-align: -1px;}

/*没有数据*/
.nodata{padding:40% 0;text-align: center;width: 100%;}
.nodata i{display:block; font-size:60px;color:#cacaca; }
.nodata img{width: 200px;height: auto; margin: 0 auto;}
.nodata span,.nodata .nodata-txt{display:block;color:#999; font-size:14px; margin:10px 0;line-height:33px;}
.nodata .nodata-btn{ padding:8px; height:24px; line-height:24px; border-radius:3px; margin:0 8px; color:#fff !important; font-size:14px;}

/*报错*/
.error{text-align:center;display: table;table-layout: fixed;width: 100%;height: 100%; position:absolute;}
.error-cont{display:table-cell;vertical-align: middle;width: 100%;text-align:center;color:#c0c5d0; text-shadow:2px 1px 2px #fff;}
.error-img img{ width:85%; height:auto; margin-top:-30%;}
.error .f20{font-size:18px; margin:20px 0;}
.error .hui{color:#999;}

/*返回顶部*/
.top-btn{position:fixed; border:1px solid #e5e5e5; border-radius:100%;text-align:center;width:57px; height:57px; line-height:57px;right:10px;bottom: 80px;background: #fff;}
.top-btn .iconfont{font-size:28px;color:#666;}

/*课程详情*/
.xq-box{padding:10px 12px; width: 100%; box-sizing: border-box; background:#fff;}
.xq-box p{font-size: 12px;}
.xq-ti{ padding:8px 8px 3px 8px;width: 100%; box-sizing: border-box;background: #f4f4f4; margin-bottom: 15px;}
.xq-ti h3{line-height: 24px;font-size: 14px; margin-bottom: 2px;text-align: justify;}
.xq-ti h3 .h-num{padding: 0 4px;height: 16px;line-height: 16px;font-size:11px;border-radius:3px;color:#fff;margin-left:10px;vertical-align:1px;}
.xq-ti .df-star{color:#ff7801;}
.xq-ti i{margin: 5px 5px 5px 0;font-size: 14px;}
.xq-ti .icon-star-half{background: url(images/star-half.png);width: 14px;height: 14px;background-size: cover;}
.xq-ti .df-star span{font-size: 12px;vertical-align:0px;}
.xq-item{font-size:13px;border-bottom:1px solid #eee;padding-bottom:10px;word-break: break-all;}
.xq-item:last-child{border: none;}
.xq-item .xq-h3{font-size: 14px; color:#444; margin: 10px 0;}
.xq-item .xq-h3 span{display: inline-block;height: 14px; line-height: 14px; padding-left:10px; border-left: 4px solid #fe7902;}
.xq-item .xq-main img{margin-bottom: 8px;max-width: 100%; height: auto; display:block;}
.xq-item .xq-main p{color:#666; line-height: 20px;}
.xq-item .teacher-list{}
.xq-item .teacher-list dl{position: relative;background: #f4f4f4; padding: 8px 10px 8px 65px;min-height:58px; margin-bottom:10px;}
.xq-item .teacher-list dt{position: absolute;left:8px;top:8px;}
.xq-item .teacher-list dt img{height: 42px;width: 42px;border-radius: 100%;}
.xq-item .teacher-list dd{line-height: 20px;font-size: 12px; padding-top: 4px;}
.xq-item .teacher-list dd h4{font-size: 12px;color:#666;margin: 3px 0;}
.xq-item .teacher-list dd span{display: inline-block;color:#999;padding-right:10%;}
.xq-item .teacher-list dl:last-child,.xq-item .xq-doc li:last-child{margin-bottom: 0;}
.xm-zs,.xm-xz{width:62%; position:relative; margin:10px 0;}
.xm-zs img,.xm-xz img{width:100%; height:auto;}
.xm-zs span,.xm-xz span{position:absolute; width:100%; height:100%; background:rgba(0,0,0,.6); color:#fff; text-align:center;top:0;left:0; font-size:14px;padding-top:30%;box-sizing: border-box;}
.xm-xz span{padding-top:45%;}
.xm-xz{width:50%;}


/*弹出提示*/
.panel-ts{position:fixed;top:0px; width:100%; z-index:4000; text-align:center;box-sizing:border-box;height: 100%;}
.panel-ts.test-ts{padding: 0 30px;background: rgba(0,0,0,.4);}
.test-ts .test-ts-bg{ min-height:134px;width: 100%; background: #fff;border-radius: 5px;position:relative;top:50%; margin-top: -80px;}
.test-ts .close{position: absolute;font-size: 20px;top:10px;right: 10px;color:#999;}
.test-ts .ts-h2{padding:28px 10px 15px; text-align: center;font-size: 21px; color: #666; line-height: 26px;}
.test-ts .ts-h2 .iconfont{font-size: 24px; margin-right: 8px;vertical-align: -2px;}
.test-ts .ts-cont{font-size: 12px; line-height:20px; padding: 0 10px 20px; color:#666;position: initial;}
.test-ts .ts-foot{ height:50px; line-height:49px; width: 100%; font-size:16px;}
.test-ts .ts-foot a{display: inline-block;width: 50%;vertical-align: top;text-align: center; position: relative;border-top: .5px solid #eee;}
.test-ts .ts-foot a:after{position: absolute;content: '';height: 100%;width: 1px;background: #eee;top:0;left: 0;}
.test-ts .ts-foot a:first-child:after{display: none;}
.test-ts .ts-foot a.orange{color: #ff7800;}
.test-ts .ts-foot a.blue{color:#0396ff;}

.header-qh{width:100%; height:36px; margin:16px 0 13px;}
.header-qh ul{text-align:center; width:71%; height:36px;border:1px solid #666; background:#fff; border-radius:15px; margin:0 auto; overflow:hidden;}
.header-qh li{width:50%; float:left; font-size:13px;}
.header-qh li a{display:inline-block; width:100%;;height:36px; line-height:36px; }
.header-qh li a.on{background:#666; color:#fff;}
.header-qh li:first-child a{border-top-left-radius:15px; border-bottom-left-radius:15px}
.header-qh li:last-child a{border-top-right-radius:15px; border-bottom-right-radius:15px}

/*加载*/
.box-panel{position:absolute; z-index:50; width:100%; height:100%; background:rgba(0,0,0,.7);top:0px;right:0;}
.wifi-box{margin:112px auto 0 auto;background:#fff;width:286px;border-radius:5px;text-align:center;}
.wifi-cont{padding:15px 5px; font-size:16px; line-height:150%;box-sizing: border-box;}
.wifi-btn{border-top:1px solid #ccc; line-height:52px; font-size:16px;}
.wifi-btn a,.wifi-btna:hover{color:#f66;}

.panel{ position:fixed;top:0px; width:100%; z-index:4000; text-align:center;padding:0 20px;box-sizing:border-box;}
.loading-box{margin:0 auto; margin-top:100px; background:rgba(0,0,0,.6); min-width:150px;border-radius:5px; color:#fff; font-size:18px; text-align:center; padding:15px 14px;display:inline-block;}
.loading-box i{font-size:38px;color:#ccc; margin:10px 0 20px 0;display:block;}
.loading-box span{display:block; font-size:16px;}

.box-ts{padding:10px 20px; background:rgba(0,0,0,.6);border-radius:5px; color:#fff; font-size:18px; text-align:center; display:inline;}

/*单选 多选*/
.icon-radio-on,.icon-check-on{color:#0090e2;}


/* 页面加载中样式 */
.loadMack {position: fixed;*position: absolute;top: 0;left: 0;z-index: 99800;opacity: 0.1;width: 100%;*filter: alpha(opacity=10);filter: alpha(opacity=10);-moz-opacity: 0.1;background: #ffffff;width: 100%; display:none;}
.loadCon {position: fixed;*position: absolute;padding: 10px 20px 10px;font-size: 14px;font-weight: bold;color: #fff;z-index: 93801;box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);background: rgba(34,34,34,.4);border-radius: 10px;text-shadow: none;width: 100%;height: 100%;padding-top: 50%;}
.TsCon{position: fixed;*position: absolute;padding: 10px 20px 10px;font-size: 14px;font-weight: bold;color: #efefef;z-index: 93801;box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);background: #000000;*filter: alpha(opacity=70);filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;border-radius: 10px;text-shadow: none;}

.swiper-container,.swiper-wrapper,.swiper-slide{height:auto !important;}
.swiper-slide img{width:100%;height:auto;}

.icon-nobook{background:url(images/no_data.png); background-size:cover; width:90px; height:96px; margin:0 auto;}
.icon-nobook::before{content:"" !important;}
.icon-filter:before {content: "\e036";}
.icon-display:before {content: "\e922";}

i.level {font-size:12px;color:#ff9900;margin-left:3px;vertical-align:baseline;}

.shang{position:fixed; width:60px; height:58px; background:url(images/shang.png) no-repeat; background-size:contain;bottom:50px;right:10px; z-index:40;}
.panel-shang-bg{background:rgba(0,0,0,.6); position:absolute;top:0;right:0;bottom:0;left:0; z-index:41;}
.shang-top{background:url(images/shang-top.png) no-repeat;margin:40% auto 0;width:300px; height:40px;background-size:cover; text-align:right; position:relative;}
.shang-top .close{font-size:30px; color:#f33; position:absolute; bottom:8px;right:20px;}
.panel-shang{ background:#fff; width:300px; margin:0 auto;border-bottom-left-radius:10px;border-bottom-right-radius:10px; padding-bottom:20px;}
.shang-cont{ padding:40px 20px; text-align:center; width:100%; box-sizing:border-box; font-size:18px; color:#6c3c31;}
.shang-cont strong{ color:#f33;}
.shang-btn{ text-align:center;}
.shang-btn .btn-ds{background-image:-webkit-linear-gradient(to bottom,#f7bd00, #f1af0c,#e89f1b);background-image: -moz-linear-gradient(to bottom,#f7bd00, #f1af0c,#e89f1b);background-image:linear-gradient(to bottom,#f7bd00, #f1af0c,#e89f1b); border:2px solid #e39018; height:38px; line-height:38px; display:inline-block; padding:0 36px; border-radius:20px; color:#6c3c31;}
/*.box{left: 0 !important;right: auto !important;top:0;bottom: 0;position: absolute;height: auto;overflow: auto;z-index:19;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: auto;-webkit-overflow-scrolling: touch;width:100%;}*/
.list-more{text-align:center; font-size:12px; padding:8px 0;}

div#div_waper { top: 5px;}

.header-txt{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:88%;display: inline-block;vertical-align:bottom;margin-bottom: 2px;}
.mui-table-view:before{background:#fff !important;}

/*version2017*/
.s-logo{width:67px;height:32px;position: absolute;left: 6px;top: 6px;display: flex; align-items: center;}
.s-logo img{ max-width:67px;max-height:18px; }
.search-bg{padding:6px 12px 6px 12px;width: 100%; box-sizing: border-box;background:rgba(255,255,255,1);height: 44px;position: fixed;top: 0;z-index:6;}
.search{height: 32px;line-height: 32px; border:.5px solid #e7e7e7; background: #eff1f5;padding-left:36px; position: relative;border-radius: 20px; box-sizing:border-box;}
.search .iconfont{font-size: 18px;color: #d2d2d2; position: absolute;top:6px;left:10px;}
.search .icon-close{right:10px;left:auto;display: none;}
input[type=search].search-inp,.search-inp{background:transparent !important;border:none;font-size: 15px; width: 100%;vertical-align: top;height: 31px;line-height: 31px;padding:0; margin:0; text-align:left;}
.search-bg .s-qx{ position: absolute;right:12px;font-size: 17px; color: #0396ff !important;top:12px;display: none;}
.search-bg.on{padding:6px 60px 6px 12px; position:inherit;}
.search-bg.on .s-qx,.search-bg.on .icon-close{ display: block;color:#999;}
.search-bg.on .s-logo{display: none;}
/*搜索列表*/
.ss-list{background: #fff;padding: 5px 12px;width: 100%; box-sizing: border-box;}
.ss-list .ss-item{}
.ss-list .ss-h3{font-size:17px;line-height:36px; border-bottom: .5px solid #eee;color:#666;}
.ss-list .ss-h3 .iconfont{width:36px; text-align:center;font-size: 22px;}
.ss-list .ss-h3 .iconfont.icon-clock{font-size:18px;vertical-align: baseline;}
.ss-list .ss-ul{padding-top:12px; margin-left: -3%;}
.ss-list .ss-ul li{float: left;margin: 3px 0 10px 3%;width: 30.3%;}
.ss-list .ss-ul li a{display: block;border:.5px solid #e5e5e5;border-radius: 15px;line-height: 28px; width: 100%; padding: 0 5px;font-size:14px;color:#666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align: center; background: #fff; box-sizing: border-box;}
.ss-history{ padding:4px 0;}
.ss-history p{line-height: 38px; border-bottom: .5px solid #eee;font-size: 14px; position:relative; text-indent: 10px;}
.ss-history p i{position:absolute;right:2px;font-size: 18px; color: #999;top:10px;}
.ss-history p a{color:#666; width:100%;display: inline-block;text-indent: 0;}
.ss-history p:last-child{border-bottom:none;}
.ss-history .hui{color:#999;}
.ss-clear{padding:25px 0;}
.ss-clear a{font-size: 14px; color: #0396ff; display: block; text-align: center; line-height: 30px;}
.ss-top{color: #999;font-size: 14px;border-bottom: 1px solid #eee; padding:2px 0 8px;}
.ss-list .list-ul li{font-size:14px; border-bottom: 1px dashed #eee;height: 45px; line-height:45px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ss-list .list-ul li a{display:block; width:100%;}
.ss-list .list-ul .file-type{margin: 0 6px;}

footer{height:58px;/*background:#fff;*/}
footer .foot-nav{position: fixed;*position:absolute;width: 100%;border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;height: 56px;bottom: 0;left:0; background: #fff; box-shadow:0 0 2px 2px #ececec;}
footer .foot-nav li{width: 25%; float: left; text-align: center;position: relative;}
footer .foot-nav li span{display:block;line-height:22px;height:22px;font-size:10px;}
footer .foot-nav li .iconfont{font-size: 27px;color: #666;margin-top:6px; position:relative;}
footer .foot-nav li .iconfont.icon-t-study,footer .foot-nav li .iconfont.icon-message{font-size: 25px;margin-top: 7px;height: 26px;}
footer .foot-nav li.on a,footer .foot-nav li.on .iconfont{color: #0396ff;}
footer .foot-nav li.on .icon-discovery:before{content: "\e602";}
footer .foot-nav li.on .icon-t-study:before{content: "\e606";}
footer .foot-nav li.on .icon-message:before{content: "\e607";}
footer .foot-nav li.on .icon-mine:before{content: "\e608";}
footer .foot-nav li .foot-dot{position: absolute;width:10px;height:10px;background: #f30;top: -2px;right:-2px;border-radius: 100%;}

/*wifi提示*/
.wifi-box{margin:45% auto 0 auto;background:#fff;width:286px;border-radius:5px;text-align:center;}
.wifi-cont{padding:15px 5px; font-size:16px; line-height:150%;box-sizing: border-box;}
.wifi-btn{border-top:1px solid #ccc; line-height:52px; font-size:16px;}
.wifi-btn a{color:#f66;}
.exam-tj-cont h5{margin-bottom:6px; font-size:20px;}
.exam-tj-cont{display:table; min-height:70px !important;height:70px; width:100%;}
.exam-tj-main{ display:table-cell; vertical-align:middle; text-align:center;}
.exam-tj-main em{vertical-align:baseline;}
.exam-tj-btn a{width:48%;display: inline-block;}
.exam-tj-btn a:nth-child(1){border-right:1px solid #ccc; color:#666;}

/*顶部*/
header{height:65px;}
.header{height:65px;/* position:fixed; */width:100%;/* line-height:44px; *//* z-index:10; *//* padding:0 10px; *//* padding-top:20px; *//*background: -webkit-linear-gradient(#333237,#3b3a3f);background: -moz-linear-gradient(#333237,#3b3a3f);background: -o-linear-gradient(#333237,#3b3a3f);background: linear-gradient(#333237,#3b3a3f);*/background:#484848;}
.header a{color:#fff; font-size:14px;display: inline-block;height: 44px;}
.header .icon-up{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg);vertical-align:-1px; font-weight:bold; font-size:18px;}
.header .txt-hide{display:inline-block;width:64%; position:absolute;left:18%; color:#fff; text-align:center;font-size: 18px;}
.header .nav-r{right:0px;position: absolute;top: 0;}
.header .nav-r a{padding:0 12px;}
.search-bg.scan .top-scan{position:absolute;left:0px;bottom:10px;display:block;text-align:center;width:38px;color:#999;}
.search-bg.scan .top-scan span{font-size:9px;display:block; line-height:9px;}
.search-bg.scan .icon-scan:before{content: "\e929";}
.search-bg.scan.on{position: relative;background:rgba(255,255,255,1);}
.search-bg.scan.on .top-scan{display:none;}
.search-bg.scan.on .app-bg{padding: 6px 54px 6px 18px;background:rgba(255,255,255,1);}
.search-bg.opacity{background:rgba(255,255,255,0);color:#fff;}
.search-bg.opacity .top-scan{color:#fff;}
.search-bg.opacity .search{background:rgba(255,255,255,1); border-color:transparent;}
.search-bg.scan{background:rgba(255,255,255,0);padding:0 0 6px;height:20px;}
.top-kuang{height:20px;}
.top-kuang.A{background:#484848;}
.app-bg{background:rgba(255,255,255,0);padding: 6px 20px 6px 38px;position:relative; height:44px;}
.app-bg.shadow{box-shadow: 0 1px 2px #ececec;}

.btn-invite{display: inline-block;position: fixed;right:8px;bottom:70px;width: 56px;height: 56px;padding: 6px;z-index: 4;border-radius: 100%;background: rgba(43, 155, 255, .15);cursor: pointer;-webkit-animation-name: t-anim2;animation-name:  t-anim2;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;-webkit-animation-timing-function: cubic-bezier(.01, 1, .21, .99);-webkit-animation-timing-function: cubic-bezier(0, 1.7, .35, .81);animation-timing-function: cubic-bezier(0, 1.7, .35, .81);}
.btn-invite span{display: inline-block;width: 44px;height: 44px;border-radius: 100%;background: rgba(43, 155, 255, 1);font-size: 12px;color: #fff;text-align: center;}
.btn-invite .icon-invite{width:16px;height:16px;background:url(images/icon-fx.png) no-repeat;background-size:contain;display:block;margin:0 auto;margin-top: 5px;}

/*账户在其他地方登录*/
.account{text-align: center;position: fixed;top:50%;margin-top:-200px;width: 100%;}
.account-img img{width: 92px;height: auto;}
.account-txt{width: 290px;margin: 0 auto;}
.account-txt{font-size: 13px;color: #666;line-height: 24px;text-align: left;}
.account-txt strong{text-align: center;display: block;font-size: 18px;color:#222;margin:10px 0 20px;}
.account-txt a{display:block;text-align: center;font-size:16px;color: #fff;line-height:40px;height:40px;background: #ff7800;border-radius:3px;margin-top: 35px;}

@-webkit-keyframes  t-anim2 {
  from {-webkit-transform: scale(0.5);transform: scale(0.5); opacity: 0;}
  to {  -webkit-transform: scale(1);  transform: scale(1); opacity: 1;}
}
@keyframes  t-anim2 {
  from {-webkit-transform: scale(0.5);transform: scale(0.5); opacity: 0;}
  to {  -webkit-transform: scale(1);  transform: scale(1); opacity: 1;}
}

@media screen and (min-width:640px){

}
@media screen and (max-width:420px){

}
@media screen and (max-width:320px){

footer{height:51px;}
footer .foot-nav{height:49px;}
footer .foot-nav li span{line-height:19px;height:19px;}
footer .foot-nav li .iconfont{font-size:24px;margin-top:5px;}

/*tab切换*/
i.icon-spinner{left:38%;}

footer .foot-nav li:nth-child(2),footer .foot-nav li:nth-child(3){margin-top:-1px;}
footer .foot-nav li:nth-child(2) span,footer .foot-nav li:nth-child(3) span{margin-top:-3px;}

}


/*学时学分显示-xiang*/
.studyMode .b-txt,.l-title .b-txt{
	border: .07rem solid #ccc;
    color: #ccc;
    font-size: .6rem;
    font-weight: 200;
    line-height: 1.5;
    border-radius: 3px;
    padding: 0 .2rem;
    margin-right: .1rem;
}
.studyMode .b-orange,.l-title .b-orange{
	border-color:#ff8c00;
	color: #ff8c00;
}
.studyMode .b-green,.l-title .b-green{
	border-color:#89ba23;
	color: #89ba23;
}


/*
.l-title .b-txt{
	line-height: 1rem;
    margin: -.2rem 0 0 0;
	}
.cont-list li a .studyMode{
	line-height: 1.5;
	padding-left: 1.4rem;
}
.cont-list li a .clearFix{
	display: flex;
    line-height: 2.4em;
    align-items: center;
	padding: .45rem 55px 0 20px;
}
.ap-main .cont-list li .wc {
    top: .45rem;
}
#tmpl_taskDetails{
	
} 
.ap-main .cont-list li a{padding:0;}
*/
.clearFix{
	position:relative;
}
.clearFix::before{
    content:"";
	clear:both;
}

.remind{position: fixed;bottom: 60px;left:0;margin:0 1.5%;width: 97%;border-radius: 4px;background: rgba(0,0,0,.7);padding:0 90px 0 105px;-webkit-box-sizing: border-box;box-sizing: border-box;height: 51px;z-index: 5;}
.remind .icon-uncross{font-size: 23px;position: absolute;top:14px;left:9px;}
.remind .icon-uncross::before{color: #fff !important;}

.remind dt img{width:53px;height: 34px;position: absolute;top:9px;left: 44px;}
.remind dd h3{margin: 0;color: #fff;font-size: 14px;padding-top:7px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.remind dd p{margin: 0;color: #36d9b8;font-size:10px;}
.remind .van-button{position: absolute;font-size: 12px;top:13px;right:10px;color: #fff;background: none;height: 25px;line-height: 23px;padding:0 12px;border: 1px solid #ebedf0;border-radius: 15px;}