.fontemphasizedot { position: relative;text-indent:0;}
.fontemphasizedot:before { content: ".";position: absolute;bottom: -40%;left: 40%;}
/*-----------------------------------*\
    #覆盖全局样式
\*-----------------------------------*/

body{font-size: 14px;font-family: "Microsoft Yahei";word-break: break-word;word-wrap:break-word;color:#333;background-color:#fff !important;}
ul, ol, li{padding: 0;margin:0;list-style-type: none;}
h1,h2,h3,h4,h5,h6{font-family: "Microsoft Yahei";color:#333;}
.main-container:before{background-color: #f8f8f8;}
.skin-teach .main-container.main-te-contrainer:before{background-color: #f4f4f4;}
.page-content{background: none;}
.tl-box{border:1px solid #f2f2f2 !important;box-shadow: 0 1px 3px #e4e4e4;background-color:#fff;}
.tl-box.te-user-bg {background: url(../images/img/add-te-content-bg.png) repeat-x;border:none !important;box-shadow: none;}
.tl-box.stu-box-1 {background-color:#f4f9f0;}
.tl-box.stu-box-2 {background-color:#f4fafd;}
.tl-box.stu-box-3 {background-color:#fefbf8;}
.tl-box.stu-box-4 {background-color:#f4f9f0;}
.tl-box.padding-20{padding:20px;}
.tl-box-noshadow{box-shadow: none;}
.tl-box.margin-bottom-85{margin-bottom:85px;}
.tl-container{width:1200px;max-width:100%;margin-left:auto;margin-right:auto;}
.tl-container:before,
.tl-container:after{display:table;content:'';}
.tl-container:after{clear:both;}
.padding-15{padding:15px !important;}
.padding-20{padding:20px !important;}

/*颜色工具类*/
.col-blue{color:#378ef0 !important;}
.col-lightred{color:#f27668 !important;}
.col-green{color:#3eab20 !important;}
.col-yellow{color:#ffa441 !important;}
.col-grey{color:#d0d0d0 !important;}
.hr-blue{border-top: 1px solid #1994fb;}
.text-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

/*覆盖链接和面包屑颜色*/
a,
.breadcrumb > li > a {color:#378ef0;}
.skin-stu a,
.skin-stu .breadcrumb > li > a {color:#3eab20;}

/*间距*/
.te-hr.hr {border-width: 0;}



/*-----------------------------------*\
    #修改默认布局
\*-----------------------------------*/

.sidebar{width:210px;}
.nav-wrap{margin-top:25px;}
.user-info{top:-2px;vertical-align:middle;}
.nav-list > li > a{padding-left:15px;font-size: 16px;}
.nav-list > li > a > .menu-icon{margin-right:5px;}
.nav-list > li > .submenu:before{left:30px;}
.nav-list > li > .submenu > li:before{left:32px;}
.nav-list > li .submenu > li > a{padding-left: 52px;}
.nav-list > li .submenu > li a > .menu-icon{top:12px;left:22px;font-size:14px;}
.sidebar.menu-min .nav-list > li > a{height:41px;height:41px;line-height:41px;}
.sidebar.menu-min .nav-list > li > a > .menu-icon{vertical-align:middle;}
.sidebar.menu-min .nav-list > li > a > .menu-text,
.sidebar.menu-min .nav-list > li > a.dropdown-toggle > .menu-text{top:0;}
.sidebar.menu-min .nav-list > li.active > a:after{top:11px;}
.sidebar.menu-min .nav-list > li > .submenu{top:0;margin-top:41px;}
.nav .open:before{display:block;}
.nav-list > li.active:before{display:block;}
.sidebar + .main-content{margin-left:210px;}
.page-content{padding:20px;}
.skin-teach .page-content.te-page-bg{background: url(../images/img/teacher-main-bg.jpg) no-repeat center top #f4f4f4;-webkit-background-size:100% auto;
  -moz-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;}
.skin-stu .page-content.st-page-bg{background: url(../images/img/students-main-bg.jpg) no-repeat center top #f8f8f8;-webkit-background-size:100% auto;
  -moz-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;}
@media (min-width: 992px){
  .sidebar + .main-content .breadcrumbs-fixed{
    left: 210px;
  }
  .breadcrumbs-fixed + .page-content{
    padding-top: 55px;
  }
}
.input-group-btn .btn{border-radius: 0;}
.input-group-btn .btn > .ace-icon.icon-on-right{margin-left:0;}
.icon-logo{display:inline-block;width:24px;height:24px;vertical-align:-5px;background:url(../images/ico/icon-logo.png) no-repeat center center;}
.navbar-brand img{vertical-align:-3px;}


/*-----------------------------------*\
    #教师端顶部条和侧边导航配色
\*-----------------------------------*/

.skin-teach .navbar{background: #378ef0;}
.skin-teach .ace-nav > li > a{background: none;}
.skin-teach .ace-nav .open > a,
.skin-teach .ace-nav .open > a:hover,
.skin-teach .ace-nav .open > a:focus{background:#297fe1;}
.skin-teach .sidebar{background:#364860;}
.skin-teach .nav-list > li {border:none;}
.skin-teach .nav-list > li:before{top:0;bottom:0;height:auto;background:#378ef0;}
.skin-teach .nav-list > li:hover > a {color: #fff;background: #2a3950;}
.skin-teach .nav-list > li > a{color:#8a9aaf;background: #364860;}
.skin-teach .nav-list > li > a:hover,
.skin-teach .nav-list > li > a:focus{color:#fff;background: #2a3950;}
.skin-teach .nav-list > li > a > .menu-icon{vertical-align:middle;}
.skin-teach .nav-list > li:hover > .menu-icon,
.skin-teach .nav-list > li > a:hover .menu-icon{color:#8a9aaf;}
.skin-teach .nav-list li.active > a:after{border-right-color:#378ef0;}
.skin-teach .nav-list > li.open > a {font-weight: normal;color:#fff;background:#2a3950;}
.skin-teach .nav-list .open > a,
.skin-teach .nav-list .open > a:hover,
.skin-teach .nav-list .open > a:focus{background:#2a3950;}
.skin-teach .nav-list > li.active > a,
.skin-teach .nav-list > li.active:hover > a,
.skin-teach .nav-list > li.active > a:focus {font-weight:normal;color:#fff;background:#2a3950;}
.skin-teach .nav-list > li.active > a,
.skin-teach .nav-list > li.active:hover > a,
.skin-teach .nav-list > li.active > a:focus .menu-icon{color:#8a9aaf;}
.skin-teach .nav-list > li .submenu{border-top:none;background:#2a3950;}
.skin-teach .nav-list > li .submenu > li > a {border: none;background:inherit;}
.skin-teach .nav-list > li > .submenu > li > a{color:#a8acb1;}
.skin-teach .nav-list > li .submenu > li > a:hover{background:inherit;}
.skin-teach .nav-list > li > .submenu > li:hover > a{color:#fff;}
.skin-teach .nav-list > li > .submenu > li.active > a {font-weight:normal;color:#fff;background:inherit;}
.skin-teach .sidebar.menu-min .nav-list > li > .submenu{background:#2a3950;}
.skin-teach .sidebar.menu-min .nav-list > li > a > .menu-text{border:none;color:#fff;background:#2d353c;}
.skin-teach .sidebar-toggle,
.skin-teach .sidebar-toggle > .ace-icon {border-color:#b9b9b9;color:#898989;background:#364860;}
.skin-teach .sidebar .sidebar-toggle{border:none;border-color:#898989;}
.skin-teach .nav-list > li > a > .menu-icon.fa-course{height:18px;background:url(../images/ico/icon-course.png) no-repeat center center;}
.skin-teach .nav-list > li > a > .menu-icon.fa-footprint{height:18px;background:url(../images/ico/icon-footprint.png) no-repeat center center;}



/*-----------------------------------*\
    #学生端顶部条和侧边导航配色
\*-----------------------------------*/

.skin-stu .navbar{background:#54b43e;}
.skin-stu .ace-nav > li > a{background:none;}
.skin-stu .ace-nav .open > a,
.skin-stu .ace-nav .open > a:hover,
.skin-stu .ace-nav .open > a:focus{background:#46a231;}
.skin-stu .sidebar{background:#eaedf2;}
.skin-stu .nav-list > li {border:none;}
.skin-stu .nav-list > li:before{top:0;bottom:0;height:auto;background:#54b43e;}
.skin-stu .nav-list > li:hover > a {color:#fff;background: #d8dde7;}
.skin-stu .nav-list > li > a{color:#333;background:#eaedf2;}
.skin-stu .nav-list > li > a:hover,
.skin-stu .nav-list > li > a:focus{color:inherit;background:#d8dde7;}
.skin-stu .nav-list > li > a > .menu-icon{vertical-align:middle;color:#54b43e;}
.skin-stu .nav-list li.active > a:after{border-right-color:#54b43e;}
.skin-stu .nav-list > li.open > a {font-weight:normal;color:inherit;background:#d8dde7;}
.skin-stu .nav-list .open > a,
.skin-stu .nav-list .open > a:hover,
.skin-stu .nav-list .open > a:focus{background:#d8dde7;}
.skin-stu .nav-list > li.active:after{border-color:#54b43e;}
.skin-stu .nav-list > li.active > a,
.skin-stu .nav-list > li.active:hover > a,
.skin-stu .nav-list > li.active > a:focus {font-weight:normal;color:inherit;background:#d8dde7;}
.skin-stu .nav-list > li > .submenu{border-top: none;background: #d8dde7;}
.skin-stu .nav-list > li > .submenu > li > a{border: none;color:inherit;background:inherit;}
.skin-stu .nav-list > li > .submenu > li > a:hover{background:inherit;}
.skin-stu .nav-list > li > .submenu > li:hover > a{color:#54b43e;}
.skin-stu .nav-list > li > .submenu > li.active > a {font-weight: normal;color: #54b43e;background:inherit;}
.skin-stu .sidebar.menu-min .nav-list > li > .submenu{background:#d8dde7;}
.skin-stu .sidebar.menu-min .nav-list > li > a > .menu-text{border:none;background:#bcc1cc;}
.skin-stu .sidebar-toggle,
.skin-stu .sidebar-toggle > .ace-icon {border-color: #b9b9b9;color: #898989;background:#eaedf2;}
.skin-stu .sidebar .sidebar-toggle{border:none;border-color:#898989;}
.skin-stu .nav-list > li > a > .menu-icon.fa-course{height:18px;background:url(../images/ico/icon-course-green.png) no-repeat center center;}
.skin-stu .nav-list > li > a > .menu-icon.fa-footprint{height:18px;background:url(../images/ico/icon-footprint-green.png) no-repeat center center;}

.tl-nav-extand{margin-left:30px;}
.tl-nav-extand li{position:relative;float:left;}
.tl-nav-extand>li>a{padding: 10px 15px 11px;font-size:16px;color:#fff;background-color:transparent !important;}
.tl-nav-extand>li.active a{background-color:rgba(255,255,255,.2) !important;}



/*-----------------------------------*\
    #扩展栅格系统
\*-----------------------------------*/

@media (min-width: 1460px) {
  .col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6,
  .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11, .col-xlg-12 {float: left;}
  .col-xlg-12 { width: 100%; }
  .col-xlg-11 { width: 91.66666667%; }
  .col-xlg-10 { width: 83.33333333%; }
  .col-xlg-9 { width: 75%; }
  .col-xlg-8 { width: 66.66666667%; }
  .col-xlg-7 { width: 58.33333333%; }
  .col-xlg-6 { width: 50%; }
  .col-xlg-5 { width: 41.66666667%; }
  .col-xlg-4 { width: 33.33333333%; }
  .col-xlg-3 { width: 25%; }
  .col-xlg-2 { width: 16.66666667%; }
  .col-xlg-1 { width: 8.33333333%; }
  .col-xlg-pull-12 { right: 100%; }
  .col-xlg-pull-11 { right: 91.66666667%; }
  .col-xlg-pull-10 { right: 83.33333333%; }
  .col-xlg-pull-9 { right: 75%; }
  .col-xlg-pull-8 { right: 66.66666667%; }
  .col-xlg-pull-7 { right: 58.33333333%; }
  .col-xlg-pull-6 { right: 50%; }
  .col-xlg-pull-5 { right: 41.66666667%; }
  .col-xlg-pull-4 { right: 33.33333333%; }
  .col-xlg-pull-3 { right: 25%; }
  .col-xlg-pull-2 { right: 16.66666667%; }
  .col-xlg-pull-1 { right: 8.33333333%; }
  .col-xlg-pull-0 { right: auto; }
  .col-xlg-push-12 { left: 100%; }
  .col-xlg-push-11 { left: 91.66666667%; }
  .col-xlg-push-10 { left: 83.33333333%; }
  .col-xlg-push-9 { left: 75%; }
  .col-xlg-push-8 { left: 66.66666667%; }
  .col-xlg-push-7 { left: 58.33333333%; }
  .col-xlg-push-6 { left: 50%; }
  .col-xlg-push-5 { left: 41.66666667%; }
  .col-xlg-push-4 { left: 33.33333333%; }
  .col-xlg-push-3 { left: 25%; }
  .col-xlg-push-2 { left: 16.66666667%; }
  .col-xlg-push-1 { left: 8.33333333%; }
  .col-xlg-push-0 { left: auto; }
  .col-xlg-offset-12 { margin-left: 100%; }
  .col-xlg-offset-11 { margin-left: 91.66666667%; }
  .col-xlg-offset-10 { margin-left: 83.33333333%; }
  .col-xlg-offset-9 { margin-left: 75%; }
  .col-xlg-offset-8 { margin-left: 66.66666667%; }
  .col-xlg-offset-7 { margin-left: 58.33333333%; }
  .col-xlg-offset-6 { margin-left: 50%; }
  .col-xlg-offset-5 { margin-left: 41.66666667%; }
  .col-xlg-offset-4 { margin-left: 33.33333333%; }
  .col-xlg-offset-3 { margin-left: 25%; }
  .col-xlg-offset-2 { margin-left: 16.66666667%; }
  .col-xlg-offset-1 { margin-left: 8.33333333%; }
  .col-xlg-offset-0 { margin-left: 0; }
}



/*-----------------------------------*\
    #单选框、复选框和表单
\*-----------------------------------*/

input[type="radio"].ace + .lbl::before{line-height:16px;}
.checkbox-inline input[type="checkbox"]{margin-left:0;}
textarea,select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {color: #333;}



/*-----------------------------------*\
    #按钮 button
\*-----------------------------------*/

.btn{border-width:0;border-radius: .25em;font-size: 16px;line-height:1.4;text-shadow:none;}
.btn.width100{width:100px;}
.btn:hover,
.btn:focus,
.btn:focus:hover{outline:none;}
.btn-blue{background-color: #378ef0 !important;}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:focus:hover{background-color: #297fe1 !important;}
.btn-orange{background-color: #ffac52 !important;}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:focus:hover{background-color: #e0892b !important;}
.btn-green{background-color: #50b33c !important;}
.btn-green:hover,
.btn-green:focus,
.btn-green:focus:hover{background-color: #3b9e27 !important;}
button.btn:active {top:initial;}
.btn-sm{font-size:14px;}
.btn-mini{font-size:12px;}
.btn-white.btn-white-green{border-color:#3b9e27;color:#3b9e27 !important;}
.btn-white.btn-white-green:hover,
.btn-white.btn-white-green:focus,
.btn-white.btn-white-green.active,
.btn-white.btn-white-green:active{border-color: #77d264;color: #3b9e27 !important;background-color: #deffd7 !important;}
.btn.slick-disabled{cursor:not-allowed;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;}
.btn-fullScreen{position:absolute;right:5px;top:3px;z-index:1;font-size:20px;color:#333;}
.btn-shrinkScreen{margin-top:20px;font-size:20px;color:#333;}
.btn-group > .btn-lg, .btn-group + .btn-lg{border-width:0;}
.btn-white,
.btn-group .btn-white{border-width:1px;}
.btn-group > .btn:first-child{margin:0;}
.btn.active:after{content:none;}



/*-----------------------------------*\
    #标签 label
\*-----------------------------------*/

.badge{padding-top:3px;vertical-align:2px;}
.badge-lightgrey{color:#666;background-color: #e5e5e5;}
.label{line-height:1.18;}
.label.width80{width:80px;border-radius: 3px;}
.label-lightred{background-color: #f27668;}
.label-lightred.arrowed:before{border-right-color: #f27668;}
.label-lightred.arrowed-right:after{border-left-color: #f27668;}
.label-green{background-color: #3eab20;}
.label-green.arrowed:before{border-right-color: #3eab20;}
.label-green.arrowed-right:after{border-left-color: #3eab20;}
.label-green.arrowed-in-right:after{border-color: #3eab20;border-right-color: transparent;}
.label-blue{color:#fff !important;background-color: #378ef0;}
.label-blue.arrowed:before{border-right-color: #378ef0;}
.label-blue.arrowed-right:after{border-left-color: #378ef0;}
.label-blue.arrowed-in:before{border-color: #378ef0;border-left-color: transparent;}
.label-blue.arrowed-in-right:after{border-color: #378ef0;border-right-color: transparent;}
.label-greyblue{color:#fff !important;background-color: #5cc6e0;}
.label-greyblue.arrowed:before{border-right-color: #5cc6e0;}
.label-greyblue.arrowed-right:after{border-left-color: #5cc6e0;}
.label-greyblue.arrowed-in:before{border-color: #5cc6e0;border-left-color: transparent;}
.label-greyblue.arrowed-in-right:after{border-color: #5cc6e0;border-right-color: transparent;}
.tl-label{display:inline-block;max-width:100%;padding: .5em .6em;border-radius: .25em;line-height: 1;text-align: center;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align: baseline;color: #333;cursor: pointer;}
.tl-label.active{border-color:#378ef0;color:#fff;background-color: #378ef0;}
.tl-label:focus{outline:1px dotted black;}
.skin-stu .tl-label.active{border-color: #3eab20;background-color: #3eab20;}
.tl-label-border{width:90px;padding:1em .6em;border:1px solid #e5e5e5;border-radius: 0;background-color: #fff;}
.tl-label-group.p-right{position: absolute;top:-35px;right:0;}
.tl-label-group .active a{color:#fff;}
.tl-label-group a{display:block;color:#333;}
.tl-label-group a:hover{text-decoration: none;}
.tl-label-group .btn{float:left;border-radius:0;margin-left:5px;}
.tl-label-wrap{float:left;width:380px;}
.tl-label-wrap .tl-label{float:left;height:36px;padding:0;margin-left:5px;line-height:36px;}
.tl-label-group.p-right + .tab-content{padding-top: 0;}
.label-knowledge{border:1px solid #d0d0d0;border-radius:2px;margin:0 10px 10px 0;font-size:14px;background-color:transparent;}
.label-knowledge-error{color: #fa5039;}



/*-----------------------------------*\
    #提示工具内嵌html
\*-----------------------------------*/

.tl-tooltip-wrap{position:relative;}
.tl-tooltip{display:none;position:absolute;z-index:1070;max-width:500px;padding:5px 10px;border-radius:3px;font-size:12px;text-align:left;background-color:#333;filter:alpha(opacity=80);opacity:.8;color:#fff;}
.tl-tooltip:after{position:absolute;content:'';border-style:solid;border-width:6px;border-color:transparent;}
.tl-tooltip.top{bottom:100%;left:50%;}
.tl-tooltip.top:after{top:100%;left:50%;border-top-color:#333;margin-left:-6px;}
.tl-tooltip.right{left:100%;top:50%;}
.tl-tooltip.right:after{right:100%;top:50%;border-right-color:#333;margin-top:-6px;}
.tl-tooltip.bottom{top:100%;left:50%;}
.tl-tooltip.bottom:after{bottom:100%;left:50%;border-bottom-color:#333;margin-left:-6px;}
.tl-tooltip.left{right:100%;top:50%;}
.tl-tooltip.left:after{left:100%;top:50%;border-left-color:#333;margin-top:-6px;}
.tl-tooltip p{margin:5px 0;color:#fff;}
.tooltip.in{opacity: 0.8;filter: alpha(opacity=80);}
.tooltip-inner{border-radius:3px;text-align:left;}
.tooltip-links a{display:inline-block;padding:.1em 1em .1em 0;color:#fff;}



/*-----------------------------------*\
    #幻灯片 banner slider
\*-----------------------------------*/

.slick-dots{position:absolute;bottom:20px;width:100%;text-align:center;}
.slick-dots li{position:relative;display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 5px;background-color:#fff;cursor:pointer;}
.slick-dots li button{display:none;}
.slick-dots li.slick-active{background-color:#378ef0;}
.tl-banner-img{height:360px;background:no-repeat center center;}
.carousel-indicators .active{background-color: #378ef0;}
.slide{min-height:200px;max-height:460px;overflow:hidden;}



/*-----------------------------------*\
    #模拟下拉选择框 chosen
\*-----------------------------------*/

.chosen-container{font-size:14px;}
.chosen-container-single .chosen-single{padding:1px 0 1px 6px;border-color:#d5d5d5;background:#fff;}
.chosen-container-active.chosen-with-drop .chosen-single{border-color:#f59942;background:#fff;}
.chosen-container-single .chosen-drop{border-color:#f59942;border-bottom-width:1px;}
.chosen-container > .chosen-single,
[class*="chosen-container"] > .chosen-single{height:34px;line-height:30px;}
.chosen-container .chosen-results{padding:0;margin-right:0;}
.chosen-container .chosen-results li.highlighted {background-color: #39f;}
.chosen-container-multi .chosen-choices{padding:3px 4px;border:1px solid #d5d5d5;background:#fff;}
.chosen-container-active .chosen-choices{border-color:#f59942;}
.chosen-container-multi .chosen-choices li.search-field input[type="text"]{font-family:"Microsoft Yahei";color:#c0c0c0;}



/*-----------------------------------*\
    #无数据提示
\*-----------------------------------*/

.tl-nodata{text-align:center;}
.tl-nodata.center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.tl-nodata-icon i{margin-right:10px;font-size:3em;vertical-align:-11px;color:#e5e5e5;}
.tl-nodata-icon.large i{font-size:8em;}
.tl-nodata-txt{font-size:16px;color:#bbb;}
.tl-nodata-txt.block{margin-top:1em;}
.tl-nodata-txt a{color:#ffa441;}



/*-----------------------------------*\
    #切换 tab
\*-----------------------------------*/

.menu-tabs {background-color:#f0f0f0;height: 48px;border-bottom: #4d9b1d 2px solid;}
.tl-nav-tabs{margin:0;}
.menu-tabs.tl-nav-tabs{padding-left:20px;}
.tl-nav-tab-wrap{position:fixed;top:0;left:0;right:0;z-index:1024;padding-left:25px;border-bottom:1px solid #e5e5e5;background-color:#fff;}
.navbar-fixed-top + .main-container .tl-nav-tab-wrap{top:45px;}
@media (min-width: 992px){
  .sidebar + .main-content .tl-nav-tab-wrap{
    left: 210px;
  }
  .sidebar.menu-min + .main-content .tl-nav-tab-wrap {
    left: 43px;
  }
}
.tl-nav-tabs li{float:left;margin-bottom: -1px;}
.tl-nav-tabs li a{padding:.8em 1.2em .7em;font-size:16px;text-align:center;color:#333;}
.tl-nav-tabs-1 li.active a{border-bottom: 2px solid #378ef0;color:#378ef0;}
.skin-stu .tl-nav-tabs-1 li.active a{border-bottom: 2px solid #3eab20;color:#3eab20;}
.tl-nav-tabs-1>li>a:hover,
.tl-nav-tabs-1>li>a:focus{outline:none;background-color: transparent;}
.tl-nav-tabs-1>li>a:focus{color:#378ef0;}
.skin-stu .tl-nav-tabs-1>li>a:focus{color:#3eab20;}
.tl-nav-tabs-2{border-bottom: 1px solid #ddd;}
.tl-nav-tabs-2 li a{height:36px;padding:0 1.5em;border:1px solid #e5e5e5;margin-right:15px;line-height:36px;background: #fff;}
.tl-nav-tabs-2 li.active a{border-color: #378ef0;color:#fff;background:#378ef0;}
.skin-stu .tl-nav-tabs-2 li.active a{border-color:#3eab20;background-color:#3eab20;}
.tl-nav-tabs-2>li>a:hover{outline:none;}
.tl-nav-tab-btns{padding:12px 25px 0;}
.widget-header>.tl-nav-tabs li a{height:auto;padding:.8em 1.5em .7em;line-height:1.5;}
.tab-content{padding:16px 0;border:none;}

.tl-sidebar-box{background: #fff;border: 1px solid #eee;margin: 20px 0 20px;}
.tl-sidebar-header{position: relative;height: 38px;line-height: 38px;background-color: #fbfbfb;border-bottom: 1px solid #eee;padding-left: 10px;font-size: 16px;color: #1994fb;}
.tl-sidebar-tab{position: absolute;bottom:-1px;left:0;width: 100%;height: 39px;}
.tl-sidebar-tab li a{display: block;height: 39px;line-height: 39px;padding-bottom: 2px;margin: 0 5px;}
.tl-sidebar-tab li a:hover{text-decoration: none;}
.tl-sidebar-tab li.active a{border-bottom: 2px solid #1994fb;padding-bottom: 0;}
.tl-sidebar-tab li a i{margin-left: 5px;color: #999;}
.tl-sidebar-content{padding:15px;}

.skin-stu .tl-nav-tabs.menu-tabs li a{margin-top: 10px;padding:.36em .7em;font-size:16px;text-align:center;}
.skin-teach .tl-nav-tabs-1.menu-tabs>li>a:hover,
.skin-teach .tl-nav-tabs-1.menu-tabs>li>a:focus{outline:none;background-color: transparent !important;}
.skin-teach .tl-nav-tabs-1.menu-tabs>li>a:focus{color:#378ef0;}
.skin-stu .nav.tl-nav-tabs-1.menu-tabs > li > a:hover{text-decoration: none;}
.skin-stu .nav.tl-nav-tabs-1.menu-tabs > li > a:focus { background-color: #4d9b1d !important;color:#fff;}
.skin-stu .tl-nav-tabs-1.menu-tabs li.active a{border-bottom: 2px solid #4d9b1d;color:#fff;background-color:#4d9b1d;border-radius: 2px 2px 0 0;}



/*-----------------------------------*\
    #顶部导航条 topbar
\*-----------------------------------*/

.topbar{height:30px;border-bottom:1px solid #e7e7e7;background-color:#f9f9f9;}
.topbar-nav{width:1200px;margin:0 auto;}
.topbar-nav li{float:left;margin-right:30px;}
.topbar-nav a{display:block;font-size:12px;line-height:30px;color:#7b7b7b;}
.topbar-nav li.active a,
.topbar-nav a:hover{text-decoration:none;color:#17b0f7;}
.topbar-nav a img{float:left;margin:7px 5px 0 0;}



/*-----------------------------------*\
    #时间线 timeline
\*-----------------------------------*/

.timeline-item .widget-box{margin-bottom: 10px;color:#666;}
.timeline-style2{padding-top:0;}
.timeline-style2 .timeline-item .widget-box{margin-left:140px;}
.timeline-style2 .timeline-info{width:125px;}
.timeline-style2 .timeline-date{width:100px;}
.timeline-addstyle.timeline-style2 .timeline-date{color:#333;}
.timeline-style2 .timeline-indicator{left:108px;width:16px;height:16px;border:1px solid #378ef0;line-height: 16px;}
.timeline-style2.timeline-addstyle .timeline-indicator{left:108px;width:16px;height:16px;border:2px solid #378ef0; border-width: 2px !important;line-height: 18px;text-align: center;}
.timeline-style2.timeline-addstyle .timeline-indicator .timeline-add-indicator  {display: inline-block;width: 6px;height: 6px; line-height: 6px;border-radius: 50% !important;}
.skin-teach .timeline-style2 .timeline-indicator .timeline-add-indicator {background-color:#378ef0;}
.skin-stu .timeline-style2 .timeline-indicator{border-color:#3eab20;}
.skin-stu .timeline-style2.timeline-addstyle .timeline-indicator .timeline-add-indicator {background-color:#65b534;}
.timeline-style2 .timeline-item:before{left:115px;width:2px;}
.timeline-item .widget-box{background-color: #fff;}
.timeline-item:nth-child(even) .widget-box{background-color:#fff;}

.timeline-addstyle.timeline-style-green .timeline-item:before {background-color: #65b534;}



/*-----------------------------------*\
    #模态框 modal
\*-----------------------------------*/

.modal .modal-title{font-size: 16px;color:#fff;}
.modal .close{font-size: 24px;font-weight:normal;opacity:1;color:#fff;}
.modal .modal-header{padding:10px 15px;background-color: #777;}



/*-----------------------------------*\
    #弹出框
\*-----------------------------------*/

.layer-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1999;background-color:#000;opacity:.3;filter:alpha(opacity=30);}
.layer{display:none;padding:10px 20px;}
.layer-footer{text-align:center;}
.layer-footer .btn{margin:0 5px;}
.layer-uploadFile{max-height:300px;overflow:auto;}
.layer-uploadFile .progress{float:left;width:65%;margin:5px 10px 0 0;}
.layer-moveFile .layer-content{height:250px;overflow:auto;}
.layui-layer-title{background-color:#f4f4f4 !important;}
.layui-layer-iframe .layui-layer-btn,
.layui-layer-page .layui-layer-btn{text-align:center;}
.layui-layer-btn .layui-layer-btn0{background-color:#378ef0}
.skin-stu .layui-layer-btn .layui-layer-btn0{background-color:#3eab20}




/*-----------------------------------*\
    #widget-box
\*-----------------------------------*/

.widget-box{border:none;}
.widget-box.has-border{border:1px solid #ddd;}
.widget-box.margin-collapsed{margin:0 0 -1px;}
.widget-box.course-package{padding: 10px 20px 0;}
.widget-header{height:50px;padding:0 30px;line-height:50px;background:#fff;-webkit-filter:initial;filter:initial;}
.tl-addsign .widget-header{height:40px;padding: 8px 5px 0 30px;line-height:50px;background:#fff;-webkit-filter:initial;filter:initial;}
.tl-stu-sign .widget-header {border-bottom: none;}
.widget-header.no-border{border-width:0;}
.widget-header > .widget-title{font-size:16px;color:#378ef0;}
.skin-stu .widget-header > .widget-title{color:#3eab20;}
.skin-stu .tl-addsign .widget-header > .widget-title{color:#fff;}
.widget-toolbar{margin-top:6px;}
.tl-addsign .widget-toolbar {margin:5px 10px 0 0;}
.tl-addsign .widget-toolbar .btn-sm {padding: 0px 9px; /* margin-top: 0px;*/}
.widget-link{float:right;font-size:16px;margin:0 10px;}
.widget-body .table thead:first-child tr{
  background: #f2f2f2;
  background-image: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0);
}
.widget-box-1 .widget-header{padding:0;border-bottom:none;}
.widget-box-1 .widget-title{display:inline-block;width:80%;line-height:50px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#333;}
.widget-box-1 .widget-body{border:1px solid #ddd;}
.widget-box-2{margin:0 0 20px;overflow:hidden;}
.widget-box-2 .widget-header{position:relative;height:auto;padding:20px 0;border:none;line-height:1;}
.widget-box-2 .widget-title{padding-left:12px;border-left:4px solid #1994fb;font-size:24px;color:#333;}
.widget-box-2 .widget-slider{position:absolute;right:0;top:35px;}



/*-----------------------------------*\
    #表格
\*-----------------------------------*/

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td{border-bottom:1px solid #ddd;border-top:none;vertical-align:middle;}
.table-transparent> thead > tr{background:none;}
.table-noborder > thead > tr > th,
.table-noborder > tbody > tr > th,
.table-noborder > tfoot > tr > th,
.table-noborder > thead > tr > td,
.table-noborder > tbody > tr > td,
.table-noborder > tfoot > tr > td{border:none;}
.table .form-group{margin:5px 0;}



/*-----------------------------------*\
    #图表
\*-----------------------------------*/

.chart-wrap{position:relative;}
.chart-wrap .chart-date{position:absolute;right:6%;top:20px;width:26%;}
[id^='echart'] > div:first-child,
[id^='echart'] > div:first-child > canvas,
[id^='echart'] > div:first-child > div {width:100% !important;}
.table .tl-tips{position: absolute;margin-left: 5px;}



/*-----------------------------------*\
    #分页 pagination
\*-----------------------------------*/

.pagination{margin-top:0;}
.pagination li a{border-color:#ddd;color:#333;background-color: #fff;}
.pagination li.active,
.pagination li.active a{background-color:#378ef0;}
.skin-stu .pagination li.active a{background-color:#3eab20;}
.tl-page-mini{color:#333;}
.tl-page-mini .tl-page-btn{display:inline-block;padding:0 8px;margin:0 5px;font-size:16px;line-height:1.5;color:#fff;background-color:#378ef0;}
.skin-stu .tl-page-mini .tl-page-btn{background-color:#3eab20;}
.tl-page-mini .tl-page-btn.disabled{background-color:#e5e5e5;cursor:not-allowed;}
.tl-page-infos{color:#999;}



/*-----------------------------------*\
    #树目录
\*-----------------------------------*/

.tree{overflow:initial;}
.tree .tree-branch .tree-branch-header{height:auto;}
.tree .tree-branch .tree-branch-header:hover{background-color: rgba(98, 168, 209, 0.2);}
.tree .tree-branch .tree-branch-header .tree-branch-name,
.tree .tree-item .tree-item-name{display:block;padding-left:2px;margin-left:-2px;white-space:nowrap;/*text-overflow:ellipsis;overflow:hidden*/;}
.tree .tree-item.tree-selected,
.tree .tree-item.tree-selected:hover{background-color:#daecff;}
.tree-tools{display:none;position:absolute;top:0;right:10px;z-index:1;line-height:30px;}
.tree-tools a{display:inline-block;padding:0 5px;}
.tree-branch-header:hover .tree-tools,
.tree-item:hover .tree-tools{display:block;}
.tree-label.block{display:block;height:20px;padding:0 3px;border:1px solid rgb(98, 168, 209);margin-top:20px;vertical-align:middle;white-space:nowrap;overflow:hidden;background-color:#fff;}
.tree-branch-name > i + .tree-label.block{margin-top:0;}
.tree .icon-caret{text-align: text-top !important;}
.icon-state{display:inline-block;position:relative;width:1.2em;height:1.2em;padding:1px;border:2px solid #ccc;border-radius:50%;margin:0 3px;vertical-align:-0.2em;}
.icon-state:after{position:absolute;top:1px;right:1px;bottom:1px;left:1px;content:'';border-radius:inherit;}
.icon-state-empty:after{}
.icon-state-half:after{width:50%;border-radius:50% 0 0 50%;background-color:#ff8400;}
.icon-state-full:after{background-color:#ff8400;}
.tree-input-group{width:calc(100% - 80px);margin-top:20px;table-layout:fixed;}
.tree-input-group .form-control,
.tree-input-group .chosen-container > .chosen-single,
.tree-input-group [class*="chosen-container"] > .chosen-single{height:30px;}
.tree-input-group .tree-label{display:table-cell;padding-left:5px;vertical-align:middle;}
.icon-knowledge{display:inline-block;width:14px;height:14px;margin:0 5px;vertical-align:-2px;background:url(../images/ico/icon-knowledge.png);}



/*-----------------------------------*\
    #信息筛选
\*-----------------------------------*/

.tl-select-list{margin-bottom:-15px;}
.tl-select-item{margin-bottom:15px;overflow:hidden;}
.tl-select-item-name{float:left;padding: .5em 0;line-height:1;color:#999;}
.tl-score-detail h4{padding-left:18px;font-size: 16px;}
.tl-score-detail li{border-bottom: 1px solid #e5e5e5;margin-bottom: 0;}
.tl-score-detail li>span{width:100px;text-align: center;}
.tl-select-item .radio-inline,
.tl-select-item .checkbox-inline{padding-left:0;}
.tl-select-txt{padding:.5em 0;margin:0;line-height:1;}
.tl-select-list-line .tl-select-item{border-bottom: 1px dotted #eaeaea;padding-bottom: 5px;margin-bottom: 10px;}
.tl-select-list-line .last{border-bottom: 0;}
.tl-select-list-line .tl-label{margin-right: 10px;}



/*-----------------------------------*\
    #个人主页
\*-----------------------------------*/

.ace-nav > li > a > .badge{position:static;padding:0 4px;}
.tl-user-img{border:#fff solid 4px;border-radius: 50%;margin:0 15px;}
.tl-user-infos{padding:12px 10px 8px;}
.tl-user-infos .btn{position:absolute;right:0;padding:.6em 1.6em;margin:10px 20px 0 0;font-size:16px;}
.tl-user-infoList li{margin-bottom: 5px;color:#999;}
.tl-user-infoList li span{color:#333;}
.tl-user-infoList select{border:none;}
.tl-user-infoList .tl-infoList-class span{color:#378ef0;}
.tl-user-infos-num{color: #666;}
.tl-user-infos-num span{margin-top:.5em;color:#333;}
.tl-user-infos-num p{margin-bottom:3px;font-size:20px;color:#333;}
.tl-user-infos-num .tl-icon{margin:0 5px;}
.tl-user-infos-num01 .tl-icon{color:#f27668;}
.tl-user-infos-num02 .tl-icon{color:#ffb052;}
.tl-user-infos-num03 .tl-icon{color:#96cd4b;}
.tl-user-infos-num04 .tl-icon{color:#65c2d0;}

.tl-arrange{padding:27px;}
.tl-arrange-num{font-size: 16px;color:#333;}
.tl-arrange-num span{font-size: 30px;color:#f27668;}
.tl-arrange-last{margin: 10px 0 20px;color:#999;}
.tl-arrange-last-name{display:inline-block;max-width:75%;margin:0 0 5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.tl-arrange-last-name + .badge{position: absolute;margin-left:3px;}
.tl-arrange .arrow{color:#378ef0;}
.tl-paper-list{}
.tl-paper-title{border-right:1px solid #e5e5e5;}
.tl-paper-title h4{margin-bottom:5px;}
.tl-paper-title .badge{margin-left:6px;}
.tl-paper-title i{font-size:3.5em;color:#bedcff;}
.tl-paper-title .label{margin-left: 10px;}
.tl-paper-info{padding:0.5em 0;text-align: center;line-height: 2;}
.tl-paper-info span{color:#333;}
.tl-paper-info b{color:#f27668;}
.tl-paper-op{padding-top: 1.2em;font-size:16px;text-align: center;}
.tl-paper-more{display: block;font-size:16px;text-align:center;line-height:50px;color:#999;background-color: #fdfdfd;}

.main-container-bg01:before{background-image:url(../images/img/page-bg01.png);background-repeat:no-repeat;background-position:center bottom;}
.table-course{box-shadow: 0 1px 3px #e4e4e4;table-layout:fixed;font-size:18px;text-align:center;background-color:#fff;}
.table-course > thead > tr{color:#fff;background: #4d6a90;}
.table-course > thead > tr> th{padding:12px;border:none;font-weight:normal;text-align:center;}
.table-course > tbody > tr> td{padding:15px;border-color:#eee;line-height:1.8;}
.table-course > tbody > tr> td:first-child{background:#f6f7fb;}
.table-course .course01{color:#1994fb;background:#eef8ff;}
.table-course .course02{color:#1fc77b;background:#e0fff2;}
.table-course .course03{color:#8553f6;background:#eee6fe;}
.table-course .course04{color:#fd7c23;background:#fff4eb;}


/*-----------------------------------*\
    #布置作业
\*-----------------------------------*/

.tl-arrangement-select{float:left;width:350px;border:1px solid #ddd;}
.tl-arrangement-paper{border:1px solid #ddd;margin-left: 370px;}
.tl-arrangement-select .tl-select-list{margin:15px;}
.tl-arrangement-tree{padding-left:15px;margin:0 0 12px;transition: height .3s}
.tl-arrangement-tree.tree-fixed{position:fixed !important;top:100px;bottom:100px;left:10px;z-index:1035;width:250px;box-shadow:0 0 13px #999;background-color:#fff;}

.tl-arrangement-paper-content{position:relative;border-bottom:1px solid #ddd;overflow:hidden;}
.tl-arrangement-paper-content .areamask > div{position:relative;}
.tl-arrangement-paper-content .areamask > div.active{border: 2px solid #e5e5e5;background:#000;filter:alpha(opacity=30);}
.tl-arrangement-paper-content .areamask > div.active:nth-child(n){background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3));}
.tl-arrangement-paper-content .areamask > div i{position: absolute;right:0;bottom:0;width:30px;height:30px;background: url(../images/ico/flag-checked2.png) no-repeat;}
.tl-arrangement-paper-content .areamask > div input[type='text']{position:absolute;right:0;top:0;width:55px;padding:0 3px;border:2px solid #e5e5e5;text-align:center;color:#333;}
.tl-arrangement-paper-content .no-paper{position:absolute;left:50%;top:50%;width:300px;height:200px;margin:-100px 0 0 -150px;text-align:center;background:#fff url("../images/img/no-subject.png") no-repeat center center;}
.tl-arrangement-paper-content .no-paper p{margin-top:165px;font-size: 18px;color:#aaa;}
.tl-arrangement-paper-content .widget-box{transition: height .6s;}
.tl-arrangement-paper-content.fullScreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1030;height:auto !important;background-color:#fff;}
.tl-arrangement-paper-content.fullScreen .widget-box{margin-top:75px;}

.tl-arrangement-paper-check{margin:20px 0 0 20px;}
.tl-slider-block{margin:25px 40px 0 0;}
.tl-slider-block > span:before,
.tl-slider-block > span:after{position:absolute;top:-2px;font-family:"FontAwesome";font-size:16px;line-height:1;color:#ddd;}
.tl-slider-block > span:before{content:"\f068";right:100%;margin-right:10px;}
.tl-slider-block > span:after{content:"\f067";left:100%;margin-left:10px;}
.ui-slider .ui-slider-handle{cursor:pointer;}
.ui-slider .ui-slider-handle:before,
.ui-slider .ui-slider-handle:after{display:block;content:"";position:absolute;top:5px;left:5px;width:4px;height:8px;border:1px solid;border-width:0 1px;border-color:inherit;}
.ui-slider .ui-slider-handle:after{left:8px;border-width:0 1px 0 0;}
.ui-slider-range{background-color:#378ef0;}
.tl-paper-topBar{display:none;position:fixed;top:0;left:0;right:0;z-index:1035;padding-bottom:20px;box-shadow:0 3px 5px #dedede;background-color:#fff;}


.labels span{display:inline-block;position:relative;padding:5px 15px;border:1px solid #d5d5d5;border-radius:5px;margin-right:8px;cursor:pointer;}
.labels span.active{border-color:#ff8400;color:#ff8400;}
.labels span a{position:absolute;right:-5px;top:-5px;font-size:16px;line-height:1;color:#f27668;}
.task-addknowledge .labels{float:left;margin-right:15px;}
.task-addknowledge .labels span{cursor:default;}
.task-addknowledge-btn{float:left;padding:5px 10px;border:1px solid #d5d5d5;border-radius:5px;color:#333;}



/*-----------------------------------*\
    #试题
\*-----------------------------------*/

.tl-tree-wrap{float:left;width:260px;}
.tl-tree-wrap.affix{top:140px;}
.tl-tree-wrap .tree{max-height:400px;}
.tl-tree-wrap+div{margin-left: 260px;}

.tl-exams-item{position: relative;padding:15px;border:1px solid #ddd;margin-bottom: 15px;overflow:hidden;}
.tl-exams-item .tl-exams-del{display:none;position:absolute;right:6px;top:-8px;font-size:30px;color:red;}
.tl-exams-item:hover,
.tl-exams-item.active{border-color:#378ef0;}
.tl-exams-item:hover .tl-exams-del{display:block;}
.skin-stu .tl-exams-item:hover{border-color:#3eab20;}
.tl-exams-item.no-border{border:none;}

.tl-exams-score{float:left;width:50px;height:50px;border:1px solid #378ef0;text-align:center;}
.tl-exams-score-name{color:#fff;background-color:#378ef0;}
.tl-exams-score p{margin:0;line-height:25px;}
.tl-exams-score+div{margin-left:70px;}
.tl-exams-score.green{border-color:#3eab20;}
.tl-exams-score.green .tl-exams-score-name{background-color:#3eab20;}

/*题目标签*/
.tl-exam-tags{position: absolute;right:0;top:2em;}
.tl-exam-tags>a,
.tl-exam-tags>span{display: block;margin-bottom: 10px;}

/*题目*/
.tl-exam-question{padding:10px 0;border-bottom:1px dashed #ddd;}
.tl-exam-question.no-border-bottom{border-bottom:0;}
.tl-exam-question > img{max-width: 100%;}

/*题干*/
.tl-exam-question-stem{margin-bottom:10px;overflow:hidden;}
.tl-exam-question-stem > span:first-child{float:left;}

/*选项*/
.tl-option-container{margin-top:5px;overflow:hidden;}
.tl-option-container > label{float:left;line-height:30px;}
.tl-option-container > label + .tl-exam-options{margin-left:20px;}
.tl-exam-options{margin-bottom:5px;}
.tl-exam-options.no-hover .tl-option-item:hover{background-color:inherit;cursor:default;}
.tl-option-item{position:relative;padding-right:30px;border-radius:4px;margin-bottom:2px;overflow:hidden;cursor:pointer;}
.tl-option-item > label{float:left;width:24px;height:24px;border-radius:4px;margin:2px;line-height:24px;text-align:center;}
.tl-option-item > div{margin:2px 0 0 35px;}
.tl-option-item.selected > label{color:#fff;background-color:#378ef0;}
.tl-option-item.right,
.tl-option-item.right:hover,
.tl-exam-options.no-hover .tl-option-item.right:hover{background-color:#e5f7e0;}
.tl-option-item.error,
.tl-option-item.error:hover,
.tl-exam-options.no-hover .tl-option-item.error:hover{background-color:#fff0f1;}
.tl-option-item.right:after,
.tl-option-item.error:after{position:absolute;top:4px;right:10px;font-family: "FontAwesome";}
.tl-option-item.right:after{content:'\f00c';color:#70a928;}
.tl-option-item.error:after{content:'\f00d';color:#e12043;}
.tl-option-item:hover,
.tl-option-item:focus{background-color:#eee;}

.tl-exam-subQuestion{margin-top:10px;}

/*答案解析*/
.tl-exam-answer{border-bottom:1px dashed #ddd;}
.tl-exam-answer .widget-header{border-bottom: none !important;}
.tl-exam-answer-list .label{margin-bottom:10px;line-height:1.4;}
.tl-exam-analysis{padding:10px 0;}
.tl-exam-answerofstu{overflow: hidden;}
.tl-exam-answerofstu-item{padding:10px 0;border-bottom:1px dashed #ddd;margin-bottom: -1px;}

/*做题区域*/
.tl-exams-doing{padding-bottom:15px;border-bottom:1px dashed #ddd;}
.tl-exams-doing.no-border-bottom{border-bottom:0;}
.tl-exams-doing.no-padding-bottom{padding-bottom:0;}
.tl-exams-doing .wysiwyg-editor{border-width:1px;}
.tl-exams-doing > h5{padding-left:3px;margin:15px 0;font-size:16px;}
.tl-exam-doing-option > label{padding:3px 5px;margin-right: 15px;}
.tl-exam-doing-option > label.right{background-color:#e5f7e0;}
.tl-exam-doing-option > label.error{background-color:#fff0f1;}
.tl-exam-doing-option input[type=checkbox].ace + .lbl::before,
.tl-exam-doing-option input[type=radio].ace + .lbl::before{color:#32a3ce;}

/*错题练习*/
.tl-wrong-exercise{position:fixed;top:30%;right:40px;z-index:100;width:70px;height:70px;padding:16px 19px;border-radius:50%;box-shadow:0 0 10px #3eab20;font-size:16px;line-height:1.2;color:#fff !important;background-color:#3eab20;}
.tl-wrong-exercise:hover,
.tl-wrong-exercise:active,
.tl-wrong-exercise:focus{text-decoration:none;color:#fff;}
.tl-wrong-exercise .badge{position:absolute;right:0;top:0;}

/*图片预览*/
.tl-exams-slider-wrap{position: relative;min-height:100px;margin-top:10px;text-align:center;}
.tl-exams-slider-wrap > a{position: absolute;width:50px;height:80px;top:50%;margin-top:-40px;font-size:20px;line-height:80px;text-align:center;color:#fff;background-color:#000;opacity:.3;filter:alpha(opacity=30);}
.tl-exams-slider-wrap .prev{left:5px;}
.tl-exams-slider-wrap .next{right:5px;}
.tl-exams-slider-wrap img{max-width:100%;margin:auto;}

/*知识点区域*/
.tl-related-knowledge{position:relative;padding:10px 80px 0 0;border-bottom:1px dashed #ddd;}
.tl-related-knowledge-noborder{border-bottom: 0;}
.tl-related-Knowledge-add{position:absolute;right:0;top:15px;}
.tl-knowledge-title{padding-bottom: 10px;font-size: 12px;color: #afaeae;overflow:hidden;}
.tl-knowledge-title .tit{font-size: 16px;color: #000;}
.tl-knowledge-title label{margin-left: 15px;font-size: 12px;color: #000;}
.tl-knowledge-content{margin-right: 306px;}
.tl-knowledge-sidebar{float: right;width: 290px;}
.tl-knowledge-info{height: 135px;background: url(../images/img/img-knowledge.png) no-repeat 0 0;padding-top: 10px;}
.tl-knowledge-info p{margin: 0;padding: 3px 0 0;text-align: center;font-size: 12px;color: #fff;}
.tl-knowledge-info img{width: 40px;height: 40px;border: 1px solid #fff;}
.tl-knowledge-info .name{padding-bottom: 5px;font-size: 16px;}
.tl-knowledge-info i{margin-right: 5px;}
.tl-knowledge-about-list li{height: 32px;line-height: 32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tl-knowledge-about-list li a{font-size: 12px;color: #333;}
.tl-knowledge-about-list li i{margin-right: 10px;color: #478fca;}

/*其他课程*/
.tl-detail-box{background: #fff;border: 1px solid #eee;}
.tl-detail-header{height: 45px;line-height: 45px;border-bottom: 1px solid #eee;padding-left: 10px;font-size: 16px;color: #333;}
.tl-detail-content{padding:20px 18px;}
.tl-other-list{}
.tl-other-list li{margin-top: 20px;}
.tl-other-list li:first-child{margin-top:0;}
.tl-other-list li a{position: relative;display: block;width: 257px;height: 140px;overflow: hidden;}
.tl-other-list li:hover img{transform:scale(1.2);}
.tl-other-list li img{width:100%;height: 140px;transition:transform .5s;}
.tl-other-list li span,.tl-other-list li i{position: absolute;bottom: 0;left:0;display: block;width: 100%;}
.tl-other-list li span{height: 25px;line-height: 25px;background-color:rgba(0,0,0,.5);padding: 0 4px;color: #e3e3e3;}
.tl-other-list li i{height: 140px;background: url(../images/ico/icon-video1.png) no-repeat center center;}

/*视频*/
.tl-related-video{position:relative;padding:10px 80px 0 0;}
.tl-related-video-add{position:absolute;right:0;top:15px;}

/*开始做题*/
.tl-doProblems-theme{height: 200px;background: url(../images/img/img-doProblems.jpg) no-repeat top center;}
.tl-doProblems-theme p{text-align: center;font-size: 12px;color: #fff;}
.tl-doProblems-theme p.tt{padding: 40px 0 0;font-size: 20px;}
.tl-doProblems-theme .btn.btn-white{background: none !important;border: 1px solid #fff !important;color: #fff !important;}
.tl-doProblems-wrap{background-color: #f6f6f6;margin-top: 10px;padding: 20px;}
.tl-doProblems-title{font-size: 16px;}
.tl-doProblems-title span{font-size: 12px;color: #afaeae;}
.tl-doProblems-chart{background: #fff;border: 1px solid #e5e5e5;}
.tl-doProblems-chart-title{height: 46px;line-height: 46px;background-color: #eceff4;border-bottom: 1px solid #e5e5e5;padding-left: 16px;font-size: 16px;color: #333;}
.tl-doProblems-chart-content{height: 300px;padding: 20px 0;}



/*-----------------------------------*\
    #批阅试卷
\*-----------------------------------*/

.tl-markexam-stus{float:left;position:relative;width:160px;margin-top:3px;}
.tl-markexam-stus.affix{position:fixed;top:100px;}
.tl-markexam-stus + div{margin-left:180px;}
.tl-markexam-making{margin-top:-30px;font-size:16px;}
.tl-stus-list{margin:1em 0;}
.tl-stu-item{padding:.8em 1em;line-height: 1;cursor: pointer;}
.tl-stu-item:hover{background-color: #eee;}
.tl-stu-item.active{color:#fff;background-color: #378ef0;}
.tl-select-item input{width:165px;}
.tl-markexam-content-nav>li>a{padding:10px 15px;font-size:16px;color: #333;}
.tl-markexam-making-btns{height:32px;margin-top:10px;}
.tl-markexam-making-btns:after{display:inline-block;position:relative;top:-30px;content:'';width:auto;height:1px;overflow:hidden;}
.tl-markexam-making-btns .btn{border-radius:2em;font-size: 14px;}
.tl-markexam-comments{position:relative;margin-left:-40px;}
.tl-common-comments{position:absolute;bottom:0;left:0;right:0;border:1px solid #d5d5d5;box-shadow:0 -1px 5px #d5d5d5;margin:0;}
.tl-common-comments .widget-header{padding:0 10px;height:30px;line-height:30px;}
.tl-common-comments .widget-toolbar{border:none;margin:0;}
.tl-common-comments ul a{font-size:14px;color:#333;}
.tl-common-comments ul a:hover{text-decoration:none;color:#378ef0;}
@media (min-width: 1200px){
  .menu-min+.main-content .tl-markexam-content{width:68%}
  .menu-min+.main-content .tl-markexam-making{width:30%;}
  .tl-markexam-content{float:left;width:63%;}
  .tl-markexam-making{float:right;width:35%;margin-top:0;}
  .tl-markexam-making.affix{position:fixed;}
  .tl-select-item input{width:100%;}
  .tl-markexam-making-btns:after{width:100%;}
}



/*-----------------------------------*\
    #学生个人主页
\*-----------------------------------*/

.tl-stu-infos .widget-main{padding:46px 20px;}
.skin-stu .widget-main.padding24 { padding: 24px 24px 12px 0;}
.tl-addinfos.tl-stu-infos .widget-main{padding:26px 20px 26px 10px;}
.tl-addinfos.tl-stu-infos .widget-body{background-color:transparent;}
.tl-user-stu-infoitem{float:left;width:9em;height:9em;padding-top:2.5em;border-width:3px;border-style:solid;border-radius: 100%;margin:0 1em;text-align: center;font-size: 16px;color:#333;}
.tl-user-stu-infoitem span{font-size: 30px;}
.tl-user-stu-infoitem-1{border-color: #50b33c;background-color: #ecffe8;}
.tl-user-stu-infoitem-2{border-color: #ff9e35;background-color: #fff2e3;}
.tl-user-jfbg.tl-user-stu-infoitem{float:left;width:134px;height:126px;padding-top:2em;text-align: center;font-size: 20px;color:#333;margin:0.5em 0.6em;}
.tl-user-jfbg.tl-user-stu-infoitem span{font-size: 20px;color:#934201;width: 100%; display: inline-block;}
.tl-user-stu-infoitem span.tl-user-jf {color:#fff;font-size: 16px;line-height: 52px;}
.tl-user-jfbg.tl-user-stu-infoitem-1{background:url(../images/ico/ico-stu-infoitem-1.png) no-repeat;border:0;}
.tl-user-jfbg.tl-user-stu-infoitem-2 {border:0;}
.tl-user-jfbg.tl-user-stu-infoitem-2 span {display: inline-block;}
.tl-empiric-1{background:url(../images/empiric-value/ico-empiric-1.png) no-repeat;}
.tl-empiric-2{background:url(../images/empiric-value/ico-empiric-2.png) no-repeat;}
.tl-empiric-3{background:url(../images/empiric-value/ico-empiric-3.png) no-repeat;}
.tl-empiric-4{background:url(../images/empiric-value/ico-empiric-4.png) no-repeat;}
.tl-empiric-5{background:url(../images/empiric-value/ico-empiric-5.png) no-repeat;}
.tl-empiric-7{background:url(../images/empiric-value/ico-empiric-7.png) no-repeat;}
.tl-empiric-6{background:url(../images/empiric-value/ico-empiric-6.png) no-repeat;}
.tl-empiric-8{background:url(../images/empiric-value/ico-empiric-8.png) no-repeat;}
.tl-empiric-9{background:url(../images/empiric-value/ico-empiric-9.png) no-repeat;}
.tl-empiric-10{background:url(../images/empiric-value/ico-empiric-10.png) no-repeat;}
@media screen and (max-width:1190px) and (min-width:992px){
  .col-sm-6.padding0 {
    padding:0;
    position: relative;
  }
  .tl-user-jfbg {
    position: absolute;
    top:0;
  }
  .tl-user-stu-infoitem-1.tl-user-jfbg {
    left:0;
  }
  .tl-user-stu-infoitem-2.tl-user-jfbg {
    left:145px;
  }
  .tl-addsign {
    min-width:200px;
  }
}
.tl-stu-infos .tl-user-infoList{display:table-cell;height:150px;vertical-align:middle;}
.skin-stu .tl-user-infoList li{font-size: 16px;line-height: 2;}
.skin-stu .tl-user-infoList li.tl-user-name {font-size: 28px;color:#000;}
.tl-addinfos .tl-user-infoList li.tl-user-modify{color:#666;font-size: 18px;}
.ico-sex {width: 18px;height: 18px;display: inline-block;}
.ico-sex.ico-sex-01 {background:url(../images/ico/ico-sex-01.png) no-repeat }
.ico-sex.ico-sex-02 {background:url(../images/ico/ico-sex-02.png) no-repeat }
.tl-subject-wrap{overflow:hidden;}
.tl-subject-wrap h5{font-size:16px;}
.tl-addwrap.tl-subject-wrap h5{font-size:20px;}
.tl-addwrap .tl-subject-wrap-header {margin-bottom: 10px;}
.tl-addinfos .tl-subject-ico {display:inline-block;width: 38px;height: 38px;margin-right:8px;}
.tl-subject-list{position:relative;overflow:hidden;margin-right:-17px;}
.tl-addwrap {position: relative;}
.tl-addwrap .tl-subject-ico {margin-right: 10px;}
.tl-addwrap .tl-tab-addbtn {position: absolute;top:162px;z-index: 1; width: 100%;}
.tl-addwrap .tl-tab-addbtn .tl-bt-prev,.tl-addwrap .tl-tab-addbtn .tl-bt-next {width:24px;height:60px;background: #aaaea8;}
.tl-addwrap .tl-tab-addbtn .tl-bt-prev{float:left}
.tl-addwrap .tl-tab-addbtn .tl-bt-next{float: right;}
.tl-tab-addbtn .btn.btn-white {border-color: transparent; color: #aaaea8 !important;}
.tl-tab-addbtn .btn {background-color:#aaaea8 !important; border-color: 0;padding:0;border:0;width:24px;height:60px;}
.tl-tab-addbtn .btn.focus {background: none;border:0;outline: none;}
.tl-tab-addbtn .btn .fa{color:#fff;font-size: 25px;}

.tl-subject-item{float:left;width:272px;height:190px;margin:0 20px 5px 0;}
.tl-additem.tl-subject-item{float:left;width:272px;height:280px;margin:0 20px 5px 0;}
.tl-subject-item.no-subject{padding-top:140px;background:#fff url(../images/img/no-subject.png) no-repeat center 20%;}
.tl-subject-item.no-subject p{font-size:16px;text-align: center;color:#999;}
.tl-subject-head{height:80px;background:no-repeat right bottom;}
.tl-subject-title{padding:26px 0 26px 30px;margin:0;}
.tl-additem.tl-subject-math .tl-subject-head{background-color: #daf0c8;background-image: url(../images/img/subject-math.png);}
.tl-subject-math .tl-subject-title{color:#2f9e4f;}
.tl-subject-chinese .tl-subject-head{background-color: #dff3ff;background-image: url(../images/img/subject-chinese.png);}
.tl-subject-chinese .tl-subject-title{color:#008ce5;}
.tl-subject-english .tl-subject-head{background-color: #ffedd9;background-image: url(../images/img/subject-english.png);}
.tl-subject-english .tl-subject-title{color:#f27d00;}
.tl-additem.tl-subject-physical .tl-subject-head{background-color: #daf0c8;background-image: url(../images/img/subject-physical.png);}
.tl-subject-physical .tl-subject-title{color:#2f9e4f;}
.tl-subject-chemistry .tl-subject-head{background-color: #dff3ff;background-image: url(../images/img/subject-chemistry.png);}
.tl-subject-chemistry .tl-subject-title{color:#008ce5;}
.tl-subject-biological .tl-subject-head{background-color: #ffedd9;background-image: url(../images/img/subject-biological.png);}
.tl-subject-biological .tl-subject-title{color:#f27d00;}
.tl-subject-geography .tl-subject-head{background-color: #ecfcf1;background-image: url(../images/img/subject-geography.png);}
.tl-subject-geography .tl-subject-title{color:#2f9e4f;}
.tl-subject-political .tl-subject-head{background-color: #dff3ff;background-image: url(../images/img/subject-political.png);}
.tl-subject-political .tl-subject-title{color:#008ce5;}
.tl-subject-history .tl-subject-head{background-color: #ffedd9;background-image: url(../images/img/subject-history.png);}
.tl-subject-history .tl-subject-title{color:#f27d00;}
.tl-subject-body{padding:3%;}
.tl-subject-data a{display:block;padding:15px 3%;font-size:16px;line-height: 1;color: #333;}
.tl-additem .tl-subject-data a {padding:15px 7%;}
.tl-subject-data a:hover{text-decoration: none;background-color: #f5f5f5;}
.tl-subject-data a i{margin:0 .5em;font-size: 12px;vertical-align: 1px;transform: scale(0.6);}
.tl-subject-data a span{font-weight:bold;color:#f27668;}

.tl-paper-info-state{display:inline-block;width:5em;height:5em;padding-top:2em;border-width: 2px;border-style: solid;border-radius: 100%;margin-top:-.8em;line-height:1;text-align: center;}
.tl-paper-addinfo.tl-paper-info-state{width:5.5em;height:5.5em;}
.tl-paper-info-state.orange{border-color: #ffa441;background-color: #fff2e3;}
.tl-paper-addinfo.tl-paper-info-state.orange{border-color: #ffa441;background-color: #fff2e3;color:#333 !important;padding:0.2em;line-height: 2.2em;}
.tl-paper-addinfo.tl-paper-info-state.orange em{font-style: normal;}
.tl-paper-addinfo.tl-paper-info-state.orange .tl-z-size { font-size: 28px;}
.tl-paper-info-state.green{border-color: #50b33c;background-color: #ecffe8;}
.tl-paper-info-state.green01{border-color: #6a9447;background-color: #cfe7b9;color: #316b00 !important;}
.tl-paper-info-state.green02{border-color: #a5c19f;background-color: #ebf3e5;color: #316b00 !important;}
.tl-stu-sign .widget-header,
.tl-stu-sign .widget-body{background-color: #ecffe8;}

.tl-stu-sign.tl-addsign .widget-header{background:url(../images/img/datepicker-top-bg.png) repeat-x;}
.tl-stu-sign.tl-addsign .widget-body{background:url(../images/img/datepicker-main-bg.png) repeat-x;}
.tl-stu-sign .widget-main.padding-2 {padding:2px 4px 1px 1px;}
.tl-stu-sign .widget-date-infor {margin: 0;padding:0 30px;line-height: 25px;font-size: 12px;}
.tl-addsign.tl-stu-sign .widget-date-infor {padding:0 10px 0 30px;}

.tl-stu-sign .datepicker{margin:0 auto;}
.tl-addsign.tl-stu-sign .datepicker{margin:0 auto;height: 126px;overflow: hidden;}
.tl-addsign.tl-stu-sign .datepicker table tr td{ font-size: 12px;}
.tl-addsign.tl-stu-sign .datepicker .table-condensed > tbody > tr > td, .tl-stu-sign .datepicker .table-condensed > tfoot > tr > td {
  padding: 3px 5px;}
.tl-addsign.tl-stu-sign .datepicker table tr td, .tl-stu-sign .datepicker table tr th {width: 22px; height: 22px;}
.tl-addsign.tl-stu-sign .datepicker td, .tl-stu-sign .datepicker th { min-height: 22px;}

.tl-stu-sign .datepicker-days thead{display: none;}
.tl-stu-sign .datepicker td.signed,
.tl-stu-sign .datepicker td.signed:hover{font-size: 0;background:transparent url(../images/ico/sign-active.png) no-repeat center center;}
.tl-stu-sign .datepicker .day:hover{background-color: transparent;cursor: default;}
.tl-stu-sign .datepicker .today{border-radius:50% !important;color:#fff;background-color: #ff9d33;}
.tl-stu-sign .datepicker .today:hover{color:#fff;background-color: #ff9d33;}
.tl-stu-sign.tl-addsign .datepicker .today{background:transparent url(../images/ico/sign-today.png) no-repeat center center;}
.tl-stu-sign.tl-addsign .datepicker .today:hover{background:transparent url(../images/ico/sign-today.png) no-repeat center center;}
.tl-stu-sign.tl-addsign .datepicker td.signed,
.tl-stu-sign.tl-addsign .datepicker td.signed:hover{font-size: 0;background:transparent url(../images/ico/sign-active.png) no-repeat center center;}

.tl-tags{position: absolute;left:0;top:0;line-height: 0;}
.tl-stu-tag{width:138px;height:100px;margin-top:-12px;background-repeat: no-repeat;}
.tl-stu-tag-bad{background-image: url(../images/img/tl-tag-bad.png);}
.tl-stu-tag-better{background-image: url(../images/img/tl-tag-better.png);}
.tl-stu-tag-best{background-image: url(../images/img/tl-tag-best.png);}
.tl-user-stu .tl-user-infos-num{float:left;margin:0 3em;line-height:2;color:#333;}
.tl-user-stu .tl-user-infos-num span{font-size:20px;}

.skin-stu .tl-paper-item {margin-right:10px;border-radius: 100%;color:#fff;font-size: 16px;line-height: 1.25em;text-align: center;padding:0.875em 1.125em;}
.skin-stu .tl-paper-item-bg-1 {background-color:#38adff; }
.skin-stu .tl-paper-item-bg-2 {background-color:#69ba0a; }
.skin-stu .tl-paper-item-bg-3 {background-color:#eeb34b; }
.skin-stu .tl-paper-item-bg-4 {background-color:#8bc33e; }
.skin-stu .tl-paper-item-bg-5 {background-color:#f27668; }
.skin-stu .tl-paper-title{margin-left: 60px;}
.skin-stu .timeline-item .tl-item-data img{border:0;  vertical-align: top;}
.skin-stu .tl-padding {margin:0 10px;}
.skin-stu .tl-paper-info{padding:0.5em 0;text-align: center;line-height: 1.3;color:#999;}
.skin-stu .tl-paper-info b.tl-fontsize24{font-size: 24px;}
.skin-teach .tl-paper-more{display: block;font-size:16px;text-align:center;line-height:50px;color:#999;background-color: #fdfdfd;}
.skin-stu a.tl-paper-more{display: block;font-size:16px;text-align:center;line-height:50px;color:#999;background-color: transparent;margin-left: 140px;}


/*-----------------------------------*\
    #课程列表
\*-----------------------------------*/

.course-grid{margin:0 -11px;}
.course-grid-cell{float:left;width:25%;padding:0 11px;}
@media(min-width: 992px){
  .course-grid-cell{width:33.33%;}
}
@media(min-width: 1200px){
  .course-grid-cell{width:25%;}
}
@media(min-width: 1456px){
  .course-grid-cell{width:20%;}
}
@media(min-width: 1680px){
  .course-grid-cell{width:16.66%;}
}
/*卡片式列表*/
.tl-course-wrap{overflow:hidden;}
.tl-course-list{margin-right:-40px;}
.tl-course-item{float:left;position:relative;width:270px;max-height:290px;border:1px solid #e5e5e5;margin:0 23px 22px 0;box-shadow:0 0 5px #e5e5e5;background-color:#fff;}
.tl-course-item.no-float{float:none;width:auto;margin-right:0;}
.tl-course-list-2{margin:0 -38px -22px 0;}
.tl-course-list-2 .tl-course-item{margin-right:40px;}
.tl-course-link{display:block;max-height:172px;position:relative;overflow:hidden;}
.tl-course-link:hover .tl-course-img{transform:scale(1.2);}
.tl-course-img-wrap{position: relative;height:0;padding-bottom:56.25%;text-align:center;overflow: hidden;}
.tl-course-img{width:100%;transition:transform .5s;}
.tl-course-del{position:absolute;right:0;top:0;z-index:1;}
.tl-course-del i{position:relative;margin:6px;font-size:18px;line-height:1;color:#fff;}
.tl-course-del:before{position:absolute;right:0;top:0;content:'';border:24px solid transparent;border-color:#ff7400 #ff7400 transparent transparent;}
.tl-course-infos{padding:10px;}
.tl-course-title{margin-top:0;font-size:16px;white-space:nowrap;overflow:hidden;}
.tl-course-title a{color:#333;}
.tl-course-title a:hover{text-decoration:none;color:#297fe1;}
.skin-stu .tl-course-title a:hover{color:#3b9e27;}
.tl-course-metadata li{margin-right:0;font-size:12px;color:#999;}
.tl-course-metadata label{display:inline;margin-bottom:0;font-size:inherit;}
.tl-course-teacher i{color:#3ebca2;}
.tl-course-time i{color:#6aa6e9;}
.tl-course-abstract{max-height:4.5em;overflow:hidden;margin-top:15px;text-indent:2em;overflow-wrap:break-word;font-size:12px;color:#666;}
.tl-course-mask{position:absolute;bottom:0;width:100%;padding-left:10px;line-height:32px;color:#fff;background-color:rgba(0,0,0,0.6);}
.tl-course-data{margin-top:2px;line-height:36px;overflow: hidden;}
.tl-course-data .btn{margin-top:5px;}
.tl-course-price{font-size:24px;color:#ff8400;}
.tl-course-stuNum{font-size:12px;color:#999;}
.tl-course-infos .tl-course-progress{padding:0;margin:20px 0 10px;}
.tl-course-infos .tl-course-progress-infos{color:#378ef0;}

/*水平排列的课程简介*/
.tl-course-item2{position:relative;padding:20px;margin-bottom:20px;}
.tl-course-item2 .tl-course-metadata li{float:left;margin-right:3em;font-size:14px;}
.tl-course-item2 .tl-course-data{margin-top:10px;}
.tl-course-mark.no-released,
.tl-course-mark.released{display:inline-block;width:50px;height:50px;background:no-repeat;}
.tl-course-mark.no-released{background-image: url(../images/ico/icon-noreleased.png);}
.tl-course-mark.released{background-image: url(../images/ico/icon-released.png);}
.tl-course-infos-h{position:relative;height:172px;padding:0;margin-left:290px;overflow:hidden;}
.tl-course-infos-h .tl-course-title{font-size:20px;}
.tl-course-infos-h .tl-course-price{font-size:26px;color: #ff661e;}
.tl-course-infos-h .tl-course-btns{position: absolute;left:0;right:0;bottom:0;font-size:0;}
.tl-course-infos-h .tl-course-btns .btn{margin-right:15px;}

/*创建课程流程图*/
.tl-course-steps{position:relative;padding:0 22%;border-bottom:1px solid #e5e5e5;margin:0 auto 30px;}
.tl-course-steps.affix{position:fixed;top:45px;right:0;left:0;z-index:5;box-shadow:0 -1px 3px 3px #eee;background-color:#fff;}
.tl-course-steps.affix + div{margin-top:100px;}
.tl-course-steps .step{float:left;position:relative;width:33.33%;padding:15px 0;text-align:center;overflow:hidden;}
.tl-course-steps .step span{display:inline-block;position:relative;width:36px;height:36px;border-radius:50%;margin-right:10px;font-size:18px;line-height:36px;text-align:center;color:#fff;background-color:#b5b5b5;}
.tl-course-steps .step h4{display:inline-block;color:#999;}
.tl-course-steps .step.active:after{position:absolute;left:15%;bottom:0;content:"";width:70%;height:3px;background-color:#378ef0;}
.tl-course-steps .step.complete span:before{display:block;position:absolute;top:0;left:0;bottom:0;right:0;text-align:center;border-radius:50%;content:"\f00c";font-family:FontAwesome;color:#fff;background-color:#378ef0;}
.tl-course-steps .step.active span{background-color:#378ef0;}
.tl-course-steps .step.complete h4,
.tl-course-steps .step.active h4{color:initial;}
.tl-course-steps > .btn{position:absolute;left:15px;margin-top:20px;font-size:20px;color:inherit !important;}

/*添加课程封面*/
.tl-course-setImg{display:inline-block;width:290px;height:186px;border:1px solid #e5e5e5;vertical-align:bottom;}
.tl-course-setImg img{display:block;}
.tl-course-setImg-btns{display:inline-block;width:120px;}
.tl-course-setImg-btns .btn{width:120px;margin-top:6px;}
.modal-course-defaultImg{width:942px;}
.tl-course-defaultImg{margin-right:-15px;font-size:0;}
.tl-course-defaultImg a{display:inline-block;width:170px;height:108px;margin:0 15px 15px 0;overflow:hidden;transition:all .5s;}
.tl-course-defaultImg a img{width:170px;height:108px;transition:transform .5s;}
.tl-course-defaultImg a:focus,
.tl-course-defaultImg a:hover,
.tl-course-defaultImg a.active{border:3px solid #5397ea;}
.tl-course-defaultImg a:focus img,
.tl-course-defaultImg a:hover img,
.tl-course-defaultImg a.active img{transform:scale(1.2);}

/*底部按钮*/
.page-buttons{padding:25px 0;border-top:1px solid #dedede;}
.page-buttons-fixed{position:fixed;bottom:0;left:0;right:0;z-index:1035;box-shadow:0 -3px 5px #dedede;background-color:#fff;}
.page-buttons .btn{margin:0 10px;min-width:5em;}



/*-----------------------------------*\
    #上传微课列表
\*-----------------------------------*/

.tl-gallery-item{position:relative;margin-bottom:30px;}
.tl-gallery-item .tl-gallery-close{position:absolute;top:10px;right:10px;z-index:1;font-size:12px;color:#fc2129;}
.tl-gallery-imgbox{position:relative;max-height:166px;overflow:hidden;}
.tl-gallery-img{width:100%;}
.tl-gallery-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.tl-gallery-tool{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;padding:40px 20px 0;text-align:center;background-color:#000;opacity:.6;filter:alpha(opacity=60);}
.tl-gallery-tool p{font-size:20px;color:#fff;}
.tl-gallery-tool p a{font-size:16px;color:#fff;}
.tl-gallery-tool .progress{border-radius:5px;margin-bottom:5px;}



/*-----------------------------------*\
    #创建课程
\*-----------------------------------*/

/*页面布局*/
.course-menu-toggle{position:absolute;top:0;left:-26px;padding:3px 10px;border-radius:0;opacity:.8;}
.course-menu-toggle:hover{opacity:1;}
.nav-course-wrap{float:left;width:180px;margin-top:0;}
.nav-course-wrap+.course-content-wrap{margin-left:180px;/*overflow:hidden;*/}
.course-content-wrap{position:relative;border:1px solid #e5e5e5;background-color:#fff;}
.course-toolbar{height:70px;padding:18px;}
.course-toolbar.has-border{border-bottom:1px solid #e5e5e5;}
.course-toolbar .btn-group{margin-right:20px;}
.tl-user-info-img {margin:0 8px;}
.tl-user-info-name{margin:4px 8px 4px 0;height:40px;}
.switch-view{float:right;padding:3px 5px 2px;margin-left:10px;font-size:18px;color:#378ef0;}
.search-box{padding-left:20px;border-radius:20px;background-color:#f1f2f4;}
.course-toolbar .search-box{float:right;width:215px;}
.search-box input,
.search-box input:focus{border:none;background-color:transparent;}
.search-box .search-box-btn{display:table-cell;width:1%;padding:0 15px;vertical-align:middle;font-size:16px;color:#afafaf;background-color:transparent;cursor:pointer;}
.course-container{position:relative;}
.course-tree-container{float:left;width:300px;border-right:1px solid #e5e5e5;}
.course-tree-container + .course-content-container{margin-left:300px;}
.course-tree{padding:15px;overflow:auto;}
.course-content{position:relative;padding:15px 20px;overflow:auto;}

/*创建目录*/
.mkdir-btns{text-align: center;}
.mkdir-btns .btn-mkdir{display:inline-block;width:230px;height:54px;border:1px solid #378ef0;border-radius:27px;margin:20px 0;text-align:center;font-size:16px;line-height:52px;color:#333;}
.mkdir-btns .btn-mkdir-icon{display:inline-block;width:30px;height:32px;margin-right:10px;vertical-align:-9px;background:no-repeat center center;}
.mkdir-btns .btn-mkdir-icon.system{background-image:url(../images/ico/icon-mkdir-sys.png);}
.mkdir-btns .btn-mkdir-icon.blank{background-image:url(../images/ico/icon-mkdir-blank.png);}
.mkdir-wrap{margin-bottom:30px;}
.mkdir-header{position:relative;border:1px dashed #378ef0;margin-bottom:15px;}
.mkdir-title{padding-left:15px;font-weight:bold;font-size:16px;}
.mkdir-header .tree-tools{line-height:38px;}

/*左侧导航*/
.nav-course > li > a{padding:22px 15px 21px;font-size:18px;color:#333;}
.nav-course > li.active > a{color:#0068de;background-color:#daecff;}
.nav-course  i{margin-right:5px;color:#378ef0;}
.nav-course > li.disabled i{color:#777;}
.nav-course .arrow{position:absolute;right:15px;top:26px;}

/*课程模块*/
.course-module{position:relative;border-top:1px solid #e5e5e5;margin-bottom:15px;}
.course-module:first-child{border-top:none;}
.course-module-tip{color:#666;}
.course-module-close{position:absolute;right:10px;top:10px;width:40px;height:40px;border-radius:50%;text-align:center;line-height:36px;font-size:30px;color:#333;}
.course-module-close:hover{text-decoration:none;color:#333;background-color:#eee;}

/*课程视图列表*/
.course-view-list .table{table-layout:fixed;}
.course-view-grid{display:none;}
.course-file-item{float:left;position:relative;width:140px;height:110px;border:1px solid transparent;border-radius:5px;margin:0 5px 10px;text-align:center;}
.course-file-item > a{display:block;}
.course-file-item > a:hover{text-decoration:none;}
.course-file-icon{display:inline-block;width:30px;height:30px;margin-right:10px;vertical-align:middle;background:no-repeat center center;}
.course-file-icon.big{width:60px;height:60px;margin:15px 0 6px;}
.course-file-icon.video{background-image:url(../images/ico/icon-video.png);}
.course-file-icon.video.big{background-image:url(../images/ico/icon-video-big.png);}
.course-file-icon.txt{background-image:url(../images/ico/icon-txt.png);}
.course-file-icon.txt.big{background-image:url(../images/ico/icon-txt-big.png);}
.course-file-icon.ppt{background-image:url(../images/ico/icon-ppt.png);}
.course-file-icon.ppt.big{background-image:url(../images/ico/icon-ppt-big.png);}
.course-file-icon.word{background-image:url(../images/ico/icon-word.png);}
.course-file-icon.word.big{background-image:url(../images/ico/icon-word-big.png);}
.course-file-icon.pdf{background-image:url(../images/ico/icon-pdf.png);}
.course-file-icon.pdf.big{background-image:url(../images/ico/icon-pdf-big.png);}
.course-file-icon.zip{background-image:url(../images/ico/icon-zip.png);}
.course-file-icon.zip.big{background-image:url(../images/ico/icon-zip-big.png);}
.course-file-icon.audio{background-image:url(../images/ico/icon-audio.png);}
.course-file-icon.audio.big{background-image:url(../images/ico/icon-audio-big.png);}
.course-file-icon.excel{background-image:url(../images/ico/icon-excel.png);}
.course-file-icon.excel.big{background-image:url(../images/ico/icon-excel-big.png);}
.course-file-icon.pic{background-image:url(../images/ico/icon-pic.png);}
.course-file-icon.pic.big{background-image:url(../images/ico/icon-pic-big.png);}
.course-file-icon.else{background-image:url(../images/ico/icon-else.png);}
.course-file-icon.else.big{background-image:url(../images/ico/icon-else-big.png);}
.course-file-checkbox{display:none;position:absolute;top:8px;right:8px;width:24px;height:24px;border:2px solid;border-radius:50%;line-height:22px;text-align:center;color:#fcfeff;background-color:#d2d3d5;}
.course-file-name{margin:0;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.course-file-item:hover{background-color:#e3f0ff;}
.course-file-item:hover .course-file-checkbox,
.course-file-item.selected .course-file-checkbox{display:block;}
.course-file-item.selected{border-color:#378ef0;background-color:#e3f0ff;}
.course-file-item.selected .course-file-checkbox{color:#fff;background-color:#378ef0;}
.course-file-item .label{position:absolute;top:20px;left:16px;background-color:#000;background-color:rgba(0,0,0,.4);}

/*知识点弹出框*/
.layer-knowledge{display:none;position:absolute;top:0;right:0;bottom:0;z-index:2000;width:0;border:1px solid #f2f2f2;box-shadow:1px 1px 20px rgba(0,0,0,.3);background-color:#fff;opacity:0;}
.layer-knowledge-header{height:50px;padding:15px 20px;border-bottom:1px solid #e5e5e5;}
.layer-knowledge-title{margin:0;font-size:16px;}
.layer-knowledge-body{padding:10px 15px;overflow:auto;}
.layer-knowledge-footer{display:table;height:50px;border-top:1px solid #e5e5e5;}
.layer-knowledge-footer a{display:table-cell;width:1%;padding:15px 0;font-size:16px;text-align:center;}
.layer-knowledge-footer a:first-child{border-right:1px solid #e5e5e5;}
.knowledge-view-label{display:none;}

.layer-importFromLib{min-height: 100%;}
.layer-importFromLib .content-wrap,
.layer-importFromLib .course-tree-container{height:100%;}



/*-----------------------------------*\
    #课程详情-目录
\*-----------------------------------*/

.tl-course-chapters{margin-top:15px;}
.tl-chapter{margin-bottom:10px;}
.tl-chapter a{display:block;color:#333;}
.tl-chapter a:hover{text-decoration:none;background-color:#f5f5f5;}
.tl-chapter-title{position:relative;padding-right:50px;margin:0;font-size:16px;line-height:45px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background-color:#f4f4f4;cursor:pointer;}
.tl-chapter-title strong{font-weight:normal;}
.tl-chapter-state{margin-left:10px;color:#378ef0;}
.skin-stu .tl-chapter-state{color:#3eab20;}
.tl-chapter-icons{position:absolute;right:0;top:0;}
.tl-chapter-icons a{display:inline-block;height:100%;padding:0 15px;vertical-align:middle;font-size:14px;}
.tl-chapter-icons a:hover{background-color:transparent;}
.tl-course-order{display:inline-block;padding:0 10px;}
.tl-chapter-list{display:none;margin:0 30px;overflow:hidden;}
.tl-chapter-list li{padding:5px 10px;line-height:30px;}
.tl-chapter-list>li{border-bottom:1px solid #eee;margin-bottom:-1px;}
.tl-chapter-subTitle{position:relative;}
.tl-chapter-sublist{display:none;margin-left:25px;}
.tl-chapter .tl-chapter-learned{color:#999;}
.tl-chapter .tl-chapter-learning{color:#378ef0;}
.skin-stu .tl-chapter .tl-chapter-learning{color:#3eab20;}



/*-----------------------------------*\
    #课程简介
\*-----------------------------------*/

.tl-course-introduce-item{margin-bottom:2em;}
.tl-course-introduce-title{font-size:16px;}
.tl-course-introduce-subtitle{font-size:14px;}
.tl-course-introduce-content{line-height:1.8;color:#666;}



/*-----------------------------------*\
    #进度条
\*-----------------------------------*/

.progress{border-radius:5px;margin-bottom:0;}
.progress.progress-mini{height:10px;}
.progress-bar{background-color:#378ef0;}
.tl-course-progress{padding:15px 20px;}
.tl-course-progress-infos{color:#999;}
.tl-course-progress-infos span{color:#378ef0;}
.tl-progress-wrap {position: relative;}
.tl-progress-wrap .progress{margin:15px 100px 10px 0;border-radius:10px;overflow:hidden;}
.tl-progress-wrap .progress-bar.green{background-color:#3eab20;}
.tl-progress-wrap .btn{margin-top:-36px;}



/*-----------------------------------*\
    #支付流程
\*-----------------------------------*/

.btn3{display:inline-block;width:140px;height:70px;line-height:70px;padding:0 5px;text-align:center;color:#fff;font-size:20px;}
.btn3:hover{ color:#fff; text-decoration:none;}
.btn3-big{min-width:158px;height:48px;line-height:48px;font-size:16px;}
.btn3-orange{background:#ff8400;}
.btn3-orange:hover{background:#ea7900;}
.btn3-gray{background:#d0d0d0; cursor:default;}

.cart-tt{height:68px; line-height:68px;}
.cart-tt-title{ margin-right:15px; font-size:20px; color:#1994fb;}
.cart-tt span.step{float:right;display:inline-block;width:480px;height:44px;background:url(../images/ico/step1.png) no-repeat;}
.cart-tt span.step1{background-position:0 0;}
.cart-tt span.step2{background-position:0 -44px;}
.cart-tt span.step3{background-position:0 -88px;}
.cart-tt span.step4{background-position:0 -132px;}

.cart-table{width:100%;border-collapse:collapse;border-bottom:1px solid #e0e0e0;}
.cart-table tr{ border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.cart-table th,.cart-table td{border-top:1px solid #e0e0e0;}
.cart-table th{height:48px;font-weight:100;background:#f8f8f8;}
.cart-table td{height:110px;}
.cart-table .course-chk{width:50px;padding-left:20px;}
.cart-table .course-img{width:150px;}
.cart-table .course-img a{position:relative;display:block;width:130px;height:80px;}
.cart-table .course-img a img{display:block;width:130px;height:80px;}
.cart-table tr.school{ border:none;}
.cart-table tr.school td{height:48px; line-height:30px;}
.cart-table .num{ margin-left:30px;}
.cart-table tr.total td{height:70px;background:#f8f8f8;}
.cart-table tr.total .td-opt{ padding-left:20px;}
.cart-table tr.total .td-opt a{ margin-left:30px; color:#333;}
.cart-table .t-right{text-align:right;}
.cart-table .fn-right{float:right;}
.cart-table .tip{ margin:5px 20px 0 0;}

.cart-empty{padding:80px 0; text-align:center;}
.cart-empty-inner{ display:inline-block;}
.cart-empty-inner i{ float:left; margin-right:10px; font-size:7em; color:#d0d0d0;}
.cart-empty-inner .text{ float:left; margin-top:25px; font-size:16px; color:#666; text-align:left;}

.order-wrap{ padding:0 20px; border:1px solid #e0e0e0; border-bottom:none;}
.order-wrap .cart-table{ border:none;}
.order-wrap .cart-table tr{ border:none;}
.order-wrap .cart-table th,.order-wrap .cart-table td{border:none;}
.order-wrap .cart-table th{height:56px;background:#fff; font-size:16px;}
.order-wrap .cart-table td{ padding-left:20px; background:#f8f8f8;}
.order-wrap .cart-table tr.school td{height:21px; padding-top:15px;}
.order-wrap .cart-table tr.line td{height:1px;}
.order-wrap .cart-table tr.pad td{height:20px; background:#fff;}

.pay-wrap{ padding:20px; border:1px solid #e0e0e0;}
.order-info{padding:30px 40px;background:#eff8ff;}
.order-info .order-price{float:right;font-size:16px;line-height:50px;}
.order-info .order-des{margin:0 240px 20px 0;}
.order-info .order-des .glyphicon-ok-circle{ float:left; margin-right:20px; font-size:3.5em; color:#50b33c;}
.order-info .order-des .text{ float:left;}
.order-info .order-des .detail{ margin-left:50px; color:#777;}

.pay-table{width:100%;border:1px solid #e0e0e0;background:#fff;border-collapse:collapse;line-height:32px;}
.pay-table th,.pay-table td{ text-align:center;}
.pay-table th{ padding:8px 0 8px 70px; border-bottom:1px solid #e0e0e0; font-weight:normal;}
.pay-table td{ padding-left:70px;}
.pay-table .t-left{ text-align:left;}

.fn-pay{}
.fn-pay h5{font-size:16px;padding:10px 0 0 0;margin:10px 0;}
.fn-pay .tips{display:inline-block;height:18px;margin-left:15px;line-height:18px;background:url(../images/ico/warning.png) no-repeat 0 3px;padding-left:22px;font-size:14px;color:#ff8400;}
ul.fn-bank{margin-bottom:30px;overflow:hidden;zoom:1;}
ul.fn-bank li{position:relative;float:left;width:158px;height:58px;margin:15px 20px 0 0;}
ul.fn-bank li .bank-box{display:block;width:158px;height:58px;border:1px solid #e5e5e5;text-indent:-9999px;background:url(../images/ico/combo.png) no-repeat;cursor:pointer;}
ul.fn-bank li .bank-box:hover{border:1px solid #1994fb;}
ul.fn-bank li.current i{ position:absolute; left:0; top:0; width:158px; height:58px;background:url(../images/ico/bank-box-current.png) no-repeat;}
ul.fn-bank li .alipay{background-position:0 -58px;}
ul.fn-bank li .weixinpay{background-position:0 -116px;}

.order-result{padding:20px 0; text-align:center;}
.order-result .inner{display:inline-block;}
.order-result .tt{padding-top:125px;margin:0;line-height:60px;font-size:24px;}
.order-result-right .tt{background:url(../images/ico/right.png) center top no-repeat;}
.order-result-error .tt{background:url(../images/ico/error.png) center top no-repeat;}
.order-result-right .list{background:#eff8ff;margin-bottom:15px;padding:10px 20px;text-align:left;}
.order-result-right .list li{height:28px;line-height:28px;}
.order-result-right .dd{padding-left:20px;text-align:left;}
.order-result-right .dd a{color:#1994fb;}
.order-result-right .dd span{margin:0 10px;color:#e0e0e0;}
.order-result-error .opt{height:40px;line-height:40px;background:#eff8ff;margin-bottom:15px;}
.order-result-error .opt a{margin-left:5px;color:#ff8400;}

.myOrder th,.myOrder td{ text-align:center;}
.myOrder th{ border:none !important; background:#f8f8f8; font-weight:normal;}
.myOrder .title td{ border-left:none; border-right:none; background:#fcfcfc; font-size:12px; color:#666;}
.myOrder .course-img{}
.myOrder .course-img a{float:left;display:block;width:130px;height:80px;margin-right:10px;}
.myOrder .course-img a img{display:block;width:130px;height:80px;}
.myOrder .course-img .name{ margin-top:14px; text-align:left;}
.myOrder .t-left{ text-align:left;}
.myOrder .num{ margin-left:30px;}
.myOrder .space{ margin:0 -1px; border-left:1px solid #fff; border-right:1px solid #fff;}
.myOrder .nowrap{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}



/*-----------------------------------*\
    #积分体系
\*-----------------------------------*/

.grow-head{position:relative;min-height:320px;margin:-20px -20px 0;background:url(../images/img/grow-head-bg-768.png) no-repeat center center;overflow:hidden;}
@media (min-width:768px){
  .grow-head{min-height:280px;background-image:url(../images/img/grow-head-bg-992.png);}
}
@media (min-width:992px){
  .grow-head{background-image:url(../images/img/grow-head-bg-1200.png);}
}
@media (min-width:1200px){
  .grow-head{background-image:url(../images/img/grow-head-bg-1440.png);}
}
@media (min-width:1440px){
  .grow-head{background-image:url(../images/img/grow-head-bg-1920.png);}
}
.grow-user-info{float:left;margin:40px 0 0 10px;}
.tl-user-medal{position:absolute;right:260px;top:50px;width:134px;height:126px;text-align:center;background:url(../images/empiric-value/medal-wcoin.png) no-repeat center bottom;}
.medal-value{display:block;margin-top:36px;font-size:20px;color:#934201;}
.medal-name{display:block;margin-top:18px;font-size:16px;color:#fff;}
.empiric-tree{position:absolute;bottom:20px;right:50%;width:126px;height:132px;margin-right:-63px;background: no-repeat center bottom;}
.empiric-tree.level-1{background-image:url(../images/empiric-value/LV1.png);}
.empiric-tree.level-2{background-image:url(../images/empiric-value/LV2.png);}
.empiric-tree.level-3{background-image:url(../images/empiric-value/LV3.png);}
.empiric-tree.level-4{background-image:url(../images/empiric-value/LV4.png);}
.empiric-tree.level-5{background-image:url(../images/empiric-value/LV5.png);}
.empiric-tree.level-6{background-image:url(../images/empiric-value/LV6.png);}
.empiric-tree.level-7{background-image:url(../images/empiric-value/LV7.png);}
.empiric-tree.level-8{background-image:url(../images/empiric-value/LV8.png);}
.empiric-tree.level-9{background-image:url(../images/empiric-value/LV9.png);}
.empiric-tree.level-10{background-image:url(../images/empiric-value/LV10.png);}

/*经验排行列表*/
.ranking-box{}
.ranking-header{padding-bottom:5px;border-bottom:2px solid;}
.ranking-header-right img{border-radius:50%;}
.ranking-title{display:inline-block;margin:0 0 15px;font-size:16px;}
.skin-teach .ranking-header{border-bottom-color:#378ef0;}
.skin-stu .ranking-header{border-bottom-color:#3eab20;}

/*成长足迹头部经验值进度*/
.empiric-box{position:absolute;right:0px;top:70px;width:240px;height:70px;border-radius:35px 0 0 35px;background-color:rgba(255,255,255,.5);}
.empiric-name{position:absolute;left:60px;top:10px;}
.empiric-group{width:200px;margin:22px 0 0 25px;}
.empiric-group-item{float:left;}
.empiric-progress{width:120px;margin-top:12px;}
.empiric-progress .progress{position:relative;height:14px;border-radius:0;background-color:#fdeddc;}
.empiric-progress .progress-bar{background-color:#ff8400;}
.empiric-progress .progress[data-percent]:after{line-height:14px;color:#954d00;}
.empiric-rank{display:inline-block;width:38px;height:38px;border:3px solid;border-radius:50%;text-align: center;line-height:35px;text-transform:uppercase;}
.empiric-rank-prev{position:relative;z-index:1;margin-right:-2px;border-color:#ff8400;color:#ff8400;}
.empiric-rank-next{border-color:#fdeddc;color:#d9a264;}

/*积分规则*/
.rankingRule-box{margin-bottom:30px;}
.rankingRule-title{padding-left:15px;border-left:3px solid;margin:0;font-size:16px;color:#378ef0;}
.skin-stu .rankingRule-title{color:#3eab20;}
.rankingRule-body{padding:15px;}
.rule-level-item{float:left;position:relative;width:10%;}
.rule-level-item:after{position: absolute;left:55px;top:30px;overflow:hidden;content:'';width:100%;height:0;border-top:3px solid #50b33c;}
.rule-level-item:last-child:after{content:none;}
.rule-level-img{display:inline-block;width:66px;height:60px;background:no-repeat;}
.rule-level-img-1{background-image:url(../images/empiric-value/rule-lv1.png);}
.rule-level-img-2{background-image:url(../images/empiric-value/rule-lv2.png);}
.rule-level-img-3{background-image:url(../images/empiric-value/rule-lv3.png);}
.rule-level-img-4{background-image:url(../images/empiric-value/rule-lv4.png);}
.rule-level-img-5{background-image:url(../images/empiric-value/rule-lv5.png);}
.rule-level-img-6{background-image:url(../images/empiric-value/rule-lv6.png);}
.rule-level-img-7{background-image:url(../images/empiric-value/rule-lv7.png);}
.rule-level-img-8{background-image:url(../images/empiric-value/rule-lv8.png);}
.rule-level-img-9{background-image:url(../images/empiric-value/rule-lv9.png);}
.rule-level-img-10{background-image:url(../images/empiric-value/rule-lv10.png);}
.rule-level-value{display:block;width:50px;height:20px;border-radius:10px;margin:10px 0 0 5px;text-align:center;line-height:20px;background-color:#ff8400;color:#fff;}

/*经验值变化弹出框*/
.layer-empiric{position:fixed;z-index:2000;left:50%;top:50%;width:440px;height:440px;margin:-220px 0 0 -220px;}
.layer-empiric:before{
  position:absolute;left:0;top:0;
  content:'';width:100%;height:100%;
  background:url(../images/img/layer-empiric-bg.png) no-repeat center center;
  animation: trun 6s linear infinite;
}
.layer-empiric-content{position:relative;width:240px;border-radius:5px;margin:95px auto 0;background-color:#fff;}
.layer-empiric-header{height:100px;border-radius:5px 5px 0 0;text-align:center;}
.layer-empiric-header.upgraded{background:url(../images/img/layer-empiric-head-bg-1.png) no-repeat;}
.layer-empiric-header.increase{background:url(../images/img/layer-empiric-head-bg-2.png) no-repeat;}
.layer-empiric-img{display:inline-block;width:134px;height:126px;margin-top:-35px;}
.layer-empiric-body{padding:20px;}
.layer-empiric-txt{font-size:16px;text-align:center;}
.layer-empiric-level{font-size:26px;text-align:center;text-transform:uppercase;color:#ff8400;}
.layer-empiric-footer{padding:20px;text-align:center;}
.layer-empiric-footer .btn{width:120px;border-radius:15px;background-color:#ff8400 !important;}
.empiric-change-list{}
.empiric-change-item{margin-bottom:10px;overflow:hidden;}
.empiric-change-item:before{position:relative;top:12px;content:'';display:block;width:100%;height:0;border-top:1px dashed #d0d0d0;}
.empiric-change-name{position:relative;background-color:#fff;}
.empiric-change-name i{width:14px;height:14px;border-radius:50%;font-size:12px;text-align:center;line-height:14px;color:#fff;background-color:#f27668;}
.empiric-change-name.wpCoin i{background-color:#ffb052;}
.empiric-change-value{float:right;position:relative;font-weight:bold;color:#ff8400;background-color:#fff;}

@keyframes trun{
  0%{
    transform:rotate(0deg);
  }
  100%{
    transform:rotate(360deg);
  }
}

/*从中迪添加*/
.layer.layer-videoFile {padding:0;}
.layer-zd-left {float:left;width:250px;height: 618px;overflow: hidden;background-color: #f8f8f8;border-right: #e5e5e5 solid 1px;}
.layer-zd-right {float:left;width: 620px;margin-right: -20px;}
.has-tips{font-size: 16px;color: #d0d0d0;cursor: pointer;}
.layer-zd-right .table-condensed>tbody>tr>td {padding:8px 15px 8px 10px; border-top:#e5e5e5 solid 1px;}
.position-r {position: relative;}
.position-r .badge {display: inline-block;width:10px;height: 10px;position: absolute;top:-5px;right:-3px;padding:0;}
.position-r .badge{background:#FF0000 ;}
.position-r audio {width:100px;}
.position-r .card-play {margin:0;font-size: 20px;top:0;left:0;}
.table-bottom {width:100%;}
.layer-zd-right .operatebar {padding:10px 10px 0 15px;margin-bottom: 0;}
.layer-zd-right .table-warp {width:100%;height:560px;}
.layer-zd-right table{ border-bottom:1px solid #e5e5e5;margin-top:10px;}
.layer-search-i {padding:5px;}
.layer-search-i select {width: 100%;height: 35px;line-height: 35px;font-size: 16px;}
.layer-search-i select option {height: 35px;line-height: 35px;}
.layer-zd-right .pagination {margin:0 10px;}
.zd-viod-icon {width:26px;height: 26px;margin: 5px 0 6px 0;display: inline-block;border:#378ef0 solid 2px;position: relative;padding-left:3px;border-radius: 50%;cursor: pointer;}
.zd-viod-icon .fa {color:#378ef0;font-size: 12px;}
.zd-disable-viod.zd-viod-icon{border:#d0d0d0 solid 2px;cursor: default;}
.zd-disable-viod.zd-viod-icon .fa {color:#d0d0d0;}
.table-warp .table .btn {font-size: 14px;}
.zd-course-tree {padding: 15px;height: 574px;overflow-y: auto;overflow-x: hidden;}
.zd-tip {display: none;position: absolute;top:0;left:-142px;line-height: 22px;width: 130px;padding: 3px 10px;font-size: 12px;_float: left;border-radius: 3px;box-shadow: 1px 1px 3px rgba(0,0,0,.3);background-color: #4c4c4c;color: #fff;}
.zd-tip-TipsL {position: absolute;right: -8px;top: -2px;font-size: 0;line-height: initial; width: 0;height: 0;border-width: 8px;border-color: transparent;border-style: dashed;}

label{margin-bottom:0;font-weight:normal;}
input[type=checkbox].wp,
input[type=radio].wp {
  opacity: 0;
  position: absolute;
  z-index: 1;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
label input[type=checkbox].wp,
label input[type=radio].wp {
  z-index: -100 !important;
  width: 1px !important;
  height: 1px !important;
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
}
input[type=checkbox].wp:checked,
input[type=radio].wp:checked,
input[type=checkbox].wp:focus,
input[type=radio].wp:focus {
  outline: none !important;
}
input[type=checkbox].wp + .lbl,
input[type=radio].wp + .lbl {
  position: relative;
  display: inline-block;
  margin: 0;
  line-height: 20px;
  min-height: 18px;
  min-width: 18px;
  font-weight: normal;
  cursor: pointer;
}
input[type=checkbox].wp + .lbl::before,
input[type=radio].wp + .lbl::before {
  cursor: pointer;
  font-family: 'fontAwesome';
  font-weight: normal;
  font-size: 12px;
  color: #fff;
  content: "\a0";
  background-color: #fafafa;
  border: 1px solid #c8c8c8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  /*, inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
  border-radius: 0;
  display: inline-block;
  text-align: center;
  height: 16px;
  line-height: 14px;
  min-width: 16px;
  margin-right: 1px;
  position: relative;
  top: -1px;
}
input[type=checkbox].wp:checked + .lbl::before,
input[type=radio].wp:checked + .lbl::before {
  display: inline-block;
  content: '\f00c';
  color: #32a3ce;
  background-color: #f5f8fc;
  border-color: #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}
input[type=checkbox].wp:hover + .lbl::before,
input[type=radio].wp:hover + .lbl::before,
input[type=checkbox].wp + .lbl:hover::before,
input[type=radio].wp + .lbl:hover::before {border-color: #378ef0;}
input[type=checkbox].wp:focus + .lbl::before,
input[type=radio].wp:focus + .lbl::before {border-color: #378ef0;}
input[type=checkbox].wp:active + .lbl::before,
input[type=radio].wp:active + .lbl::before,
input[type=checkbox].wp:checked:active + .lbl::before,
input[type=radio].wp:checked:active + .lbl::before {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
input[type=checkbox].wp.wp-checkbox-2 + .lbl::before,
input[type=radio].wp.wp-checkbox-2 + .lbl::before {box-shadow: none;}
input[type=checkbox].wp.wp-checkbox-2:checked + .lbl::before,
input[type=radio].wp.wp-checkbox-2:checked + .lbl::before {
  background-color: #f9a021;
  border-color: #f9a021;
  color: #fff;
}
input[type=checkbox].wp:disabled + .lbl::before,
input[type=radio].wp:disabled + .lbl::before,
input[type=checkbox].wp[disabled] + .lbl::before,
input[type=radio].wp[disabled] + .lbl::before,
input[type=checkbox].wp.disabled + .lbl::before,
input[type=radio].wp.disabled + .lbl::before {
  background-color: #ddd !important;
  border-color: #ccc !important;
  box-shadow: none !important;
  color: #bbb;
}
.checkbox label input[type=checkbox].wp + .lbl,
.radio label input[type=radio].wp + .lbl {margin-left: -10px;}
input[type=radio].wp + .lbl::before {
  border-radius: 100%;
  font-family: 'FontAwesome';
  text-shadow: 0 0 1px #32a3ce;
  line-height: 16px;
  height: 17px;
  min-width: 17px;
}
input[type=radio].wp:checked + .lbl::before {content: "\f111";}
input[type=checkbox].wp.input-lg + .lbl::before {
  border-radius: 4px;
  font-size: 16px;
  height: 24px;
  line-height: 21px;
  min-width: 24px;
  top: auto;
}
input[type=radio].wp.input-lg + .lbl::before {
  font-size: 14px;
  height: 24px;
  line-height: 22px;
  min-width: 24px;
  top: auto;
}

/*单选优化*/
.choice{display: inline-block;margin: 5px 20px 5px 0;cursor: pointer;}
.choice>input{width: 16px;height: 16px;margin-bottom: -3px;*margin-bottom: 1px;}
.choice>input:nth-child(1){display: none}
.choice>input:checked ~ .lbl::before{border: 1px solid #0091ff;background: #0091ff;}
.choice>input[type="radio"] ~ .lbl::before{border-radius: 50%;background-clip: content-box;}

/*禁用*/
.choice>input[disabled] ~ .lbl{cursor: not-allowed;color: #c8c8c8;}
.choice>input[disabled] ~ .lbl::before{border-color: #c8c8c8;}
.choice>input[type="radio"][disabled]:checked ~ .lbl:before{background-color: #c8c8c8;}

/*禁用--显示不能操作*/
.choice.disabled>input[disabled] ~ .lbl.disabled{cursor: auto; color: #333;}
.choice.disabled>input[disabled] ~ .lbl.disabled::before{border-color: #0091ff;}
.choice.disabled>input[type="radio"][disabled]:checked ~ .lbl.disabled:before{background-color: #0091ff; border-color: #0091ff;}
.choice.disabled>input[type="radio"][disabled] ~ .lbl:before{border-color: #c8c8c8;}

/*显示不能操作结束*/
.choice>.lbl{display: block; color: #333;}
.choice>.lbl::before{float: left; display: inline-block; content: ""; width: 16px; height: 16px; background: none; border: 1px solid #c8c8c8; margin: 3px 10px 0 0; padding: 4px;}
.choice:hover>.lbl::before{border: 1px solid #0091ff;}
/*单选优化结束*/