a {color: inherit;}

/* container */
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;margin:0; padding:0;}
.container {position: relative; overflow: hidden;margin-right: auto; margin-left: auto;width: 100%; padding: 0 15px;}
.container:before,.container:after,.row:before,.row:after,.clearfix:before, .clearfix:after { clear: both;display: table; content: " ";}
.row {position: relative;margin: 0 -4px; padding: 0; }
.row [class*=play-col-] {padding: 0 4px;}


.play-col-xs-4 {
    width: 33.33333333%;
}
.play-col-sm-2,.play-col-xs-4{
    position: relative;
    min-height: 1px;
}

@media (min-width: 768px){
    .play-col-sm-2 {
    width: 16.66666667%;
    }
}

.play-col-sm-2,.play-col-xs-4 {
    float: left;
}

.play-title{
    float: left;
    display: block;
    line-height: 28px;font-size: 20px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333;
}
.play-tips{
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0 0 0 20px;
    width: calc(100% - 168px);
    height: 28px;
    line-height: 28px;
}
.play-sort-btn{
    float: right;
    margin-left: 20px;
    line-height: 28px;
    font-size: 16px;
}
.play-notice{
    font-size: 14px;
}
.play-btn{
    float: left;
    display: block;
    margin-right: 25px;
    padding-bottom: 15px;
    font-size: 15px;
}
.play-li{
    
    margin-bottom: 15px;
}
.play-url{
    position: relative;
    display: block;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    background-color: #f7f7f7;
}

.play-url.active{
    
    background-color: #fcc435;
}

.plays-from a.active {
    color: #fcc435;
}
.play-head{
    
    margin-bottom: 20px;
}
.play-tabs-box{
    display: none;
}
.play-tabs-box.show{
    display: block;
}