p{margin: 0;padding: 0}
#page-content{margin-top: 90px!important;}
.genre-content{width: 1120px;margin: 40px auto 0 auto;overflow: hidden}
.genre-item-box{width: 346px;height: 160px;float: left;margin-bottom: 32px;margin-right: 41px}
.genre-item-box:nth-child(3n){margin-right: 0}
.genre-content-item{width: 100%;height: 100%;}
.genre-item-image{width: 120px;float: left;position: relative}
.genre-item-image img{width: 120px;height: 160px;border-radius: 4px}
.genre-item-info{position: relative;width: 206px;height: 100%;float: right;}
.genre-item-title{font-size: 16px;line-height: 19px;font-weight: 500;color: #333;}
.genre-item-desc{font-size: 12px;line-height: 18px;font-weight: 400;color: #999;margin-top: 8px;}
.genre-item-num{position: absolute;bottom: 0;left: 0;font-size: 13px;line-height: 13px;color: #319FFF}
.bottom-line{width: 1120px;height: 1px;background-color: #eee;margin: 0 auto 40px auto;}
.page{padding:25px 0;width:1200px;margin:0 auto;overflow:hidden;}
.previous{border:1px solid #666666;border-radius:25px;width:180px;height:50px;line-height:50px;color:#666666;
    font-size:14px;text-align:center;float:left;margin-left:410px;}
.next{border:1px solid #666666;border-radius:25px;width:180px;height:50px;line-height:50px;color:#666666;
    font-size:14px;text-align:center;float:left;margin-left:20px;}
.previous-icon{color:#666666;font-size:14px;margin-right:5px;}
.next-icon{color:#666666;font-size:14px;margin-left:5px;}
.un-click{border:1px solid #ccc;color:#ccc;}
.un-click-icon{color:#ccc;}
.content-item-tags{width: 100%;display: flex;align-items: center;margin-top: 8px;}
.content-tags-item{font-size: 12px;color: #999;line-height: 13px;margin-right: 4px}
.lines1{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.lines2{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.lines4{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.watch-nav{display: none}
.play-btn{position: absolute;top: 50%;margin-top: -18px;left: 50%;margin-left: -18px;width: 36px;height: 36px;display: flex;justify-content: center;align-items: center;
    background-color: rgba(0, 0, 0, 0.5);border-radius: 50%;}
.play-btn-icon{display: inline-block;margin-left: 4px;color: #fff!important;}
a, a:hover, a:active, a:visited, a:link, a:focus{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);outline:none;background:none;text-decoration:none;}
.lenovo-wrapper{width: 100%;padding: 25px 0;display: flex;flex-direction: row;flex-wrap: wrap;}
.lenovo-wrapper-item{margin-bottom: 30px;width: 45%;margin-left: 3%;font-size: 20px;}
.lenovo-item{width: 100%;position: relative;}
.lenovo-item img{width: 100%;object-fit: cover;}
/* 手机端CSS适配 */
@media only screen and (max-width:800px){
    #page-content{margin-top: 54px!important;}
    .genre-content{width: 100%;margin: 0;}
    .genre-item-box{width: 100%;height: 156px;margin: 0;float: none;display: flex;}
    .genre-content-item{display: flex;align-items: center;padding: 12px 16px;box-sizing: border-box;}
    .genre-item-image{width: 99px;float: none;}
    .genre-item-image img{width: 99px;height: auto}
    .genre-item-info{width: auto;flex: 1;margin-left: 16px;}
    .content-item-tags{display: none}
    .genre-item-title{line-height: 21px;}
    .genre-item-desc{font-size: 11px;line-height: 14px;font-weight: 400;color: #999;margin-top: 4px;}
    .iconfont{color: #ccc;}
    .item-watch-count-text{color: #999;font-size: 11px;line-height: 14px;}
    .watch-nav{width: 100%;height: 52px;background-color: #fff;display: flex;border-bottom: 1px solid #e6e7eb;position: fixed;top: 0;left: 0;z-index: 100;display: block}
    .watch-nav-content{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
    .watch-nav-title{font-size: 16px;line-height: 16px;font-weight: 500;color: #333;}
    .nav-left-icon{position: absolute;left: 16px;}
    .page{width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 0 20px;box-sizing: border-box;margin: 20px 0;padding-bottom: 30px;}
    .previous{width: 100%;height: 38px;line-height: 38px;margin: 0 20px 0 0;float: none;}
    .next{width: 100%;height: 38px;line-height: 38px;float: none;margin: 0;}
    .page-btn-a{width: 100%;margin-right: 20px;}
    .bottom-line{display: none;}
    .genre-label{margin-top: 0;}
}