ul li{list-style:none}
.coures-banner{margin-top:64px}
.coures-banner-con{height:450px;background:url(../images/coures_banner.webp) no-repeat right bottom;-o-background-size:cover;background-size:cover}
.banner-txt-con h3{font-size:2.4444em;color:#000;font-weight:700}
.banner-txt-con p{font-size:1em;color:#666}
.coures-lists-screen{background:#f7f7f7}
.coures-screen-box{background:#fff}
.coures-screen-box .coures-screen-con:first-child{margin-bottom:10px}
.coures-screen-con h4{color:#007aff;font-size:16px;font-weight:500;flex-shrink:0;line-height:38px}
.screen-con-lists .screen-con-item a{color:#333;font-size:16px;font-weight:500;padding:6px 10px;display:block;border-radius:4px;cursor:pointer}
.screen-con-lists .screen-con-item a:hover{background:#f7f7f7}
.screen-con-lists .screen-con-item.active a{color:#007aff;background:#f0f4ff}
.coures-lists-item{background:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:0 8px 16px 0 rgba(32,26,26,.08)}
.coures-lists-item:hover{box-shadow:0 8px 16px 0 rgba(32,26,26,.16)}
.coures-lists-item a{display:block;height:100%}
.item-info-con{position:relative;overflow:hidden}
.item-info-con::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#1b1c4e;transition:all .2s ease;opacity:0;z-index:1}
.coures-lists-item:hover .item-info-con::before{opacity:.6;transition:all .2s ease}
.item-info-con::after{position:absolute;left:-100%;top:0;width:30%;height:100%;content:"";background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.3) 50%,hsla(0,0%,100%,0));transform:skewX(-45deg)}
.coures-lists-item:hover .item-info-con::after{left:150%;transition:1s ease}
.item-info-pic img{width:100%}
.item-info-type{position:absolute;top:0;right:10px;z-index:90}
.item-info-type p{color:#fff;font-size:12px;width:40px;height:22px;left:22px;text-align:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px}
.item-info-type p:first-child{background:#eccf6f;display:none}
.coures-lists-item .item-info-type p:last-child{background:#007aff}
.item-info-focks{position:absolute;width:100%;bottom:-30px;left:0;z-index:999;transition:.2s;opacity:0}
.coures-item-con:hover .item-info-focks{bottom:0;opacity:1}
.item-info-focks p{width:100%;height:30px;line-height:30px;color:#fff;font-size:14px}
.coures-login-btn{position:absolute;top:50%;left:50%;transform:translateX(-50%);transform:translate(-50%,-50%);z-index:99999;opacity:0}
.coures-lists-item:hover .coures-login-btn{opacity:1}
.coures-login-btn .btn-login:first-child{border:1px solid #007aff;border-radius:4px;font-size:14px;cursor:pointer;background:#fff;color:#007aff}
.coures-login-btn .btn-login:last-child{border:1px solid #007aff;border-radius:4px;font-size:14px;cursor:pointer;background:#007aff;color:#fff}
.login_completed .coures-login-btn{display:none}
.item-info-title-type .item-info-img-box{height:24px;flex:0 0 24px}
.item-info-title-type .item-info-img-box img{display:block;width:24px;height:24px}
.item-info-title-type p{font-size:14px;color:#000;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.coures-item-con:hover .item-info-title-type p{color:#007aff}