.swiper-pagination-bullets .swiper-pagination-bullet {
    shape: rectangle; /* 这并不是一个有效的 CSS 属性，这里只是示意 */
    background: #fff; /* 根据需要设置背景 */
    width: 20px; /* 设置宽度 */
    height: 5px; /* 设置高度 */
    border-radius:5px;
}
.swiper-pagination .swiper-pagination-bullet-active {
    background-color: #e87676; /* 选中的颜色 */
}
.wktboxs {
    padding: 10px 0 45px 0;
    background: #eff0f4;
}
.specialtop {
    /*width:100VW;*/
    background: #FFFFFF;
}
.specialtype {
    padding-top: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #0C0C0C;
}
.typeli{
    display: inline-block;
    margin-right: 15px;
    margin-bottom:10px;
}
.lisel{
    background: #2e78e7;
    color: #FFFFFF;
    border-radius: 10px;
    padding: 0px 10px;
}
.spallwidth {
    width: 1400px;
    margin: auto;
    padding-bottom: 30px;
}
.sesel {
    color: #2e78e7;
}
.courselive {
    margin-top: 20px;
    margin-bottom: 20px;
}
.courselivecontent {
    margin-top: 20px;
}
.courseliveli {
    display: inline-block;
    width: 335px;
    height: 323px;
    background: #FFFFFF;
    border-radius: 5px;
    position: relative;
    margin-bottom: 20px;
}
.courseliveli2 {
    display: inline-block;
    width: 335px;
    height: 323px;
    margin-left: 15px;
    background: #FFFFFF;
    border-radius: 5px;
    position: relative;
    margin-bottom: 20px;
}
.courseliveimg {
    width: 335px;
    height: 189px;
    overflow: hidden;
}
.courselivesign {
    position: absolute;
    top:-5px;
    left: 10px;
    width:67px;
    height: 21px;
    z-index: 199;
}
.courselivetitle {
    width: 100%;
    height: 134px;
    position: relative; /* 设置相对定位 */
}
.coursetitle {
    width: 287px;
    height: 100%;
    margin: auto;
}
.cltitle {
    font-size: 20px;
    font-weight: bolder;
    color: #0C0C0C;
    margin-top: 15px;
    position: absolute;
    max-width: 280px;
    white-space: nowrap; /* 确保文本在一行内显示 */
    overflow: hidden; /* 隐藏超出容器的文本 */
    text-overflow: ellipsis;
}
.cltime {
    position: absolute;
    font-size: 14px;
    margin-top: 50px;
    color: #0C0C0C;
}
.coursebutton {
    position: absolute;
    width: 287px;
    height: 33px;
    background: #eff0f4;
    margin-top: 81px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #2e77e6;
    padding-top: 5px;
}
.coursebutton:hover {
    cursor: pointer;
    background: #2e77e6;
    color: #FFFFFF;
}
.mbutton {
    font-size: 14px;
    background:#2e78e7;
    color: #FFFFFF;
    border-radius: 5px;
    padding: 3px 6px;
    width:100px;
    text-align: center;
    margin: auto;
}