@charset "utf-8";
/**
 * @author  :   lh
 * @created :   2022/01/04
 * @desc    :   文丰网校
 *
 * @update  :   
 * @modify  :   
 */

/**/

.ls_hov_sty a:hover:before{
	color: #863032!important
}
.ls_hov_sty a:hover::after{
	color: #863032!important
}

.ls_item_word_text{
	padding: 12px!important;
}
.ls_item_word_text h3{
	margin-bottom: 0!important;
}

.cate-menu-box {
    width: 100%;
    height: 417px;
    background: rgba(0, 0, 0, 0.04);
    padding: 32px 0;
    font-size: 14px;
}

.cate-box {
    width: 376px;
    background: #fff;
    padding: 12px 0;
    border-radius: 8px;
    position: absolute;
    z-index: 2;
}

.cate-box:hover{
	box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.08);
}




.cate-box ul li {
    padding: 9px 20px;
    position: relative;
}

.cate-box ul li .cate-item {
    height: 20px;
    overflow: hidden;
}

.cate-box ul li .cate-item a {
    height: 19px;
    line-height: 19px;
    white-space: nowrap;
}

.cate-box ul li .cate-item a:hover {
    color: var(--main_color);
}

.cate-box ul li:hover {
    background: rgba(134, 48, 50, 0.1);
}

.cate_two{
    display: inline-block;
    margin-right: 16px;
}

.all-box {
    /* display: none; */
}

.cate-box ul li span {
    margin-bottom: 11px;
    display: block;
    color: rgba(0, 0, 0, 0.8);
    font-weight: bold;
	cursor: default;
}

.cate-box ul li i {
    float: right;
    color: rgba(0, 0, 0, 0.3);
}

.cate-box ul li .cate-item a {
    margin-right: 16px;
    color: rgba(0, 0, 0, 0.6);
}

.cate-box ul li .cate-item a:last-child {
    margin-right: 0;
}

.all-btn {
    padding: 10px 0;
}

.cate-item-detail {
    width: 702px;
    height: 371px;
    padding: 24px;
    background: #FFFFFF;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.08);
    opacity: 1;
    border-radius: 8px;
    position: absolute;
    left: 100%;
    top: 0;
    overflow-y: auto;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.cate-item-detail::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}
 
/*定义滚动条轨道 内阴影+圆角*/
.cate-item-detail::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
 
/*定义滑块 内阴影+圆角*/
.cate-item-detail::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.cate-item-detail h2 {
    font-size: 14px;
	cursor: default;
}

.cate-edu-item {
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}

.cate-item-right {
    width: calc(100% - 92px);
    margin-left: 20px;
}

.cate-item-detail .cate-item-title {
    width: 72px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 30px;
    height: 30px;
    overflow: hidden;
	cursor: default;
}

.cate-item-detail dl a {
    float: left;
    margin-right: 24px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.8);
    letter-spacing: 0.5px;
}

.cate-item-detail dl a:hover {
    color: var(--main_color);
}

.cate-item-detail dl a:nth-child(5n) {
    margin-right: 0;
}

.cate-edu-item:last-child {
    border-bottom: 0;
}

/*轮播*/
.cate-banner {
    width: 776px;
    height: 418px;
}

.cate-banner .tb-arrow a.prev {
    left: 40px;
}

.cate-banner .tb-btn a {
    width: 6px;
    height: 6px;
}

.cate-banner .tb-btn a.active {
    width: 14px;
    height: 6px;
    border-radius: 4px;
}

.cate-banner .banner-img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.cate-banner .swiper-button-prev {
    color: rgba(255, 255, 255, 0.5);
}

.cate-banner .swiper-button-prev:hover {
    color: #fff;
}

.cate-banner .swiper-button-next {
    color: rgba(255, 255, 255, 0.5);
}

.cate-banner .swiper-button-next:hover {
    color: #fff;
}

.cate-banner .swiper-pagination-bullet-active {
    width: 18px;
    background-color: #fff !important;
    border-radius: 5px;
}


/*module*/
.main-content {
    padding: 40px 0 10px 0;
}

.course-tops {
    /* padding:7px 0; */
    border-bottom: 1px solid #eee;
}

.course-tops ul {
    height: 35px;
    line-height: 35px;
}

.course-tops h1 {
    font-size: 20px;
    font-weight: bold;
    margin-right: 40px;
    line-height: 35px;
	cursor: default;
}

.top-tabs ul li {
    float: left;
    font-size: 14px;
    margin-right: 24px;
    position: relative;
    cursor: pointer;
}

.ls_hov:hover a{
	color: #863032;
}

.top-tabs ul li.cur {
    color: var(--main_color);
}

.top-tabs ul li.cur::after {
    position: absolute;
    width: 100%;
    content: "";
    background: var(--main_color);
    height: 3px;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.top-tabs ul li:last-child {
    margin-right: 0;
}

.course-box {
    margin-top: 24px;
}

.course-audition {
    width: 892px;
    height: 334px;
}

.course-audition>ul li {
    width: 207px;
    box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.08);
    font-size: 14px;
    float: left;
    margin-right: 16px;
    border-radius: 8px;
}

