/*布局*/
.layui-layout-admin .layui-header{height:50px;}
.layui-layout-admin .layui-header .layui-logo{box-shadow:0 1px 2px 0 rgba(0,0,0,.15);color:#fff;font-size:18px;line-height:50px;}
.layui-layout-admin .layui-header .layui-nav .layui-nav-item{line-height:50px;}
.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child{top:55px;}
.layui-layout-admin .layui-header .layui-nav .layui-nav-item>a{color:#fff;}
.layui-layout-admin .layui-header .layui-nav .layui-nav-bar{display:none;}
.layui-layout-admin .layui-header .layui-nav .layui-this:after{display:none;}
.layui-layout-admin .layui-header .layui-layout-left{padding:0;}
.layui-layout-admin .layui-header .layui-layout-left .layui-nav-item a:hover,.layui-layout-admin .layui-header .layui-layout-left .layui-nav-item.layui-this a{background:rgba(0,0,0,.1);}
.layui-layout-admin .layui-breadcrumb{position:absolute;top:50px;left:200px;z-index:999;box-sizing:border-box;padding:0 15px;width:100%;height:45px;background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);line-height:45px;}
.layui-layout-admin .layui-side{top:50px;}
.layui-layout-admin .layui-side .layui-nav-child a{padding-left: 42px;}
.layui-layout-admin .layui-body{top:95px;bottom:0;z-index:auto;padding:15px;background-color:#f2f2f2;}
.layui-layout-iframe .layui-form{margin:15px;}
/*内容区*/
.layui-btn-normal{background-color:#5fb878;}
.layui-btn-danger{background-color:#dc515f;}
.layui-form .layui-form-item .layui-btn-position{position:absolute;top:0;right:0;}
.layui-form .layui-form-item .layui-form-selected dl{z-index: 9999;}
.layui-card .layui-card-header{height:auto;}
.layui-card .layui-card-header .layui-form{margin-top:0;padding-top:10px;line-height:normal;}
.layui-card .layui-card-header .layui-form .layui-form-item{margin-bottom:0;}
.layui-card .layui-card-header .layui-form .layui-form-item .layui-input-inline{margin:0 10px 10px 0;}
.layui-card .layui-card-header .course_imgbox{width:130px;height:70px;}
.layui-card .layui-card-header .course_imgbox img{width:100%;height:100%;}
.layui-card .layui-card-body .layui-table{margin:0;}
.layui-card .layui-card-body .layui-table th{font-weight:700;}
.layui-card .layui-card-body .layui-table td{max-width:400px;word-wrap:break-word;word-break:break-all;}
.layui-card .layui-card-body .layui-btn+.layui-table{margin-top:10px;}
.layui-card .layui-card-body .layui-form{padding-top:5px;}
.layui-card .layui-card-body .layui-tab .layui-tab-content{padding:10px 0;}
.layui-card .layui-card-body .layui-btn-group{margin-bottom: 10px;}

/*首页*/
.index-nav a{float:left;display:block;margin-right:15px;width:120px;height:80px;border:1px solid #efefef;color:#009688;text-align:center;}
.index-nav a:hover{background-color:#009688;color:#fff;}
.index-nav a i{display:block;padding:10px 0 5px;font-size:30px;}
/*图标库*/
.icon-library{margin:4px;}
.icon-library .fa{display:block;border:1px solid #efefef;text-align:center;line-height:53px;cursor:pointer;}
.icon-library .fa:hover{border:1px solid #009688;}
/*分页*/
.page ul{margin-top:10px;font-size:0;}
.page ul li{display:inline-block;margin:0 -1px 0 0;height:28px;border:1px solid #e2e2e2;background-color:#fff;color:#333;font-size:14px;line-height:28px;}
.page ul li a,.page ul li span{display:block;padding:0 15px;}
.page ul li.disabled{color:#d2d2d2;}
.page ul li.active{border:1px solid #009688;background-color:#009688;color:#fff;}
/*通用*/
.mt5{margin-top: 5px !important;;}
.mt15 {margin-top:15px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt85 {margin-top: 85px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.mr5{margin-right: 5px !important;;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mb0{margin-bottom:0px !important;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb50{margin-bottom: 50px !important;}
.pd20{padding: 20px !important;}
.pd10{padding:10px !important;}
.pd20{padding:20px !important;}
.pdb40{padding-bottom: 40px !important;}
.pdr20{padding-right: 20px !important;}
.pdb15{padding-bottom: 15px !important;}
.pdl20{padding-left:20px !important;}
.pdt10{padding-top:10px !important;}
.pdl30{padding-left:30px !important;}
.bg-fff{background: #fff !important;}
.bg-grey{background: #f4f6f8 !important;}
.bg-f8fafc{background: #f8fafc !important;}
.bg-f2f2f2{background: #F2F2F2 !important;}
.c-999 {color: #999 !important;}
.c-blue {color: #3580DE !important;}
.c-666 {color: #666 !important;}
.c-fff{color: #fff !important;}
.c-c0 {color: #c0c0c0;}
.c-61{color: #616161;}
.fsize12{font-size: 12px !important;}
.font14{font-size: 14px !important;}
.font18{font-size: 18px !important;}
.font26{font-size: 26px !important;}
.c-studied{color: #009688 !important;}
.border-bottom{border-bottom: 1px solid #e9e9e9;}
.border-right{border-right: 1px solid #e9e9e9;}
.border{border:1px solid #e2e2e2;}
.noboder{border:none;}
.fl {float: left;}
.fr {float: right;}
.hLh20 {height: 24px;line-height: 24px;}
.tac {text-align: center;}
.hLh30 {height: 30px;line-height: 30px;}
.wd100{width:100px}
.empty { line-height: 200px;  text-align: center;  background: #fff;  margin-bottom: 20px;}
.upvideo-body{height:330px;overflow: auto;}
.upvideo-btn{float:right;margin-right:20px;}
.upload-video-state>span u {display: block;height: 10px;width: 0%;background: #009688;border-radius: 10px;}
.upload-video-state>span i {position: relative;z-index: 1001;font-style: normal;}
.video-pic{border:1px solid #e2e2e2;text-align: center;height:100px;line-height: 100px;font-size: 30px;position: relative;cursor:pointer;padding:2px 5px 30px 5px; }
.video-pic .shadow {position:absolute;top:5px;right:5px;bottom:30px;left:5px}
.video-pic:hover .shadow {box-shadow:inset 0px 0px 120px rgba(0, 0, 0, 0.9);  -moz-box-shadow:inset 0px 0px 120px rgba(0, 0, 0, 0.9);  -webkit-box-shadow:inset 0px 0px 120px rgba(0, 0, 0, 0.9)  }
.video-pic .shadow {transition:all 0.6s ease-in-out;  -webkit-transition:all 0.6s ease-in-out;  -moz-transition:all 0.6s ease-in-out;  -ms-transition:all 0.6s ease-in-out;  -o-transition:all 0.6s ease-in-out;  }
.video-pic:hover .shadow {transition:all 0.6s ease-in-out;  -webkit-transition:all 0.6s ease-in-out;  -moz-transition:all 0.6s ease-in-out;  -ms-transition:all 0.6s ease-in-out;  -o-transition:all 0.6s ease-in-out;  }
.video-pic img{width:100%;height:100%;}
.video-pic .layui-progress{position:absolute;right:5px;bottom:30px;left:5px}
.video-pic .selected {box-shadow:inset 0px 0px 120px rgba(0, 0, 0, 0.9);  -moz-box-shadow:inset 0px 0px 120px rgba(0, 0, 0, 0.9);  -webkit-box-shadow:inset 0px 0px 120px rgba(0, 0, 0, 0.9)  }
.video-pic .selected {transition:all 0.6s ease-in-out;  -webkit-transition:all 0.6s ease-in-out;  -moz-transition:all 0.6s ease-in-out;  -ms-transition:all 0.6s ease-in-out;  -o-transition:all 0.6s ease-in-out;  }
.video-pic .video-title{text-align: center;  font-size: 12px;color: #555;height:30px;line-height: 30px;overflow:hidden;}
.video-pic .up-percent{position:absolute;right:5px;bottom:0px;left:5px;font-size:20px;color: #FF5722;}
.update-info{height:175px;overflow-y:auto;margin-left:20px;line-height: 20px;}
.update-bottom{position:fixed; bottom:20px;right:20px;}
.update-info::-webkit-scrollbar {width: 6px;height: 1px;}
.update-info::-webkit-scrollbar-thumb {border-radius: 6px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);background: #ccc;}
.update-info::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);border-radius: 10px;background: #EDEDED;}
.update-progress{margin-top:10px;}
/*分享按钮*/

@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url('iconfont.ttf?t=1747290367168') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-moon:before {
  content: "\e7bf";
}

.icon-boat-sharp:before {
  content: "\e97f";
}

.icon-water:before {
  content: "\e578";
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}