@charset "utf-8";
/* CSS Document */
.top-bread,.mtop-tit{margin-right:54px;}
.top-reg{width:53px;}
.my-hd{background:#eaf8f0;}
.my-info{padding:10px 4px 9px 10px;border-bottom:1px solid #adddb6;}
.my-por{width:60px;height:60px;border:3px solid #fff;border-radius:3px;overflow: hidden;}
.my-por img{border-radius:3px;}
.my-tex{margin-left:72px; line-height:20px; font-size:0.875em;}
.my-name span{color:#ff7e00;}
.my-remind{color:#666;}
.my-remind span{color:#d7000f;margin-left:-7px;}
.my-sys{border-top:1px solid #fff;padding:0 15px 9px 16px;}
.my-sys-tab li{line-height:32px; margin-left:20px; font-size:1em; color:#ff7e00; float:left; position:relative; cursor:pointer;}
.my-sys-tab li i{width:6px;height:6px; background:#fff; border-left:1px solid #ccdeeb;border-top:1px solid #ccdeeb; display:inline-block;-moz-transform-origin:0 0;-moz-transform:rotate(45deg);-webkit-transform-origin:0 0;-webkit-transform:rotate(45deg);transform-origin:0 0;transform:rotate(45deg); position:absolute;left:50%;bottom:-3px; margin-left:-5px; display:none;}
.my-sys-tab li.cur{color:#006600;}
.my-sys-tab li.cur i{display:block;}
.my-sys-tab li:last-child{margin-right:0;}
.my-sys-con{border:1px solid #ccdeeb;padding:4px 6px 4px 9px; background:#fff; display:none;}
.my-sys-ul li{line-height:26px; font-size:0.875em;overflow:hidden;}
.my-sys-ul li a{color:#222;}
.none-course{padding:12px 9px 20px 14px;}
.none-course .none-hint{line-height:24px;font-size:0.875em;}
.none-course .none-hint span{color:#d7000f; font-size:15px; display:block;}
.none-course p em{text-align:left; display:inline-block; font-size:15px;}
.none-course .none-dl dt{width:5px;height:5px; background:#3ec93f; border-radius:50px; float:left; margin-top:8px;}
.none-course .none-dl dd{line-height:22px; margin-left:12px;font-size:0.875em;}
.none-tel{width:231px;height:26px; margin-top:13px;}

.course-name,.course-h4{line-height:44px; border-bottom:1px solid #ccc; padding-left:14px; background:-moz-linear-gradient(#fcfcfc,#f6f6f6);background:linear-gradient(#fcfcfc, #f6f6f6); color:#006600; font-size:1em; font-weight:normal;}
.course-h4{padding:13px 0 14px 14px;line-height:16px;border-top:1px solid #ccc;}
.course-h4 span{border-left:2px solid #004177; padding-left:7px; display:inline-block;}
.course-list{border-bottom:1px solid #ccc;}
.course-ul li{padding:0 14px;}
.course-ul li dl{line-height:28px;padding:7px 0;border-top:1px dashed #a7a7a7; font-size:0.875em;}  
.course-ul li dl dt{float:left;}
.course-ul li dl dt i{width:14px;height:14px;line-height:14px;display:inline-block; margin-right:5px;}
.course-ul li dl dd{float:right;}
.course-ul li dl dd a,.course-ul li dl dt a{color:#222;}
.course-ul li dl dd a.c-play{color:#3ec93f;margin-left:12px;}
.course-ul li.cur{background:#e4e4e4; box-shadow:0 2px 8px #b3b2b2 inset; padding-bottom:1px;}
.course-ul li.cur+li>dl,.course-ul li:first-child>dl{border-top:0 none;}
.course .course-list:last-child{border-bottom:0 none;}

.sk-course-tit{line-height:24px; padding:10px 0 10px 2%; font-size:1em; color:#004177; border-bottom:3px solid #3ec93f;background:#fefefe;background:-moz-linear-gradient(0% 0% 270deg, #f0f0f0,#fefefe);background:linear-gradient(0% 0% 270deg, #f0f0f0,#fefefe);background:-webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#fefefe));}

.sk-course-video{margin:0 auto;}
.sk-course-tab{height:42px; line-height:42px; border-bottom:3px solid #dddddd; border-top:3px solid #f5f5f7;}
.sk-course-tab li{float:left;width:24.8%;text-align:center; font-size:1em; border-right:1px solid #dddddd;}
.sk-course-tab .hover{border-bottom:3px solid #3ec93f;}
.sk-course-tab .hover a{ color:#004177;}
.sk-course-tab li:last-child{ border-right:0; width:24.5%;}
.sk-course-tab a{ color:#101111;}

/**
给讲义添加滚动条。
*/
.sk-course-note{background:#f5f5f7;padding:4%;overflow-y:auto;overflow-x:hidden;height:200px;}
.sk-course-note h3{line-height:32px; font-size:1em;}
.sk-course-note p{line-height:22px; font-size:0.875em;}

/**
给目录添加滚动条。
*/
.sk-course-menu{background:#F5F5F7;padding:3%;overflow-y:auto; overflow-x:hidden; height:200px;}
.sk-course-menu h3{line-height:44px; font-size:1em; color:#006600; border-top:1px solid #c4c4c6;background:#fcfcfc;background:-moz-linear-gradient(0% 0% 270deg, #f6f6f6,#fcfcfc);background:-webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#fcfcfc));background:linear-gradient(0% 0% 270deg, #f6f6f6,#fcfcfc);padding-left:3%;}
.sk-course-menu h3 span{margin-right:10px; color:#999;}
.sk-course-menu h3 a{color:#004177;}
.sk-course-menu h3:firsr-child{border:0;}
.sk-course-menu ul{border-top:1px solid #c4c4c6;}
.sk-course-menu li{height:32px;line-height:32px;font-size:0.875em; border-bottom:1px dashed #a1a1a2;padding-left:4%;}
.sk-course-menu li:hover,.sk-course-menu li.hover{box-shadow:0 1px 1px 0 #b3b2b2 inset; background:#e4e4e4; padding-bottom:1px; border-bottom:0 none;}
.sk-course-menu li:last-child{padding-bottom:1px; border-bottom:0 none;}

.sk-course-notes{background:#f5f5f7; padding:4%;}
.sk-course-notes h3{font-size:1em; line-height:32px;}
.sk-course-notes .input_area{height:95px;border:1px solid #989898;border-radius:5px; font-size:1em; color:#777;padding:4px; background:#fff;}
.sk-course-notes .input_area textarea{display:block; width:100%; height:100%; line-height:23px; border:0; font-size:14px; resize:none; overflow-y:auto;}
.sk-course-notes .btn{text-align:right; padding:10px 0 0 0;}
.sk-course-notes .btn a{background:#3ec93f; font-size:1em; border-radius:5px; height:40px; line-height:40px; padding:0 20px; color:#fff; display:inline-block;}

.sk-course-record{background:#f5f5f7; padding:4%;}
.sk-course-record .tab{height:46px; border:1px solid #bcbcbc; position:relative;}
.sk-course-record .tab .prve,.sk-course-record .tab .next{width:38px; height:46px;border-right:1px solid #bcbcbc; position:absolute; left:0px; top:0;}
.sk-course-record .tab .next{left:auto;right:0px; border-right:0 none;}
.a1, .a2, .a3, .a4{background:url(/images/myhome/jt.png) no-repeat; background-size:17px 314px;}
.sk-course-record .tab .prve a,.sk-course-record .tab .next a{ width:38px; height:46px; display:block;}
.sk-course-record .tab .prve .a1{background-position:10px 12px;}
.sk-course-record .tab .prve .a2{background-position:10px -279px;}
.sk-course-record .tab .next .a3{background-position:10px -68px;}
.sk-course-record .tab .next .a4{background-position:10px -174px;}
.sk-course-record .tab .tabli{overflow:hidden;}
.sk-course-record .tab .tabli ul{width:11456px;}
.sk-course-record .tab .tabli li{float:left; text-align:center; font-size:1em; line-height:46px; padding:0 5px;}
.sk-course-record .tab .tabli li:last-child{ background:none;}
.sk-course-record .tab .tabli li a{ color:#7b7b7b;}
.sk-course-record .tab .tabli .hover{ background:#fff; border-top:2px solid #3ec93f; line-height:45px; border-right:1px solid #bcbcbc; color:#004177;}
/**
给学习记录添加滚动条.
*/
.sk-course-record .record{border:1px solid #ddd; border-top:0;overflow-y:auto; overflow-x:hidden; height:200px;}
.sk-course-record .record li{padding:5px; line-height:30px; font-size:1em; background:#fff; border-top:1px solid #BCBCBC;}
.sk-course-record .record li:first-child{ border:0;}
.sk-course-record .record li:hover{box-shadow:0 3px 3px 0 #b3b2b2 inset; background:#e4e4e4;}
.sk-course-record .record .a1{background:#3ec93f; font-size:14px; border-radius:5px; height:22px; line-height:22px; padding:0 5px; color:#fff;}
.sk-course-record .record a{display:inline-block;}
.sk-course-record .record h4{color:#222222;}
.sk-course-record .record p{color:#0084d5; padding-left:8px;}

.sk-course-learningRecord{border:1px solid #ddd; background:#fff; border-top:0; padding:3%;}
.sk-course-learningRecord h3{font-size:1em; line-height:28px; padding:0 0 10px;}
.sk-course-learningRecord em{color:#d7000f;}
.sk-course-learningRecord p{line-height:24px; font-size:0.875em;}

.video{position:relative;overflow:hidden;cursor:pointer;}
.player{width:100%;height:38px;background:rgba(0,0,0,0.4);position:absolute;left:0;bottom:0;z-index:5;}
.pla-pro{height:3px; background:#fff;}
.pla-pro p{height:3px; background:#2f9fd8; border-top-right-radius:50px;border-bottom-right-radius:50px;}
.pla-ope .time{line-height:35px;font-size:0.75em; color:#fff; display:inline-block; margin:0 3%;vertical-align:middle;}
.pla-ope .time em{color:#2f9fd8;}
.pla-btn{display:inline-block;vertical-align:middle;margin:0 3%; white-space:nowrap; padding-top:3px;}
.pla-btn span{display:inline-block; vertical-align:middle;margin:0 10%;white-space:nowrap;}
.pla-btn span.ico-skip{width:18px;height:18px;}
.pla-btn span.ico-pause,.ico-player{width:22px;height:22px;}
.pla-btn .ico-speed{width:30px;height:14px;line-height:14px;border:1px solid #fff; border-radius:3px; font-size:0.75em; color:#fff; text-align:center;}
.pla-btn span.ico-tea{width:22px;height:22px;}
.ico-player{position:absolute;left:12px;bottom:48px;}
.speed-rela{display:inline-block;margin:0 6%; position:relative;}
.speed-rela span{margin:0;}
.speed-list{width:32px;border:1px solid #b7b7b7; border-radius:2px;background:rgba(0,0,0,0.75); position:absolute;left:-1px;bottom:23px;}
.speed-list ul li{line-height:20px; border-bottom:1px solid #b7b7b7;font-size:0.75em;color:#fff; text-align:center;}
.speed-list ul li:last-child{border-bottom:0 none;}
.speed-list ul li a,.pla-btn .ico-speed a{color:#fff;}
.speed-list i{width:5px;height:5px;border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7; display:inline-block; background:#000;position:absolute;left:50%;bottom:-3px; margin-left:0;-moz-transform-origin:0 0;-moz-transform:rotate(45deg);-webkit-transform-origin:0 0;-webkit-transform:rotate(45deg);transform-origin:0 0;transform:rotate(45deg);}