@charset "utf-8";
/* CSS Document */
:root{
    --header-bgcolor:#339966;
 }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,img{margin:0;padding:0;}
body{font-size:62.5%; color:#000;font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; margin:0 auto; background:#fff;}
div,h1,h2,h3,h4,h5,h6,input,textarea,select{font-size:.45rem; vertical-align:top;font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif;}
textarea{resize:none;}
input[readonly], textarea[readonly], select[readonly]{background-color:#fafafa !important;}
body a{text-decoration:none; outline:none; transition:all 0.3s;}
table, table td{border-collapse:collapse;}
a{color:#000; -webkit-tap-highlight-color:rgba(0,0,0,0);}
label, button{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{color:#f90;}
/*去掉图形热点的点击时出现的边线*/
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; height:0;}
.overHidden{overflow:hidden; height:100%; position:fixed; top:0;}

@font-face{font-family:'iconfont'; src:url('fonts/iconfont.woff2?t=1631234162986') format('woff2'), url('fonts/iconfont.woff?t=1631234162986') format('woff'), url('fonts/iconfont.ttf?t=1631234162986') format('truetype');}
.iconfont{font-family:"iconfont" !important; font-size:0.6rem; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:middle;}

/* 列表页 */
.list01{padding-bottom:0.5rem;}
.list01 ul li{border-bottom:1px dashed #ccc; padding:0.3rem 0;}
.list01 ul li h3{line-height:0.7rem; font-weight:normal; font-size:0.45rem;}
.list01 ul li p{height:0.6rem; line-height:0.6rem; font-size:0.4rem; color:#999; font-family:"MS Serif", "New York", serif; margin-top:0.1rem;}
.list01 ul li p i{float:left; height:0.6rem; padding-right:0.1rem; font-size:0.45rem;}
.list01 ul li a:hover{color:var(--header-bgcolor);}


/* 翻页样式 */
.pagination{padding:0 0 0.3rem; text-align:center;}
.pagination a, .pagination span{display:inline-block; height:0.8rem; line-height:0.8rem; padding:0 0.2rem; border:#ddd 1px solid; border-radius:3px; margin:0 0.02rem; background-color:#fff; font-size:0.36rem; vertical-align:top;}
.pagination a.iconfont{font-size:0.4rem;}
.pagination span label{color:var(--header-bgcolor);}
a.pageBtnDisabled{color:#ccc; cursor:default; border-color:#e5e5e5; background-color:#fafafa;}


/* 文章页 */
.showHead{width:100%; height:1.4rem; line-height:1.4rem; background:var(--header-bgcolor); border-bottom:#4faa42 1px solid; position:fixed; left:0; top:0; z-index:100; color:#fff; font-size:0.5rem;}
.showHead p{height:1.4rem; padding:0 1.4rem; text-align:center; font-size:0.6rem;}
.showHead a{display:block; width:1.4rem; height:1.4rem; line-height:1.4rem; text-align:center; font-size:0.7rem; position:absolute; top:0; color:#fff;}
.showHead a.leftBtn{left:0;}
.showHead a.rightBtn{right:0;}

.articletitle{line-height:1rem; text-align:center; font-size:0.6rem; font-weight:bold;}
.articleInfo{text-align:center; background:#F4F4F4; font-size:0.36rem; margin:0 0.3rem; line-height:1rem; color:#666; margin-top:0.3rem;}
.articleInfo span{padding:0 0.2rem; font-size:0.36rem;}
.articleInfo span .iconfont{font-size:0.45rem; font-style:normal; padding-right:0.1rem; vertical-align:top;}
.articlecon{line-height:0.8rem; padding-top:0.3rem;}
.articlecon p{line-height:0.8rem;text-justify:inter-ideograph;text-align:justify;}
.articlecon div{text-justify:inter-ideograph;text-align:justify;}
.articlecon img{max-width:100%;}

/* 教育平台公共 */
/* 页头 */
.head{width:100%; height:1.8rem; background:var(--header-bgcolor); position:fixed; left:0; top:0; z-index:100;}
.logo{width:calc(100% - 2.3rem); height:1.8rem; background:url(../images/himg/logoWap.png) no-repeat left center; background-size:auto .7rem; margin:0 1.8rem 0 0.5rem;}

/* 导航菜单 */
.head .navBtn{display:block; width:1.8rem; height:1.8rem; line-height:1.8rem; text-align:center; color:#fff; font-size:0.8rem; overflow:hidden; position:absolute; top:0; right:0; cursor:pointer; outline:none; transition:none;}
.nav{display:block; background:var(--header-bgcolor); right:-100%; position:fixed; top:0; bottom:0; display:block; width:68%; min-width:140px; max-width:420px; z-index:1001; transition:all .4s ease; overflow:auto;}
.nav a{display:block; font-size:.5rem; color:#fff;}
.nav.menu-open{right:0;}
.menu-dark-backdrop{background:rgba(0,0,0,0); transition:all .4s ease; width:100%; position:fixed; top:0; left:0; right:0; overflow:hidden;}
.menu-dark-backdrop.in{height:100%; z-index:1000; background:rgba(0,0,0,0.5);}
.navWap{padding:.5rem;}
.navWap ul{}
.navWap ul li{min-height:1.2rem; line-height:1.2rem; border-bottom:#FFFFFF 1px solid;}
.navWap ul li:first-child{border-top:0;}
.navWap ul li a{display:block; height:1.2rem; line-height:1.2rem; position:relative;}
.navWap ul li .inactive{background:url(../images/off.png) no-repeat right center; background-size:.4rem .4rem;}
.navWap ul li .inactives{background:url(../images/on.png) no-repeat right center; background-size:.4rem .4rem;} 
.navWap ul li ul{display:none; border-bottom:0;}
.navWap ul li ul li{padding-left:.5rem; border-bottom:0;border-top:0;}
.navWap ul li ul li ul{display:none;}
.navWap ul li ul li a{font-size:.45rem;}

.search{width:calc(100% - 1rem); height:1.2rem; position:relative; padding:0.5rem;}
.search input{width:calc(100% - 1.8rem); height:1.2rem; line-height:1.2rem; padding:0 .1rem; font-size:.4rem; border:#e5e5e5 1px solid; border-right:0; background:#fff; box-sizing:border-box;}
.search  a{display:block; width:1.8rem; height:1.2rem; line-height:1.2rem; text-align:center; font-size:0.45rem; background:#f90; color:#fff; position:absolute; right:0.5rem; top:0.5rem;}

/* 页尾 */
.foot{background:var(--header-bgcolor); color:#fff; padding:.5rem .5rem 2rem;}
.foot dl dt{margin-right:2.4rem; padding:.2rem 0;}
.foot dl dt p{display:block; line-height:0.8rem; font-size:.4rem;}
.foot dl dt p img{vertical-align:middle; margin-right:6px;}
.foot dl dd{line-height:0.7rem; font-size:0.4rem; padding:0.2rem 0;}
.foot dl dd span{display:block; padding-left:3em; font-size:0.4rem;}
.foot .fEWM{width:2.1rem; height:2.8rem; text-align:center; float:right; vertical-align:top;}
.foot .fEWM img{width:2.1rem; height:2.1rem; vertical-align:top;}
.foot .fEWM span{display:block; height:0.7rem; line-height:0.7rem; font-size:0.36rem;}


.menuFix{width:100%; height:1.6rem; background:var(--header-bgcolor); position:fixed; left:0; bottom:0; z-index:100;}
.menuFix a{display:block; width:25%; height:1.2rem; padding:0.3rem 0 0.1rem; text-align:center; float:left; color:#fff;}
.menuFix a i{display:block; height:0.6rem; line-height:0.6rem; font-size:0.6rem;}
.menuFix a p{height:0.6rem; line-height:0.6rem; font-size:0.36rem;}
.menuFix a.cur{background:#f90;}

/* 教学平台首页：公共标题 */
.indH{text-align:center;}
.indH h2{height:1.2rem; line-height:1.2rem; font-size:0.6rem; position:relative;}
.indH h2 span{display:inline-block; height:1.2rem; padding:0 0.3rem; background:#fff; position:relative; z-index:1;}
.indH h2 i{display:block; width:50%; height:1px; background:#bebebe; position:absolute; left:25%; top:calc(50% - 0.5px); z-index:0;}
.indH p{height:0.8rem; line-height:0.8rem; text-transform:uppercase; position:relative; font-size:0.4rem;}
.indH p i{display:block; width:120px; height:1px; background:#bebebe; position:absolute; left:50%; top:calc(50% - 0.5px); margin-left:-60px; z-index:0;}
.indH p a{display:inline-block; height:0.8rem; padding:0 0.24rem; background:#fff; color:#999; position:relative; z-index:1;}
.indH p a:hover{color:#f90;}


/* 个人中心：导航 */
.myHead{background:var(--header-bgcolor); padding:.5rem; position:relative;}
.myHead .setBtn{display:block; height:1.2rem; line-height:1.2rem; color:#fff; position:absolute; right:.3rem; top:50%; margin-top:-0.6rem; font-size:.36rem;}
.myHead .setBtn i{font-size:0.4rem; padding-left:0.1rem; vertical-align:top; float:right;}
.myHead p{color:#fff; height:1.2rem; line-height:1.2rem;}
.myHead p span{font-size:0.6rem;}
.myHead p a{color:#fff; font-size:0.4rem; margin-left:0.5rem;}

.listNav{padding:1.5rem 0 2.4rem;}
.listNav li{border-bottom:#eee 1px solid; height:1rem; padding:.3rem;}
.listNav li a em{display:block; float:right; height:1rem; line-height:1rem; vertical-align:top; font-size:.5rem; color:#999;}
.listNav li a{border-right:none; padding:0; display:block; height:1rem;}
.listNav li a i{display:block; width:1rem; height:1rem; line-height:1rem; text-align:center; border-radius:50%; float:left; color:#fff;}
.listNav li a p{height:1rem; line-height:1rem; font-size:.5rem; padding-top:0; margin-left:.3rem; float:left;}
.iBg01{background-color:#fda924;}
.iBg02{background-color:#39c1c9;}
.iBg03{background-color:#26cc84;}
.iBg04{background-color:#f87732;}
.iBg05{background-color:#2d9de5;}
.iBg06{background-color:#ff8897;}
.iBg07{background-color:#bc7fb6;}
.iBg08{background-color:#73c6eb;}
.iBg09{background-color:#c0232a;}

/* 教学平台首页：课程学习 */
.indkc{padding:2.3rem 0.5rem 0.8rem;}
.indkc .bd ul li{width:calc(50% - 0.25rem); padding-top:0.3rem; margin-right:0.5rem; float:left;}
.indkc .bd ul li .kcBox{height:100%; border-radius:0.3rem; overflow:hidden; position:relative;}
.indkc .bd ul li .kcPic{height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; z-index:0;}
.indkc .bd ul li .kcPic .bgColor{width:100%; height:100%; position:absolute; left:0; top:0; filter:alpha(opacity=90); opacity:0.9; transition:all 0.3s; border-radius:0.3rem;}
.indkc .bd ul li .kcTxt{width:80%; position:absolute; left:10%; top:50%; transform:translateY(-50%); z-index:2; color:#fff;}
.indkc .bd ul li .kcTxt h3{max-height:1.4rem; min-height:0.7rem; line-height:0.7rem; font-size:0.5rem; font-weight:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.indkc .bd ul li .kcTxt p{padding-top:0.3rem; height:0.8rem;}
.indkc .bd ul li .kcTxt p a{display:block; width:2rem; height:calc(0.8rem - 2px); line-height:calc(0.8rem - 2px); color:#fff; border:#fff 1px solid; font-size:0.4rem; text-align:center; border-radius:7px;}
.indkc .bd ul li .kcTxt p a:hover{background:#fff;}
.indkc .bd ul li .kcBox:hover .kcPic .bgColor{filter:alpha(opacity=70); opacity:0.7;}
.indkc .prev, .indkc .next{display:none;}
@media screen and (max-width:640px){
	.indkc .bd ul li{width:100%; margin:0;}
}
.indkc .hd{height:10px; padding-top:0.5rem; text-align:center;}
.indkc .hd li{display:inline-block; *display:inline; zoom:1; width:10px; height:10px; background:url(../images/himg/courseHD.jpg) no-repeat right center; text-indent:-99px; overflow:hidden; cursor:pointer; margin:0 0.2rem; vertical-align:top;}
.indkc .hd li.on{background-position:left center;}

.courseList{padding:1.4rem 0.5rem 2.4rem;}
.courseList ul{padding-bottom:0.5rem;}
.courseList ul li{padding-top:0.5rem;}
.courseList ul li .kcBox{height:100%; border-radius:0.3rem; overflow:hidden; position:relative;}
.courseList ul li .kcPic{height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; z-index:0;}
.courseList ul li .kcPic .bgColor{width:100%; height:100%; position:absolute; left:0; top:0; filter:alpha(opacity=90); opacity:0.9; transition:all 0.3s; border-radius:0.3rem;}
.courseList ul li .kcTxt{width:80%; position:absolute; left:10%; top:50%; transform:translateY(-50%); z-index:2; color:#fff;}
.courseList ul li .kcTxt h3{max-height:1.4rem; min-height:0.7rem; line-height:0.7rem; font-size:0.5rem; font-weight:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.courseList ul li .kcTxt p{padding-top:0.3rem; height:0.8rem;}
.courseList ul li .kcTxt p a{display:block; width:2rem; height:calc(0.8rem - 2px); line-height:calc(0.8rem - 2px); color:#fff; border:#fff 1px solid; font-size:0.4rem; text-align:center; border-radius:7px;}
.courseList ul li .kcTxt p a:hover{background:#fff;}
.courseList ul li .kcBox:hover .kcPic .bgColor{filter:alpha(opacity=70); opacity:0.7;}

.bgColor01{background-color:#f09a37;}
.bgColor02{background-color:#7caf24;}
.bgColor03{background-color:#4f89d0;}
.bgColor04{background-color:#3cb3b1;}
.bgColor05{background-color:#22ade6;}
.bgColor06{background-color:#617fef;}
.bgColor07{background-color:#ff9274;}
.bgColor08{background-color:#ffc40c;}

.bgPic01{background-image:url(../images/himg/kc01.jpg);}
.bgPic02{background-image:url(../images/himg/kc02.jpg);}
.bgPic03{background-image:url(../images/himg/kc03.jpg);}
.bgPic04{background-image:url(../images/himg/kc04.jpg);}
.bgPic05{background-image:url(../images/himg/kc05.jpg);}
.bgPic06{background-image:url(../images/himg/kc06.jpg);}
.bgPic07{background-image:url(../images/himg/kc07.jpg);}
.bgPic08{background-image:url(../images/himg/kc08.jpg);}

.kcTxt p a.color01:hover{color:#f09a37 !important;}
.kcTxt p a.color02:hover{color:#7caf24 !important;}
.kcTxt p a.color03:hover{color:#4f89d0 !important;}
.kcTxt p a.color04:hover{color:#3cb3b1 !important;}
.kcTxt p a.color05:hover{color:#22ade6 !important;}
.kcTxt p a.color06:hover{color:#617fef !important;}
.kcTxt p a.color07:hover{color:#ff9274 !important;}
.kcTxt p a.color08:hover{color:#ffc40c !important;}


/* 教学平台首页：信息公告 */
.indNotice{padding-bottom:0.8rem; background:#f6f6f6; border-bottom:#eee 1px solid;}
.indNotice h2{padding:0.6rem 0.8rem 1.5rem; background:url(../images/himg/xxggHbg.jpg) no-repeat top center; background-size:cover; color:#fff; font-weight:normal;}
.indNotice h2 p{height:1.2rem; line-height:1rem; font-size:0.6rem; padding-bottom:1px; position:relative;}
.indNotice h2 p i{display:block; width:1rem; height:1px; background:#fff; position:absolute; left:0; bottom:0;}
.indNotice h2 span{display:block; height:0.9rem; line-height:0.9rem; font-family:Arial, Helvetica, sans-serif; font-size:0.45rem; padding-top:0.1rem;}
.indNotice h2 a{display:inline-block; padding:0 0.5rem; height:0.8rem; line-height:0.8rem; text-align:center; border:#fff 1px solid; margin-top:0.2rem; color:#fff; font-size:0.4rem; vertical-align:top;}
.indNotice h2 a:hover{background:#fff; color:var(--header-bgcolor);}
.indNotice ul{padding:0.5rem 0.5rem 0;}
.indNotice ul li{height:1rem; line-height:1rem; padding-left:0.3rem; background:url(../images/himg/a01.png) no-repeat left center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/* 教学平台首页：特色资源 */
.indFeaturedResources{padding:0.5rem 0.5rem 0.8rem;}
.indFeaturedResources ul li{padding-top:0.5rem;}
.indFeaturedResources ul li:first-child{padding-top:0.3rem;}
.indFeaturedResources ul li a{display:block; height:100%; vertical-align:top; position:relative; overflow:hidden; color:#fff; border-radius:0.3rem;}
.indFeaturedResources ul li p{background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; z-index:0;}
.indFeaturedResources ul li h3{height:1.2rem; line-height:1.2rem; font-weight:normal; font-size:0.5rem; padding:0 0.5rem; background:#384433; position:relative; z-index:2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.indFeaturedResources ul li i{display:block; width:0.5rem; height:0.25rem; background:url(../images/himg/a02.png) no-repeat center center; background-size:0.5rem 0.25rem; position:absolute; left:50%; top:1.2rem; margin-left:-0.25rem;}
.indFeaturedResources ul li p, .indFeaturedResources ul li h3, .indFeaturedResources ul li i{transition:all 0.3s;}
.indFeaturedResources ul li a:hover p{transform:scale(1.1);}
.indFeaturedResources ul li a:hover h3{background:#2b4441;}
.indFeaturedResources ul li a:hover i{background-image:url(../images/himg/a03.png);}

/* 教学平台首页：二维码弹出层 */
.ewmBox{padding:0.3rem;}
.ewmBox li{width:calc(33.3333% - 0.6rem); text-align:center; line-height:0.7rem; padding:0.3rem; float:left;}
.ewmBox li img{width:100%; vertical-align:top;}
.ewmBox li p{font-size:0.4rem;}


/* 登录 */
.loginBg{width:100%; height:0; padding-top:50%; background:var(--header-bgcolor); position:relative; z-index:-1; margin-top:-1rem;}
.loginHead{height:1rem; line-height:1rem;}
.loginHead a{display:block; width:1rem; height:1rem; padding-left:0.5rem; font-size:0.5rem; color:#fff; float:left;}

.login{margin:-3.8rem 0.5rem 0.8rem; padding:0.5rem 0.5rem 0.3rem; background:#fff; border-radius:0.2rem;}
.login h2{height:0.8rem; line-height:0.8rem; font-size:0.5rem; font-weight:normal; text-align:center;}
.login ul li{margin-top:0.4rem; position:relative;}
.login ul li span{display:block; width:1rem; height:1rem; line-height:1rem; font-size:0.5rem; text-align:center; color:#333; position:absolute; left:0; top:0;}
.login ul li input{width:calc(100% - 1rem); height:1rem; line-height:1rem; padding-left:1rem; background:#f0f1f1; border:none; font-size:0.4rem;}
.login ul li.yzm input{width:calc(100% - 4.2rem); margin-right:3.2rem;}
.login ul li.yzm img{position:absolute; height:1rem; top:0; right:0;}
.login ul li.iBtn{margin-top:0.5rem;}
.login ul li button{width:100%; height:1rem; line-height:1rem; background:#57b63f; border:none; box-shadow:0 15px 30px 0 rgba(255,255,255,.25) inset, 0 5px 9px rgba(0,0,0,.2); font-size:0.45rem; border-radius:0.5rem; color:#fff;}
.login ul li button:hover{border:1px solid #5eba47;}
.login ul li p{line-height:1rem; line-height:1rem; padding:0.3rem 0 0.1rem; text-align:center;}
.login ul li p a{color:#57b63f;}

/* 注册 */
.register ul li input{width:calc(100% - 0.4rem - 2px); border:#eee 1px solid; background:#fff; padding:0 .2rem;}
.register ul li.yzm input{width:calc(100% - 3.4rem - 2px); margin-right:3.2rem;}


/* 多条件查询 */
/* 商品筛选条件 */
.searchDivBg{width:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,.6); z-index:1000; display:none;}
.searchDiv{width:72%; background:#fff; position:fixed; left:-72%; top:0; z-index:1001; transition:all 0.3s;}
.searchDivShow{left:0;}
.searchDivTitle{height:1.2rem; line-height:1.2rem; background:#f6f4f5; padding:0 0.5rem; font-size:0.45rem; color:#b1b1b1;}
.searchDivBox{overflow-y:auto;}
.searchDivList{padding:0.2rem 0 0.3rem; border-bottom:#eee 1px solid;}
.searchDivList .searchDivKey{height:0.8rem; line-height:0.8rem; font-size:.45rem; padding:0 .5rem;}
.searchDivList .searchDivKey a{display:block; width:0.8rem; height:.8rem; margin-top:.1rem; float:right; text-align:right; font-size:0.6rem; color:#9b9b9b;}
.searchDivList .searchSet{padding:0.2rem 0; height:0.8rem; margin:0 0.3rem;}
.searchDivList .searchSet .searchTxt{width:calc(100% - 8px); height:0.8rem; line-height:.8rem; border-radius:0.15rem; background:#fff; border:#d2d2d2 1px solid; padding:0 3px; font-size:0.4rem;}
.searchDivList .searchSet.searchSel select{width:2rem; height:calc(0.8rem + 2px); line-height:0.8rem; border-radius:0.15rem 0 0 0.15rem; background:#fff; border:#d2d2d2 1px solid; padding:0 3px; font-size:0.4rem; float:left;}
.searchDivList .searchSet.searchSel .searchTxt{width:calc(100% - 13px - 2rem); border-radius:0 0.15rem 0.15rem 0; border-left:none;}
.searchDivList .searchSet .priceTxt::placeholder{color:#c8c8c8;}
.searchDivList .searchDivVal{padding:0 0.3rem;}
.searchDivList .searchDivVal li{width:33.3333%; height:1rem; padding:0.1rem 0; float:left;}
.searchDivList .searchDivVal li a{display:block; height:1rem; line-height:1rem; padding:0 0.2rem; margin:0 0.1rem; font-size:0.36rem; text-align:center; background-color:#f5f5f5; border-radius:0.15rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-repeat:no-repeat; background-position:right bottom; background-size:auto 0.5rem; color:#333;}
.searchDivList .searchDivVal li.selected a{background-image:url(../images/iCheckedWap.png); background-color:#efffed; color:var(--header-bgcolor);}
.extend .searchDivVal{height:auto;}
.searchDivList .type li{width:25%;}
.searchDivList .laiyuan li{width:50%;}
.searchDivList .level li{width:20%;}
.searchDivBtn{width:calc(100% - 1rem); height:1rem; padding:0.3rem 0.5rem; background:#fff;}
.searchDivBtn a{display:block; padding:0 0.5rem; height:1rem; line-height:1rem; color:#fff; font-size:0.45rem; float:right; letter-spacing:2px;}
.searchDivBtn a:first-child{border-radius:0 0.15rem 0.15rem 0;}
.searchDivBtn a:last-child{border-radius:0.15rem 0 0 0.15rem;}
.searchDivBtn .okBtn{background:#2d8cf6;}
.searchDivBtn .resetBtn{filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#4cb5ff,endColorStr=#0c9bff); background:-ms-linear-gradient(left,#4cb5ff,#0c9bff); background:-moz-linear-gradient(left,#4cb5ff,#0c9bff); background:-webkit-linear-gradient(left, #4cb5ff, #0c9bff); background:-o-linear-gradient(left, #4cb5ff, #0c9bff);}
:root .searchDivBtn .resetBtn{filter:none;}

/* 课程首页：当前课程 */
.iPost{margin-top:1.8rem; height:4.8rem; background:url(../images/himg/courseBg.jpg) no-repeat center center; background-size:cover; position:relative;}
.iPost .iCourse{max-width:calc(100% - 2rem); padding:0.2rem; position:absolute; left:0.8rem; top:50%; transform:translateY(-50%); background:rgba(75,168,61,0.85); color:#fff;}
.iPost .iCourse p{line-height:0.6rem; padding:0.3rem; border:rgba(255,255,255,0.7) 1px solid; font-size:0.5rem;}
.iPost .iCourse p span{display:block; height:0.6rem; line-height:0.6rem; font-size:0.36rem; padding-bottom:0.1rem;}
.iPost .iCourse p span i{font-size:0.36rem; padding-right:0.05rem; float:left; height:0.6rem;}



/* 课程首页：课程公告 */
.courseNotice{background:#f8f8f8; border-bottom:#e8e8e8 1px solid; padding:0.5rem;}
.courseNotice h2{line-height:1rem; font-size:0.6rem; color:#339628; text-align:center; font-weight:normal;}
.courseNotice h2 span{display:block; height:0.6rem; line-height:0.6rem; color:#aeaeae; font-family:Arial, Helvetica, sans-serif; font-size:0.4rem; text-transform:capitalize;}
.courseNotice ul li{padding:0.5rem 0; border-bottom:#e8e8e8 1px solid;}
.courseNotice ul li h3{line-height:0.7rem; font-weight:normal; font-size:0.45rem;}
.courseNotice ul li p{line-height:0.7rem; font-size:0.4rem; color:#888;}
.courseNotice ul li:last-child{padding-bottom:0; border-bottom:none;}

/* 课程首页：课程资源 */
.indCourseResources{padding:0.5rem 0.5rem 2.4rem;}
.indCourseResources h2{line-height:1rem; font-size:0.6rem; text-align:center; font-weight:normal;}
.indCourseResources h2 i, .indCourseResources h2 span{color:#aeaeae; font-family:Arial, Helvetica, sans-serif; font-size:0.4rem; text-transform:capitalize;}
.indCourseResources h2 i{padding:0 0.2rem;}

.indFeaturedResources{padding:0.4rem 0.5rem 0.8rem; background:#f7f7f7;}
.indFeaturedResources .indH p a{background:#f7f7f7;}
.xnfzList.indFeaturedResourcesList ul li{padding-top:0.5rem;}
.xnfzList.indFeaturedResourcesList ul li .xnfzPic{float:none; width:100%; height:auto;}
.xnfzList.indFeaturedResourcesList ul li .xnfzPic a{height:auto;}
.xnfzList.indFeaturedResourcesList ul li .xnfzPic a img{width:100%; height:auto; vertical-align:top;}
.xnfzList.indFeaturedResourcesList ul li .xnfzTxt{padding:.3rem; margin:0; border:#e5e5e5 1px solid; border-top:none; background:#fff; height:auto;}
.xnfzList.indFeaturedResourcesList ul li .xnfzTxt .xnfzTxtL{width:auto; padding:0; float:none;}
.xnfzList.indFeaturedResourcesList ul li .xnfzTxt .xnfzTxtL h3{height:0.8rem; line-height:0.8rem;}
.xnfzList.indFeaturedResourcesList ul li .xnfzTxt .xnfzTxtL p{min-height:0.8rem; line-height:0.8rem;}
.xnfzList.indFeaturedResourcesList ul li .xnfzTxt .xnfzTxtL p.txt{max-height:1.6rem; line-height:0.8rem; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.xnfzList.indFeaturedResourcesList ul li .xnfzTxt .xnfzTxtL p span{float:left; display:block; height:0.8rem; line-height:0.8rem;}
.xnfzList.indFeaturedResourcesList ul li .xnfzTxt .xnfzTxtL p span i{height:0.8rem;}
.xnfzList.indFeaturedResourcesList ul li .xnfzTxt .xnfzTxtL p em{font-style:normal; float:right;}
.xnfzList.indFeaturedResourcesList ul li .xnfzTxt .xnfzTxtL p em .btn{margin-left:10px;}

.indCourseResources .indCourseResourcesMore{height:1rem; margin-top:0.5rem;}
.indCourseResources .indCourseResourcesMore a:link, .indCourseResources .indCourseResourcesMore a:visited{display:block; height:calc(1rem - 2px); line-height:calc(1rem - 2px); text-align:center; border:var(--header-bgcolor) 1px solid; color:var(--header-bgcolor); border-radius:0.1rem;}
.indCourseResources .indCourseResourcesMore a:hover{color:#fff; background:var(--header-bgcolor);}

.nyCon{padding:0.5rem 0.5rem 2.4rem;}
.nyConFull{padding:1.9rem 0.5rem 2.4rem; overflow:hidden;}

/* 课程学习：子页当前位置 */
.nyPost{padding:0.3rem 0.5rem; background:#fff7e3; margin-top:1.4rem; border-bottom:#ecdbaf 1px solid;}
.nyPost h3{line-height:0.8rem; color:#fe8f00; font-size:0.5rem; font-weight:normal; margin-bottom:0.1rem;}
.nyPost h3 i{font-size:0.54rem; float:left; height:0.8rem; padding-right:0.1rem;}
.nyPost p{line-height:0.6rem; font-size:0.36rem; color:#999;}
.nyPost p i{font-size:0.36rem; padding-right:0.1rem; float:left; height:0.6rem;}

/*课程学习：实验预约>预约选课*/
.syyyH{line-height:0.8rem; font-size:0.5rem; font-weight:normal; padding-bottom:0.3rem;}
.syyyxkBtn{position:fixed; left:0; bottom:0; width:100%; height:1.6rem;}
.syyyxkBtn .btn{display:block; padding:0; width:100%; height:1.6rem; line-height:1.6rem; border-radius:0; font-size:0.5rem; text-align:center;}
.ZYtxt{line-height:0.7rem; font-size:0.4rem; padding-bottom:0.5rem;}

/* 课程学习：线上自主按钮 */
.onlineFix{width:100%; height:1.4rem; position:fixed; left:0; bottom:0;}
.onlineFix a{display:block; width:50%; height:1.4rem; line-height:1.4rem; text-align:center; font-size:0.5rem; float:left; background-repeat:no-repeat; background-position:center center; background-size:cover; color:#fff;}
.onlineFix a.addOnlineBtn{background-image:url(../images/himg/btnBg01.jpg);}
.onlineFix a.myOnlineBtn{background-image:url(../images/himg/btnBg02.jpg);}

/* 课程学习：线下自主实验>预约实验查看 */
.procedureBox{padding:0.5rem;}
.procedureBox .uploadBtn{padding-bottom:0.5rem; text-align:right;}

.showAppointedBox{padding:0.5rem;}
.showAppointedBox ul{background:#f2f9f1; padding:0.3rem; border:1px solid #d2e6cf; border-radius:5px;}
.showAppointedBox ul li{min-height:0.6rem; line-height:0.6rem; padding:0.2rem 0 0.2rem 3.5rem; position:relative; text-align:right; border-bottom:#dff0dc 1px solid;}
.showAppointedBox ul li label{display:block; width:3.2rem; height:0.6rem; color:#658e60; position:absolute; left:0; top:0.2rem; text-align:left;}
.showAppointedBox ul li:first-child{padding-top:0;}
.showAppointedBox ul li:first-child label{top:0;}
.showAppointedBox ul li:last-child{padding:0.3rem 0 0 3.5rem; text-align:right; border-bottom:none;}
.showAppointedBox ul li .btn{margin-left:0.2rem;}


/* 子页banner */
.nyBanner02{margin-top:1.4rem; width:100%; overflow:hidden;}
.nyBanner02 canvas, .nyBanner02 iframe{width:100%; height:100%;}

/* 星阶等级 */
span.x1, span.x2, span.x3, span.x4, span.x5{display:inline-block; width:2rem; height:0.8rem; line-height:0.8rem; background:url(../images/himg/mstar.png) repeat-x left center; background-size:0.4rem 0.4rem; vertical-align:top; text-align:left;}
span.x1 i, span.x2 i, span.x3 i, span.x4 i, span.x5 i{display:inline-block; height:0.8rem; line-height:0.8rem; background:url(../images/himg/mstarPJ.png) repeat-x left center; background-size:0.4rem 0.4rem; vertical-align:top;}
span.x1 i{width:0.4rem;}
span.x2 i{width:0.8rem;}
span.x3 i{width:1.2rem;}
span.x4 i{width:1.6rem;}
span.x5 i{width:2rem;}

/* 评分弹出层 */
.gradeBox .layui-layer-btn{padding:0 !important; background:#f5f5f5; text-align:center !important; border:none; height:1.2rem;}
.gradeBox .layui-layer-btn0{margin:0 !important; padding:0 !important; width:100% !important; height:1.2rem; line-height:1.2rem; font-size:0.45rem; border:none !important;}
.gradeBox .layui-layer-btn0 i{padding-right:0.1rem; font-size:0.5rem;}


/* 满屏子页标题 */
.nyH{height:1.2rem; line-height:1.2rem; text-align:center; vertical-align:top;}
.nyH i{display:inline-block; width:2rem; height:1.2rem; background-repeat:no-repeat; vertical-align:top;}
.nyH i.nyHL{background-image:url(../images/nyHL.jpg); background-position:right center;}
.nyH i.nyHR{background-image:url(../images/nyHR.jpg); background-position:left center;}
.nyH span{display:inline-block; height:1.2rem; line-height:1.2rem; padding:0 0.5rem; font-size:0.6rem; font-weight:bold; vertical-align:top;}

.nyNav{padding:0.15rem;}
.nyNav li{padding:0.3rem 0 0.15rem; width:33.3333%; float:left;}
.nyNav li a{display:block; margin:0 0.15rem; text-align:center;}
.nyNav li a i{display:block; width:1.6rem; height:1.6rem; line-height:1.6rem; font-size:1rem; font-style:normal; margin:0 auto; border-radius:50%; overflow:hidden; color:#fff;}
.nyNav li:nth-child(1) a i{background-color:#fb5e5e;}
.nyNav li:nth-child(2) a i{background-color:#b380e9;}
.nyNav li:nth-child(3) a i{background-color:#779dec;}
.nyNav li:nth-child(4) a i{background-color:#5dc9fd;}
.nyNav li:nth-child(5) a i{background-color:#f08453;}
.nyNav li:nth-child(6) a i{background-color:#fb9f1d;}
.nyNav li a p{height:0.8rem; line-height:0.8rem; font-size:0.4rem;}

.post{line-height:0.7rem; padding:0.2rem 0.3rem; border-bottom:#e9e9e9 5px solid; background:#fff; font-size:0.45rem; color:#999;}
.post span{color:var(--header-bgcolor);}

/* 居中表单样式 */
ul.onlineUL{padding:0.3rem 0.5rem;}
ul.onlineUL li{padding-bottom:0.3rem; min-height:0.8rem;}
ul.onlineUL li .pw1{line-height:0.7rem;}
ul.onlineUL li .pw1 span.red{color:#f00; padding-left:0.1rem;}
ul.onlineUL li .pw1 .btn{float:right; height:0.7rem; line-height:0.7rem;}
ul.onlineUL li .pw2{min-height:0.8rem; line-height:0.8rem; position:relative;}
ul.onlineUL li .pw2 select, ul.onlineUL li .pw2 input, ul.onlineUL li .pw2 textarea{width:calc(100% - 0.2rem - 2px); padding:0 0.1rem; height:calc(0.8rem - 2px); line-height:calc(0.8rem - 2px); background-color:#fff; border:#dcdcdc 1px solid; border-radius:0.1rem;}
ul.onlineUL li .pw2 select{height:0.8rem; line-height:0.8rem;}
ul.onlineUL li .pw2.fileBox input[readonly]{background:#fff; width:calc(100% - 2.6rem - 2px); float:left;}
ul.onlineUL li .pw2.fileBox button{width:2.2rem; height:0.8rem; line-height:0.8rem; float:left; margin-left:0.2rem; padding:0; font-size:0.4rem;}
ul.onlineUL li .pw2 .syxmInp{display:none; margin:0; position:absolute; left:0; top:0; z-index:0;}
ul.onlineUL li .pw2 select{width:100%; height:0.8rem; padding-right:0;}
ul.onlineUL li .pw2 textarea{height:calc(2.4rem - 2px); line-height:0.7rem; padding:0 0.1rem; resize:none; vertical-align:top;}
ul.onlineUL li .pw2 .spanList{display:block; line-height:calc(0.7rem - 2px); font-size:0.4rem; padding:0 0.1rem; overflow:hidden; margin:0.1rem 0; border:#dcdcdc 1px solid; border-radius:2px;}
ul.onlineUL .annex .pw2 input{width:calc(100% - 2.1rem - 2px); float:left;}
ul.onlineUL .annex .pw2 button{width:1.6rem; margin-left:0.3rem; padding:0; text-align:center; float:left;}
ul.onlineUL li.last{padding:0 2rem; text-align:center;}
ul.onlineUL li.last button{width:100%; padding:0; margin:0 auto;}
ul.onlineUL li.lastBtn{text-align:center; padding-top:0.3rem;}
ul.onlineUL li.lastBtn .btn{margin:0 0.3rem;}


/* 步骤进度表 */
.step-body{position:relative;}
.step-header{width:100%; float:left; display:none; position:relative;}
.step-header ul{padding:0;}
.step-header li{text-align:center; float:left; position:relative;}
.step-header li p{line-height:0.6rem; font-size:0.36rem; margin:0 auto 0.2rem; color:#d0d0d0; cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.step-header li span{position:relative; margin:0 auto; font-size:0.45rem; font-family:Arial; color:#625454; width:0.8rem; height:0.8rem; line-height:0.8rem; border-radius:50%; background:#e6e6e6; display:block; cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.step-header li.step-active span{background:#2dc547; color:#fff;}
.step-header li.step-active p{color:#2dc547;}
.step-bar, .step-bar-active{height:0.2rem; border-radius:0.15rem;}
.step-bar{width:100%; background:url(../images/himg/bar-bg.jpg); position:relative; border-radius:0.15rem; z-index:-1; height:0.2rem; top:1.3rem;}
.step-bar-active{width:0; background:url(../images/himg/bar-bg-active.jpg); height:0.2rem;}
.step-list{display:none; clear:both;}
.step-list .onlineUL{padding:0;}
.step-list ul.onlineUL li .pw2 select, .step-list ul.onlineUL li .pw2 input, .step-list ul.onlineUL li .pw2 textarea{font-size:0.4rem;}
.stepListFix{width:100%; height:1.2rem; position:fixed; left:0; bottom:0; z-index:101;}
.stepListFix .btn{display:block; width:50%; height:1.2rem; line-height:1.2rem; float:left; text-align:center; border-radius:0; padding:0;}
.stepListFix2 .btn-back, .stepListFix2 .preBtn, .stepListFix2 .nextBtn{width:2.4rem;}
.stepListFix2 .preBtn{border-right:#53bee6 1px solid; box-sizing:border-box;}
.stepListFix2 .btn-search{width:calc(100% - 7.2rem);}

.step-content{width:100%; padding-top:0.6rem; float:left;}
.step-content .articletitle02{line-height:1rem; font-weight:bold; font-size:0.45rem; margin-top:0.3rem;}
.step-content .articlecon{padding:0;}


.zzsySel .hd{height:1.2rem; border-radius:0.1rem; overflow:hidden;}
.zzsySel .hd ul{overflow:hidden; zoom:1;}
.zzsySel .hd li{float:left; display:block; width:50%; height:1.2rem; line-height:1.2rem; background:#ccc; font-size:0.5rem; cursor:pointer; text-align:center;}
.zzsySel .hd li.on{background:#4ba83c; color:#fff;}
.zzsySel .bd{margin-top:0.5rem;}

.green{color:#78cd51;}
.red{color:#f00;}
.orange{color:#f90;}
.blue{color:#58c9f3;}
.gray{color:#999;}

/* 资源分类 */
.resourceNav{height:1.2rem;}
.nyConFull .resourceNav{padding-bottom:0.5rem;}
.resourceNav a{display:block; width:50%; height:1.2rem; line-height:1.2rem; background:#f5f5f5; float:left; text-align:center;}
.resourceNav a:first-child{border-radius:0.15rem 0 0 0.15rem;}
.resourceNav a:last-child{border-radius:0 0.15rem 0.15rem 0;}
.resourceNav a.on{background:#f90; color:#fff;}

/* 虚拟仿真资源 */
.xnfzList{padding-bottom:0.5rem;}
.xnfzList ul li{padding:0.5rem 0 0;}
.xnfzList ul li .xnfzPic{width:2.8rem; height:2.8rem; overflow:hidden; float:left;}
.xnfzList ul li .xnfzPic a{display:block; height:2.8rem; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.xnfzList ul li .xnfzPic a img{width:2.8rem; height:2.8rem; transition:all 0.3s ease-in-out;}
.xnfzList ul li .xnfzPic a:hover, .xnfzList ul li .xnfzPic a:hover img{transform:scale(1.1);}
.xnfzList ul li .xnfzTxt{height:calc(2.4rem - 2px); margin-left:2.8rem; border:#e5e5e5 1px solid; border-left:0; padding:0.2rem 0.3rem;}
.xnfzList ul li .xnfzTxt .xnfzTxtTit{height:1.4rem; line-height:0.7rem; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.xnfzList ul li .xnfzTxt .xnfzTxtBtn{height:0.6rem;}
.xnfzList ul li .xnfzTxt .xnfzTxtBtn a{margin-right:0.3rem; float:left;}


/* 仪器状态：仪器设备登记 */
.ztsm{padding:0.4rem 0.5rem 0;}
.ztsm img{max-width:100%;}
.ztsm .ztsmTable{width:100%; margin-top:0.4rem; border-collapse:collapse; font-size:0.45rem;}
.ztsm .ztsmTable td{border:#e5e5e5 1px solid; padding:0.2rem; line-height:0.7rem;}
.ztsm .ztsmTable .tdBg{background:#f5f5f5; white-space:nowrap;}
.ztsm ul li{padding-top:0.4rem;}
.ztsm ul li label{display:block; line-height:0.7rem;}
.ztsm ul li .sele, .ztsm ul li .area{width:100%; height:1rem; line-height:1rem; border-radius:0.1rem; border:#e5e5e5 1px solid; padding:0 0.1rem; box-sizing:border-box; background-color:#fff;}
.ztsm ul li .area{height:2.1rem; line-height:0.7rem;}

/* 互动交流：帖子列表 */
.exchangeList{padding-bottom:0.5rem;}
.exchangeList li{padding:0.5rem 0; border-bottom:#ededed 1px solid;}
.exchangeList li h3{line-height:0.7rem; font-size:0.45rem;}
.exchangeList li p{height:1.8rem; line-height:0.6rem; padding-top:0.2rem; color:#888; font-size:0.36rem;}
.exchangeList li p span{display:block; width:48%; height:0.6rem; line-height:0.6rem; padding-right:4%; float:left;}
.exchangeList li p span:nth-child(2n){padding-right:0;}
.exchangeList li p span i{font-size:0.45rem; padding-right:0.1rem; vertical-align:top;}

/* 互动交流：帖子内容 */
.showBBS{padding:1.4rem 0 2rem;}
.bbsTitle{padding:0.3rem; border-bottom:#ededed 1px solid;}
.bbsTitle h3{line-height:0.8rem; font-size:0.6rem; font-weight:normal;}
.bbsTitle p{line-height:0.6rem; font-size:0.36rem; color:#999; padding-top:0.2rem;}
.bbsTitle p span{padding-right:0.3rem;}
.bbsTitle p span:last-child{padding-right:0;}
.bbsTitle p span i{font-size:0.36rem; padding-right:0.05rem; vertical-align:top;}

.bbsInfo{line-height:0.6rem; padding:0.3rem 0.5rem; font-size:0.4rem; color:#666;}
.bbsInfo i{font-size:0.3rem; display:inline-block; padding:0 0.1rem; height:0.5rem; line-height:0.5rem; vertical-align:top; margin:0.05rem 0 0 0.2rem; background:var(--header-bgcolor); color:#fff; border-radius:3px; font-style:normal;}
.bbsInfo span{display:block; color:#999; font-size:0.36rem;}
.bbsCon{padding:0 0.3rem 0.3rem; line-height:0.8rem; border-bottom:#ededed 1px solid;}

.bbsReply{padding-bottom:0.5rem;}
.bbsReply li{padding:0.3rem 0.5rem; border-bottom:#ededed 1px solid;}
.bbsReply li h3{font-weight:normal;}
.bbsReply li h3 p{height:0.6rem; line-height:0.6rem; font-size:0.4rem; color:#4fa73f;}
.bbsReply li h3 p em{color:#999; font-style:normal; font-size:0.36rem; float:right;}
.bbsReply li h3 span{display:block; height:0.5rem; line-height:0.5rem; padding-top:0.1rem; font-size:0.36rem; color:#999;}
.bbsReply li .replyCon{line-height:0.8rem; padding-top:0.2rem;}

.bbsBtn{width:calc(100% - 1rem); height:0.8rem; line-height:0.8rem; padding:0.3rem 0.5rem; border-top:#ddd 1px solid; background:#fff; position:fixed; left:0; bottom:0; z-index:10;}
.bbsBtn input{height:0.8rem; line-height:0.8rem; border:none; background:#f0f0f0; border-radius:0.4rem; padding:0 0 0 0.3rem; margin:0; box-sizing:border-box; float:left; font-size:0.4rem;}
.bbsBtn p{height:0.8rem; float:right;}
.bbsBtn button{margin-left:0.4rem; background:none; border:none; padding:0; width:auto; font-size:0.45rem; color:#666; white-space:nowrap;}
.bbsBtn button i{padding-right:0.1rem; font-size:0.5rem; height:0.8rem; line-height:0.8rem; display:block; float:left;}
.bbsBtn button span{float:left; height:0.8rem; line-height:0.8rem; display:block;}
.bbsBtn button.cur i{color:#e71919;}

.replyBg{position:fixed; left:0; top:0; right:0; bottom:0; z-index:999; background:rgba(0,0,0,0.5); display:none;}
.replyBox{width:calc(100% - 0.6rem); height:5.1rem; padding:0.3rem; position:fixed; left:0; bottom:-5.7rem; z-index:1000; background:#eee; transition:all 0.3s;}
.replyBoxShow{bottom:0;}
.replyBox h3{height:0.8rem; line-height:0.8rem; font-weight:normal;}
.replyBox h3 a{float:right; display:block; width:0.6rem; height:0.6rem; line-height:0.64rem; margin-top:0.1rem; font-size:0.54rem; text-align:center; background:#000; color:#fff; border-radius:50%;}
.replyBox p{padding-top:0.3rem;}
.replyBox p textarea{width:calc(100% - 0.2rem); height:2.4rem; line-height:0.8rem; font-size:0.42rem; background:#fff; border:#ddd 1px solid; border-radius:0.1rem; resize:none; padding:0 0.1rem; transition:all 0.3s;}
.replyBox p textarea.focus{border-color:#e71919;}


/* 个人中心：个人信息 */
.myInfo li{min-height:0.7rem; line-height:0.7rem; padding:0.2rem 0.3rem 0.2rem 2.7rem; border-bottom:#f5f5f5 1px solid; font-size:0.45rem; text-align:right; color:#999; position:relative;}
.myInfo li label{display:block; width:2.4rem; height:0.7rem; position:absolute; left:0.3rem; top:0.2rem; text-align:left; color:#333;}
.myInfo dl dt{padding-top:0.3rem;}
.myInfo dl dt label{display:block; width:2.2rem; padding-right:0.2rem; height:calc(0.8rem + 2px); line-height:calc(0.8rem + 2px); font-size:0.45rem; float:left; text-align:right;}
.myInfo dl dt input{display:block; width:calc(100% - 2px - 2.6rem); height:0.8rem; line-height:0.8rem; border:#d2d2d2 1px solid; background:#fff; padding:0 0.1rem; font-size:0.45rem;}
.myInfo dl dt input[readonly]{background:#f5f5f5;}
.myInfo dl dd{width:100%; float:left; margin-top:25px; text-align:center;}


/*统一按钮样式*/
.btn{display:inline-block; height:1rem; line-height:1rem; padding:0 0.5rem; background-color:var(--header-bgcolor); color:#fff; white-space:nowrap; text-align:center; font-size:0.45rem; border:none; border-radius:3px; -moz-border-radius:2px; cursor:pointer; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; outline:0; -webkit-appearance:none; transition:all .3s; -webkit-transition:all .3s; box-sizing:border-box; border:1px solid var(--header-bgcolor);}
a.btn{color:#fff;}
.btn-red{background-color:#FF5722; border:1px solid #FF5722;}
.btn-gray{background-color:#bec3c7; border:#bec3c7 1px solid; color:#fff; cursor:default;}
.btn-gray:hover{background-color:#b0b5b9; border-color:#b0b5b9;}
.btn-gray-line{background-color:#fff; border:#bec3c7 1px solid; color:#bec3c7 !important;}
.btn-blue{background-color:#58c9f3; border:#58c9f3 1px solid; color:#fff;}
.btn-blue:hover{background-color:#53bee6; border-color:#53bee6;}
.btn-blue-line{background-color:#fff; border:#58c9f3 1px solid; color:#58c9f3 !important;}
.btn-blue-line:hover{background-color:#58c9f3; color:#fff !important;}
.btn-cyan-green{background-color:#41cac0; border:#41cac0 1px solid; color:#fff;}
.btn-cyan-green:hover{background-color:#39b2a9; border-color:#39b2a9;}
.btn-cyan-green-line{background-color:#fff; border:#41cac0 1px solid; color:#41cac0 !important;}
.btn-cyan-green-line:hover{background-color:#41cac0; color:#fff !important;}
.btn-green{background-color:#78cd51; border:#78cd51 1px solid; color:#fff;}
.btn-green:hover{background-color:#6dbb4a; border-color:#6dbb4a;}
.btn-green-line{background-color:#fff; border:#78cd51 1px solid; color:#78cd51 !important;}
.btn-green-line:hover{background-color:#78cd51; color:#fff !important;}
.btn-yellow{background-color:#f1c500; border:#f1c500 1px solid; color:#fff;}
.btn-yellow:hover{background-color:#e4ba00; border-color:#e4ba00;}
.btn-yellow-line{background-color:#fff; border:#f1c500 1px solid; color:#f1c500 !important;}
.btn-yellow:hover{background-color:#e4ba00; border-color:#e4ba00;}
.btn-orange{background-color:#f90; border:#f90 1px solid; color:#fff !important;}
.btn-orange:hover{background-color:#ec5e00; border-color:#ec5e00;}
.btn-orange-line{background-color:#fff; border:#f90 1px solid; color:#f90 !important;}
.btn-orange-line:hover{background-color:#f90; color:#fff !important;}
.btn-orange-red{background-color:#fe5f59; border:#fe5f59 1px solid; color:#fff;}
.btn-orange-red:hover{background-color:#df3838; border-color:#df3838;}
.btn-orange-red-line{background-color:#fff; border:#fe5f59 1px solid; color:#fe5f59 !important;}
.btn-orange-red-line:hover{background-color:#fe5f59; color:#fff !important;}
.btn-brown{background-color:#876350; border:#876350 1px solid; color:#fff;}
.btn-brown:hover{background-color:#7c5c4b; border-color:#7c5c4b;}
.btn-lg{height:1.2rem;line-height:1.2rem;padding:0 0.6rem;font-size:0.5rem; border-radius:4px;}
.btn-sm{height:0.8rem;line-height:0.8rem;padding:0 0.4rem; font-size:0.4rem;}
.btn-mini{height:0.7rem;line-height:0.7rem;padding:0 0.3rem;font-size:0.4rem; border-radius:2px;}

/* 统一表单样式 */
.datatable, .datatable02{width:100%; border:#c5dbc2 1px solid; line-height:20px; border-collapse:collapse;}
.datatable02{background:#f9fcf9;}
.datatable td, .datatable02 td{border-left:1px solid #e6efe5; border-right:1px solid #e6efe5; padding:8px 6px; line-height:24px; color:#333; vertical-align:middle;}
.datatable02 td{border:#e6efe5 1px solid;}
.firstRow td{text-align:center; background-color:#e6efe5; line-height:24px; font-weight:bold; border:0; border-bottom:#c5dbc2 1px solid;}
td.firstCol{border-left-color:#c5dbc2; text-align:center;}
td.lastCol{border-right-color:#c5dbc2;}
td.lastCol .btn{margin:0 5px;}
td.firstColBorderNoneTB{border-bottom:0 !important; border-top:0 !important;}
.datatable tr.over, .datatable02 tr.over{background-color:#dee8dd !important;}
.datatable tr:nth-child(odd) {background-color:#f0f5ef;}
.datatable td .txt, .datatable02 td .txt{height:24px;line-height:24px;border:1px solid #d1d1d1;padding-left:2px;width:96%; outline:0;}
.datatable td .sele, .datatable02 td .sele{height:25px;line-height:25px;border:1px solid #d1d1d1;width:96%; outline:0; background-color:#FFFAF4;}

.totalRow td{background-color:#E6F7FF}

.isYes, .isNo{font-family:"黑体"; font-style:normal; color:var(--header-bgcolor);}
.isYes{font-size:0.5rem;}
.isNo{color:#ababab;}


.zysbBtn{padding:0 0 0.5rem; text-align:right;}
.tableList{font-size:0.4rem; margin-bottom:0.5rem;}
.tableList .datatable{display:none;}
.tableList ul{background:#f2f9f1; margin-bottom:0.5rem; padding:0.3rem; border:1px solid #d2e6cf; border-radius:5px;}
.tableList ul:after{content:""; display:table;}
.tableList ul li{min-height:0.6rem; line-height:0.6rem; padding:0.2rem 0 0.2rem 3.5rem; position:relative; text-align:right; border-bottom:#dff0dc 1px solid;}
.tableList ul li label{display:block; width:3.2rem; height:0.6rem; color:#658e60; position:absolute; left:0; top:0.2rem; text-align:left;}
.tableList ul li span.x1, .tableList ul li span.x2, .tableList ul li span.x3, .tableList ul li span.x4, .tableList ul li span.x5,
.tableList ul li span.x1 i, .tableList ul li span.x2 i, .tableList ul li span.x3 i, .tableList ul li span.x4 i, .tableList ul li span.x5 i{height:0.6rem; line-height:0.6rem;}
.tableList ul li:first-child{padding-top:0;}
.tableList ul li:first-child label{top:0;}
.tableList ul li:last-child{padding:0.3rem 0 0 2.5rem; text-align:right; border-bottom:none;}
.tableList ul li:last-child label{display:none;}
.tableList ul li .btn{margin-left:0.2rem;}


/*有关表格选中,单选,联动checkedbox*/
table.hasCheckedLink{}
table.IsSelectSingleRow{}
table.hasDetail{}
tr.detail{display:none;}
.selectTr{background-color:#dee8dd !important;}
tr.detail td{background-color:#fffbe8;}
td.detailParentTd{padding:12px 12px 16px;}


.layerDiv{display:none;}
.layui-layer-btn{font-size:.45rem;}
.layerDivH{line-height:1rem; font-size:0.5rem; text-align:center; background:#e6efe5; border-bottom:#cee0cb 1px solid;}

/*layer层的第二个按钮样式*/
.layui-layer-btn .layui-layer-btn1{background:#999;color:#FFF; border:1px solid #999;border-radius:2px; -moz-border-radius:2px;}
.layui-layer-title{padding-left:0.3rem !important; font-size:0.5rem !important;}
.layui-layer-title .iconfont{font-size:0.6rem !important; vertical-align:middle;}

/* 资源学习弹出层 */
#studyDiv{padding:0 !important;}
.zyxx{width:100%; position:relative !important;}
.zyxxBtn{width:calc(100% - 1rem); height:0.8rem; padding:0.3rem 0.5rem; text-align:center; border-bottom:#eee 1px solid;}
.zyxxBtn .btn{margin:0 0.2rem; padding:0 0.3rem;}
.zyxxBtn .btn b{padding:0 5px;}
.zyxxBox{position:relative; z-index:1;}

/* 共享平台首页：虚拟仿真项目介绍（弹出层） */
.VirProjectInfo{padding:0.3rem 0.5rem 0.8rem;}
.VirProjectInfo .articletitle{padding:0; font-size:0.54rem; line-height:1rem;}
.VirProjectInfo .VirProjectInfoTable{width:100%; margin-top:0.3rem; border-collapse:collapse; font-size:0.45rem;}
.VirProjectInfo .VirProjectInfoTable td{border:#e5e5e5 1px solid; padding:0 0.3rem; line-height:0.8rem;}
.VirProjectInfo .VirProjectInfoTable .tdBg{background:#f5f5f5; white-space:nowrap;}
.VirProjectInfo .VirProjectInfoTable .articlecon{padding:0.3rem;}

/* 分享代码 */
.am-share{font-size:0.42rem; border-radius:0; bottom:0; left:0; position:fixed; text-align:center; -webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); -webkit-transition:-webkit-transform 300ms; transition:transform 300ms; width:100%; z-index:1001; background:#fff;}
.am-modal-active{transform:translateY(0px); -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
.am-modal-out{z-index:1109; -webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%);}
.am-share h3{height:1.2rem; line-height:1.2rem; font-size:0.48rem; color:#555; font-weight:400; margin:0 0.5rem; text-align:left; padding-top:0.2rem;}
.am-share ul{margin:0 0.5rem; height:auto; zoom:1; overflow:auto;}
.am-share ul li{margin:0.3rem 0; float:left; height:auto; width:33.3333%;}
.am-share ul li a,.bdshare-button-style0-32 a{color:#555; display:block; width:100% !important; height:100% !important; line-height:0.8rem !important; margin:0 !important; text-indent:0 !important; background-image:none;}
.am-share ul span{display:block; height:0.8rem; line-height:0.8rem; margin-top:0.2rem;}
.am-share ul li img{height:1.8rem; position:relative; z-index:-1;}
.smore{padding:0.8rem 0.5rem;}
.smore a{display:block; height:2.2rem !important; background:url(../images/himg/smore.png) no-repeat center center !important; background-size:2.2rem 2.2rem !important;}
.am-share-footer{height:1.2rem;}
.am-share-footer .share_btn{display:block; width:100%; background-color:#33cfd3; border:0; cursor:pointer; font-size:0.42rem; font-weight:400; height:1.2rem; line-height:1.2rem; padding:0; text-align:center; transition:background-color 300ms ease-out 0s, border-color 300ms ease-out 0s; vertical-align:middle; white-space:nowrap; color:#fff;}
.sharebg{background-color:rgba(0, 0, 0, 0.6); bottom:0; height:100%; left:0; opacity:0; position:fixed; right:0; top:0; width:100%; z-index:1000; display:none;}
.sharebg-active{opacity:1; display:block;}


div[data-type='page']{background:none !important;}

.infoBox .layui-layer-btn{padding:0 !important; text-align:center; height:1.2rem; position:relative;}
.infoBox .layui-layer-btn a{display:block; width:50%; padding:0; height:1.2rem; line-height:1.2rem; font-size:0.45rem; margin:0; border-radius:0; position:absolute; top:0; border:none !important;}
.infoBox.btnW100 .layui-layer-btn a{width:100%;}
.infoBox .layui-layer-btn a.layui-layer-btn0{right:0; background-color:#78cd51;}
.infoBox .layui-layer-btn a.layui-layer-btn1{left:0; background-color:#f2f2f2; color:#000 !important;}
.infoBox .layui-layer-btn a .iconfont{font-size:0.5rem; vertical-align:top;}
.infoBox .formTable{width:calc(100% - 1.1rem); margin:0.4rem 0.6rem 0.4rem 0.5rem;}
.infoBox .formTable td{padding:0.2rem 0; line-height:0.8rem; font-size:0.45rem; color:#333;}
.infoBox .formTable td .txt{width:calc(100% - 0.2rem - 2px); height:calc(0.8rem - 2px); line-height:calc(0.8rem - 2px); border:1px solid #dcdcdc; padding:0 0.1rem; outline:0; background-color:#FFF; white-space:nowrap;}
.infoBox .myInfo{padding:0 0.3rem;}

.R01{border-radius:5px !important; overflow:hidden; box-shadow:0 0 8px rgba(0,0,0,.1);}
.R01 .layui-layer-title{border-radius:5px 5px 0 0 !important;}
.R01 .layui-layer-btn a.layui-layer-btn0{border-radius:0 0 5px 0 !important;}
.R01 .layui-layer-btn a.layui-layer-btn1{border-radius:0 0 0 5px !important;}
.R01.btnW100 .layui-layer-btn a.layui-layer-btn0{border-radius:0 0 5px 5px !important;}

.layui-layer-dialog .layui-layer-padding{padding:0.8rem 0.5rem 0.8rem 1.6rem !important;}
.layui-layer-dialog .layui-layer-content{font-size:0.45rem !important; line-height:0.8rem !important;}
.layui-layer-dialog .layui-layer-content .layui-layer-ico{left:0.5rem !important; top:0.8rem !important;}

/* 自定义radio和checkbox样式 */
.chooseBox li{line-height:0.7rem; padding:0.2rem 0;}
.chooseBox li label{display:block; cursor:pointer;}
.chooseBox li .radio{line-height:0.7rem; padding-left:0.7rem; background:url(../images/iRadio.png) no-repeat left 0.1rem; background-size:0.5rem 0.5rem;}
.chooseBox li .radio.checked{background-image:url(../images/iRadioChecked.png);}
.chooseBox li .checkbox{padding-left:0.7rem; line-height:0.7rem; background:url(../images/iCheckbox.png) no-repeat left 0.1rem; background-size:0.5rem 0.5rem;}
.chooseBox li .checkbox.checked{background-image:url(../images/iCheckboxChecked.png);}
.tableList.chooseBox ul li .checkbox{padding-right:0.7rem; line-height:0.6rem; background-position:right 0.05rem; display:block;}




/* 样式调整2021-03-27 */
/* 全部课程 */
.allCourse{padding:0.5rem 0.25rem 0.8rem; background:#f6f6f6; border-top:#eee 1px solid;}
.allCourse .indH h2 span{background:#f6f6f6; position:relative; z-index:1;}
.allCourse ul{padding:0.1rem 0 0.3rem; float:left;}
.allCourse ul li{width:calc(50% - 0.5rem); padding:0.3rem 0.25rem 0; float:left;}
.allCourse ul li p{height:0; padding-top:67%; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-border-radius:3px; border-radius:3px;}
.allCourse ul li h3{height:1rem; line-height:1rem; font-size:0.45rem; text-align:center; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#999;}