@charset "utf-8";

/*文字溢出*/
.text-ellipsis-1{ display:block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.text-ellipsis-2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.text-ellipsis-3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.text-ellipsis-4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.text-ellipsis-5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.text-ellipsis-6{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.text-ellipsis-7{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}

/*********************列表页**************************/
.video-lists{}
.video-lists:after{display: table; clear: both; content: '';}
.video-lists .item{float:left; width:216px; height:324px; margin: 30px 30px 0 0; cursor: pointer; position: relative; overflow: hidden; border-radius: 3px;}
.video-lists .item:nth-of-type(5n){margin-right: 0;}
.video-lists .item-thumb{display: flex; align-items: center; width:100%; height:324px; background-color: #000; margin: 0 auto;}
.video-lists .item-thumb img{display: block; width:100%;}

.video-lists .item-body{ position: absolute; z-index: 1; width:100%; left:0; bottom:0; height: 38px; padding:5px 10px; line-height: 2; background-color: rgba(0,0,0,0.5); color: #fff; box-sizing: border-box;}
.video-lists .item-company{display: flex; align-items: center; padding-bottom: 5px;}
.video-lists .item-company-logo{width:20px;}
.video-lists .item-company-logo img{display: block; width:20px; height:20px; border-radius: 50%;}
.video-lists .item-company-name{width:calc(100% - 20px); padding-left: 10px;}
.video-lists .item-title{ font-size: 12px; line-height: 1.8; color:rgba(255,255,255,0.8);}
.video-lists .item:hover .item-body{height: 90px; background-color: rgba(0,0,0,0.75); transition:all 0.5s;}


/*********************详情页**************************/
.video-box{display: flex;}
.video-left{width:850px; padding-right: 30px; box-sizing: border-box;}
.video-right{width:320px;}
.video-body{padding:30px 0; line-height: 1.8; color: #999; font-size: 12px;}
.video-title{font-size: 22px; color: #000;}
.video-company-intro{font-size: 16px; padding:30px 0 0;}
.video-company-intro img{max-width: 100%;}
.video-company{display: flex; align-items: center; margin-top:10px;}
.video-company-logo{width:50px; height: 50px; border-radius: 50%; overflow: hidden; background-color: #eee;}
.video-company-logo img{display: block; width:50px; height:50px;}
.video-company-body{width:calc(100% - 150px); padding-left:10px; box-sizing: border-box;}
.video-company-send{width:100px; text-align: right;}
.video-company-send .btn{display: inline-block; line-height: 1; padding:10px 20px; background-color:#f60; color:#fff; text-decoration: unset; font-size: 14px; border-radius: 3px;}
.video-company-name{font-size: 18px; color: #000;}

.video-right-name{font-size: 20px; font-weight: bold; color: #000; line-height:1; margin-bottom: 20px;}
.video-right-lists{}
.video-right-lists .item{display: flex; padding: 10px 0; text-decoration: unset;}
.video-right-lists .item-thumb{width:100px; height: 100px; display: flex; align-items: center; overflow: hidden; background-color: #000; border-radius:5px;}
.video-right-lists .item-thumb img{display: block; width: 100%; margin: 0 auto;}
.video-right-lists .item-body{width:calc(100% - 100px); padding-left: 10px; box-sizing: border-box;}
.video-right-lists .item-title{font-size: 15px; line-height: 1.5; color: #000;}
.video-right-lists .item-company{display: flex; align-items: center; font-size:14px; color:#999; margin-top: 10px;}
.video-right-lists .item-company-logo{width:20px; height:20px; overflow: hidden;border-radius:50%; background-color: #eee;}
.video-right-lists .item-company-logo img{display: block; width:20px; height:20px; }
.video-right-lists .item-company-name{width:calc(100% - 20px); padding-left:10px; box-sizing: border-box;}
.video-right-lists .item-info{display: flex; align-items: center; font-size:14px; color:#999; margin-top: 10px;}
.video-right-lists .item-info-icon{width:20px; font-size: 12px;}
.video-right-lists .item-info-icon img{display: block; width:16px; height:16px; margin: 0 auto;}
.video-right-lists .item-info-text{width:calc(100% - 20px); padding-left:10px; box-sizing: border-box;}

.current_Location{display: flex;}