/* 公共样式 */
* {
    font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.margin {
    margin: 10px;
}

.btn-msg {
}

.margin-top {
    margin-top: 10px;
}

.margin-right {
    margin-right: 10px;
}

.margin-bottom {
    margin-bottom: 10px;
}

.margin-left {
    margin-left: 10px;
}

.no-margin-top {
    margin-top: 0;
}

.no-margin-right {
    margin-right: 0;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.no-margin-left {
    margin-left: 0;
}

.padding {
    padding: 15px;
}

.padding-top {
    padding-top: 15px;
}

.padding-right {
    padding-right: 15px;
}

.padding-bottom {
    padding-bottom: 15px;
}

.padding-left {
    padding-left: 15px;
}

.no-padding-top {
    padding-top: 0;
}

.no-padding-right {
    padding-right: 0;
}

.no-padding-bottom {
    padding-bottom: 0;
}

.no-padding-left {
    padding-left: 0;
}

textarea {
    resize: none;
}

/* 水平表单错误信息 */
span.error {
    clear: both;
    padding: 5px 0 0 0;
    display: inline-block;
}

/* 用户菜单下拉的图标链接 */
.user-menu .user-menu-icon-link {
    display: block;
}

.user-menu .user-menu-icon-link i.fa {
    font-size: 3em;
    color: #787d82;
}

.form-control-static-on {
    min-height: 34px;
    padding-bottom: 7px;
    margin-bottom: 0;
}

.footer-row {
    padding: 10px;
    border-top: 1px solid #f4f4f4;
}

/*------------------- 学员端选课中心 的目录、分类等菜单 -------------------*/
.activity-nav {
    margin-bottom: 0;
    padding-top: 5px;
}

.activity-nav dd, .activity-nav dt {
    margin-top: 5px;
}

.activity-nav dt {
    padding: 5px 10px;
}

.activity-nav dd > ul > li {
    margin-bottom: 2px;
}

.activity-nav dd > ul > li > a {
    display: block;
    padding: 5px 10px;
    color: #14191e;
}

.activity-nav dd > ul > li.active > a {
    background: #3c8dbc;
    color: #fff;
    border-radius: 2px;
}

/* ========================================================================= */
/* Flash Message */

.alert-flash-message {
    margin: 10px;
}

.alert-success {
    background: #00a65a;
}

.alert-warning {
    background: #F39C12;
}

.alert-danger {
    background: #DD4B39;
}

.alert-info {
    background: #00C0EF;
}

/* ========================================================================= */
/* 附件 */
.attachment-container {
}

.assignment-btns .attachment-container {
    position: absolute;
    top: 60px;
    width: 100%;
}


/* 附件预览区域 */
.attachment-preview-container {
    border: 1px solid #ccc;
    border-top: none;
    width: 100%;
    padding: 10px;
}

.attachment-container .attachment-files {
    margin: 10px 0;
}

.attachment-container .attachment-file-cover {
    width: 320px;
    height: 180px;
}

.attachment-container .attachment-file-avatar {
    width: 160px;
    height: 160px;
}

.attachment-container .attachment-file-poster {
    width: 320px;
    height: 180px;
}

.attachment-container .attachment-file-image,
.attachment-preview-container .attachment-file-image {
    width: 120px;
}

.attachment-container .attachment-file-icon,
.attachment-preview-container .attachment-file-icon {
    width: 120px;
    height: 120px;
}

.attachment-container .attachment-file-list-icon,
.attachment-preview-container .attachment-file-list-icon {
    width: 30px;
    height: 30px;
}

.attachment-container .attachment-file, .attachment-preview-container .attachment-file {
    float: left;
    margin-right: 5px;
    position: relative;
}

.attachment-container .attachment-file .attachment-file-del-btn,
.attachment-preview-container .attachment-file .attachment-file-del-btn {
    position: absolute;
    right: 15px;
    z-index: 999;
}

.attachment-container .attachment-file .attachment-file-list-del-btn,
.attachment-preview-container .attachment-file .attachment-file-list-del-btn {
    position: absolute;
    top: 5px;
    right: 15px;
    z-index: 999;
    margin-top: 5px;
}

.attachment-container .attachment-file .attachment-file-del-btn a,
.attachment-preview-container .attachment-file .attachment-file-del-btn a {
    color: red;
}

.attachment-container .attachment-file .attachment-file-list-del-btn a.remove,
.attachment-preview-container .attachment-file .attachment-file-list-del-btn a.remove {
    color: red;
}

.attachment-container .attachment-file .attachment-file-list-del-btn a,
.attachment-preview-container .attachment-file .attachment-file-list-del-btn a {
    margin-left: 20px;
}

.attachment-container .attachment-file-desc,
.attachment-preview-container .attachment-file-desc {
    margin: 3px;
    text-align: center;
}

.attachment-container .attachment-upload-list {
    border-radius: 4px;
    border: 1px solid #f2f2f2;
}

.attachment-container .attachment-upload-list-item {
    width: 100%;
    font-size: 14px;
    margin-bottom: 5px;
    position: relative;
    box-sizing: border-box;
    border-bottom: 1px solid #f2f2f2;
    transition: all .5s cubic-bezier(.55, 0, .1, 1);
}

.attachment-container .attachment-upload-list__item-info {
    display: inline-flex;
    width: calc(90% - 30px);
    margin-left: 4px;
}

.attachment-container .attachment-upload-list__item-info-star {
    width: 80%;
}

.attachment-container .attachment-upload-list__item-info-end {
    width: 20%;
}

.attachment-container .attachment-upload-list__item-name {
    display: inline-flex;
    text-align: center;
    align-items: center;
    padding: 0 4px;
    margin-top: 5px;
}

.attachment-container .attachment-upload-list__item-name > span.attachment-upload-list__item-file-name {
    overflow: hidden;
    margin-left: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.attachment-container .attachment-upload-list__item-file-size {
    position: absolute;
    top: 10px;
}

.attachment-input-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding-right: 20px;
    padding-left: 20px;
}

.attachment-input-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
}

.attachment-btn-container {
    line-height: 36px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.attachment-hint-text {
    padding: 10px 0 0;
}

.attachment-progress {
    width: 200px;
    background-color: #CCC;
    border: 1px solid #efefef;
    display: none;
}

/* =============================================================== */
/* 评论插件 */
.comment-box {
    position: relative;
    width: 100%;
}

.comment-tpl {
    background: #fafafa;
    margin-top: 10px;
}

.comment-tpl:before {
    content: '';
    width: 0;
    height: 0;
    border-width: 10px;
    border-color: transparent transparent #fafafa transparent;
    border-style: solid;
    position: absolute;
    top: -10px;
    right: 30px;
}

/* 评论输入区 */
.comment-input:focus {
    border: 1px solid #4EAA4C;
}

/*评论列表*/
.comment-list {
    width: 100%;
}

/*评论列表元素*/
.comment-item, .grid-item.comment-item {
    padding: 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #f4f4f4;
}

.comment-item:last-child {
    border: none;
}

/* 用户头像 */
.comment-user-img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}

/* 用户名/昵称 */
.comment-user-name {
    cursor: pointer;
    font-weight: 600;
}

/* 被回复用户名 */
.comment-reply-user-name, .comment-reply-user-name:hover, .comment-reply-user-name:focus,
.comment-reply-user-name:active {
    color: #777;
}

.comment-reply-user-name:hover {
    text-decoration: underline;
}

/* 发表时间 */
.comment-time {
    color: #777;
    font-size: 12px;
}

/* 删除按钮 */
.comment-del {
    color: #777;
    font-size: 12px;
}

.comment-del > a.eval-reply-del, .comment-del > a.eval-del {
    color: #777;
    margin-left: 5px;
}

.comment-content {
    margin-top: 10px;
    margin-left: 55px;
    word-break: break-all;
}

.comment-replies, .reply-comment-input {
    margin-left: 55px;
}

.comment-area {
    padding: 15px;
    border-bottom: 1px solid #f4f4f4;
}

.comment-input {
    width: 100%;
}

.comment-textarea {
    border: 1px solid #f4f4f4;
    background: #fff;
    outline: none;
    font-size: 15px;
    height: 100%;
    line-height: 20px;
    min-height: 20px;
    width: 100%;
    padding: 5px 10px;
}

.comment-textarea:focus {
    outline: none;
}

.comment-button {
    display: block;
    margin-top: 5px;
    cursor: pointer;
}

.comment-button-statement {
    margin-top: 5px;
    margin-right: 5px;
    line-height: 30px;
}

/* 回复按钮，删除按钮 */
.comment-reply, .comment-reply:hover, .comment-reply:focus,
.comment-delete, .comment-delete:hover, .comment-delete:focus, .comment-btn-top, .comment-btn-untop {
    float: right;
    padding: 0 5px;
    cursor: pointer;
    color: #3c8dbc;
}

/* 回复时显示回复对象的区域 */
.comment-reply-area {
    width: 100%;
    margin: 5px 0;
    border-radius: 3px;
    display: none;
    font-size: 16px;
    background-color: #f6f6f6;
}

.comment-reply-to {
    color: #0080FF;
}

.comment-reply-close {
    float: right;
    cursor: pointer;
    padding: 3px;
}

.comment-reply-close, .comment-reply-close:hover, .comment-reply-close:focus {
}

.simple-user-data-container {
    top: 20px;
    width: 280px;
    height: 0;
    margin: 0;
    padding: 0;
}

.simple-user-username {
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ========================================================================= */
/* 日期选择器 */
.datapicker-input {
    width: 120px;
}

/*分页*/
.pagination > li > a {
    margin: 0 1px;
}

/* 学员端排序按钮 */
.sorting {
    background: transparent;
}

.icon-padding {
    padding-left: 5px;
}

/* ========================================================================= */
/* 网格 */
/* 1. 卡片  */
/* 2. 列表  */
/* ========================================================================= */

.datagrid-wrapper {
    padding-left: 15px;
    padding-top: 15px;
}

.datagrid-container .datagrid-stat {
    padding: 15px 0;
}

.datagrid-container .datagrid-body {
    display: none;
}

.datagrid-loading {
    display: none;
}

.datagrid-loading .load-btn {
    display: block;
    width: 50%;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
    /*background: #f3f3f3;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #666;
    border: none;
    outline: none;
}

/* 工具栏 */
.datagrid-container .datagrid-toolbar {
    margin-bottom: 15px;
}

.datagrid-container .datagrid-toolbar ul {
}

.datagrid-container .datagrid-toolbar ul li {
    margin-right: 10px;
    border-radius: 5px;
}

.datagrid-container .datagrid-toolbar ul li a {
    border: 0;
    padding: 5px 15px;
    border-radius: 5px;
}

.datagrid-container .datagrid-toolbar ul li:hover {
    background: transparent;
}

.datagrid-container .datagrid-toolbar ul li:hover > a {
    background: transparent;
}

.datagrid-container .datagrid-toolbar ul li.active {
    background: #888;
}

.datagrid-container .datagrid-toolbar ul li.active a {
    background: #888;
}

/*
  datagrid插件 的排序选中背景根据系统背景改变颜色 开始
*/

.skin-purple .datagrid-container .datagrid-toolbar ul li.sorting.active {
    background: #605ca8;
}

.skin-green .datagrid-container .datagrid-toolbar ul li.sorting.active {
    background: #00a65a;
}

.skin-red .datagrid-container .datagrid-toolbar ul li.sorting.active {
    background: #dd4b39;
}

.skin-black .datagrid-container .datagrid-toolbar ul li.sorting.active {
    background: #d2d6de;
}

.skin-yellow .datagrid-container .datagrid-toolbar ul li.sorting.active {
    background: #f39c12;
}

.skin-blue .datagrid-container .datagrid-toolbar ul li.sorting.active {
    background: #3c8dbc;
}

.skin-purple .datagrid-container .datagrid-toolbar ul li.sorting.active a {
    background: #605ca8;
}

.skin-green .datagrid-container .datagrid-toolbar ul li.sorting.active a {
    background: #00a65a;
}

.skin-red .datagrid-container .datagrid-toolbar ul li.sorting.active a {
    background: #dd4b39;
}

.skin-black .datagrid-container .datagrid-toolbar ul li.sorting.active a {
    background: #d2d6de;
}

.skin-yellow .datagrid-container .datagrid-toolbar ul li.sorting.active a {
    background: #f39c12;
}

.skin-blue .datagrid-container .datagrid-toolbar ul li.sorting.active a {
    background: #3c8dbc;
}

/*
  datagrid插件 的排序选中背景根据系统背景改变颜色 结束
*/


/* 主体 */
.datagrid-container .datagrid-body {
}

.datagrid-container .datagrid-body .card-view-min-wrapper {
    padding: 0 15px 0 0;
}

.datagrid-container .datagrid-body .card-view-wrapper {
    padding: 0 15px 15px 0;
}

.datagrid-container .datagrid-body .card-view-wrapper:nth-child(4n) {
}

.datagrid-container .list-view {
    margin: 0 0 15px;
    position: relative;
}

.datagrid-container .list-view:last-child {
    margin: 0;
}

.datagrid-container .list-view .list-img {
    margin-right: 15px;
    position: relative;
    border-radius: 5px;
}

.datagrid-container .card-view .card-img img,
.datagrid-container .list-view .list-img img {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
}

.datagrid-container .list-view .list-title {
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
    overflow: hidden;
    max-height: 50px;
}

.datagrid-container .list-view .list-content {
    width: calc(100% - 220px);
    min-height: 112px;
    position: relative;
}

.datagrid-container .list-view .list-content .list-introduction {
    font-size: 14px;
    word-break: break-all;
    max-height: 65px;
    overflow: hidden;
}

.datagrid-container .list-view .list-content .list-description {
    font-size: 12px;
}

/* 课程卡片遮罩(非目标学员报名申请) */
.datagrid-container .datagrid-body .activity-mask:after {
    content: ""; /* 伪元素的内容为空，用于创建遮罩 */
    position: absolute; /* 设置绝对定位，使遮罩相对于元素定位 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); /* 设置半透明遮罩的颜色 */
    z-index: 1; /* 设置遮罩位于元素的上方 */
    pointer-events: none; /* 保持底部元素的点击事件 */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.datagrid-container .datagrid-body .activity-lock-new {
    z-index: 999;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    pointer-events: none; /* 保持底部元素的点击事件 */
}

.datagrid-container .datagrid-body .activity-lock-new img {
    height: 18%;
    width: 18%;
    pointer-events: none; /* 保持底部元素的点击事件 */
}

.datagrid-container .datagrid-body .list-view .activity-lock-new img {
    object-fit: unset !important;
    height: 34%;
    width: 18%;
    pointer-events: none; /* 保持底部元素的点击事件 */
}

.datagrid-container .datagrid-body .card-view-wrapper .card-view {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0 solid #F4F4F4;
    border-radius: 5px;
    box-shadow: 0 0 15px #E9E9E9;
    transition: all .5s;
    background: #FFF;
}

.datagrid-container .datagrid-body .card-view-wrapper .card-view:hover {
    box-shadow: 0 0 15px #9E9E9E;
    cursor: pointer;
    border-top: none;
    border-left: none;
    border-right: none;
}

.datagrid-container .datagrid-body .card-view-wrapper .card-view:hover > a > .card-img > label {
    display: inline-block;
}

.datagrid-container .card-view .card-img label,
.datagrid-container .list-view .list-img label {
    display: none;
    transition: all 0.3s;
}

.datagrid-container .card-view .card-img,
.datagrid-container .list-view .list-img {
    max-width: 100%;
    height: 0;
    padding-bottom: 56.2%;
    overflow: hidden;
    position: relative;
}

.datagrid-container .card-view .card-img img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.datagrid-container .tool {
    text-align: right;
    font-size: 12px;
}

.datagrid-container .list-view .list-img {
    width: 200px;
    padding-bottom: calc(200px * 9 / 16);
}

.datagrid-container .list-view .list-type {
    position: absolute;
    top: -2px;
    right: -1.5px;
}

.datagrid-container .card-type span.label {
    padding: 6px 5px;
    border-radius: 5px;
}

.datagrid-container .list-view .list-type span.label {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.datagrid-container .card-text {
    padding: 0 10px 10px;
}

.datagrid-container .card-text p {
    padding: 0;
}

.datagrid-container .card-text p:last-child {
    padding: 0;
    margin: 0;
}

.datagrid-container .card-text label {
    font-size: 12px;
    font-weight: 400;
}

.datagrid-container .card-type {
    /*padding: 8px 0;*/
}

.datagrid-container .card-name {
    max-height: 48px;
    line-height: 2;
    width: 100%;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
}

.datagrid-container .card-name a {
    color: #000;
}

.datagrid-container .card-name a.title {
    height: 48px;
    line-height: 24px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
}

.datagrid-container .datagrid-pagination .datatable-stat-msg {
    padding: 20px 0;
    line-height: 30px;
}

.lms-nav-tabs-custom .tab-content.tab-content-data-grid {
    padding: 30px 0 0 0;
}

.index-page .lms-nav-tabs-custom .tab-content.tab-content-data-grid {
    padding: 14px 0 0 0;
}

.lms-dg-nav-tabs-custom .tab-content.tab-content-data-grid {
    padding: 15px;
}

/**/
.list-view-wrapper .list-view.simple-list-view {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
}

.list-view-wrapper .list-view.simple-list-view .simple-list-item {
    padding: 10px;
}

.list-view-wrapper .list-view.simple-list-view .simple-list-content {
    padding: 10px;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ========================================================================= */
/* 侧边导航 */
.sidebar-nav {
    margin: 0;
}

.sidebar-nav li {
    padding: 5px;
    border-bottom: 1px solid #e8e8e8;
}

/*侧边导航，左进度条颜色变换*/
.skin-purple .sidebar-nav > .nav-stacked > li.active > a, .skin-purple-light .sidebar-nav > .nav-stacked > li.active > a {
    border-left-color: #605ca8;
}

.skin-green .sidebar-nav > .nav-stacked > li.active > a, .skin-green-light .sidebar-nav > .nav-stacked > li.active > a {
    border-left-color: #00a65a;
}

.skin-red .sidebar-nav > .nav-stacked > li.active > a, .skin-red-light .sidebar-nav > .nav-stacked > li.active > a {
    border-left-color: #dd4b39;
}

.skin-black .sidebar-nav > .nav-stacked > li.active > a, .skin-black-light .sidebar-nav > .nav-stacked > li.active > a {
    border-left-color: #d2d6de;
}

.skin-yellow .sidebar-nav > .nav-stacked > li.active > a, .skin-yellow-light .sidebar-nav > .nav-stacked > li.active > a {
    border-left-color: #f39c12;
}

.skin-blue .sidebar-nav > .nav-stacked > li.active > a, .skin-blue-light .sidebar-nav > .nav-stacked > li.active > a {
    border-left-color: #3c8dbc;
}

.sidebar-nav li:last-child {
    border: 0;
}

.sidebar-nav li a {
    color: #787d82 !important;
}

.sidebar-nav li:hover a, .sidebar-nav li:visited a {
    color: #000 !important;
    background: none;
}

.sidebar-nav li a i {
    padding-right: 20px;
    width: 30px;
}

/* ========================================================================= */
/* 图片裁剪 */
.crop-container {
    margin: 10px;
    text-align: center;
}

.crop-container img {
    width: 100%;
    max-width: 100%;
}

.crop-tips {
    margin: 10px;
}

/* ========================================================================= */
/* 表格 */
.datatable-container {
}

.datatable-container .datatable-toolbar .datatable-btns, .datatable-toolbar .datatable-search {
    /*line-height: 34px;加了这句对不齐*/
    margin: 10px 0;
    position: relative;
}

.datatable-container .datatable-toolbar .datatable-search {
    padding-right: 10px;
}

.datatable-container .datatable-toolbar .datatable-search .datatable-toolbar-search {
    border-color: #ddd;
    border-radius: 2px;
}

.datatable-container .table thead .column-tools, .datatable-container .table tbody .column-tools {
    width: 50px;
    text-align: center;
}

.datatable-container .table thead,
.datatable-container .table thead .sorting,
.datatable-container .table thead .sorting-asc,
.datatable-container .table thead .sorting-desc,
.datatable-container .table thead .sorting-asc-disabled,
.datatable-container .table thead .sorting-desc-disabled {
    cursor: pointer;
    position: relative;
    padding-right: 25px
}

.datatable-container .table thead .sorting:after,
.datatable-container .table thead .sorting-asc:after,
.datatable-container .table thead .sorting-desc:after {
    position: absolute;
    top: 8px;
    right: 8px;
    display: block;
    opacity: 0.5;
}

.datatable-container .table thead .sorting:after {
    opacity: 0.2;
    content: "\e150"; /* sort */
}

.datatable-container .table thead .sorting-asc:after {
    content: "\e155"; /* sort-by-attributes */
}

.datatable-container .table thead .sorting-desc:after {
    content: "\e156"; /* sort-by-attributes-alt */
}

.datatable-container .datatable-pagination .pagination, .datatable-container .datatable-stat {
    display: inline-block;
    margin: 5px 0;
}

.datatable-container .datatable-stat span {
    padding: 6px 12px 6px 0;
    line-height: 34px;
}

.datatable-container .table .btn {
    margin-bottom: 5px;
}

.datatable-container .datatable-page-options {
    margin-top: 8px;
    display: none;
}

.datatable-container .datatable-loading {
    margin-bottom: 20px;
}

.datatable-container .datatable-page-options .select2-selection__rendered {
    padding-right: 8px !important;
    padding-left: 4px !important;
    margin-top: -6px !important;
}

.datatable-filters-border {
    border-right: 1px solid #CCCCCC;
    margin-right: 5px !important;
    padding-right: 5px;
}

.datatable-filters select {
    height: 34px;
}


/* ========================================================================= */
/* 树 */
.ztree * {
    font-size: 14px !important;
    font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif !important;;
}

/* 冻结根节点 */
/*
.ztree.root-tree li span.button.switch.level0 {
    visibility: hidden;
    width: 1px;
}

.ztree.root-tree li ul.level0 {
    padding: 0;
    background: none;
}

.ztree-with-border {
    border: 1px solid #d2d6de;
    height: 240px;
    overflow-y: auto;
}
*/

/* ========================================================================= */
/* 目录插件 */
.catalog-container {

}

.catalog-container .catalog-tools {
    margin: 0;
    padding: 0;
}

.catalog-container .catalog-tree-div {
    margin-top: 10px;
}

/* ========================================================================= */
/* 选择器 */
.picker.multiple-picker .picker-items {
    width: 254px;
    height: 120px;
    border: 1px solid #d2d6de;
    overflow: scroll;
}

.picker.multiple-picker .picker-items ul li {
    height: 26px;
    padding: 2px 6px;
    margin: 3px;
    border-radius: 2px;
}

.picker.multiple-picker .picker-items ul li:hover {
    cursor: pointer;
}

.picker.multiple-picker .picker-items ul li.active {
    background: #eee;
}

.picker.multiple-picker .picker-btns {
    padding-top: 6px;
    padding-bottom: 6px;
}

.picker.single-picker {
    display: inline-block;
}

.picker.single-picker .picker-items {
    width: 300px;
    height: 34px;
    border: 1px solid #d2d6de;
    padding-top: 3px;
    padding-bottom: 3px;
    display: inline-block;
    float: left;
}

.picker.single-picker .picker-items ul li {
    height: 28px;
    padding: 2px 6px;
    margin: 2px;
    border-radius: 2px;
}

.picker.single-picker .picker-btns {
    display: inline-block;
    float: left;
    padding-left: 3px;
}

.picker .picker-btns a.btn {
    margin-right: 3px;
}

.picker-body {
    padding: 10px;
}

/* ========================================================================= */
/* 课程步骤导航 */
.activity-entry {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    list-style-type: none;
}

.activity-entry .activity-entry-label {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0;
}

.activity-entry .activity-entry-label i {
    font-size: 30px;
    padding: 5px 0 10px;
}

.activity-entry .activity-entry-label > a, .activity-entry .activity-entry-label > span {
    width: 90px;
    height: 90px;
    padding: 5px 0;
    display: inline-block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

ul.activity-entry .activity-entry-divider {
    display: inline-block;
    background: #ccc;
    height: 1px;
    width: 70px;
    vertical-align: middle;
    margin: 0 5px;
}

#credit_type input {
    text-align: center;
}

/* 学习地图*/
.map-content {
    background: url("../image/person.jpg");
    background-size: cover;
}

.roadmap-arrow {
    width: 80px;
    margin: -10px auto 10px;
    text-align: center;
    font-size: 25px;
    position: relative;
}

.roadmap-title {
    width: 300px;
    font-size: 18px;
    display: none;
}

.title-edit {
    margin-top: -5px;
}

/* 我的日程简介 */
.long-text-style {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ========================================================================= */
/* 错误页面 */
.error-content {
    text-align: center;
}

.error-content h1 {
    font-size: 40px;
    font-weight: bold;
    color: #d33724;
}

.error-content p {
    font-size: 18px;
    margin: 15px 0;
}

.error-content .error-detail {
    display: none;
    text-align: left;
    color: red;
}

/* ===============================消息======================================== */

.notice-list {
    border-bottom: 1px solid #F3F3F3;
    margin: 10px;
    padding-bottom: 10px;
}

.notice-content > img {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 15px;
}

.notice-detail > .notice-detail-title {
    border-bottom: 1px solid #F3F3F3;
    padding-bottom: 10px;
}

.notice-detail > .notice-detail-title > h4 {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
}

.notice-detail > .notice-content {
    padding: 10px 0;
}

.notice-detail > a:hover {
    text-decoration: underline;
}

.notice-detail > span {
    color: #999;
}

.message-log-hidden {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.show-action {
    float: right;
}

/* ========================================================================= */

/* =============================积分========================================= */
.credit-type {
    padding: 20px 35px;
}

.credit-type-group {
    border-bottom: 1px solid #c4c4c4;
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 10px;
}

/* ========================================================================= */

/* ========================================================================= */
/* 标签 */
div.tag-align-left-div > .tag-btn:first-child {
    margin-left: 0;
}

.tag-btn {
    font-size: 13px;
    display: inline-block;
    padding: 0 10px;
    margin: 5px;
    border: 1px solid #daecf5;
    color: #017E66;
    /*background-color: rgba(1, 126, 102, 0.08);*/
    background-color: rgb(245 245 245);
    cursor: pointer;
}

.tag-btn:hover {
    color: white;
    background-color: #017E66;
}

.tag-selected {
    background: #259;
    border-color: #259;
    color: #fff;
}

.tag-detail {
    background-color: #F6F6F6;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24)
}

/* ========================================================================= */
.activity-title {
    margin-bottom: 10px;
    word-break: break-all;
    font-size: 22px;
}

.activity-detail {
    margin: 20px 0;
}

.activity-detail > button {
    margin-top: 8px;
    float: left;
    width: 100px;
    height: 40px;
}

.activity-detail span {
    padding-right: 20px;
}

.activity-list {
    width: 100%;
    line-height: 40px;
    padding: 0 10px;
    background-color: #e5e7e9;
    margin-bottom: 8px;
}

.activity-list > a {
    color: #72777c;
}

.activity-list-hover {
    background-color: #2f3141;
}

.activity-list-hover > a {
    color: white;
}

.activity-info {
    left: 200px;
    padding: 5px 10px;
    position: absolute;
    z-index: 5;
    box-shadow: 2px 4px 8px rgba(7, 17, 27, .1);
    background-color: #2f3141;
    display: none;
}

.activity-info > span {
    color: white;
    display: block;
}

.activity-info:before {
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #2f3141;
    position: absolute;
    left: 45%;
    margin-top: -20px;
}

.activity-detail-img {
    padding-right: 0;
    width: 256px;
    height: 0;
    padding-bottom: 144px;
    overflow: hidden;
    max-width: 100%;
    position: relative;
}

.activity-detail-img img {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
}

.activity-detail-type-card {
    position: absolute;
    top: -2px;
    right: -1.5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.inline-select {
    display: inline-block;
    vertical-align: middle;
    min-width: 200px;
}

.btn-activity-content-app {
    border-radius: 3px;
    position: relative;
    padding: 10px;
    margin: 10px;
    min-width: 100px;
    height: 100px;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    font-size: 12px
}

.btn-activity-content-app > .fa, .btn-activity-content-app > .glyphicon, .btn-activity-content-app > .ion {
    font-size: 65px;
    display: block;
    padding: 2px
}

.btn-activity-content-app:hover {
    background: #f4f4f4;
    color: #444;
    border-color: #aaa
}

.btn-activity-content-app:active, .btn-activity-content-app:focus {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-activity-content-app > .badge {
    position: absolute;
    top: -3px;
    right: -10px;
    font-size: 10px;
    font-weight: 400
}

/* ========================================================================= */
/* Bootstrap ext */
.radio-inline label, .checkbox-inline label {
    min-height: 20px;
    padding-right: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

/* ========================================================================= */
/* AdminLTE ext */
.skin-purple .box.box-main, .skin-purple-light .box.box-main {
    border-top-color: #605ca8;
}

.skin-green .box.box-main, .skin-green-light .box.box-main {
    border-top-color: #00a65a;
}

.skin-red .box.box-main, .skin-red-light .box.box-main {
    border-top-color: #dd4b39;
}

.skin-black .box.box-main, .skin-black-light .box.box-main {
    border-top-color: #d2d6de;
}

.skin-yellow .box.box-main, .skin-yellow-light .box.box-main {
    border-top-color: #f39c12;
}

.skin-blue .box.box-main, .skin-blue-light .box.box-main {
    border-top-color: #3c8dbc;
}

/*box-lms*/
.box-lms {
    border-top: 0;
    background: transparent;
    box-shadow: none;
    padding: 16px 0;
}

.box-lms > .box-header > .box-title {
    font-size: 24px;
    padding: 8px 0;
}

.skin-purple .box.box-lms, .skin-purple-light .box.box-lms {
    color: #605ca8;
}

.skin-green .box.box-lms, .skin-green-light .box.box-lms {
    color: #00a65a;
}

.skin-red .box.box-lms, .skin-red-light .box.box-lms {
    color: #dd4b39;
}

.skin-black .box.box-lms, .skin-black-light .box.box-lms {
    color: #d2d6de;
}

.skin-yellow .box.box-lms, .skin-yellow-light .box.box-lms {
    color: #f39c12;
}

.skin-blue .box.box-lms, .skin-blue-light .box.box-lms {
    color: #3c8dbc;
}

/*pagination*/

.skin-purple .pagination > .active > a, .skin-purple .pagination > .active > span, .skin-purple .pagination > .active > a:hover, .skin-purple .pagination > .active > span:hover, .skin-purple .pagination > .active > a:focus, .skin-purple .pagination > .active > span:focus.pagination li a {
    background: #605ca8;
    border-color: #605ca8;
}

.skin-green .pagination > .active > a, .skin-green .pagination > .active > span, .skin-green .pagination > .active > a:hover, .skin-green .pagination > .active > span:hover, .skin-green .pagination > .active > a:focus, .skin-green .pagination > .active > span:focus.pagination li a {
    background: #00a65a;
    border-color: #00a65a;
}

.skin-red .pagination > .active > a, .skin-red .pagination > .active > span, .skin-red .pagination > .active > a:hover, .skin-red .pagination > .active > span:hover, .skin-red .pagination > .active > a:focus, .skin-red .pagination > .active > span:focus.pagination li a {
    background: #dd4b39;
    border-color: #dd4b39;
}

.skin-black .pagination > .active > a, .skin-black .pagination > .active > span, .skin-black .pagination > .active > a:hover, .skin-black .pagination > .active > span:hover, .skin-black .pagination > .active > a:focus, .skin-black .pagination > .active > span:focus.pagination li a {
    background: #d2d6de;
    border-color: #d2d6de;
}

.skin-yellow .pagination > .active > a, .skin-yellow .pagination > .active > span, .skin-yellow .pagination > .active > a:hover, .skin-yellow .pagination > .active > span:hover, .skin-yellow .pagination > .active > a:focus, .skin-yellow .pagination > .active > span:focus.pagination li a {
    background: #f39c12;
    border-color: #f39c12;
}

.skin-blue .pagination > .active > a, .skin-blue .pagination > .active > span, .skin-blue .pagination > .active > a:hover, .skin-blue .pagination > .active > span:hover, .skin-blue .pagination > .active > a:focus, .skin-blue .pagination > .active > span:focus.pagination li a {
    background: #3c8dbc;
    border-color: #3c8dbc;
}

/*分类筛选,排序*/
/*.sorting:hover, .sorting-active, .sorting:visited {*/
/*color: #fff;*/
/*}*/

.skin-purple .activity-nav dd > ul > li.active > a, .skin-purple .sorting:hover, .skin-purple .sorting-active {
    background: #605ca8;
}

.skin-green .activity-nav dd > ul > li.active > a, .skin-green .sorting:hover, .skin-green .sorting-active {
    background: #00a65a;
}

.skin-red .activity-nav dd > ul > li.active > a, .skin-red .sorting:hover, .skin-red .sorting-active {
    background: #dd4b39;
}

.skin-black .activity-nav dd > ul > li.active > a, .skin-black .sorting:hover, .skin-black .sorting-active {
    background: #d2d6de;
}

.skin-yellow .activity-nav dd > ul > li.active > a, .skin-yellow .sorting:hover, .skin-yellow .sorting-active {
    background: #f39c12;
}

.skin-blue .activity-nav dd > ul > li.active > a, .skin-blue .sorting:hover, .skin-blue .sorting-active {
    background: #3c8dbc;
}

/* AdminLTE lms btn ext */
.skin-purple .btn.btn-main, .skin-purple-light .btn.btn-main,
.skin-purple .entry.active .entry-label,
.skin-purple .entry a.entry-label:hover {
    background-color: #605ca8;
    border-color: #605ca8;
    color: #fff;
}

.skin-green .btn.btn-main, .skin-green-light .btn.btn-main,
.skin-green .entry.active .entry-label,
.skin-green .entry a.entry-label:hover {
    background-color: #00a65a;
    border-color: #008d4c;
    color: #fff;
}

.skin-red .btn.btn-main, .skin-red-light .btn.btn-main,
.skin-red .entry.active .entry-label,
.skin-red .entry a.entry-label:hover {
    background-color: #dd4b39;
    border-color: #d73925;
    color: #fff;
}

.skin-black .btn.btn-main,
.skin-black-light .btn.btn-main {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd;
}

.skin-yellow .btn.btn-main, .skin-yellow-light .btn.btn-main,
.skin-yellow .entry.active .entry-label, .skin-yellow-light .entry.active .entry-label,
.skin-yellow .entry a.entry-label:hover, .skin-yellow-light .entry a.entry-label:hover {
    background-color: #f39c12;
    border-color: #e08e0b;
    color: #fff;
}

.skin-blue .btn.btn-main, .skin-blue-light .btn.btn-main,
.skin-blue .entry.active .entry-label, .skin-blue-light .entry.active .entry-label,
.skin-blue .entry a.entry-label:hover, .skin-blue-light .entry a.entry-label:hover {
    background-color: #3c8dbc;
    border-color: #367fa9;
    color: #fff;
}

.skin-purple .btn.btn-main, .skin-purple-light .btn.btn-main,
.skin-purple .entry.active .entry-label, .skin-purple-light .entry.active .entry-label,
.skin-purple .entry a.entry-label:hover, .skin-purple-light .entry a.entry-label:hover {
    background-color: #605ca8;
    border-color: #605ca8;
    color: #fff;
}

.skin-green .btn.btn-main, .skin-green-light .btn.btn-main,
.skin-green .entry.active .entry-label, .skin-green-light .entry.active .entry-label,
.skin-green .entry a.entry-label:hover, .skin-green-light .entry a.entry-label:hover {
    background-color: #008d4c;
    border-color: #008d4c;
    color: #fff;
}

.skin-red .btn.btn-main, .skin-red-light .btn.btn-main,
.skin-red .entry.active .entry-label, .skin-red-light .entry.active .entry-label,
.skin-red .entry a.entry-label:hover, .skin-red-light .entry a.entry-label:hover {
    background-color: #dd4b39;
    border-color: #dd4b39;
    color: #fff;
}

.skin-black .btn.btn-main, .skin-black-light .btn.btn-main,
.skin-black .entry.active .entry-label, .skin-black-light .entry.active .entry-label,
.skin-black .entry a.entry-label:hover, .skin-black-light .entry a.entry-label:hover {
    background-color: #444;
    border-color: #444;
    color: #fff;
}

/*   */
.skin-purple .entry .entry-label, .skin-purple-light .entry .entry-label {
    background: #fff;
    color: #605ca8;
    border: 1px solid #605ca8;
}

.skin-green .entry .entry-label, .skin-green-light .entry .entry-label {
    background: #fff;
    color: #00a65a;
    border: 1px solid #00a65a;
}

.skin-red .entry .entry-label, .skin-red-light .entry .entry-label {
    background: #fff;
    color: #dd4b39;
    border: 1px solid #dd4b39;
}

.skin-yellow .entry .entry-label, .skin-yellow-light .entry .entry-label {
    background: #fff;
    color: #e08e0b;
    border: 1px solid #e08e0b;
}

.skin-blue .entry .entry-label, .skin-blue-light .entry .entry-label {
    background: #fff;
    color: #3c8dbc;
    border: 1px solid #3c8dbc;
}

.skin-black .entry .entry-label, .skin-black-light .entry .entry-label {
    background: #fff;
    color: #444;
    border: 1px solid #444;
}

/*  按钮相关 */
.skin-purple .btn-msg, .skin-purple-light .btn-msg {
    background-color: #605ca8;
    border-color: #605ca8;
    color: #fff;
}

.skin-purple .btn-msg:hover, .skin-purple-light .btn-msg:hover {
    background-color: #5c6ba8;
    border-color: #605ca8;
    color: #fff;
}

.skin-green .btn-msg, .skin-green-light .btn-msg {
    background-color: #00a65a;
    border-color: #00a65a;
    color: #fff;
}

.skin-green .btn-msg:hover, .skin-green-light .btn-msg:hover {
    background-color: #008d4c;
    border-color: #008d4c;
    color: #fff;
}

.skin-red .btn-msg, .skin-red-light .btn-msg {
    background-color: #dd4b39;
    border-color: #dd4b39;
    color: #fff;
}

.skin-red .btn-msg:hover, .skin-red-light .btn-msg:hover {
    background-color: #dd5d39;
    border-color: #dd4b39;
    color: #fff;
}

.skin-yellow .btn-msg, .skin-yellow-light .btn-msg {
    background-color: #f39c12;
    border-color: #f39c12;
    color: #fff;
}

.skin-yellow .btn-msg:hover, .skin-yellow-light .btn-msg:hover {
    background-color: #e08e0b;
    border-color: #e08e0b;
    color: #fff;
}

.skin-blue .btn-msg, .skin-blue-light .btn-msg {
    background-color: #3c8dbc;
    border-color: #3c8dbc;
    color: #fff;
}

.skin-blue .btn-msg:hover, .skin-blue-light .btn-msg:hover {
    background-color: #367fa9;
    border-color: #367fa9;
    color: #fff;
}

.skin-black .btn-msg, .skin-black-light .btn-msg {
    background-color: #444;
    border-color: #444;
    color: #fff;
}

.skin-black .btn-msg:hover, .skin-black-light .btn-msg:hover {
    background-color: #444;
    border-color: #444;
    color: #fff;
}


/*  讲师相关 */
.skin-purple .instructor-item-new .tag-btn, .skin-purple-light .instructor-item-new .tag-btn,
.skin-purple .instr-content .tag-btn, .skin-purple-light .instr-content .tag-btn {
    color: #605ca8;
}

.skin-purple .instructor-item-new .tag-btn:hover, .skin-purple-light .instructor-item-new .tag-btn:hover,
.skin-purple .instr-content .tag-btn:hover, .skin-purple-light .instr-content .tag-btn:hover {
    color: white;
    background-color: #605ca8;
}

.skin-green .instructor-item-new .tag-btn, .skin-green-light .instructor-item-new .tag-btn,
.skin-green .instr-content .tag-btn, .skin-green-light .instr-content .tag-btn {
    color: #00a65a;
}

.skin-green .instructor-item-new .tag-btn:hover, .skin-green-light .instructor-item-new .tag-btn:hover,
.skin-green .instr-content .tag-btn:hover, .skin-green-light .instr-content .tag-btn:hover {
    color: #fff;
    background-color: #008d4c;
}

.skin-red .instructor-item-new .tag-btn, .skin-red-light .instructor-item-new .tag-btn,
.skin-red .instr-content .tag-btn, .skin-red-light .instr-content .tag-btn {
    color: #dd4b39;
}

.skin-red .instructor-item-new .tag-btn:hover, .skin-red-light .instructor-item-new .tag-btn:hover,
.skin-red .instr-content .tag-btn:hover, .skin-red-light .instr-content .tag-btn:hover {
    background-color: #dd4b39;
    color: #fff;
}

.skin-yellow .instructor-item-new .tag-btn, .skin-yellow-light .instructor-item-new .tag-btn,
.skin-yellow .instr-content .tag-btn, .skin-yellow-light .instr-content .tag-btn {
    color: #f39c12;
}

.skin-yellow .instructor-item-new .tag-btn:hover, .skin-yellow-light .instructor-item-new .tag-btn:hover,
.skin-yellow .instr-content .tag-btn:hover, .skin-yellow-light .instr-content .tag-btn:hover {
    background-color: #e08e0b;
    color: #fff;
}

.skin-blue .instructor-item-new .tag-btn, .skin-blue-light .instructor-item-new .tag-btn,
.skin-blue .instr-content .tag-btn, .skin-blue-light .instr-content .tag-btn {
    color: #367fa9;
}

.skin-blue .instructor-item-new .tag-btn:hover, .skin-blue-light .instructor-item-new .tag-btn:hover,
.skin-blue .instr-content .tag-btn:hover, .skin-blue-light .instr-content .tag-btn:hover {
    background-color: #367fa9;
    color: #fff;
}

.skin-black .instructor-item-new .tag-btn, .skin-black-light .instructor-item-new .tag-btn,
.skin-black .instr-content .tag-btn, .skin-black-light .instr-content .tag-btn {
    color: #444;
}

.skin-black .instructor-item-new .tag-btn:hover, .skin-black-light .instructor-item-new .tag-btn:hover,
.skin-black .instr-content .tag-btn:hover, .skin-black-light .instr-content .tag-btn:hover {
    background-color: #444;
    color: #fff;
}


.skin-purple .btn-instr-share, .skin-purple-light .btn-instr-share {
    background-color: #605ca8;
    border-color: #605ca8;
    color: #fff;
}

.skin-purple .btn-instr-share:hover, .skin-purple-light .btn-instr-share:hover {
    background-color: #605ca8;
    border-color: #605ca8;
    color: #fff;
}

.skin-green .btn-instr-share, .skin-green-light .btn-instr-share {
    background-color: #00a65a;
    border-color: #00a65a;
    color: #fff;
}

.skin-green .btn-instr-share:hover, .skin-green-light .btn-instr-share:hover {
    background-color: #008d4c;
    border-color: #008d4c;
    color: #fff;
}

.skin-red .btn-instr-share, .skin-red-light .btn-instr-share {
    background-color: #dd4b39;
    border-color: #dd4b39;
    color: #fff;
}

.skin-red .btn-instr-share:hover, .skin-red-light .btn-instr-share:hover {
    background-color: #dd4b39;
    border-color: #dd4b39;
    color: #fff;
}

.skin-yellow .btn-instr-share, .skin-yellow-light .btn-instr-share {
    background-color: #f39c12;
    border-color: #f39c12;
    color: #fff;
}

.skin-yellow .btn-instr-share:hover, .skin-yellow-light .btn-instr-share:hover {
    background-color: #e08e0b;
    border-color: #e08e0b;
    color: #fff;
}

.skin-blue .btn-instr-share, .skin-blue-light .btn-instr-share {
    background-color: #3c8dbc;
    border-color: #3c8dbc;
    color: #fff;
}

.skin-blue .btn-instr-share:hover, .skin-blue-light .btn-instr-share:hover {
    background-color: #367fa9;
    border-color: #367fa9;
    color: #fff;
}

.skin-black .btn-instr-share, .skin-black-light .btn-instr-share {
    background-color: #444;
    border-color: #444;
    color: #fff;
}

.skin-black .btn-instr-share:hover, .skin-black-light .btn-instr-share:hover {
    background-color: #444;
    border-color: #444;
    color: #fff;
}

/* 证书内容编辑，可拖拽框的颜色 */
.skin-purple .can-drag-box, .skin-purple-light .can-drag-box {
    border: 1px dashed #605ca8;
}

.skin-green .can-drag-box, .skin-green-light .can-drag-box {
    border: 1px dashed #00a65a;
}

.skin-red .can-drag-box, .skin-red-light .can-drag-box {
    border: 1px dashed #dd4b39;
}

.skin-black .can-drag-box, .skin-black-light .can-drag-box {
    border: 1px dashed #d2d6de;
}

.skin-yellow .can-drag-box, .skin-yellow-light .can-drag-box {
    border: 1px dashed #f39c12;
}

.skin-blue .can-drag-box, .skin-blue-light .can-drag-box {
    border: 1px dashed #3c8dbc;
}

/* AdminLTE lms btn ext */
.skin-purple .nav-tabs-custom > .nav-tabs > li.active, .skin-purple-light .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #605ca8;
}

.skin-green .nav-tabs-custom > .nav-tabs > li.active, .skin-green-light .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #00a65a;
}

.skin-red .nav-tabs-custom > .nav-tabs > li.active, .skin-red-light .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #dd4b39;
}

.skin-black .nav-tabs-custom > .nav-tabs > li.active, .skin-black-light .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #d2d6de;
}

.skin-yellow .nav-tabs-custom > .nav-tabs > li.active, .skin-yellow-light .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #f39c12;
}

.skin-blue .nav-tabs-custom > .nav-tabs > li.active, .skin-blue-light .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #3c8dbc;
}

.schedule_color {
    background: dodgerblue !important;
}

.shortcuts {
    padding: 2px 4px;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    border: none;
}

.main-footer > p {
    display: inline;
}

/* AdminLTE others ext */
.skin-purple .user-header-main, .skin-purple-light .user-header-main {
    background-color: #605ca8;
}

.skin-green .user-header-main, .skin-green-light .user-header-main {
    background-color: #00a65a;
}

.skin-red .user-header-main, .skin-red-light .user-header-main {
    background-color: #dd4b39;
}

.skin-black .user-header-main, .skin-black-light .user-header-main {
    background-color: #d2d6de;
}

.skin-yellow .user-header-main, .skin-yellow-light .user-header-main {
    background-color: #f39c12;
}

.skin-blue .user-header-main, .skin-blue-light .user-header-main {
    background-color: #3c8dbc;
}

/* ### */
.skin-purple .text-main, .skin-purple-light .text-main {
    color: #605ca8;
}

.skin-green .text-main, .skin-green-light .text-main {
    color: #00a65a;
}

.skin-red .text-main, .skin-red-light .text-main {
    color: #dd4b39;
}

.skin-black .text-main, .skin-black-light .text-main {
    color: #666666;
}

.skin-yellow .text-main, .skin-yellow-light .text-main {
    color: #f39c12;
}

.skin-blue .text-main, .skin-blue-light .text-main {
    color: #3c8dbc;
}

/* ### */
.skin-purple .text-concept, .skin-purple-light .text-concept {
    color: #605ca8;
}

.skin-green .text-concept, .skin-green-light .text-concept {
    color: #00a65a;
}

.skin-red .text-concept, .skin-red-light .text-concept {
    color: #dd4b39;
}

.skin-black .text-concept, .skin-black-light .text-concept {
    color: #CACACA;
}

.skin-yellow .text-concept, .skin-yellow-light .text-concept {
    color: #f39c12;
}

.skin-blue .text-concept, .skin-blue-light .text-concept {
    color: #3c8dbc;
}

/* ### */
.skin-purple .comments-operation, .skin-purple-light .comments-operation,
.skin-purple .enrollment-count, .skin-purple-light .enrollment-count,
.skin-purple .share-operation, .skin-purple-light .share-operation,
.skin-purple .like-operation, .skin-purple-light .like-operation, .reply-operation,
.skin-purple .collect-operation, .skin-purple-light .collect-operation,
.skin-purple .eval-count, .skin-purple-light .eval-count {
    color: #605ca8;
}

.skin-green .comments-operation, .skin-green-light .comments-operation,
.skin-green .enrollment-count, .skin-green-light .enrollment-count,
.skin-green .share-operation, .skin-green-light .share-operation,
.skin-green .like-operation, .skin-green-light .like-operation, .skin-green .reply-operation,
.skin-green .collect-operation, .skin-green-light .collect-operation,
.skin-green .eval-count, .skin-green-light .eval-count {
    color: #00a65a;
}

.skin-red .comments-operation, .skin-red-light .comments-operation,
.skin-red .enrollment-count, .skin-red-light .enrollment-count,
.skin-red .share-operation, .skin-red-light .share-operation,
.skin-red .like-operation, .skin-red-light .like-operation, .skin-red .reply-operation,
.skin-red .collect-operation, .skin-red-light .collect-operation,
.skin-red .eval-count, .skin-red-light .eval-count {
    color: #dd4b39;
}

.skin-black .comments-operation, .skin-black-light .comments-operation,
.skin-black .enrollment-count, .skin-black-light .enrollment-count,
.skin-black .share-operation, .skin-black-light .share-operation,
.skin-black .like-operation, .skin-black-light .like-operation, .skin-black .reply-operation,
.skin-black .collect-operation, .skin-black-light .collect-operation,
.skin-black .eval-count, .skin-black-light .eval-count {
    color: #444444;
}

.skin-yellow .comments-operation, .skin-yellow-light .comments-operation,
.skin-yellow .enrollment-count, .skin-yellow-light .enrollment-count,
.skin-yellow .share-operation, .skin-yellow-light .share-operation,
.skin-yellow .like-operation, .skin-yellow-light .like-operation, .skin-yellow .reply-operation,
.skin-yellow .collect-operation, .skin-yellow-light .collect-operation,
.skin-yellow .eval-count, .skin-yellow-light .eval-count {
    color: #f39c12;
}

.skin-blue .comments-operation, .skin-blue-light .comments-operation,
.skin-blue .enrollment-count, .skin-blue-light .enrollment-count,
.skin-blue .share-operation, .skin-blue-light .share-operation,
.skin-blue .like-operation, .skin-blue-light .like-operation, .skin-blue .reply-operation,
.skin-blue .collect-operation, .skin-blue-light .collect-operation,
.skin-blue .eval-count, .skin-blue-light .eval-count {
    color: #3c8dbc;
}

.input-number span {
    cursor: pointer;
    font-weight: bold;
}

.input-number .unit {
    font-weight: normal;
    border-left: 0;
}

.input-number input {
    text-align: center;
}

.resource-input-pass-percentage {
    text-align: center;
}

/* ========================================================================= */
/* 机构 */
.org-tip, .form-tip {
    background-color: #0092c1;
    display: inline-block;
    padding: 3px 7px;
    line-height: 1;
    color: #fff;
    border-radius: 100%;
    margin-left: -20px;
    cursor: pointer;
}

.org-tip-detail, .form-tip-detail {
    background-color: rgba(255, 255, 177, 0.75);
    position: absolute;
    padding: 20px 12px 10px;
    z-index: 2;
    margin: -40px 0 0 15px;
    border-radius: 10px;
    display: none;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.34);
}

.org-tip-detail, .form-tip-detail > p {
    text-indent: 2em;
}

.answers-select {
    margin-left: 20px;
    margin-top: 10px;
    float: left;
    text-align: left;
}

.answers-select select {
    width: 140px;
}

/* jquery.question 用到的css 开始*/
.v-wrapper .v-question-wrapper {
    border: 1px solid #e7e7eb;
    border-top: 0;
    margin-bottom: 30px;
}

.v-wrapper .v-question-wrapper .v-form {
    margin-bottom: 0;
    padding-bottom: 20px;
}

.v-wrapper .v-question-wrapper .v-form .v-title-group {
    padding: 30px;
    font-weight: 400;
    font-style: normal;
    border-top: 1px solid #e7e7eb;
}

.v-wrapper .v-question-wrapper .v-form .v-title-group .v-title-opr {
    float: right;
    padding-left: 10px;
}

.v-wrapper .v-question-wrapper .v-form .v-title-group .v-warn {
    color: #e15f63;
    float: right;
}

.v-wrapper .v-question-wrapper .v-form .v-title-group .v-num {
    float: left;
    margin-right: 1em;
    font-size: 16px;
}

.v-wrapper .v-question-wrapper .v-form .v-title-group .v-title-content {
    display: block;
    float: left;
    width: 17em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.v-wrapper .v-question-wrapper .v-form .v-content-group {
    padding: 0 30px;
}

.v-wrapper .v-question-wrapper .v-form .v-content-group .v-option-opr {
    display: inline-block;
}

.v-wrapper .v-question-wrapper .v-form .v-content-group .v-option-opr a.btn {
    padding: 5px 8px
}

.v-wrapper .v-question-wrapper .v-form .progress {
    display: none;
    margin-top: 5px;
    margin-bottom: 0;
}

.v-wrapper .img-wrapper {
    display: inline-block;
    position: relative;
}

.v-wrapper .img-wrapper img {
    height: 80px;
    width: 80px;
}

.v-wrapper textarea.option-input {
    height: 80px;
}

.v-wrapper .img-wrapper .img-mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.v-wrapper .img-wrapper .img-mask > a {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 50%;
    margin-left: -7px;
    color: #fff;
}

.v-wrapper .img-wrapper .img-mask > a:hover {
    color: #576B95;
}

.v-wrapper .btn-upload {
    position: relative;
    overflow: hidden;
}

.v-wrapper .btn-upload input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.btn-add-question {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 80px;
    line-height: 80px;
    border: 1px dashed #c3c3c3;
    background: none;
}

/* jquery.question 用到的css 结束*/

/*  Quill Editor */
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
    display: none;
}

.ql-snow.ql-toolbar input.ql-video[type=file],
.ql-snow .ql-toolbar input.ql-video[type=file] {
    display: none;
}

.ql-snow.ql-toolbar input.ql-audio[type=file],
.ql-snow .ql-toolbar input.ql-audio[type=file] {
    display: none;
}

.quill-editor iframe {
    pointer-events: none;
}

button.ql-blank:after {
    content: "{|*|}";
    font-weight: 600;
}

button.ql-internalLinks:after {
    content: url("../image/icon/link-internal.png");
    font-weight: 600;
}

button.ql-externalLinks:after {
    content: url("../image/icon/link-external.png");
    font-weight: 600;
}

button.ql-audio:after {
    content: "{|*|}";
    font-weight: 600;
}

button.ql-audio:after {
    content: url("../image/icon/ic_audio.png");
    font-weight: 600;
}

button.ql-audio:after {
    content: url("../image/icon/ic_audio.png");
    font-weight: 600;
}

.credit-point-year {
    margin-left: -15px;
    border-right: 1px solid grey;
    height: 60px;
}

.credit-point-message {
    font-size: 13px;
    margin-left: 15px;
}

.box-lms-reduction {
    padding: 0;
    margin-bottom: 0;
}

.box-header-reduction, .box-body-reduction {
    padding: 0;
}

/*操作页面表头以及侧边栏宽度限制*/
.Header-lms-learn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.nav > li > a, .nav-right-menu-style {
    padding-left: 11px;
    padding-right: 11px;
}

.userHobby {
    padding: 2px 4px;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    border: none;
}

.btn-hobby {
    border-radius: 12px;
    position: relative;
    padding: 6px 8px 4px 8px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    height: 40px;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    font-size: 16px;
}

/* ql-editor 增加字体 */
.ql-editor .ql-font-Microsoft-YaHei {
    font-family: "Microsoft YaHei" !important;
}

.ql-editor .ql-font-SimSun {
    font-family: "SimSun" !important;
}

.ql-editor .ql-font-SimHei {
    font-family: "SimHei" !important;
}

.ql-editor .ql-font-KaiTi {
    font-family: "KaiTi" !important;
}

.ql-editor .ql-font-Arial {
    font-family: "Arial" !important;
}

.ql-editor .Verdana {
    font-family: "Verdana" !important;
}

.ql-editor p {
    line-height: 1.8;
}

.ql-editor {
    line-height: 2.2;
}

.ql-editor h4, h1, h2, h3, h5 {
    line-height: 1.8;
}

/**
    图片最大宽度限制100%
 */
.ql-editor img, .resource-player img {
    max-width: 100%;
}

.resource-player > div {
    margin: 15px 0 !important;
}

.resource-player img.img-responsive {
    width: 100%;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Microsoft-YaHei]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Microsoft-YaHei]::before {
    content: "微软雅黑";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimSun]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimSun]::before {
    content: "宋体";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimHei]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimHei]::before {
    content: "黑体";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=KaiTi]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=KaiTi]::before {
    content: "楷体";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Arial]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Arial]::before {
    content: "Arial";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Verdana]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Verdana]::before {
    content: "Verdana";
}

