@charset "utf-8";
/***培训列表***/
.trainPlanList{width:765px; border:1px solid #dfdee0;}
.trainPlanList ul li{ float:left; height:35px; line-height:35px; text-align:center;}
.trainPlanList ul li.title{ width:320px;}
.trainPlanList ul li.time{ width:130px;}
.trainPlanList ul li.unit{ width:110px;}
.trainPlanList ul li.spare{ width:70px;}
.trainPlanList ul li.action{ width:123px;}
.trainPlanList .listTitle{ border-bottom:1px solid #dfdee0;background-color:#32a1da;color:#fff;}
.trainPlanList .listTitle ul li.title{ text-align:left; text-indent:120px;}
/* .trainPlanList .listTitle ul li.unit{ text-align:left;} */
.trainPlanList .listContent ul{ border-bottom:1px solid #efeeef;}
.trainPlanList .listContent ul li.title{ text-indent:20px; text-align:left;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.trainPlanList .listContent ul li.time{font-size:12px; color:#999;}
.trainPlanList .listContent ul li.unit{ font-size:12px; color:#999;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.trainPlanList .listContent ul li.spare{ font-size:12px; color:#999;}
.trainPlanList .listContent ul li.action a{ width:45px; height:20px; line-height:20px; color:#fff; font-size:12px; border-left:1px solid #9bbcdb; border-right:1px solid #9bbcdb; background-color:#32a1da; text-align:center; display:inline-block;}
.trainPlanList .listContent ul li.action a:hover{background:#32a1da}
.trainPlanList .listContent ul li.action a.sign{ background-color:#ff9a00; cursor:pointer;}
.trainPlanList .listContent ul li.action a.attention{ background-color:#ff9a00; cursor:pointer;}
.trainPlanList .listContent ul li.action a.gray{ width:45px; height:20px; line-height:20px; border-left:1px solid #548cc2; text-align:center; color:#fff; background-color:#999; display:inline-block; font-size:12px;}
.trainPlanList .listContent ul li.action a.green{ width:45px; height:20px; line-height:20px; border-left:1px solid #548cc2; text-align:center; color:#fff; background-color:#5fb41b; display:inline-block; font-size:12px;}
/***培训下载***/
.trainDownList{width:723px; border:1px solid #dfdee0;}
.trainDownList ul li{ float:left; height:40px; line-height:40px; text-align:center;}
.trainDownList .listTitle{ border-bottom:1px solid #32a1da;background-color:#32a1da;color:#fff;}
.trainDownList ul li.title{ width:460px;}
.trainDownList ul li.area{ width:105px; text-align:left;}
.trainDownList ul li.action{ width:100px;}
.trainDownList .listTitle ul li.title{ text-align:left; text-indent:50px;}
.trainDownList ul li.time{ width:98px;}
.trainDownList .listContent ul{ border-bottom:1px solid #efeeef;}
.trainDownList .listContent ul li.title{ text-indent:20px; text-align:left;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.trainDownList .listContent ul li.time{font-size:12px; color:#999;}
.trainDownList .listContent ul li.area{ color:#999;}
.trainDownList .listContent ul li.action{ line-height:50px;}
.trainDownList .listContent ul li.action a{ width:45px; height:20px; line-height:20px; color:#fff; font-size:12px; border-left:1px solid #9bbcdb; border-right:1px solid #9bbcdb; background-color:#32a1da; text-align:center; display:inline-block; margin-top:15px;}
.trainDownList .listContent ul li.action a.download{cursor:pointer;}

/**培训详情页**/
.playBlock{ height:330px; margin-bottom:20px;margin:0 10px;border:1px solid #ccc;padding:10px;}
.playVideo{ float:left; width:570px; height:330px;}
.playVideo img{width:570px; height:330px;}
.playInfo{ float:left; width:385px; height:330px; margin-left:25px; position:relative;}
.playInfo .title{ font-size:22px; line-height:38px;}
.playInfo .playattribute{  height:36px; line-height:36px;}
.playInfo .playattribute font{ width:150px; display:block; float:left;}
.playInfo .playattribute font img{ margin-top:9px;}
.playInfo .playControl{ position:absolute; bottom:20px; left:0px;}
.playInfo .playControl a{ float:left; display:block; height:52px; width:230px; text-align:center; line-height:52px; margin-right:30px; font-size:20px;}
.playInfo .playControl a.playButton{ background-color:#ffad2f; color:#fff; cursor:pointer;}
.playInfo .playControl a.playButtonAttention{ background-color:#0095ff; color:#fff; cursor:pointer;border-radius:4px;}
.playInfo .playControl a.playButtonAttention:hover{ background-color:#0066ff;}
.playInfo .playControl a.playButtonEd{ background-color:#999; color:#fff;}

.jl-integral{width:100px;height:100px;position:absolute;right:0;top:40px;}
.jl-integral img{width:100px;height:100px;}
.jl-integral .text{position:absolute;top:30px;left:24px;color:red;font-weight:700;}

.videoInfoBg{  background-color:#fff;margin:0 auto;padding-bottom:15px;}
.videoInfo{  margin:0 auto;}
.videoInfoLeft{ float:left; width:620px; padding:15px 10px;border:1px solid #ccc;margin-top:15px;margin-left:10px;min-height:280px;}
.videoInfoLeft .selTitle ul li:first-child{ margin-left:0px;}
.videoInfoLeftContent ul li{ display:none;}
.videoIntroduce{ line-height:30px;}
.videoInfoRight{ margin-left:75px; width:280px; padding:5px; background-color:#fff; float:left;border:1px solid #ccc;margin-top:15px;}
.videoInfoRight .xgpeixun{border-bottom:1px solid #4c82b9;margin:18px 10px 0;font-size:18px;color:#4c82b9;font-weight:bold;padding-bottom:5px;}
.videoInfoRight .rightPlayInfo{ padding-bottom:30px; border-bottom:1px solid #dfdee0; margin-bottom:30px;}
.videoInfoRight .rightPlayInfo ul li{ line-height:24px;}

/**相关课程样式**/
.relationList ul{ margin:10px;}
.relationList ul li{ margin:0 15px;border-bottom:1px solid #eee;padding:10px 0;list-style-type:disc}
.relationList ul li a{display:block; text-overflow:ellipsis;color:#155FAA;font-size:14px;}
.relationList ul li a:hover{ color:#ffad2f;}

/**日历控件***/
#calendarPrev,#calendarNext{ width:40px; height:30px; display:inline-block; cursor:pointer; line-height:30px; text-align:center;}
.calendarBlock tr td,.calendarBlock tr th{ height:34px; width:34px; text-align:center; vertical-align:middle;}
.calendarBlock tr td.selectCalendar{color:#fff; cursor:pointer;}

.topListType .date{border:1px solid #ccc;width:120px;padding-left:10px;background:#eee;height:20px;line-height:20px;font-size:14px;color:#ff6a00;margin-top:8px;} 
.topListType .date:hover{border:1px solid #ff6a00;cursor:pointer;} 
.topListType .date:hover .close{cursor:pointer;background:#ff6a00;color:#fff;} 
.date .close{float:right;background:#eee;border:0;height:20px;color:#ff6a00;width:20px;font-size:18px;line-height:18px;outline:none}

.videoTitleGs{margin-bottom:20px;}
.videoTitleGs ul{border-bottom:1px solid #4c82b9;}
.videoTitleGs ul li{font-size:18px;color:#4c82b9;}
.videoTitleGs ul .sel{color:#8ec31f;}

.pageContentRight{margin-left:20px;width:760px;}
.pageContentBlock{padding:10px 0 20px 0;}
.pageContentBlock .pageContentLeft{margin-left:10px;margin-right:20px;}
.pageContentLeft .tt1{background:#137aa8}
.pageContentLeft .tt1:hover{background:#137aa8}
.pageContentLeft .tt2{background:#f6f6f7;border:1px solid #45b4e1;height:35px;line-height:35px;}
.pageContentLeft .tt2 a{color:#45b4e1;letter-spacing:2px;font-family:'黑体';font-weight:bold;}
.pxjhPic{float:left;margin-left:20px;width:55px;height:35px;/* background:url('../images/public_head.png') center center no-repeat;background-size:500px;background-position:-45px -112px; */}
.pxjhPic img{width:32px;height:32px;margin-left:8px}
.pxjhPic1{float:left;margin-left:20px;width:75px;height:35px;/* background:url('../images/public_head.png') center center no-repeat;background-size:500px;background-position:28px -108px; */}
.pxjhPic1 img{width:32px;height:38px;margin-left:30px;}

.pxTable{padding:5px;}
.pxTable tr{width:220px;line-height:35px;height:35px;font-size:12px;color:#999;}
.pxTable tr td a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:130px;display:block;cursor:pointer;}





.isT{background:#5fb41b;color:#fff;}
.playInfo .playControl a.bmT{background:#aaa;color:#fff;}
.playControl .beginT{background:#ff9a00;color:#fff;}
.trainPlanList .listContent ul li.action .beginT{background:#ff9a00;color:#fff;}
.integral-img{float:left;width:0;margin-top:9px;}
.integral-img img{width:15px;height:15px;margin-left:-18px;}