/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
a{
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    box-sizing: border-box;
    background: #fff;
}
/* *,*::before,*::after {
    box-sizing: inherit;
} */
img{
    object-fit: cover;
}
.clearfix{
    *zoom:1;
}
.clearfix:after{
    content: '';
    display: block;
    clear: both;
}
/*初始化结束*/

.content {
    width: 1200px;
    margin: 0 auto;
}
.ellipsis-one {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ellipsis-two {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*阴影*/
.slate5-shadow {
    transition: box-shadow .2s, -webkit-transform .2s;
    transition: box-shadow .2s, transform .2s;
    transition: box-shadow .2s, transform .2s, -webkit-transform .2s
}

.slate5-shadow:hover {
    box-shadow: 0 6px 15px rgba(0, 0, 0, .1) !important;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.list {
    float: left;
}

.list .course_info_item:nth-child(4n),.list .course_shot_item:nth-child(4n) {
    margin-right: 0;
}
.list .teacher_slide:nth-child(5n){
    margin-right: 0;
}
.list .case-item:nth-child(2n){
    margin-right: 0;
}

.list .list-img{
    width: 225px;
    height: 122px;
    position: relative;
    border-radius: 8px;
}
.list .list-img .play-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .35);
    opacity: 0;
    transition: all .25s;
    border-radius: 8px;
    z-index: 99;
}

.list .list-img .play-cover:before {
    content: "";
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -30px;
    width: 60px;
    height: 60px;
    transition: all .25s;
    background: url(/app/Tpl/pc/haoniu/public/images/hk_new_index_icons3.png) 0 -115px;
    position: absolute;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.list .list-img:hover .play-cover {
    opacity: 1
}

.list .list-img:hover .play-cover:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

/*页码*/
.new-pagination{
    background: #fff;
    width: 100%;
}
.new-pagination .page{
    margin: 0 auto;
    text-align: center;
}
.new-pagination .page-item{
    border:1px solid #C1C1C1;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    font-size:18px;
    color: #999;
    margin-right: 5px;
}
.new-pagination .page-item-prev,.new-pagination .page-item-next{
    width:92px;
}

.new-pagination .page-item-current{
    background: #F4421A;
    color: #fff;
    border-color: transparent;
}

.new-pagination .dot{
    border-color: transparent;
}