pfhwyigou/mobile/web/video/css/home.css

.m_top {height:50px;background:#fff;position:fixed;top:0;left:0;width:100%;z-index:9999;box-shadow:0px 0px 2px 0px rgba(191, 190, 190, 0.2);display:flex;align-items:center;}
.header_back {position:absolute;top: 13px;width: 18px;right: 15px;}
.header_menu{position:relative;margin-left:4%;}
.header_menu a{ width:11px;display:block;float: left;position:relative;top:1px;}
.header_menu img {display:inline-block;width:100%;height:auto;}
.y_input {width:55%;border-radius:100px;background:#F7F5F6;float: left;margin-left:4%;}
.y_input input {display:inline-block;width:81%;height:30px;line-height:33px;background:#F7F5F6;border:none;border-radius:50px;font-size:0.7rem;color:#666;padding-left:5px;}
.y_input input::-ms-input-placeholder{color:#ccc}
.y_input input::-webkit-input-placeholder{ color:#ccc}
.y_input input::-moz-placeholder{color:#ccc}
.y_input i{display:inline-block;width:12px;margin-left:15px;}
.xm_toplogo{width:70px;float: left;margin-left:10px;}
.xm_toplogo img{width:100%;height:100%;}



/*头部*/
.m_videohead_box{padding:0 0px;}
.m_videohead{border-bottom:1px solid #EEE;}
.m_videohead_box a{display:block;width:25%;float:left;text-align:center;height:40px;line-height:40px;}
.m_videohead_box span{width:60%;display:inline-block;position:relative;font-size:0.875rem;color:#999;}
.m_videohead_box span:before {content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:rgba(0,0,0,0);}
.m_videohead_box a.on span:before{background:#E03700;}
.m_videohead_box a.on span{font-weight:600;color:#333;}


/*视频列表*/
.m_video_box{margin-top:20px;padding:0 15px;}
.m_video{}
.m_video li{border-bottom:1px solid #EEE;padding-bottom:16px;margin-bottom:20px;}
.m_video li:last-child{margin-bottom:0;}
.m_video li a{display:block;}
.m_video li .img{width:100%;height:175px;border-radius:5px;position:relative;overflow:hidden;}
.m_video li .img .imgbj{width:100%;height:100%;}
.m_video li .img .imgtb{position:absolute;top:50%;left:50%;width:55px;height:55px;margin-top:-27.5px;margin-left:-27.5px;}
.m_video li .img i{position:absolute;top:10px;right:10px;font-size:0.75rem;color:#F8F8F8;background:rgba(0, 0, 0, 0.3);border:1px solid rgba(238, 238, 238, 0.5);border-radius:50px;padding:7px 9px 5px 9px;}
.m_video li .img .imgtext{position:absolute;bottom:0;left:0;width:100%;padding:39px 0 10px 0;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56)));  
        -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56))); 
        -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56))); 
}
.m_video li .img .imgtext p{padding:0 10px;}
.m_video li .img .imgtext p span{font-size:0.75rem;color:#F8F8F8;float:left;}
.m_video li .img .imgtext p span:nth-child(2){float:right;}
.m_video li .img .imgtext p span img{width:12px;margin-top:-3px;margin-right:2px;}
.m_video li .text{font-size:1.0625rem;color:#333;font-weight:600;margin-top:12px;line-height:25px;}



.dropload-up,.dropload-down{
    position: relative;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    /* 开启硬件加速 */
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
.dropload-down{
    height: 75px;
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.dropload-load .loading{
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    margin: 6px;
    border: 2px solid #666;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}