/* 目录右击菜单样式 */
div.catalogRightMenu {
    position: absolute;
    visibility: hidden;
    top: 0;
    background-color: #555;
    text-align: left;
    padding: 2px;
}

div.catalogRightMenu ul {
    padding: 0;
    margin: -2px 0;
}

div.catalogRightMenu ul li {
    margin: 1px 0;
    padding: 0 5px;
    cursor: pointer;
    list-style: none outside none;
    background-color: #DFDFDF;
}

.a-rtl {
    direction: rtl
}

/*
========================================================================================================================
  nav-tabs-padding (padding : 15px)
========================================================================================================================
*/

.nav-tabs-padding {
    border-radius: 15px;
    background-color: #FFFFFF;;
}

.nav-tabs-padding > ul.nav-tabs {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding-top: 15px;
    margin: 0 30px;
}

.nav-tabs-padding > ul.nav-tabs > li, .nav-tabs-padding > ul.nav-tabs > li > a,
.nav-tabs-padding > ul.nav-tabs > li.active, .nav-tabs-padding > ul.nav-tabs > li.active > a,
.nav-tabs-padding > ul.nav-tabs > li:hover, .nav-tabs-padding > ul.nav-tabs > li:hover > a {
    border: none;
}

.nav-tabs-padding > ul.nav-tabs > li, .nav-tabs-padding > ul.nav-tabs > li > a {
    color: #444444;
}

