@charset "utf-8";

.sideBar{float:left; width:26.5%; padding-bottom:20000px; margin-bottom:-20000px; background:#f2f2f2;}
.mainContent{float:right; width:71%;}


/*列表侧边导航*/
.sideMenu li{border-bottom:#fff 1px solid;}
.sideMenu li a{display:block; padding:13px 58px 13px 12%; line-height:1.5; position:relative;}
.sideMenu li a i{position:absolute; width:7px; height:13px; background:url(../images/common/sidemenu-icon.gif) no-repeat; right:30px; top:50%; margin-top:-7px;}
.sideMenu li a:hover, .sideMenu li a.aon{background:#3abaf1; color:#fff; font-weight:700;}
.sideMenu li a:hover i, .sideMenu li a.aon i{background-position:0 -13px;}

.page-list{padding:20px 10px 10px;}

/*课件下载*/
.download-search{position:relative; margin-bottom:3%; padding-left:130px; min-height:30px;}
.download-search strong{position:absolute; top:0; left:6px; line-height:30px;}
.download-search select,
.download-search input{float:left; margin-bottom:4px; margin-left:6px;}

.download-list{line-height:1.5em; font-size:.9375em;}
.download-list li{position:relative; float:left; width:100%; padding-top:1em; padding-bottom:1em; overflow:hidden; border-bottom:dashed #e6e6e6 1px;}
.download-list li a.title{position:relative; float:left; padding-left:20px; width:80%;}
.download-list li a.title i{position:absolute; top:1em; left:5px; width:4px; height:4px; margin-top:-4px; background-color:#333;}
.download-list .downs{position:absolute; z-index:10; top:50%; right:2px; margin-top:-14px; width:78px; text-align:center; line-height:26px; border:solid #3188d8 1px; white-space:nowrap;}
.download-list .downs a{display:block; color:#3188d8;}
.download-list .downs a i{display:inline-block; width:14px; height:14px; background-repeat:no-repeat; background-image:url(../images/icon/icon-download.png);}
.download-list .downs a:hover{color:#fff; background-color:#3188d8}
.download-list .downs a:hover i{background-position:0 -14px;}

/*我的学堂*/
.Course-search{margin-bottom:3%;}
.Course-search select,
.Course-search input{float:left; margin-bottom:4px;}
.Course-search select{width:20%; margin-right:8px;}
.Course-search input[type="text"]{width:37%; margin-right:8px;}

.Course-table{color:#999;}
.Course-table table tr.addborder{border-left:solid #eee 1px; border-right:solid #eee 1px;}
.Course-table table th,
.Course-table table td{padding:5px;}
.Course-table table th{text-align:center; font-weight:700; font-size:.9375em; white-space:nowrap; color:#fff; background:#3188d8;}
.Course-table table th.lastborder{border-right:solid #3188d8 1px;}

.Course-table table td{border-bottom:solid #eee 1px; border-collapse:collapse; font-size:.8125em; line-height:160%;}
.Course-table table td.enter a{width:36px; text-align:center; font-weight:700; font-size:14px; line-height:26px; color:#999; letter-spacing:2px; white-space:nowrap;}
.Course-table table .w1{width:16%;}
.Course-table table .w2{width:12%;}
.Course-table table .w3{width:24%;}
.Course-table table .w4{width:10%;}

.jfs{background-color:#edf6ff; border:solid #c5d8e7 2px; padding:12px 3%; margin-bottom:3%; font-size:1em;}
.jfs font{font-weight:700; color:#e65c5c; font-size:1.125em;}
.jfjl{padding:10px 3%; font-weight:700; font-size:1em; color:#fff; background-color:#3188d8;}
.jftable{}
.jftable table tr{border-left:solid #eee 1px; border-right:solid #eee 1px;}
.jftable table th,
.jftable table td{padding:8px; border-bottom:solid #eee 1px; border-collapse:collapse;}
.jftable table th{font-weight:700; font-size:.9375em; white-space:nowrap; padding-top:12px; padding-bottom:12px;}
.jftable table th span{padding-left:25%;}
.jftable table td{font-size:.8125em; line-height:160%;}
.jftable table td a{display:inline-block; padding-right:4%; padding-left:6%;}
.jftable table td.datetime{text-align:center;}
.jftable table td.datetime span{display:inline-block; padding-right:4px; padding-left:4px;}
.jftable table .w1{width:28%;}
.jftable table .w2{width:16%;}

.users-center{position:relative; width:442px; margin:46px auto;}
.users-center img,
.users-center span{width:100%; float:left;}
.users-center img{width:134px; height:124px;}
.users-center p{margin-top:12px; margin-left:36px;}
.users-center .abutton{/*position:absolute; left:160px; bottom:0; */ margin-top:30px; margin-left:36px; line-height:38px;}
.users-center .abutton a{display:inline-block; padding-right:30px; padding-left:30px; font-weight:700; color:#fff; background-color:#3188d8; margin-right:10px; white-space:nowrap;}
.users-center .abutton a.loginout{background-color:#729DC7}

/*课程库*/
.sliderMenu{margin-bottom:2%; font-size:.9375em}
.sliderMenu .hd li{float:left; padding-right:30px; padding-left:30px; line-height:32px; margin-right:10px; margin-bottom:10px; background-color:#fff; border:solid #e6e6e6 1px; cursor:pointer;}
.sliderMenu .hd li.on{font-weight:700; color:#fff; background-color:#3188d8; border:solid #3188d8 1px;}

/*课程公告*/
.kcggTitle{padding:12px 10px 12px 23%; font-weight:700; font-size:1em; color:#fff; background:url(../images/icon/icon-kcgg.png) no-repeat 10% center #26adda;}


/*直播*/
.live-notice{position:relative; padding:20px;}
.live-notice a.join{position:absolute; left:56%; bottom:20px; display:inline-block; padding-right:34px; padding-left:34px; line-height:36px; font-size:1em; font-weight:700; color:#fff; background-color:#3188d8;}
.live-notice .left{float:left; width:53%;}
.live-notice .right{float:right; width:44%;}

.live-notice .left img{float:left; width:100%;}
.live-notice dl dt{padding-bottom:20px; font-weight:700; font-size:1.375em; line-height:160%;}
.live-notice dl dt a{color:#3188d8;}
.live-notice dl dd{font-size:.9375em; line-height:200%;}
.live-notice dl dd.kind span{display:inline-block; padding-right:20px;}

.live-review{padding-top:20px;}
.live-review ul{margin:0 -1%;}
.live-review ul li{position:relative; float:left; margin:0 1% 2%; padding-bottom:22px; background:#f6f6f6;}
.live-review ul li a{display:block;}
.live-review ul li p,
.live-review ul li img{float:left;}
.live-review ul li p{width:92%; margin-left:4%; margin-right:4%; font-size:.875em; line-height:180%;}
.live-review ul li p.title{font-weight:700; font-size:.9375em; cursor:pointer;}
.live-review ul li img{width:100%; height:165px; margin-bottom:18px;}
.live-review ul li a p.title{color:#3188d8;}
.live-review ul li a:hover p.title{color:#3188d8;}
.live-review ul li a em{position:absolute; top:0; left:0; display:inline-block; padding:4px 12px; font-style:normal; font-size:.75em; color:#fff; background-color:#fc842e;}

.live-review.likes span{color:#666; font-size:.75em;}

.live-review-col2{padding-top:4%;}
.live-review-col2 ul{margin:0;}
.live-review-col2 ul li{width:44%;  margin:0 3% 4%;}
.live-review-col3 ul li{width:31.33333%;}

a.live-cjzb{display:block; margin-bottom:20px; font-weight:700; font-size:1em; color:#fff; line-height:44px; text-align:center; background-color:#37b6d9;}
a.live-cjzb:hover{filter:alpha(opacity=90); -moz-opacity: 0.9; opacity:0.9;}
a.live-cjzb i{display:inline-block; width:23px; height:22px; margin-top:-6px; margin-right:20px; background-image:url(../images/icon/icon-live.png);}

.live-zbyg{padding:40px 12px;}
.live-zbyg dt{float:left; width:44%;}
.live-zbyg dt img{margin-top:5px; min-height:75px;}
.live-zbyg dd{float:right; width:50%; font-size:.875em; line-height:140%;}
.live-zbyg dd p{margin-bottom:6px;}
.live-zbyg dd p a{font-weight:700; color:#3188d8;}
.live-zbyg dd p span{display:inline-block;}


/*page*/
.pagediv{clear:both; margin-top:20px; padding:25px 0; color:#666; font-size:14px; text-align:center; background-color:#f3f3f3}
.pagediv a{color:#666;}
.pagediv .pagination_index_last *{vertical-align:middle\9;}
.pagediv .arrow{margin:0 2px;}
.pagediv .arrow a, .pagediv .index_num a{ display:inline-block; padding:0 10px; line-height:30px; border:#b5b5b5 1px solid; background:url(../images/common/page-num.gif) repeat-x; border-radius:4px;}
.pagediv .index_num a{ border:#b5b5b5 1px solid; background:#fdfdfd; box-shadow:1px 4px 6px rgba(0,0,0,0.2) inset;}
.pagediv .arrow a:hover{background:#fff; text-decoration:none;}
.pagination_index_last{ padding-left:10px;}
.pagination_index_last a{display:inline-block; padding:0 10px; line-height:30px; border:#b5b5b5 1px solid; background:url(../images/common/page-num.gif) repeat-x; border-radius:4px;}
#pagination_input{width:40px; margin:-4px 5px 0; height:28px; line-height:28px; border:#b5b5b5 1px solid; background:#fff; border-radius:4px; text-align:center;}
.pagediv .arrow a{margin-top:4px; margin-bottom:4px;}

.calendar{height:333px;}