.zh_course{padding: 0 0 200px;}
.zc_course{position: relative;}
.zc_course>h1{text-align: center;padding: 140px 0 40px;font-size: 40px;}
.zc_course>p{background-color: #f7f7f7;width: 440px;height: 650px;position: absolute;left: 50%;top: 232px;transform: translate(-50%,0);box-shadow: 0 0 10px #ddd;}

.slick-active.slick-current{cursor: pointer;}

.zc_course_i{padding: 22px;margin: 0 20px;position: relative;}
.zc_course_img{overflow: hidden;}
.zc_course_img>img{width: 100%;height: 378px;object-fit: cover;transition: .3s;}
.zc_course_v>h1{font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background-color: rgba(0,0,0,.5);padding: 0 20px;color: #fff;line-height: 3;}
.zc_course_v>p{font-size: 18px;line-height: 2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;height: 72px;display: none;}
.zc_course_v>p>img{display: inline;margin-right: 10px;}
.slick-current.slick-active .zc_course_v{position: relative;padding: 46px 26px 0;bottom: unset;left: unset;right: unset;}
.slick-current.slick-active .zc_course_v>h1{display: block;background-color: transparent;color: var(--base);padding: 0;margin-bottom: 20px;line-height: unset;font-size: 26px;}
.slick-current.slick-active .zc_course_v>p{display: block;}
.zc_course_i:hover img{transform: scale(1.1);}
/* .slick-current.slick-active + .zc_course_i{transform: rotateY(-20deg) translateZ(-1044px);} */

.zc_arrow{color: #fff;line-height: 100px;text-align: center;font-family: monospace,serif;position: absolute;bottom: 40px;z-index: 1;font-size: 40px;font-weight: 900;transition: .3s;line-height: 100px;padding: 10px;}
.zc_arrow.slick_prev{left: calc(50vw - 408px);}
.zc_arrow.slick_next{right: calc(50vw - 408px);}

@media screen and (min-width: 766px) {
    .zc_course_v{position: absolute;bottom: 22px;left: 22px;right: 22px;}
    
}
@media screen and (max-width: 766px) {
    
    .zc_course>h1{padding: 6rem 0 2rem;font-size: 3rem;}
    .zc_course>p{width: calc(100vw - 3rem);display: none;}
    .zc_course_i{padding: 0;}
    .zc_course_img>img{height: 26rem;}
    .zc_course_v>h1{display: block;background-color: transparent;color: var(--base);padding: 0;margin-bottom: 1.5rem;line-height: unset;font-size: 2rem;}
    .zc_course_v,.slick-current.slick-active .zc_course_v{padding: 2rem;}
    .slick-current.slick-active .zc_course_v>h1{font-size: 2rem;margin-bottom: 1.5rem;}
    .zc_course_v>p{font-size: 1.4rem;}
    .zc_arrow{bottom: 20rem;}
    .zc_arrow.slick_prev{left: 1rem;}
    .zc_arrow.slick_next{right: 1rem;}
    .zc_arrow>img{width: 4rem;}
}