.skin-purple .nav-tabs-padding > ul.nav-tabs > li.active > a,
.skin-purple-light .nav-tabs-padding > ul.nav-tabs > li.active > a {
    color: #605ca8;
    border-bottom: 3px solid #605ca8;
}

.skin-green .nav-tabs-padding > ul.nav-tabs > li.active > a,
.skin-green-light .nav-tabs-padding > ul.nav-tabs > li.active > a {
    color: #00a65a;
    border-bottom: 3px solid #00a65a;
}

.skin-red .nav-tabs-padding > ul.nav-tabs > li.active > a,
.skin-red-light .nav-tabs-padding > ul.nav-tabs > li.active > a {
    color: #dd4b39;
    border-bottom: 3px solid #dd4b39;
}

.skin-black .nav-tabs-padding > ul.nav-tabs > li.active > a,
.skin-black-light .nav-tabs-padding > ul.nav-tabs > li.active > a {
    color: #444444;
    border-bottom: 3px solid #444444;
}

.skin-yellow .nav-tabs-padding > ul.nav-tabs > li.active > a,
.skin-yellow-light .nav-tabs-padding > ul.nav-tabs > li.active > a {
    color: #f39c12;
    border-bottom: 3px solid #f39c12;
}

.skin-blue .nav-tabs-padding > ul.nav-tabs > li.active > a,
.skin-blue-light .nav-tabs-padding > ul.nav-tabs > li.active > a {
    color: #3c8dbc;
    border-bottom: 3px solid #3c8dbc;
}

