@charset "utf-8";

/* 滚动条 */
::-webkit-scrollbar{padding-left:1px;background-color:#fafafa;overflow:visible;width:8px;height:8px;}
::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);background-clip:padding-box;border-left-width:2px;min-height:8px;}
::-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:horizontal:hover,::-webkit-scrollbar-thumb:vertical:active,::-webkit-scrollbar-thumb:horizontal:active{background-color:rgba(0,0,0,.25);}
::-webkit-scrollbar-button{height:0;width:0;}
::-webkit-scrollbar-track{background-clip:padding-box;border:solid transparent;border-width:0 0 0 2px;}
::-webkit-scrollbar-corner{background:transparent;}
::-webkit-scrollbar-track-piece{-webkit-border-radius:0;}

/* 全局 theme */
html,body{height:100%;}
body{margin:0;font-size:14px;line-height:1.42857143;font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;color:#777;background-color:#fff;}
[v-cloak]{display:none!important;}
.text-black{color:#444d5e;}
.text-normal{color:#777;}
.text-justify{text-align:justify;}
.text-orange{color:#fd5820;}
.list-hor{margin-bottom:0;font-size:0;padding-left:0;}
.list-hor>li{display:inline-block;padding:0 5px;font-size:14px;position:relative;}
.list-hor>li>a{display:block;color:currentColor;}
.list-hor.dock-l{margin-left:-5px;text-align:left;}
.list-hor.dock-r{margin-right:-5px;text-align:right;}
.list-hor.separated.dock-l{margin-left:-10px;}
.list-hor.separated.dock-r{margin-right:-10px;}
.list-hor.separated>li{padding-left:10px;padding-right:10px;}
.list-hor.separated>li:not(:last-child):after{content:"";position:absolute;height:1em;top:50%;margin-top:-0.5em;right:0;border-right:1px solid currentColor;opacity:0.5;}

/* bootstrap reset */
a{color:#3588d4;}
a:hover,a:focus{text-decoration:none;color:#3588d4;}
hr{border-top-color:#ddd;}
textarea.form-control{overflow-x:hidden;resize:none;}
.form-control{box-shadow:none;}
.form-control:focus{box-shadow:none;}
.btn{outline:none!important;}
.btn-primary{background-color:#2368c7;color:#fff;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active:hover{background-color:#1078cc;color:rgba(255,255,255,.8);}
.btn-primary:active:hover{color:#fff;}
.input-group-addon{border-radius:0;}
.text-muted{color:#bbb;}
.breadcrumb{color:#bbb;padding:10px 0;background-color:transparent;}
.breadcrumb a{color:#bbb;}
.breadcrumb>.active,.breadcrumb a:hover{color:#444d5e;}
.dropdown-menu,.modal-content{border-radius:0;}
.tooltip-inner{white-space:nowrap;}
.carousel-inner>.item>a>img, .carousel-inner>.item>img{width:100%;}

/* 布局 */
.layout-body{min-height:100%;height:auto!important;height:100%;position:relative;background-color:#f2f3f5;}
.layout-head{background-color:#2368c7;position:relative;z-index:1;}
.layout-hair{color:rgba(255,255,255,.6);}
.layout-hair .list-hor>li{font-size:13px;}
.layout-hair .list-hor>li>a:hover{color:#fff;}
.layout-hair .list-hor>li .badge{background: #ff6c60;position: absolute;right: -10px;top: 8px;z-index: 100;}
.layout-face{position:relative;padding:20px 0;background-color:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);}
.layout-nav{position:relative;font-size:0;top:8px;}
.layout-nav>li{padding:0;}
.layout-nav>li>a{display:block;padding:0 15px;font-size:16px;font-weight:700;color:#666;position:relative;height:34px;line-height:34px;}
.layout-nav>li>a:hover,.layout-nav>li.active>a{color:#2368c7;}
.layout-nav>li.active:after{content:"";display:block;position:absolute;bottom:-28px;left:15px;right:15px;border-bottom:5px solid #2368c7;}
.layout-nav .form-inline{padding-left:20px;}
.layout-nav .form-control{padding-right:49px;}
.layout-nav .btn-orange{position:absolute;top:0;right:0;width:34px;text-indent:-100px;background-image:url(../img/index/search.png);background-repeat:no-repeat;background-position:center;background-size:16px 16px;overflow:hidden;border-radius:0 4px 4px 0;}
.layout-page{min-height:700px;padding:30px 0 60px;}
.layout-page.no-padding{padding-bottom:0;padding-top:0;}
.layout-foot{background-color:#011c37;padding:50px 0;}
.layout-foot .totop{position:fixed;left:0;width:100%;bottom:0;}
.layout-foot .totop a{position:absolute;right:-50px;top:-260px;display:inline-block;width:40px;height:40px;background-color:#fff;border:1px solid #ddd;color:#999;text-align:center;line-height:40px;font-size:20px;}
.layout-foot .totop a:hover{background-color:#3588d4;border-color:#3588d4;color:#fff;}
.layout-foot .list-hor.dock-r{margin-right: -15px;margin-bottom: 20px;}
.layout-foot .list-hor>li{padding: 0 15px;}
.layout-foot .list-hor>li>a{font-size:16px;color:rgb(138,147,164);display:block;line-height: 20px;}
.layout-foot .list-hor>li>a:hover{color:#fff;}
.layout-foot .copyright{font-size:13px;color:rgb(84,92,109);text-align:right;line-height:20px;}
.layout-foot .logo{position: relative;top: 5px;}
/* 顶部菜单 */
.layout-head .username:hover + .dropdown .dropdown-menu{display:block !important;}
.dropdown .dropdown-menu{margin-top:-1px;}
.dropdown .dropdown-menu:hover{display:block !important;}

/* 分页样式 */
.custom-page{display:inline-block;}
.custom-page a,.custom-page span,.custom-page .current,.custom-page .prevPage,.custom-page .nextPage{height:40px;line-height:40px;display:inline-block;padding:0 16px;font-size:14px;text-decoration:none;text-align:center;color:#333;margin-left:4px;}
.custom-page span{padding-left:0;padding-right:0;background-color:transparent;}
.custom-page a:hover{background-color:#e6e6e6;}
.custom-page a:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125);}
.custom-page .prevPage,.custom-page .nextPage{width:40px;background:center center no-repeat;background-size:30px;white-space:nowrap;color:transparent!important;}
.custom-page .prevPage{background-image:url(../img/arrow_back.png);margin-left:0;}
.custom-page .nextPage{background-image:url(../img/arrow_forward.png);}
.custom-page .current{background-color:#fd5820;color:#fff;cursor:default;}
.custom-page .disabled{cursor:not-allowed;color:#999;}

/* 常用样式 */
.list-inline-reset{font-size:0;margin:0;}
.list-inline-reset li{padding:0;position:relative;}
.list-inline-reset li a{display:block;}
.relative{position:relative;}
.transition{-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.graceful-label{margin-bottom:0;vertical-align:middle;position:relative;padding-left:16px;font-weight:normal;}
.graceful-label input{position:absolute;left:0;top:50%;margin-top:-7px;width:13px;height:14px;}
.bg-cover{background-position:center;background-repeat:no-repeat;background-size:cover;}
.bg-grey{background-color:#eee;}
.bg-white{background-color:#fff;}
.objfit-cover{object-fit:cover;}
.rect{border-radius:0;}
.circle{border-radius:50%;}
.va-t{vertical-align:top;}
.va-m{vertical-align:middle;}
.va-b{vertical-align:bottom;}
.ti-2em{text-indent:2em;}
.w-fill{width:100%;display:block;}
.h-fill{height:100%;}
.ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fw-300{font-weight:300;}
.fw-500{font-weight:500;}
.fw-700{font-weight:700;}
.ma-0{margin:0 !important;}
.mt-0{margin-top:0;}
.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-30{margin-top:30px;}
.mt-60{margin-top:60px;}
.mb-0{margin-bottom:0;}
.mb-5{margin-bottom:5px;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-60{margin-bottom:60px;}
.mr-10{margin-right:10px;}
.mr-15{margin-right:15px;}
.mr-20{margin-right:20px;}
.mr-30{margin-right:30px;}
.mr-40{margin-right:40px;}
.mr-60{margin-right:60px;}
.mr-f5{margin-right:-5px;}
.pt-15{padding-top:15px;}
.pl-15{padding-left:15px;}
.pl-20{padding-left:20px;}
.pl-30{padding-left:30px;}
.r4-30{padding-right:30px;}
.pd-5{padding:5px;}
.pd-10{padding:10px;}
.pd-15{padding:15px;}
.pd-20{padding:20px;}
.pd-30{padding:30px;}
.pd-ver-15{/*padding-top:15px;padding-bottom:15px;*/height: 50px;line-height: 50px;}
.fs-0{font-size:0;}
.fs-12{font-size:12px;}
.fs-13{font-size:13px;}
.fs-14{font-size:14px;}
.fs-16{font-size:16px;}
.fs-18{font-size:18px;}
.lh-34{line-height:34px;}
.lh-40{line-height:40px;}
.printcss{display:none;}
@media print{
  .printcss{display:initial;}
}
.input-file-wrap{position:relative;}
.input-file-wrap input[type=file]{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;}
.input-file-wrap.square{display:block;width:100px;height:100px;border:1px solid #ddd;background-color:#fff;font-size:12px;text-align:center;color:#999;}
.input-file-wrap.square img{display:block;margin:23px auto 5px;}
.bg-score{background-image:url(../img/index/score.png)!important;background-repeat:no-repeat;}
.btn-orange{background-color:#fd5820;color:#fff;}
.btn-orange:hover,.btn-orange:focus{color:#fff;background-color:#f60;}
.input-search{background-image:url(../img/search.png);background-position:8px center;background-repeat:no-repeat;background-size:18px;padding-left:34px;font-size:13px;}

/* 网格 */
.zero-row{margin-left:0;margin-right:0;}
.zero-row>div{padding-left:0;padding-right:0;}
.xs-row{margin-left:-5px;margin-right:-5px;}
.xs-row>div{padding-left:5px;padding-right:5px;}
.sm-row{margin-left:-7.5px;margin-right:-7.5px;}
.sm-row>div{padding-left:7.5px;padding-right:7.5px;}
.md-row{margin-left:-10px;margin-right:-10px;}
.md-row>div{padding-left:10px;padding-right:10px;}

/* 开关 */
.switcher{display:none;}
.switcher+label,.switcher +label:after{-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.switcher+label{width:36px;height:18px;background-color:#fff;border:1px solid #ddd;border-radius:20px;position:relative;vertical-align:middle;margin:-1px 0 0 5px;}
.switcher+label:after{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background-color:#ddd;position:absolute;left:2px;top:2px;}
.switcher:checked+label{background-color:#3588d4;border-color:#3588d4;}
.switcher:checked+label:after{left:20px;background-color:#fff;}

/*.checker*/
.checker{display:none;}
.checker+label{font-weight:500;margin:5px;padding:2px 10px;border-radius:4px;}
.checker+label:hover{background-color:#f0f0f0;}
.checker:checked+label{background-color:#fd5820;color:rgba(255,255,255,.9);}

/* 模块 */
.module{margin-bottom: 60px;}
.module.mb-0{margin-bottom:0;}
.module.no-padding{padding-top:0;padding-bottom:0;}
.module-title{background-color: #2368c7;margin-bottom: 30px;padding: 0 15px;height: 50px;}
.module-title-text{color: #fff;font-size: 20px;margin: 0;line-height: 50px;}
.module .link{display:inline-block;line-height:50px;font-size:16px;color:#fff;padding-right:26px;background:right center no-repeat;background-size:20px;}
.module .link-refresh{background-image:url(../img/index/link_refresh.png);}
.module .link-more{background-image:url(../img/index/link_more.png);}
.module .col-view{border-radius:0 0 5px 5px;position:relative;}
.module .col-view img{display:block;width:100%;height: 160px;}
.module .col-view h4{margin:0 0 10px;}
.module .col-view h4 a{font-size:16px;color:#5d6573;display:block;}
.module .col-view h4 a:hover{color:#444d5e;}
.module .col-view:hover{-webkit-box-shadow:0 3px 15px rgba(0,0,0,.15);box-shadow:0 3px 15px rgba(0,0,0,.15);}
.module .col-view-info{padding:25px 20px;}
.module .col-view-close{position:absolute;top:0;right:0;width:20px;height:20px;margin:-10px -10px 0 0;display:inline-block;background:#fff url(../img/close-solid.png) center center no-repeat;background-size:20px;border-radius:50%;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;opacity:0;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5);}
.module .col-view:hover .col-view-close{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.module .course-label{background-color:#fff;border:1px solid transparent;border-radius:0;font-size:12px;font-weight:500;height:20px;line-height:18px;display:inline-block;padding:0 0.6em;}
.module .course-label.label-default{border-color:#ddd;color:#bbb;}
.module .course-label.label-primary{border-color:#2368c7;color:#2368c7;}
.module .course-label.label-success{border-color:#5cb85c;color:#5cb85c;}
.main-img{display:block;width:100%;height:160px;background-repeat: no-repeat;background-size: cover;background-position: 50%;}
.main-img.img-col-3{height: 210px;}
.module .table-item {display: table-cell;}
.module-gray {margin-bottom:30px;}
.module-gray .module-title{background-color:transparent !important;} 
.module-gray .module-title-text{font-size:24px;}
.module-gray .link,.module-gray .module-title-text{color: #777 !important;}
.module-gray .link-more{background:none;}
.module-gray .link-more:after{content: "\00BB";color: #777; position: absolute;font-size: 30px;line-height: 44px;}


.module-gray2 {margin-bottom:30px;}
.module-gray2 .module-title{} 
.module-gray2 .module-title-text{font-size:24px;}
.module-gray2 .link,.module-gray .module-title-text{}
.module-gray2 .link-more{background:none;}
.module-gray2 .link-more:after{content: "\00BB"; position: absolute;font-size: 30px;line-height: 44px;}


/* 推荐课程 */
.module-tjkc .bg-score,.module-zxkc .bg-score,.module-pxbs .bg-score{padding-left:26px;background:left center no-repeat;color:#fd5820;line-height:20px;}

/* 全部课程页 */
.table-classify>tbody>tr>td{border-top:0;}
.table-classify .checker-title{display:inline-block;padding:2px 0;margin:5px 0;}
.course-row{padding-top:0;padding-bottom:0;}
.course-row .col-view{margin-bottom:30px;background-color:#fff;}
.course-row .col-view-info.last{border-top:1px solid #ddd;padding:20px;}
.course-row .media{margin-top:0;}
.course-row .media-left img{width:30px;}
.course-row .play-mask{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3) url(../img/play.png) center center no-repeat;}
.course-row .play-mask:hover{background-color:rgba(0,0,0,.4);}
.course-row .bg-score{padding-left:26px;background:left center no-repeat;color:#fd5820;line-height:20px;display:inline-block;}
.course-tab-wrap{border-bottom:1px solid #5f6675;padding-bottom:15px;height:49px;}
.course-tab-wrap .form-inline{position:absolute;top:0;right:0;}
.course-tab{margin-bottom:0;margin-left:0;}
.course-tab li{padding:0;position:relative;}
.course-tab li a{display:block;padding:0 15px;line-height:34px;height:34px;color:#444d5e;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;font-size:14px;}
.course-tab li a:hover{color:#2368c7;}
.course-tab li.active a{font-size:18px;color:#2368c7;}
.course-tab li.active:after{content:"";position:absolute;bottom:-15px;left:0;width:100%;border-bottom:5px solid #2368c7;}

/* 学习中心 */
.course-user-info{background-color:#fafafa;padding:30px 20px;}
.course-user-info .media-heading{font-size:18px;color:#444d5e;margin:0 0 5px;display:block;}
.course-user-info .bg-score{height:20px;line-height:20px;padding-left:25px;background:left center no-repeat;background-size:18px;}
.course-user-menus li:not(:last-child) a{border-bottom:1px solid #eee;}
.course-user-menus li a{display:block;padding:20px;padding-left:60px;color:#444d5e;border-left:5px solid #fff;background:20px center no-repeat;background-size:20px;}
.course-user-menus li.active a{border-left:5px solid #2368c7;}
.course-user-menus .bg-kc{background-image:url(../img/study_center/lm_kc.png);}
.course-user-menus .bg-bj{background-image:url(../img/study_center/lm_bj.png);}
.course-user-menus .bg-zs{background-image:url(../img/study_center/lm_zs.png);}
.course-user-menus .bg-fv{background-image:url(../img/study_center/lm_fv.png);}
.course-user-menus .bg-sc{background-image:url(../img/study_center/lm_kc.png);}
.course-user-menus .bg-xx{background-image:url(../img/study_center/lm_xx.png);}
.course-user-menus .bg-sz{background-image:url(../img/study_center/lm_sz.png);}
.course-user-menus li.active .bg-kc{background-image:url(../img/study_center/lm_kc_1.png);}
.course-user-menus li.active .bg-bj{background-image:url(../img/study_center/lm_bj_1.png);}
.course-user-menus li.active .bg-zs{background-image:url(../img/study_center/lm_zs_1.png);}
.course-user-menus li.active .bg-fv{background-image:url(../img/study_center/lm_fv_1.png);}
.course-user-menus li.active .bg-sc{background-image:url(../img/study_center/lm_kc_1.png);}
.course-user-menus li.active .bg-xx{background-image:url(../img/study_center/lm_xx_1.png);}
.course-user-menus li.active .bg-sz{background-image:url(../img/study_center/lm_sz_1.png);}
.course-search-form .form-control,.course-search-form .btn{height:40px;}
.course-search-form .btn{background-color:#2368c7;width:120px;}
.course-search-form .btn img{position:relative;top:-1px;}
.course-my-tabs{border-bottom:1px solid #acafb8;height:50px;}
.course-my-tabs li a{font-size:13px;border-bottom:5px solid transparent;padding:0 15px;height:50px;line-height:50px;color:#444d5e;}
.course-my-tabs li.active a{font-size:16px;color:#2367c7;border-bottom-color:#2368c7;}
.course-my-filters{position:absolute;top:17px;right:0;margin-right:-10px;}
.course-my-filters li:not(:last-child){border-right:1px solid #999;}
.course-my-filters li a{font-size:13px;padding:0 10px;line-height:16px;color:currentColor;}
.course-my-filters li a.up,.course-my-filters li a.down{padding-right:30px;background:right 10px center no-repeat}
.course-my-filters li a.up{background-image:url(../img/library/tag_up.png);}
.course-my-filters li a.down{background-image:url(../img/library/tag_down.png);}
.course-my-filters li a{}
.course-choose-btn-wrap{padding:0 20px;}
.course-choose-btn{border-radius:0;background-color:#fbfbfb;border:1px dashed #999;font-size:16px;color:#2368c7;height:50px;}
.module-mycourses{padding:30px 0;}
.module-mycourses .col-sm-4{margin-bottom:20px;overflow: hidden;}
.module-mycourses .col-view:hover{-webkit-box-shadow:0 3px 15px rgba(0,0,0,.15);box-shadow:0 3px 15px rgba(0,0,0,.15);}
.module-mycourses .bg-score{display:inline-block;height:20px;line-height:20px;padding-left:25px;background:left center no-repeat;}
.module-mycourses .progress{height:4px;position:relative;top:6px;}
.module-mycourses .last{border-top:1px solid #ddd;padding:15px 20px;}
.module-mycourses .btn-primary{background-color:#2368c7;}
.module-mycourses .success-label{position: absolute;width: 100%;color: #fff;background: #34BB6F;padding: 5px 10px;transform: rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg); -o-transform:rotate(45deg);text-align: center;top: 5%;right: -40%;}

.pass-img{ position: absolute;width: 60px;top: 20px;right: 20%;}

.input-file-view {width:100%;height:100%;background-size: 100%;background-repeat: no-repeat;background-position: 50%;}
.input-file-image-list .image-item{width: 100%;margin: 0 !important;}