.banner{
    width:10rem;
    position: relative;
}
.banner-img{
    width:100%;
}
.banner-img img{
    width:100%;
    display: block;
}
.banner-title{
    position: absolute;
    left:0.26666667rem;
    font-size: 0.48rem;
    color: #FFFFFF;
    bottom:0.4666666667rem;
}
.content-box{
    padding:0.266666666667rem;
    display:  -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;  /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
}
.content-list{
    width:4.6rem;
    margin-bottom: 0.2666666667rem;
    position: relative;
}
.content-list-img{
    width:4.6rem;
}
.content-list-img img{
    display: block;
    width: 100%;
}
.content-list-title{
    font-size: 0.373333333334rem;
    color: #333333;
    letter-spacing: 0;
    height: 0.986666666rem;
    overflow: hidden;
}
.content-list-date{
    font-size: 0.32rem;
    color: #999999;
    letter-spacing: 0;
    margin-top:0.1333334rem;
}
.play{
    position: absolute;
    width:0.53333333334rem;
    height: 0.53333333334rem;
    right:0.26666667rem;
    bottom:1.8rem;
}
.play img{
    display: block;
    width: 100%;
}