.nav-tabs-padding > ul.nav-tabs > li:first-child,
.nav-tabs-padding > ul.nav-tabs > li:first-child > a {
    border-top-left-radius: 15px;
}

.nav-tabs-padding > div.tab-content {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 15px 30px;
}

/*
========================================================================================================================
  nav-tabs-padding (padding : 15px)
========================================================================================================================
*/

/*
========================================================================================================================
  box-padding (padding : 15px)
========================================================================================================================
*/
.box.box-padding {
    border-radius: 15px;
    padding: 11px 20px 15px;
}

/*
========================================================================================================================
  box-padding (padding : 15px)
========================================================================================================================
*/

/*
========================================================================================================================
  watermark
========================================================================================================================
*/
.watermark {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-size: 33% auto;
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext fill='rgba(169,169,169,0.5)' transform='rotate(-30 120 0)'%3ELMS%3C/text%3E%3C/svg%3E");
}

/*
========================================================================================================================
  watermark
========================================================================================================================
*/

/*学习地图样式*/
.roadmap-section-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 15px;
}

.roadmap-section-area {
    display: inline-block;
    width: 70px;
    height: 70px;
    position: absolute !important;
    z-index: 100;
    cursor: pointer;
}

.roadmap-section-area.active {
    border: 1px solid red;
}

