html,body{
    background-color: #f9fbfd;
}
.content-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}

.text-danger{
	color: #d44950;
}
input[readonly]{
	background-color: #e9ecef;
    opacity: 1;
}
@media (min-width: 768px) {
    .content-title {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}


.list-card{
	padding:12px;
	min-height:320px;
}
.list-card .layui-card-header{
	margin-top:-12px;
	border-bottom: 3px solid #D2D2D2;
	text-align:center;
	height: 32px; 
    line-height: 32px;
}
.list-card .layui-card-body{
 padding:0px;
}

.float-right{
	float:right!important;
	margin-top:-0.5rem;
	margin-right:2px;
	margin-left:2px;
}
.list-table th{
	background-color: #f2f2f2;
	font-weight: bold;
	width:120px!important;
}
.list-table tr:hover{
	background-color: inherit!important;
}

body .layui-layer-danger .layui-layer-title{    background-color: #f4c2b2;}

.card-tools {
    float: right;
    margin-right: -.625rem;
}
.layui-side-menu .layui-nav .layui-nav-item>a,.layui-tab-title li,.layui-tab-title {
	box-sizing:content-box;
}
.batchbtn{
font-size: 12px;
border-radius: 0px;
float: right;
padding:0px 0px 0px 0px;
margin-left: 2px;
}
ul.batchbtn>li{
line-height: 30px!important;
font-size: 12px!important;
}

ul.batchbtn button{
	margin-bottom: 0px!important;
	border-radius: 0px;
	border-bottom: 1px solid rgba(0,0,0,.05);
}

@media screen and (min-width: 1800px){
	.layui-col-ex2 {
    	width: 16.66666667%;
	}
}

.layui-link{
    color: #217FFC;
}
.lock-tips{
	display: none;
}
.inner-card{
	border-color: #f1f1f1;
	border-width: 1px;
	border-style: solid;
    border-radius: 8px;
}
.inner-card .layui-card-header{
    background-color: #f6f6f6;
}
.inner-card .layui-card-body{
    border-top-width: 1px;
    border-top-style: solid;
    border-color: #e6e6e6;
}
.list-info li:first-child {
    border-top: 0;
}
.list-info li{
	border-top-width: 1px;
    border-top-style: solid;
    border-color:rgba(0,0,0,.125);
    padding: 10px;
    
}
.courseList-container{
	background: #fff;
    border: 1px solid #e8e8e8;
   /* height:250px;*/
}
.courseList-container h4{
	font-size:18px;
	letter-spacing: .0125em;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.courseList-container .cmdlist-text{
	height: 110px;
}
.courseList-container:hover{
	box-shadow: 1px 9px 36px -3px rgba(0,0,0,.2);
    transform: translateY(-5px);
}
.courseList-container img {
    width: 100%;
}
.layui-btn-green{
	background-color:#5FB878;
}
ul.batchbtn{
	margin-bottom:0px;
}
.menu-title{
    line-height: 50px;
    font-size: 18px;
}
.title-tips{
	
	background-color: #fbfbfb;
    border: 1px solid #eee;
    line-height: 46px;
    margin-bottom: 15px;
    padding-left: 22px;
    padding-right: 10px;
}

.layui-table{
    border-collapse: collapse !important;
    width: 100% !important;
}

/**::-webkit-scrollbar {!*滚动条整体样式*!*/
/*        width: 10px;     !*高宽分别对应横竖滚动条的尺寸*!*/
/*        height: 10px;*/
/*    }*/
/**::-webkit-scrollbar-thumb {!*滚动条里面小方块*!*/
/*         border-radius: 10px;*/
/*         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
/*        background: #E0E0E0;*/
/*    }*/
/**::-webkit-scrollbar-track {!*滚动条里面轨道*!*/
/*       -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
/*         border-radius: 10px;*/
/*        background: #fcfcfc;*/
/*}*/
    /* 避免点击出现黑色边框 */
    button:focus{outline:0;}

.none{
    padding: 30px 15px;
    text-align: center;
    display: block;
}
.center{
    display: block;
    text-align: -webkit-center;
    padding: 10px 15px;
}

.layui-layer-btn0{
    color: #FFF!important;
}

.class-list{
    left: auto;
    right: 0;
}

/* 避免点击出现黑色边框 resource */
button:focus{outline:0;}

/*
img {
    width: 100%;
    margin: auto;
    align-content: center;
}*/


.alert-danger>pre{
    color: #fff!important;
}

.hot-list{
    padding: 0px 0;
    margin: 0;
    line-height: 25px;
    font-size: 15px;
}
.hot-list>a{
    display: block;
    color: #333;
    text-decoration: none;
    padding: 0 0px;
    overflow: hidden;
}
.hot-list>a:hover{
    background-color: #f3f3f3;
    border-radius: 4px;
}
.hot-list>a>span{
    float: left;
}
.hot-list>a>dd{
    float: right;
    font-size: 10px;
    margin-right: 8px;
}
.hot-list>a>span.number{
    text-align: center;
    width: 25px;
}


.other-item-title{padding:5px 15px;line-height:30px;font-weight:400;border-bottom:1px solid #e8e9e7;color:#383937;position:relative;font-size:14px}
.other-item .inner{margin:0 20px;padding-bottom:10px}
.other-item .inner .hot-list-article li{display:block;line-height:32px;position:relative;margin:3px 0;counter-increment:nums;padding-left:30px;overflow:hidden;word-wrap:normal!important;white-space:nowrap;text-overflow:ellipsis}
.hot-list-article li a{
    color:#787977;
    display: flex;
    justify-content: space-between;
}
.hot-list-article li:before{width:22px;height:22px;line-height:22px;text-align:center;content:counter(nums,decimal);position:absolute;left:0;top:5px;border-radius:100%;background-color:#edefee;text-shadow:0 1px 0 rgba(255,255,255,.5);font-family:SourceCodeProRegular,Menlo,Monaco,Consolas,"Courier New",monospace,'Helvetica Neue',Arial,sans-serif}
.hot-list-article li:first-child:before,.hot-list-article li:nth-child(2):before,.hot-list-article li:nth-child(3):before{color:#fff;text-shadow:none}
.hot-list-article li:first-child:before{background-color:#e24d46}
.hot-list-article li:nth-child(2):before{background-color:#ff5a00}
.hot-list-article li:nth-child(3):before{background-color:#ff8105}
.hot-list-article li:nth-child(4):before{background-color:#1E9FFF;color: #FFF;}
.hot-list-article li:nth-child(5):before{background-color:#53b0ff;color: #FFF;}
.hot-list-article li:nth-child(6):before{background-color:#9D9D9D;color: #FFF;}
.hot-list-article li:nth-child(7):before{background-color:#BEBEBE;color: #FFF;}
.hot-list-article li a:hover{text-decoration:underline;color:#217FFC}


.text-overflow {
    width: 100%!important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
}

.tag-item-group{
    display: flex;
    flex: 1 1 1%;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.tag-item{
    border-radius: 4px;
    line-height: 22px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 550;
    color: #666666;
    background: #EEEEEE;
    cursor: pointer;
    opacity: .6;
    transition: ease-in-out 0.5s;
}
.tag-item-default{
    opacity: 1;
    cursor: default;
}
.tag-item:hover{
    opacity: 1;
}

.tag-item-this,.tag-item-this:hover{
    background: rgba(25, 106, 212, 0.2);
    color: #007bff;
    opacity: 1;
}
.tag-item-check{
    opacity: .8;
}
.tag-item-check:after {
    font-family: "layui-icon" !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "\1006";
    margin: 0 3px;
}
.editormd {
    border-radius: 6px;
}
.editormd-dialog-container select{
    display: inline!important;
}

.layui-logo{
    background: none!important;
}