﻿/*搜索页配乐样机*/
.music-list-wrap {
    width: 100%;
    padding: 2rem .24rem 0;
}

.Music-list>li {
    width: 100%;
    height: 1.8rem;/**1.73rem;*/
    position: relative;
    margin: 0 auto .24rem;
}

/*.Music-list>li>a.audio-src{
    width: 100%;
    height: 100%;
    display: block;
    border: .02rem solid #EEEEEE;
    border-radius: .04rem;
    padding: .15rem 0 0 .32rem;
}*/
    .Music-list > li > .audio-src {
        width: 100%;
        height: 100%;
        display: block;
        border: .02rem solid #EEEEEE;
        border-radius: .04rem;
        padding: .15rem 0 0 .32rem;
    }

.Music-list .audioImg{
    width: 1.29rem;
    height: 1.29rem;
    float: left;
}

.audioImg>img{
    display: block;
    width: 100%;
    height: 100%;
}

.Music-list .audioInfos{
    width: 76%;
    height: auto;
    float: left;
    margin-left: .3rem;
}

.audioInfos>p{
    display: block;
    width: 3.8rem;
    font-size: .28rem;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.audioInfos>span,.audioInfos>em{
    display: block;
    height: .3rem;
    line-height: .3rem;
    font-size: .2rem;
    color: #9C9C9C;
    font-weight: normal;
}

.audioInfos>div{
    width: 4.76rem;
    height: .07rem;
    background: #EEEEEE;
    border-radius: .03rem;
    position: relative;
    margin: .08rem 0;
}

.audioInfos>div::before{
    display: block;
    //content: "";
    width: .12rem;
    height: .12rem;
    position: absolute;
    top: -.025rem;
    left: 0;
    //background: #007aff;
    border-radius: 100%;
    overflow: hidden;
}

.audioImage{
    width: .66rem;
    height: .7rem;
    position: absolute;
    top: .2rem;
    right: .3rem;
    background: url(../images/img_gif.png)center no-repeat;
    background-size: cover;
}
/*视频搜索样机*/
.Video-list>li{
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.Video-list>li>a{
    display: block;
    width: 100%;
    height: 3.5rem;
    overflow: hidden;
    border-radius: 2px;
}

.video-details video{
    display: block;
    width: 100%;
}

.video-details img{
    display: block;
    width: 100%;
    height: 100%;
}

.Video-list>li .icon-bofang,.Video-list>li .icon-zanting{
    position: absolute;
    width: .7rem;
    height: .7rem;
    top: 1.4rem;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(0,0,0,.6);
    border-radius: 100%;
    color: #ffffff;
    font-size: .3rem;
    text-align: center;
    line-height: .7rem;
    text-indent: .05rem;
    z-index: 10;
}

/*作品信息*/
.Video-list>li .infos{
    width: 100%;
    height: .54rem;
    line-height: .54rem;
}

.Video-list>li .infos .pro-tit{
    width: 4rem;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 0.26rem;
    color: #333443;
    line-height: .54rem;
}

.Video-list>li .infos .datas{
    float: right;
    height: .2rem;
    margin: .16rem 0;
}

.Video-list>li .infos .datas > div {
    float: left;
    height: 0.20rem;
    line-height: 0.20rem;
    margin-right: 0.24rem;
}

.Video-list>li .infos .datas .icon-collect {
    position: relative;
    float: left;
}

.Video-list>li .infos .datas .icon-dl {
    float: left;
}

.Video-list>li .infos .datas > div > span {
    vertical-align: top;
    font-size: 0.24rem;
    color: #C8C8D0;
    margin-left: 0.12rem;
}

.icon-search:before,.icon-ppt:before {
    content: "";
    display: none;
}