.roadmap-section-number {
    position: absolute;
    font-size: 20px;
    width: 100%;
    height: 100%;
    text-align: center;
}

.roadmap-section-index {
    width: 200px;
}

/*------------------- 学员端选课中心 的目录、分类等菜单 -------------------*/
div.search-condition-container {
    display: block;
    padding: 10px 0;
}

div.search-condition-container div.search-condition-container-item {
    display: flex;
    align-items: start;
    justify-content: left;
    margin-bottom: 10px;
    padding: 0;
}

div.search-condition-container div.search-condition-container-item:first-child {
    margin-top: 10px;
}

div.search-condition-container div.search-condition-container-item:last-child {
    margin-bottom: 0;
}

div.search-condition-container div.search-condition-container-item div.search-condition-container-item-title {
    text-align: right;
    vertical-align: top;
    padding: 5px 15px 5px 30px;
    font-weight: bold;
}

div.search-condition-container div.search-condition-container-item div.search-condition-container-item-content {
    flex: 1;
    vertical-align: top;
}

.search-condition-container-item .catalog-child-item {
    padding-left: 15px;
    display: inline-block;
}

.catalog-item-list > ul {
    margin-left: -10px;
}

.catalog-item-list > ul > li {
    font-size: 12px;
    padding-bottom: 5px;
}

