@charset "utf-8";
/*行样式*/
.row { display: flex; justify-content: center }
.bar-1 { box-shadow: 0 .01rem .03rem 0 rgba(0,0,0,.1); background-color: #fff; position: relative; z-index: 3 }
.bar-2 { background-image: linear-gradient(#6baadd,#4187cd); box-shadow: 0 .02rem .06rem 0 rgba(0,0,0,.4); position: relative; z-index: 2 }
.bar-3 { background: url(../images/bg-detail.jpg) center bottom no-repeat,linear-gradient(#3c83cb,#3d84cb); background-size: auto 100% }
.bar-4 { box-sizing: border-box; border-bottom: .01rem solid #ddd }
  /*按钮*/
.btn-blue { border: none; background-color: #4b99e8; color: #fff; border-radius: .05rem }
.btn-blue:hover { background-color: #1d79d6 }
.btn-gray { border: none; background-color: #ccc; color: #fff; border-radius: .05rem }
.btn-gray:hover { background-color: #bbb }


/*头部*/
/*顶部栏*/
.topBar { flex: 0 12rem; display: flex; justify-content: space-between }
.topBar h1 { font-size: .16rem; color: #3d84cb; letter-spacing: .01rem; height: .7rem; line-height: .7rem; position: relative }
.topBar h1::after { content: attr(data-end); display: inline-block; width: .5rem; height: .22rem; font-size: .12rem; letter-spacing: .01rem; background-color: #4b99e8; color: #fff; border-radius: .03rem; line-height: .22rem; text-align: center; position: relative; top: -.15rem; margin-left: .1rem; font-weight: normal }
.topBar h1::before { content: ""; display: inline-block; width: 0; height: 0; border-left: .08rem solid #4b99e8; border-bottom: .08rem solid #fff; position: absolute; right: .37rem; top: .3rem }
.topBar h1 img { width: .4rem; height: .4rem; vertical-align: middle; margin-right: .1rem; position: relative; top: -.03rem }
.topBar nav,.topBar-search,.topBar-editor { flex: 0 auto }
/* .topBar nav { letter-spacing: -.4rem } */
.topBar nav a { padding: 0 .2rem; font-size: .16rem; letter-spacing: .01rem; line-height: .7rem }
.topBar nav a:hover { color: #3d84cb }
.topBar-search { letter-spacing: -.4rem; position: relative }
.topBar-search input[type="search"] { background-color: #f0f5fb; width: 2.2rem; height: .3rem; border-radius: .18rem; border: none; position: relative; top: .2rem; box-sizing: border-box; padding: 0 .4rem 0 .1rem; letter-spacing: .01rem }
.topBar-search input[type="submit"] { position: absolute; right: 0; top: .2rem; border: none; height: .3rem; width: .4rem; font-family: Icon,sans-serif; font-weight: bold; font-size: .18rem; color: #4b99e8; background: none }
.topBar-editor a { line-height: .7rem; padding-left: .1rem; letter-spacing: .01rem; font-size: .14rem; color: #888 }
.topBar-editor a:hover { color: #3d84cb }
/*用户信息*/
.userPanel { flex: 0 12rem; display: flex;}
.userPanel-info { height: 3.5rem; background: #f6f6f6 url(../images/user-bg.jpg) no-repeat right bottom; flex: 0 2.4rem; background-size: 100% auto; box-shadow: -.03rem .02rem .06rem 0 rgba(0,0,0,.1); position: relative; z-index: 1 }
.userPanel-image { display: flex; align-items: center; justify-content: center; height: 1.55rem }
.userPanel-image img { width: 1rem; height: 1rem; border: .05rem solid #fff; border-radius: 50%; box-shadow: 0 .02rem .06rem 0 rgba(0,0,0,.2); margin-top: .2rem }
.userPanel-info h2 { font-size: .28rem; letter-spacing: .04rem; line-height: 1.5; text-align: center }
.userPanel-documents { display: flex; justify-content: center; margin-top: .1rem }
.userPanel-documents a { display: inline-block; height: .6rem; line-height: 1.5; color: #999; width: .8rem; text-align: center; letter-spacing: .01rem }
.userPanel-documents em { font-size: .2rem; color: #4b99e8; font-style: normal; font-family: Arial,sans-serif }
.userPanel-documents span { display: inline-block; width: .01rem; height: .35rem; background-color: #ddd; position: relative; top: .1rem }
/*轮播图*/
.userPanel-slider { flex: 0 6.35rem; width:635px; height:350px!important; background:#f6f6f6 url(../images/bar-1-bg.png) no-repeat center; box-shadow: 0 .03rem .06rem 0 rgba(0,0,0,.3); position: relative; overflow: hidden }
.userPanel-slider ul { width: 100%; height: 3.5rem; position: absolute; z-index: 1 }
.userPanel-slider ul li { display: none; position: absolute; left: 0; top: 0; width: 6.35rem; height: 3.5rem; overflow: hidden; background: center center no-repeat; background-size:cover; }
.userPanel-slider ul li::after { content: attr(data-title); position: absolute; bottom: 0; left: 0; right: 0; display: inline-block; height: .5rem; line-height: .5rem; box-sizing: border-box; padding: 0 .2rem; color: #fff; background-color: rgba(0,0,0,.7); letter-spacing: .01rem; font-size: .14rem; overflow: hidden; text-align: center }
.userPanel-slider ul li.active { display: block;}

.dots{ position: absolute; top: 20px; right: 20px; min-width: 60px; height: 12px; z-index: 2 }
.dots span { float: left; width: 10px; height: 10px; border: 1px solid rgba(255,255,255,.8); border-radius: 50%; margin-right: 8px; cursor: pointer; box-sizing: border-box }
.dots span.active { background: #fff }
.arr { display: none; position: absolute; top: 140px; z-index: 2; width: 40px; height: 40px; line-height: 38px; text-align: center; font-size: 36px; background: rgba(0,0,0,.3); color: #fff; text-decoration: none }
.arr:hover { background: rgba(0,0,0,.7); text-decoration: none }
.userPanel-slider:hover .arr { display: block; text-decoration: none; color: #fff }
.prev{ left: 20px }
.next{ right: 20px }
/*轮播图详情*/
.userPanel-more { flex: 0 3.25rem; background-color: #fff; box-shadow: .03rem .02rem .06rem 0 rgba(0,0,0,.1); position: relative; z-index: 1; box-sizing: border-box; padding-top: .7rem }
.userPanel-more h2 { position: absolute; right: -.04rem; top: .08rem; width: 1.2rem; height: .4rem; background: url(../images/label-right.png) no-repeat; text-align: right; line-height: .34rem; color: #fff; letter-spacing: .01rem; box-sizing: border-box; padding-right: .1rem; font-size: .16rem; font-weight: normal }
.userPanel-more h3 { color: #C1B08E; font-weight: normal; letter-spacing: .01rem; line-height: 1.2; padding: 0 .15rem 0 .3rem; text-align: justify; text-justify: distribute; font-size: .16rem; position: relative; margin-bottom: .25rem }
.userPanel-more h3::before { content: ""; display: inline-block; height: 100%; width: .05rem; background-color: #C1B08E; position: absolute; left: .15rem; top: 0 }
.userPanel-detail { padding: 0 .15rem; color: #888; font-size: .14rem; letter-spacing: .01rem; line-height: 1.3; text-indent: 2em; text-align: justify; text-justify: distribute }
.userPanel-more footer { position: absolute; bottom: 0; left: 0; right: 0; padding-bottom: .2rem }
.userPanel-name,.userPanel-time { text-align: right; color: #aaa; padding: 0 .15rem; letter-spacing: .01rem; height: .25rem; line-height: .25rem }
.userPanel-time { font-family: Arial,sans-serif }
/*推荐课程*/
.col-md-12 h2{position: absolute; margin-left: -4px; margin-top: 5px; text-align: center;  width: 1.2rem; height: .4rem; background: url(../images/label-left.png) no-repeat; line-height: .34rem; z-index:2; color: #fff; letter-spacing: .01rem; font-size: .14rem; font-weight: normal;}
.col-md-12 .white{margin-left: 545px; width:296px; height: 270px; margin-top:0; background: url(../images/u496.png)no-repeat}

.intro{float:left; width: 490px; height:270px; margin:80px 5px 0 50px; background:#fff;z-index: 2; color: #575F63;line-height: 26px}
.intro h3{height:28px; font-size: 24px; font-weight: normal;  overflow: hidden}
.intro p{color:#999;height:75px;overflow: hidden; -webkit-line-clamp:2;  -webkit-box-orient: vertical;  word-break: break-all;}
.intro a{width:60px; height:22px; margin-top:10px; border: 1px solid #4b99e8; color:#4b99e8; border-radius: 3px; font-size:12px; line-height: 22px; text-align: center}
.intro img{width:415px;}
.intro a:hover{background:#4b99e8; color:#fff}
#hwslider ul  li a{position: absolute; float:left; color:#4B99E8;transition: .2s;}
#hwslider ul  li a:hover{color:#fff;}
#hwslider{width: 960px;height: 270px;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); position: relative; overflow: hidden;}
#hwslider ul{width: 960px; height: 270px; position: absolute; z-index: 1}
#hwslider ul li{display:none;position:absolute; left:0; top:0; width: 9600px;height: 270px; overflow: hidden;}
#hwslider ul li.active{display: block; position: relative}
#hwslider ul .active{background: #fff}
#hwslider ul .active .active .intro a{color:#4B99E8}
#dots{position: absolute; bottom:5px; right:20px; width: 135px; height: 12px; z-index: 3;}
#dots span{float: left; width:36px;height: 4px; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2); background:rgba(255,255,255,0.4); margin-right: 8px; cursor: pointer;}
#dots span.active{background: #fff}
.arr{display:none;position: absolute; top: 140px; z-index: 2;width: 40px; height: 40px; line-height: 38px; text-align: center;; font-size:30px; background: rgba(0,0,0,.3); color: #fff; text-decoration: none}
.arr:hover{background: rgba(0,0,0,.7); text-decoration: none;}
#hwslider:hover .arr{display: block; text-decoration: none;color: #fff}
#prev{left: 20px}
#next{right: 20px}
#pages{position:absolute; bottom:14px; left:20px; width:50px;height:20px; z-index:3; color:#fff}

/*边栏*/
.left { flex: 0 2rem;margin: .4rem 0 }
/*导航*/
.left nav a { display: block; height: .6rem; line-height: .6rem; font-size: .14rem; padding: 0 .2rem 0 .5rem; letter-spacing: .01rem; margin-bottom: .2rem; transition: .3s; position: relative }
.left nav a:hover { color: #4b99e8; background-color: #f2f9ff }
.left nav a.current { background-color: #4b99e8; color: #fff }
.left nav a::before { content: attr(data-icon); font-family: Icon,sans-serif; position: absolute; left: .2rem; font-size: .16rem }
.left nav a::after { content: attr(data-style); font-family: Icon,sans-serif; position: absolute; right: .15rem; font-size: .16rem }

/*主体*/
body{min-width:1160px;}
/*居右*/
.right { flex: 0 10rem; box-sizing: border-box; padding-left: .4rem; display: flex; flex-wrap: wrap; margin: .4rem 0 }
/*居中*/
.center { flex: 0 12rem; margin-bottom: .4rem }
/*普通列表*/
.list-normal h2 { display: flex; justify-content: space-between; box-shadow: 0 -.02rem 0 0 #e9edf0 inset }
.list-normal h2 span { font-size: .16rem; letter-spacing: .01rem; color: #4b99e8; font-weight: normal; line-height: .44rem; display: inline-block; height: .44rem; box-sizing: border-box;  border-top:0;border-right:0;border-left:0;border-bottom: .02rem solid transparent; border-image: linear-gradient(to right,#5bb0f0,#5ce6f0) 1 1 }
.list-normal h2 a {display: inline-block; width: .5rem; height: .24rem; position: relative; top: .1rem; box-sizing: border-box; border: .01rem solid #4b99e8; line-height: .2rem; text-align: center; color: #4b99e8; border-radius: .03rem; letter-spacing: .01rem }

.list-normal h2 a:hover { background-color:#4b99e8; color: #fff }
/*表格*/
.data-table { width: 100% }
.data-table th {height: .42rem; color: #888; letter-spacing: .01rem; font-weight: normal; border-bottom: .01rem solid #e9edf0; line-height: 1.2 }
.data-table td { height: .42rem; text-align: center; letter-spacing: .01rem; line-height: 1.2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.data-table tbody a {line-height:1.2; letter-spacing:.01rem; color: #4b99e8 }
.data-table tbody a:hover { text-decoration: underline }
.data-table tbody tr:nth-child(even) { background-color: #fcfcfc }
.data-table tbody tr:hover{ background-color:#eeeeef; transition:.3s; cursor: pointer;}
.data-table-toolBar::after { content: ""; visibility: hidden; width: 0; height: 0; display: block; clear: both }
.data-table-total { float: left; color: #aaa }
.data-table-total em { font-style: normal; margin: 0 .05rem; font-family: Arial,sans-serif}
.data-table-toolBar .data-table-total{font-size:12px}
.data-table-fn { float: right; letter-spacing: -.04rem }
.data-table-fn a,.data-table-fn span { letter-spacing: .01rem; color: #aaa }
.data-table-fn span { display: inline-block; height: .12rem; width: .01rem; background-color: #aaa; margin: 0 .1rem; position: relative; top: .02rem }
.data-table-fn a.current { color: #4b99e8 }
.data-table-button { float: left }
.data-table-button input { padding: .1rem .2rem; letter-spacing: .01rem; margin: .2rem 0 }
.data-table-page { display: flex; float: right; margin-top: .2rem ;}
.data-table-page li { letter-spacing: .01rem; line-height: .32rem; color: #aaa; cursor: pointer }
.data-table-page .page-valid{color:#666; }
.data-table-page .page-valid:hover { color: #4B99E8 }
.data-table-page li.data-table-num { width: .32rem; height: .32rem }
.data-table-page li.current { background-color: #4b99e8; color: #fff; border-radius: .05rem }
.data-table-page li:not(.data-table-num) { margin: 0 .05rem }
/*树状菜单*/
#jstree_demo_div{width:25%}
/*尾部*/
/*版权信息*/
.copyright { flex: 0 12rem; text-align: center; line-height: .8rem; height: .8rem; letter-spacing: .01rem; color: #aaa }

/*其他*/
/*遮罩*/
.shadow,.shadow_cover { background-color: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10002;overflow-y: hidden}
/*弹框*/
.popup { padding: .2rem .4rem; background-color: #fff; border-radius: .1rem; position: fixed; top: 10vh; z-index:10003}
.popup-resetPassword { width: 20vw; left: 36vw }
.popup-table-content{left: 28vw; min-height:3rem }
.popup-resetPassword p { letter-spacing: -.04rem }
.popup-resetPassword label { display: inline-block; width: .85rem; text-align: right; line-height: .6rem; font-size: .14rem; vertical-align: middle; box-sizing: border-box; padding-right: .1rem; letter-spacing: .01rem }
.popup-resetPassword input { height: .4rem; vertical-align: middle; box-sizing: border-box; border: .01rem solid #ccc; width: calc(100% - .85rem); border-radius: .05rem; padding: 0 .1rem; letter-spacing: .01rem }
.popup-resetPassword .popup-button { margin-top: .2rem }
.popup-resetPassword .hint { color: #d5000d; letter-spacing: .01rem; line-height: 1.2; padding-left: .85rem }
.popup-button { text-align: center; letter-spacing: -.04rem }
.popup-button a { letter-spacing: .01rem; display: inline-block; height: .4rem; width: 1rem; line-height: .4rem; text-align: center; margin: 0 .1rem }
.popup-comment { width: 40vw; left: 28vw; min-width:600px; border-top: .05rem solid #4B99E8 }
.popup-grade { width: 30vw; min-width:560px; left: 34vw; border-top: .05rem solid #4B99E8;padding:0 }
.grade-title{width:100vm; height:.5rem; background:#4b99e8;text-align: center;line-height: .5rem;color: #fff;}
.popup-comment h3 { font-size: .2rem; letter-spacing: .01rem; line-height: 2 }
.popup-comment h4 { font-size: .14rem; letter-spacing: .01rem; line-height: 2; color: #aaa; font-weight: normal }
/*查看图片*/
.picView { text-align: center; position: fixed; top: 10vh; z-index: 11 }
.picView img { height: 80vh; background-color: #ddd }
/*警告*/
#shield{position:absolute; left: 0; top: 0;   text-align: center; z-index:99;}
#alertFram{border-radius: .1rem; position: absolute; left: 55%; top: 50%; margin-left: -225px; margin-top: -75px; text-align: center; line-height: 150px;z-index: 10008;}
#alertFram ul li input{width: 2.4rem; border-radius: 5px; height: .8rem; opacity: 0; position: relative; bottom: 1.15rem;}
#alertFram ul li input:hover{background:#4b99e8; color: #fff;transition: .2s;}