@media screen and (min-width:960px) {

    .quanbu-books-alls {
        width: 14.4rem;
        height: 5.33rem;
        background: #FFFFFF;
        border-radius: 0.2rem;
        background: url(/img/html5_join/course/ykb/sy-book-twe.png) no-repeat;
        background-size: 14.4rem 5.33rem;
        margin: 0 auto;
        margin-top: 0.5rem;
        overflow: hidden;
        display: flex;
    }

    .tables-one thead tr {
        width: 6rem;
    }

    .tables-one thead tr td {
        font-size: 0.2rem;
        font-weight: 500;
        color: #494949;
        line-height: 0.53rem;
        border: 1px solid #C1C1C1;
    }

    .tables-one tbody tr {
        width: 6rem;
    }

    .tables-one tbody tr td {
        font-size: 0.18rem;
        font-weight: 400;
        color: #494949;
        line-height: 0.53rem;
        border: 1px solid #C1C1C1;
    }

    .biaos-left {
        margin-left: 0.57rem;
        margin-top: 1.06rem;
        position: relative;
    }

    .biaos-left>img:nth-of-type(1) {
        display: none;
    }

    .biaos-right>img:nth-of-type(1) {
        display: none;
    }

    .biaos-left h3 {
        position: absolute;
        font-size: 0.28rem;
        top: -0.9rem;
        left: 1.7rem;
        font-weight: bold;
        color: #FFFFFF;
    }

    .biaos-left img {
        width: 6.04rem;
        height: 3.14rem;
    }

    .biaos-left i {
        width: 2.8rem;
        height: 0.5rem;
        background: #C90000;
        border-radius: 0.25rem;
        display: block;
        font-size: 0.2rem;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.5rem;
        text-align: center;
        margin-left: 1.64rem;
        margin-top: 0.28rem;
    }

    .biaos-left i a {
        color: #fff;
    }

    .biaos-right img {
        width: 6.04rem;
        height: 3.14rem;
    }

    .biaos-right {
        margin-left: 1.18rem;
        margin-top: 1.06rem;
        position: relative;
    }

    .biaos-right h3 {
        position: absolute;
        font-size: 0.28rem;
        top: -0.9rem;
        left: 2rem;
        font-weight: bold;
        color: #FFFFFF;
    }

    .biaos-right i {
        width: 2.8rem;
        height: 0.5rem;
        background: #C90000;
        border-radius: 0.25rem;
        display: block;
        font-size: 0.2rem;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.5rem;
        text-align: center;
        margin-top: 0.28rem;
        margin-left: 1.64rem;
    }

    .biaos-right i a {
        color: #fff;
    }

    .vsyd {
        display: none;
    }

    .vspc img {
        width: 14.4rem;
        height: 10.4rem;
        margin: 0 auto;
        margin-top: 0.5rem;
    }

}




@media screen and (max-width:960px) {

    .biaos-left,
    .biaos-right {
        width: 3.6rem;
        height: 2.66rem;
        background: #FFFFFF;
        border-radius: 0.2rem;

        position: relative;
        margin: 0 auto;
        margin-bottom: 0.2rem;
    }

    .biaos-left .saml-header-red-one,
    .biaos-right .saml-header-red-one {
        width: 2.15rem;
        height: 0.45rem;
        margin: 0 auto;
    }

    .biaos-left .biao,
    .biaos-right .biao {
        width: 3.02rem;
        height: 1.578rem;
        margin: 0 auto;
    }

    .biaos-left h3,
    .biaos-right h3 {
        font-size: 0.14rem;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #fff;
        line-height: 0.05rem;
        position: absolute;
        top: 0.12rem;
        left: 1.2rem;
    }

    .biaos-left i,
    .biaos-right i {
        width: 1.4rem;
        height: 0.25rem;
        background: #C90000;
        border-radius: 0.13rem;
        font-size: 0.1rem;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.25rem;
        text-align: center;
        display: block;

        margin: 0 auto;
        margin-top: 0.14rem;

    }

    .biaos-left i a,
    .biaos-right i a {
        color: #fff;
    }

    .vspc{
        display: none;
    }
    .vsyd img{
        width: 3.5rem;
        margin: 0 auto;
        margin-top: 0.2rem;
    }


    
}