div.search-condition-container ul {
    margin-left: 0 !important;

}

div.search-condition-container ul > li {
    color: #666;
    margin-top: 3px;
}

div.search-condition-container ul > li > a {
    display: inline-block;
    padding: 2px 5px;
    color: #666;
}

.skin-purple div.search-condition-container ul > li.active > a,
.skin-purple-light div.search-condition-container ul > li.active > a {
    background: #605ca8;
    color: #fff;
}

.skin-green div.search-condition-container ul > li.active > a,
.skin-green-light div.search-condition-container ul > li.active > a {
    background: #00a65a;
    color: #fff;
}

.skin-red div.search-condition-container ul > li.active > a,
.skin-red-light div.search-condition-container ul > li.active > a {
    background: #dd4b39;
    color: #fff;
    border-radius: 5px;
}

.skin-black div.search-condition-container ul > li.active > a,
.skin-black-light div.search-condition-container ul > li.active > a {
    background: #666;
    color: #fff;
}

.skin-yellow div.search-condition-container ul > li.active > a,
.skin-yellow-light div.search-condition-container ul > li.active > a {
    background: #f39c12;
    color: #fff;
}

.skin-blue div.search-condition-container ul > li.active > a,
.skin-blue-light div.search-condition-container ul > li.active > a {
    background: #3c8dbc;
    color: #fff;
}