.course-audition>ul li:hover {
    box-shadow: 0px 6px 14px var(--hover_shadow_color);
	transform: translateY(-2px);
}

.course-audition>ul li a {
    display: block;
}

.course-audition>ul li .item-pic {
    border-radius: 8px;
    overflow: hidden;
    height: 123px;
}

.course-audition>ul li .item-pic img {
    width: 100%;
    transition: linear .3s;
    transform: scale(1);
	height: 100%;
}

.course-audition>ul li:hover img {
    transform: scale(1.05);
    transition: linear .3s;
}

.course-audition>ul li .item-word {
    /* width: 175px; */
    padding: 16px;
    border-radius: 8px;
}

.course-audition>ul li .item-word h3 {
    margin-bottom: 16px;
    line-height: 21px;
    height: 40px;
    font-size: 14px;
    text-align: justify;
    font-weight: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.course-audition>ul li:hover .item-word h3 {
    color: var(--main_color);
}

.course-audition>ul li .item-desc {
    font-size: 12px;
}

.course-audition>ul li .item-btm {
    border-top: 1px solid #eee;
    padding: 12px 12px;
	/* ls */
	display: flex;
	align-items: center;
	width: 88%;
	
	
}

.course-audition>ul li .item-btm span font {
    font-size: 19px;
	margin-left: -5px;
}

.course-audition>ul li .item-btm .free {
    width: 72px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    border-radius: 0px 8px 0px 8px;
    background: #009E00;
    font-size: 12px;
}

.course-audition>ul li .item-btm .free.timelimit {
    background: #EF850B;
    width: 72px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    border-radius: 0px 8px 0px 8px;
    font-size: 12px;
}

.course-more {
    text-align: center;
    margin-top: 24px;
}

.course-more a {
    position: relative;
}

.course-more a::before {
    content: '···';
    position: absolute;
    left: -24px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
}

.course-more a::after {
    content: '···';
    position: absolute;
    right: -24px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
}

.course-info {
    width: 244px;
    height: 304px;
    padding: 15px 16px;
    border-radius: 8px;
}

.course-info ul {
    height: 270px;
    overflow: hidden;
}

.top-info h2 {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: bold;
	cursor: default;
}

.top-info {
    margin-bottom: 9px;
}

.course-info ul li {
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 15px;
    position: relative;
}

.course-info ul li::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: "";
    width: 4px;
    height: 4px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
}

.course-info ul li a {
    font-size: 14px;
}

.course-info ul li:hover a {
    color: var(--main_color);
}

.more{
    margin: 38px auto;
    width: 130px;
    text-align: center;
}
.more_text{
    font-size: 14px;
    color: #863032;
}
.fixed-box li .iconfont{
    font-size: 25px;
}




/* 课程试卷列表样式 */
.exa_box{
	width: 778px;
	/* min-height: 94px; */
	max-height: 158px;
	overflow-y: auto;
	margin: 24px 24px 16px 24px;
	background: rgba(0,0,0,0.0400);
	border-radius: 8px;
	float: left;
}

.exa_box .exa_tit{
	font-size: 14px;
	color: rgba(0,0,0,0.6000);
	margin: 16px 0 16px 24px;
	float: left;
	
}

.exa_list:hover .name{
	color: #863032;
}

.exa_list:hover:before{
	background: #863032;
}


.exa_box .label_box{
	width: 100%;
	min-height: 19px;
	/* background: pink; */
	float: left;

}
.label_box .label_small_box{
	width: 130px;
	height: 19px;
	float: left;
	margin-left: 20px;
	/* background: pink; */
	color: #286FE9;
	font-size: 14px;
	margin-bottom: 16px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	cursor: pointer;
}



.label_small_box p{
	display: inline-block;
	width: 92px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	float: left;
}

.label_small_box span{
	color: rgba(0,0,0,0.3000);
	font-size: 14px;
	margin-left: 8px;
	float: left;
	width: 26px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.exa_list{
	width: 778px;
	height: 54px;
	float: left;
	background: #ffffff;
	margin-left: 24px;
	position: relative;
	line-height: 54px;
	border-bottom: 1px solid #EBEBEB;
	cursor: pointer;
}


.exa_list::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
    content: '';
    width: 4px;
    height: 4px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
}

.exa_list .name{
	width: 400px;
	height: 19px;
	/* background: darkgoldenrod; */
	margin: 18px 0 18px 44px;
	line-height: 19px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	float: left;
	font-size: 14px;
	font-weight: bold;
}
.exa_list .exa_bq{
	width: 72px;
	height: 22px;
	background: #0790E1;
	border-radius: 0px 8px 0px 8px;
	float: right;
	margin: 16px 24px 17px 0;
	line-height: 22px;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
}
.exa_list .bq{
	width: 130px;
	height: 19px;
	font-size: 14px;
	color: rgba(0,0,0,0.3000);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height: 19px;
	float: right;
	/* background: darkblue; */
	margin: 17px 32px 18px 0;
}