@charset "utf-8";
/* CSS Document */

.list_video{ padding:20px 0 0 0; width:100%;}
	.list_video dt span{  border-radius: 8px 0 8px 0;   background: rgba(0,0,0,.15); line-height:26px; padding: 0 10px; color: #fff;
    content: "";
    position: absolute;
 
    height: 26px;
    left: 0;
    top: 0;
    z-index: 4}
	.list_video dt{     width: 100%;
    height: 150px;
    
    background-color: #e9e9e9;
    overflow: hidden;
    position: relative;
    }
    .list_video dt span.zb_yugao{ background:#80C8C3 }
    .list_video dt span.zb_zhibo{ background:#fc6e30 }
    .list_video dt span::before{ content: ""; display: inline-block; width: 6px; height:6px; background: #fff; vertical-align: middle; position: relative; top: -2px; border-radius: 50%; margin-right: 4px; }
	.list_video dt img{ position: relative;height :100%; width: 100%}
	
	.list_video dt:before{ z-index:10; -webkit-transition: all .2s;background:url(../img/zhibo/play.png) no-repeat;content: "";position: absolute;display: block;width: 100%;height: 100%;left: 0;  top: 0;background-position: 50% 50%;background-color: rgba(41,37,43,.5);  -webkit-transform: scale(2);transform: scale(2);transition: all .2s;opacity: 0;}
	
	.list_video dl:hover dt:before{-webkit-transform:scale(1);transform:scale(1);opacity:1}
	
	.item-footer>span{width:100%;display:block;padding:.625rem 0 .5rem 0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.item-footer{height:70px;padding:0 10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:start}.item-footer,.item-user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.item-user{overflow:hidden;padding-bottom:5px}
	.item-user>div:first-child{width:58%}
	.item-user>div:first-child>span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.item-user>div:nth-child(2){width:42%; text-align: right}.item-user>div:nth-child(2)>span{color:#ccc;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-user>div:first-child img{width:24px;height:24px;margin-right:5px;border-radius:50%}
	.item-user>div:first-child span{font-size:12px;color:#333}.item-hots,.item-user>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
	.item-hots span:before,.item-time span:before{ content:""; display:inline-block;width:14px;height:14px;margin-right:4px; background:url(../img/zhibo/hot.png) no-repeat center; vertical-align:middle; background-size:auto 100% }
	.item-time span:before{ background-image:url(../img/zhibo/time.png); background-size:100% auto  }
	.list_video dl{ margin-bottom: 30px;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-box-shadow: 0 0 1px transparent;
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; width: 100%;
    height: 260px;
    border-radius: .3125rem;
    background: #fff;
    overflow: hidden;
     
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.15); 
    box-shadow: 1px 1px 10px rgba(0,0,0,.15); position: relative;
}
	.list_video dl:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}
	.list_video dl h2{ color:#000;    width: 100%;
    display: block;
    padding: 10px 0 5px 0; font-size: 15px; margin: 0;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
	
	 .tag {
    border: 1px solid; font-size:12px; font-weight: normal;
    padding: 0 2px;
    border-radius: 6px 2px ;
    margin-right: 3px;color: #80C9C4;
}
	.nav-pills>li>a{ color:#000;}
	
	@media screen and (max-device-width: 767.98px){
	body>.bg{ padding:0 15px;}
    }
    
    .zb_footx{ padding: 0 10px;}
    @media screen and (min-width: 767.98px){
        .zb_footx .btn{ padding: 4px 10px; font-size: 12px;}
    }




    .zb_qingdan_t{display: flex;flex-wrap: wrap;border-bottom: 1px solid #f7f7f7;border-top: 1px solid #e7e7e7; padding: 15px 0; margin-top: 20px;}
    .zb_qingdan_t dl { text-align: center;
     
        white-space: nowrap;
     
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: table-cell;
        width: 1%;
    }
    /* .zb_qingdan_t dl dd{ opacity: 0;}
    .zb_qingdan_t dl.this dd{ opacity: 1;} */
    .zb_qingdan_t dl dt{display: block; border-radius: 8px; padding: 10px 0; font-size: 18px;}
    .zb_qingdan_t dl.this dt{color: #fff;background: #80C8C3; }
    .zb_qingdan table{ width: 100%;}
    .zb_qingdan td{   font-size: 16px; padding: 15px; border-bottom: 1px solid #f7f7f7;}.zb_qingdan tr:nth-of-type(odd) td{ background: #f7f7f7;}
    .tab_touxiangx{ width: 25px; height: 25px; overflow: hidden; vertical-align: middle; position: relative; top:-2px; border-radius: 50%; margin-left: 10px;}
    .zb_qingdan table td:last-of-type{ text-align: right;}
    .zb_qingdan table td:nth-of-type(1){ width: 100px; }
    .zb_qingdan td b{ padding-left: 20px;} 
    @media screen and (max-device-width: 1024.1px){
    .zb_qingdan td{ padding: 10px ;}
    .zb_qingdan table td:nth-of-type(1){ padding-left: 0; width: auto; }
    .zb_qingdan table td:last-of-type{ padding-right: 0;padding-left: 0;}
    .zb_qingdan td b{ display: block; padding-left: 0;}
    }