/**
用户数据权限管理
 */
.user-permission .permission-item .permission-item-header {
    /*display: flex;*/
    /*padding-bottom: 5px;*/
}

.user-permission .permission-item .permission-item-header .item-header-title {
    font-size: 20px;
    font-weight: 600;
}

.user-permission .permission-item .permission-item-header .tools-btn .tools-up-down {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    cursor: pointer;
}

.user-permission .permission-item .permission-item-header .tools-btn .tools-list {
    display: flex;
    align-items: center;
}

.user-permission .permission-item .permission-item-container {
    padding: 0px 20px 0px 20px;
}

.user-permission .permission-item .permission-item-container .catalog-base-info,
.user-permission .permission-item .permission-item-container .user-base-info {
    display: flex;
}

.user-permission .permission-item .permission-item-container .catalog-base-info .base-info-item,
.user-permission .permission-item .permission-item-container .user-base-info .base-info-item {
    flex: 1;
}

.user-permission .permission-item .permission-item-container .catalog-base-info .base-info-item,
.user-permission .permission-item .permission-item-container .catalog-base-info .base-info-item {
    margin-left: auto;
}

.user-permission .permission-item .permission-item-container .user-base-info .base-info-item .base-info-item-label,
.user-permission .permission-item .permission-item-container .user-base-info .base-info-item .base-info-item-value,
.user-permission .permission-item .permission-item-container .catalog-base-info .base-info-item .base-info-item-label,
.user-permission .permission-item .permission-item-container .catalog-base-info .base-info-item .base-info-item-value {
    display: inline-block;
}

