@charset "utf-8";
/*电影信息*/
.mv_info{
    float: none;
    overflow: hidden;
    margin-bottom:15px;
}
.mv_info h1{
    font-size: 24px;
    margin-bottom: 10px;
}
.mv_info p{
    line-height: 24px;
}

.img_info{margin-right: 10px;}

.mv_img{
    width: 110px;
    height: 150px;
}
.txt_info{
    float: left;
    overflow: hidden;
}
.txt_info p{
    line-height: 24px;
    white-space:nowrap;
}


#douban img{
    vertical-align: text-bottom;
    height: 20px;
}
#desc{display:block}
#imgs {
    display: flex;
    width: 100%;
    overflow-x: auto;
    overflow-y:hidden;
    height: 120px;
    background-color: #f7f8f9;
}

#imgs::-webkit-scrollbar {
    height:0px;
}
/*照片*/
#imgs img{
    height: 100%;
    /*取消默认样式*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#imgs>a{
    flex-shrink: 0;
    margin-right: 10px;
}
#imgs .vod_con{
    position: relative;
    width: 203px;
    height: 100%;
    margin-right: 10px;
    flex-shrink: 0;
}
#imgs .vod_con>img{
    width: 100%;
    background-size:cover;
}
/*视频封面图上的标签*/
.vod_con span{
    position: absolute;
    top: 5px;
    left: 5px;
    color: #fff;
    height: 20px;
    border-radius: 2px;
    font-size: 12px;
    padding: 4px;
    line-height: 12px;
    background-color: #000;
}
.play_list{
    clear: both;
}
/*播放列表*/
.play_list li{
    clear: both;
}
.play_list a{
    display:block;
    margin: 3px 0;
    padding: 15px 5px;;
}
.play_list a:nth-child(odd){
    background: #f7f8f9;
}
.play_list a:hover{
    background:linear-gradient(to left, #4e6ef2 0%, #fff 100%)
}
.play_list a:hover .f_r{color:#FFF}
.play_list li{list-style-type:none}
.no-data{
    text-align: center;
}
.no-data img{
    max-width: 360px;
    width: 100%;
}
.p1{
    font-size:14px;
    color: #666;
    cursor: pointer;
}
.p1>span:hover{
    color: #000;
}
/*影评*/
#comment{font-size:14px}
#comment ul{list-style-type:none}
#comment ul li{color:#333}
.comment_head{
}
.comment_name{
    color:#999;
}
.comment_time{
    float: right;
    color: #999;
}
/*猜你喜欢*/
#recommend{
    
}
#recommend ul{list-style-type:none;}
#recommend li{
    float:left;
    text-align: center;
    width: 110px;
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#recommend li:last-child{
    margin-right: 0;
}

#recommend li span{
    white-space:nowrap;
}
#recommend img{
    display: block;
    width: 100px;
    height: 140px;
}
/* 视频列表容器 */
#videos .video-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* 视频项之间的间距 */
}

/* 单个视频项 */
#videos .video-item {
    width: 200px; /* 视频项的宽度 */
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
			cursor: pointer;
}

#videos .video-item:hover {
    transform: translateY(-5px); /* 悬停时轻微上移 */
}

/* 视频封面 */
#videos .video-cover {
    width: 100%;
    height: 120px;
    object-fit: cover; /* 封面图片填充 */
    display: block;
}

/* 视频时长 */
#videos .video-time {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 4px;
}

/* 视频标题 */
#videos .video-title {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; /* 标题超出部分显示省略号 */
}

/* 视频元信息（日期） */
#videos .video-meta {
    font-size: 12px;
    color: #666;
    margin: 0 10px 10px;
}

/* 封面容器（用于定位时长） */
#videos .video-item > div:first-child {
    position: relative;
}
/* 全部图片 */
#img-all .img-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

#img-all .img-item {
    width: 180px;
    height:180px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
	cursor: pointer;
}

#img-all .img-item:hover {
    transform: translateY(-5px);
}

#img-all .img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/*自适应配置*/
@media (max-width: 640px) {
    #desc{
        /* 多行实现文字超出显示省略号 */
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-line-clamp: 4;
       word-break: break-all;
       -webkit-box-orient: vertical;
    }
    .play_list .res_title{
        display: inline-block;
        max-width: 200px;
        text-overflow:ellipsis;
        overflow: hidden; 
        white-space: nowrap; 
    }
    #recommend li {
        width: 23.5%;
        margin-right: 2%;
    }
    #recommend li:nth-child(4n) {
        margin-right: 0;
    }
    
    #recommend img{
        width: 80px;
        height: 110px;
    }
    
    #videos .video-item{
        width: 100%;
    }
    
    #img-all .img-item{
        width: 100%;
    }
}