/* demos */
.article{
	/*background: #008cba;*/
	height: 300px;
	/*padding: 10px;*/
    border: 1px solid transparent;
}
.article img{
    max-width: 100%;
    height: auto;
    margin: 20% auto;
}
.article-video{
	height: 500px;
    /*border: 1px #2920ff solid;*/
}

@media (max-width: 640px) {
    #box{
        width: 200px;
        height: 100px;
        background-color:#ff0000;
        position: relative;

        margin: 0 auto;
    }

    #box span{
        width: 180px;
        height: 28px;
        line-height: 28px;
        background-color: hsla(0, 0%, 61%, 0.56);
        font-family: 微软雅黑;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 5px;
        text-align: center;
        display: block;
        margin: 0 auto;
        position: relative;
        left: -60px;
        color: #ffffff;
        top: -23px;
        z-index: 100;
        /*border: 10px solid red;*/

    }



}