.user-permission .permission-item .permission-item-container .user-base-info .base-info-item .base-info-item-value {
    margin-left: 10px;
}

.user-permission .permission-item .permission-item-container .user-role-info .user-role-item {
    display: inline-block;
    margin: 10px;
    width: 30%;
    height: 50px;
    border: 1px solid #D9D9D9;
    align-items: center;
    background-color: #F2F2F2;
}

.user-permission .permission-item .permission-item-container .user-role-info {
    flex: 1;
}

.user-permission .permission-item .permission-item-container .user-role-info .user-role-item .item-data {
    display: flex;
    width: 100%;
    height: 50px;
    padding-left: 20px;
}

.user-permission .permission-item .permission-item-container .user-role-info .user-role-item .item-data .user-role-ind {
    /*width: 50px;*/
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}

.user-permission .permission-item .permission-item-container .user-role-info .user-role-item .item-data .role-info {
    display: flex;
    align-items: center;
    margin-left: 5px;
}

.user-permission .permission-item .permission-item-container .user-role-info .user-role-item .item-data .role-info .role-title,
.user-permission .permission-item .permission-item-container .user-role-info .user-role-item .item-data .role-info .role-desc {
    height: 25px;
    line-height: 25px;
}

.datatable-body table caption {
    font-size: .9em;
    font-weight: bold;
    margin-bottom: 0.2em;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}

.data-permission-caption {
    color: #919191;
}

.row-checkbox {
    vertical-align: middle;
    margin-top: 0 !important;
}

/** Swiper **/
.custom-swiper-pagination {
    text-align: center;
    margin-top: 5px;
}

.custom-swiper-pagination .swiper-pagination-bullet {
    width: 24px;
    height: 8px;
    display: inline-block;
    border-radius: 3px;
    opacity: .2;
}

.custom-swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

.skin-purple .custom-swiper-pagination .swiper-pagination-bullet-active,
.skin-purple-light .custom-swiper-pagination .swiper-pagination-bullet-active {
    background: #605ca8;
}

.skin-green .custom-swiper-pagination .swiper-pagination-bullet-active,
.skin-green-light .custom-swiper-pagination .swiper-pagination-bullet-active {
    background: #00a65a;
}

.skin-red .custom-swiper-pagination .swiper-pagination-bullet-active,
.skin-red-light .custom-swiper-pagination .swiper-pagination-bullet-active {
    background: #dd4b39;
}

.skin-black .custom-swiper-pagination .swiper-pagination-bullet-active,
.skin-black-light .custom-swiper-pagination .swiper-pagination-bullet-active {
    background: #333;
}

.skin-yellow .custom-swiper-pagination .swiper-pagination-bullet-active,
.skin-yellow-light .custom-swiper-pagination .swiper-pagination-bullet-active {
    background: #f39c12;
}

.skin-blue .custom-swiper-pagination .swiper-pagination-bullet-active,
.skin-blue-light .custom-swiper-pagination .swiper-pagination-bullet-active {
    background: #3c8dbc;
}

/** 星级评论 **/
.eval-box .statistics-data {
    margin-bottom: 15px;
    /*border-radius: 10px;*/
    /*border: 2px solid #f1f1f1;*/
}

.eval-box .statistics-data .eval-star {
    padding: 10px;
}

.eval-box .statistics-data .eval-score {
    padding: 10px;
    line-height: 100%;
    font-size: 24px;
    color: #f59e0b;
    font-weight: bold;
}

.sns-score .eval-score {
    margin-left: 5px;
    line-height: 100%;
    font-size: 20px;
    color: #f59e0b;
    font-weight: bold;
}

.eval-box .statistics-data .eval-star-label-list {
    height: auto;
    overflow: visible;
}

.eval-box .statistics-data .eval-star-label-list > a > span.eval-star-label {
    display: inline-block;
    line-height: 20px;
    padding: 1px 5px;
    border-radius: 7px;
    margin-right: 20px;
    margin-bottom: 10px;
    cursor: unset;
    font-size: 12px;
}

.eval-user-star-label {
    display: inline-block;
    line-height: 15px;
    padding: 3px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    color: #999;
    font-size: 9px;
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

/*
========================================================================================================================
  share-content 分享链接
========================================================================================================================
*/
.share-content {
    /*width: 100%;*/
}

.share-content .box:first-child {
    margin-top: 20px;
}

.share-content .box .box-body {
    display: grid;
}

.share-content .box .box-body .box-title {
    margin-top: 5px;
    margin-bottom: 5px;
}

.share-content .box .box-body .link-item {
    margin-bottom: 5px;
}

.share-content .box .box-body .input-group {
    height: auto;
    border-radius: 8px 0 0 8px;
}

.share-content .box .box-body .input-group-btn > button {
    border-radius: 0 8px 8px 0;
}

.act-desc > p.over-content {
    height: 96px;
    overflow: hidden;
}

.act-desc > div.hide-desc-box {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 90%;
    padding-top: 42px;
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0, #fff 70%);
}

.act-desc > div.hide-desc-box:hover {
    cursor: pointer;
}

.skin-purple .act-desc > div.hide-desc-box,
.skin-purple-light .act-desc > div.hide-desc-box {
    color: #605ca8;
}

.skin-green .act-desc > div.hide-desc-box,
.skin-green-light .act-desc > div.hide-desc-box {
    color: #00a65a;
}

.skin-red .act-desc > div.hide-desc-box,
.skin-red-light .act-desc > div.hide-desc-box {
    color: #dd4b39;
}

.skin-black .act-desc > div.hide-desc-box,
.skin-black-light .act-desc > div.hide-desc-box {
    color: #333;
}

.skin-yellow .act-desc > div.hide-desc-box,
.skin-yellow-light .act-desc > div.hide-desc-box {
    color: #f39c12;
}

.skin-blue .act-desc > div.hide-desc-box,
.skin-blue-light .act-desc > div.hide-desc-box {
    color: #3c8dbc;
}

/* AdminLTE lms btn ext */
.skin-purple .bg-theme, .skin-purple-light .bg-theme {
    background-color: #605ca8 !important;
    color: #fff !important;
}

.skin-green .bg-theme, .skin-green-light .bg-theme {
    background-color: #00a65a !important;
    color: #fff !important;
}

.skin-red .bg-theme, .skin-red-light .bg-theme {
    background-color: #dd4b39 !important;
    color: #fff !important;
}

.skin-black .bg-theme, .skin-black-light .bg-theme {
    background-color: #d2d6de !important;
    color: #fff !important;
}

.skin-yellow .bg-theme, .skin-yellow-light .bg-theme {
    background-color: #f39c12 !important;
    color: #fff !important;
}

.skin-blue .bg-theme, .skin-blue-light .bg-theme {
    background-color: #3c8dbc !important;
    color: #fff !important;
}

/*AI*/
#ai-sidebar-layer-r ~ .layui-layer-setwin .layui-layer-close2 {
    position: relative;
    right: -5px;
    top: -10px;
}

#ai-sidebar-layer-r ~ .layui-layer-setwin {
    top: 28px;
}

#ai-sidebar-layer-r ~ .layui-layer-setwin .layui-layer-min {
    display: none !important;
}