.qin15104 *
{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.qin15104 .clearfix
{
    *zoom: 1;
}
.qin15104 .clearfix::after
{
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
@media screen and (min-width: 900px)
{
    .qin15104
    {
        width: 100%;/* padding: 0 10px; */
        box-sizing: border-box;
    }
    .qin15104 .backstage-blocksEditor-wrap ul
    {
        width: 100%;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li
    {
        position: relative;
        width: 100%;
        padding: 10px 0;/* height: 320px; */
    }
    .qin15104 .backstage-blocksEditor-wrap ul li picture
    {/* position: absolute;
        top: 35px; */
        width: 48%;/* height: 390px; */
        overflow: hidden;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li:nth-child(odd) picture
    {/* left: 0; */
        float: left;
        transform: translateX(10px);
    }
    .qin15104 .backstage-blocksEditor-wrap ul li:nth-child(even) picture
    {/* right: 0; */
        float: right;
        transform: translateX(-10px);
    }
    .qin15104 .backstage-blocksEditor-wrap ul li picture img
    {/* height: 100%; */
        width: 100%;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li .banner-description
    {/* position: absolute;
        top: 35px;
        right: 0; */
        width: 52%;/* height: 330px; */
        padding: 5px 50px 20px 45px;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li:nth-child(odd) .banner-description
    {/* right: 0; */
        float: right;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li:nth-child(even) .banner-description
    {/* left: 0; */
        float: left;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li .banner-description .container
    {
        width: 100%;
        color: #333;
        overflow: hidden;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li .banner-description .container .banner-name
    {
        font-size: 30px;
        padding: 20px 0;
        font-weight: 300;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li .banner-description .container .banner-docs
    {
        font-size: 14px;
    }
}
@media screen and (min-width: 1199px)
{
    .qin15104
    {
        width: 1200px;
        padding: 25px;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .qin15104 .backstage-blocksEditor-wrap ul
    {
        width: 100%;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li
    {
        position: relative;
        width: 100%;
        padding: 10px 0;/* height: 475px; */
    }
    .qin15104 .backstage-blocksEditor-wrap ul li picture
    {/* position: absolute;
        top: 25px; */
        width: 50%;/* height: 404px; */
        overflow: hidden;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li:nth-child(odd) picture
    {/* left: -50px; */
        float: left;
        transform: translateX(-50px);
        transition: .4s;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li:nth-child(odd) picture:hover
    {
        transform: translateX(-80px);
    }
    .qin15104 .backstage-blocksEditor-wrap ul li:nth-child(even) picture
    {/* right: -50px; */
        float: right;
        transform: translateX(50px);
        transition: .4s;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li:nth-child(even) picture:hover
    {
        transform: translateX(80px);
    }
    .qin15104 .backstage-blocksEditor-wrap ul li picture img
    {
        width: 100%;/* overflow: hidden; */
    }
    .qin15104 .backstage-blocksEditor-wrap ul li .banner-description
    {/* position: absolute;
        top: 25px;
        right: 0; */
        width: 50%;/* height: 404px; */
        padding: 5px 50px 20px 50px;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li:nth-child(odd) .banner-description
    {/* right: 0; */
        float: right;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li:nth-child(even) .banner-description
    {/* left: 0; */
        float: left;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li .banner-description .container
    {
        width: 100%;
        color: #333;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li .banner-description .container .banner-name
    {
        font-size: 40px;
        padding: 20px 0;
        font-weight: 300;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li .banner-description .container .banner-docs
    {
        font-size: 17px;
    }
}
@media screen and (max-width: 899px)
{
    .qin15104
    {
        width: 100%;/* padding: 0 10px; */
        box-sizing: border-box;
    }
    .qin15104 .backstage-blocksEditor-wrap ul
    {
        width: 100%;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li
    {
        padding: 15px;
        width: 100%;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li picture
    {
        width: 100%;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li picture img
    {
        width: 100%;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li .banner-description
    {
        width: 100%;
        padding: 20px 15px 30px;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li .banner-description .container
    {
        width: 100%;
        color: #333;
        overflow: hidden;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li .banner-description .container .banner-name
    {
        font-size: 30px;
        padding-bottom: 20px;
        font-weight: 300;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li .banner-description .container .banner-docs
    {
        font-size: 14px;
    }
}
@media(max-width: 899px)
{
    .qin15104 .backstage-blocksEditor-wrap ul li picture img
    {
        padding: 0 10px;
    }
}
@media screen and (max-width: 450px)
{
    .qin15104 .backstage-blocksEditor-wrap ul li
    {
        padding: 10px;
    }
    .qin15104 .backstage-blocksEditor-wrap ul li .banner-description
    {
        width: 100%;
        padding: 15px 10px 20px;
    }
}