/*移动端样式*/
@media screen and (max-device-width: 767px){
    .top-banner-pc{
        display: none;
    }
    .content-block-pc{
        display: none;
    }
    .container{
        width:100%;
        padding:0 0;
    }
    h4{
        color: #0a3cf3;
    }
    p{
        /*text-align-last:justify;*/
        text-align:justify;
        text-justify:distribute-all-lines;
    }
    .top-container{
        display:flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .top-container a{
        width:70px;
        height:25px;
        font-size: 15px;
        line-height: 25px;
        text-align: center;
        margin-right:10px;
        color:white;
        font-weight: bold;
    }
    .top{
        width:100%;
        height:50px;
        background-color: #000000;
    }
    .top-logo{
        height:50px;
    }
    .top-banner-mobile{
        width:100%;
        margin-bottom: 10px;
    }
    .content-block-mobile{
        width:100%;
        display:flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top:10px;
    }
    .tag{
        z-index: 4;
        width: 100px;
        height: 33px;
        border-top-right-radius: 21px;
        border-bottom-right-radius: 20px;
        background-color: rgb(253, 205, 0);
        font-size:16px;
        font-weight: 600;
        line-height: 33px;
        text-align: center;
    }
    .content-block2{
        width:100%;
        display:flex;
        flex-direction: column;
        align-items: center;
        margin-top:10px;
    }
    .tag2{
        z-index: 4;
        width: 150px;
        height: 33px;
        border-radius: 10px;
        background-color: rgb(253, 205, 0);
        font-size:16px;
        font-weight: 600;
        line-height: 33px;
        text-align: center;
    }
    .content{
        width:95%;
        margin:5px auto;
        padding:5px 5px;
        border: 4px double #000000;
    }
    .content2{
        width:100%;
        background-color: #e3e2e2;
        padding:15px 15px;
        display:flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top:10px;
        font-size: 15px;
        line-height: 22px;
        letter-spacing: 2px;
    }
    .content2 p{
        letter-spacing: 2px;
        line-height: 25px;
        font-weight: 500;
    }
    .content-child{
        width:100%;
        margin:5px auto;
        margin-top:50px;
    }
    .content-blockquote{
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .tuijianyu1{
        width:100%;
        height:270px;
        margin-top:10px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .item1{
        width:95%;
        height:100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .tuijian-img1{
        object-fit: cover;
        width:100%;
        height:100%;
    }
    .tuijianyu2{
        display:flex;
        flex-direction: column;
        align-items: center;
        width:100%;
        margin-top:10px;
    }
    .item2{
        width:95%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .tuijian-img2{
        object-fit: cover;
        width:100%;
    }
    .dashiji-img{
        width:100%;
        padding-top:15px;
    }
    .dashiji-img .col-sm-6{
        padding:10px 20px;
        height:150px;
    }
    .dashiji-img .col-sm-6 img{
        width:100%;
        max-height:100%;
        border-radius: 5px;
        margin-bottom: 0px;
    }
    .dashiji-img .col-sm-6 p{
        text-align: center;
        margin-top:10px;
    }
    .content-block3{
        width:100%;
        background-color: #e3e2e2;
        padding:15px 15px;
        display:flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top:10px;
        font-size: 15px;
        line-height: 22px;
        letter-spacing: 2px;
    }
    .content-block3 span{
        font-weight: bold;
    }

    .houji-left{
        margin-top:20px;
        margin-left:10px;
        margin-bottom: 20px;
        width: 100%;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.38;
        display:flex;
        flex-direction: column;
        justify-content: space-between;
        border: 4px double #000000;
        padding:10px 10px;
    }

    .houji-right{
        display:flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .houji-right-img{
        z-index: 57;
        width: 100%;
        height: 193px;
        border-radius: 21px;
        background-image: url('../images/book2.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        margin-bottom: 20px;
    }
    .houji-right-img img{
        height:100%;
        width:100%;
    }

    .footer{
        display: flex;
        flex-direction: row;
        justify-content: center;
        width:100%;
        margin-top:30px;


    }
    .footer p{
        width:80%;
        height: 33px;
        border-radius: 10px;
        background-color: rgb(253, 205, 0);
        font-size:16px;
        font-weight: 600;
        line-height: 33px;
        text-align: center;
    }

}


/*pc端样式*/
@media screen and (min-device-width: 768px){
    .top-container{
        display:flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .top-container a{
        width:100px;
        height:27px;
        font-size: 16px;
        line-height: 27px;
        text-align: center;
        color:white;
        font-weight: bold;
    }
    .top-banner-mobile{
        display:none;
    }
    .content-block-mobile{
        display:none;
    }
    .top{
        width:100%;
        padding:0 15px;
        height:50px;
        background-color: #000000;
    }
    .top-logo{
        height:50px;
    }
    .top-banner-pc{
        width:100%;
    }
    p{
        /*text-align-last:justify;*/
        text-align:justify;
        text-justify:distribute-all-lines;
    }
    .content-block-pc{
        width:100%;
    }
    .content-block-pc img{
        width:100%;
        margin-top:10px;
    }

    .content-block{
        width:100%;
        display:flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top:10px;
    }
    .tuijianyu1{
        width:100%;
        height:270px;
        margin-top:10px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .item1{
        width:95%;
        height:100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .tuijian-img1{
        object-fit: cover;
        width:100%;
        height:100%;
    }

    .yishujia-jiyu{
        width:100%;
        display:flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .jiyu-left{
        margin-top:20px;
        width:50%;
    }
    .jiyu-left img{
        width:100%;
        border-radius: 10px;
        margin-bottom: 20px;
    }
    .jiyu-right{
        margin-top:20px;
        margin-left:10px;
        width: 100%;
        font-size: 1.125em;
        font-weight: 700;
        line-height: 1.38;
        display:flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .content-block2{
        width:100%;
        display:flex;
        flex-direction: column;
        align-items: center;
        margin-top:10px;
    }
    .tag2{
        z-index: 4;
        width: 150px;
        height: 33px;
        border-radius: 10px;
        background-color: rgb(253, 205, 0);
        font-size:16px;
        font-weight: 600;
        line-height: 33px;
        text-align: center;
        margin-top:20px;
        margin-bottom: 20px;
    }
    .content2{
        width:100%;
        padding:0 2.5%;
        margin:5px auto;
        padding:5px 5px;
        background-color: #dcdcdc;
        /*border: 4px double #000000;*/
    }
    .content2 p{
        letter-spacing: 2px;
        line-height: 25px;
        font-weight: 500;
    }

    .content-block3{
        width:100%;
        background-color: #e3e2e2;
        padding:15px 15px;
        display:flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top:10px;
        font-size: 15px;
        line-height: 22px;
        letter-spacing: 2px;
    }
    .content-block3 span{
        font-weight: bold;
    }
    .tag{
        z-index: 4;
        width: 15%;
        height: 43px;
        border-top-right-radius: 21px;
        border-bottom-right-radius: 20px;
        background-color: rgb(253, 205, 0);
        font-size:20px;
        font-weight: 600;
        line-height: 43px;
        text-align: center;
        margin-top:10px;
    }

    .dashiji-img{
        width:100%;
        padding-top:15px;
    }
    .dashiji-img .col-sm-6{
        padding:10px 20px;
        height:218px;
    }
    .dashiji-img .col-sm-6 img{
        width:100%;
        max-height:100%;
        border-radius: 10px;
        margin-bottom: 0px;
    }
    .dashiji-img .col-sm-6 p{
        text-align: center;
        margin-top:10px;
    }

    .houji{
        width:100%;
        display:flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .houji-left{
        /*margin-top:20px;*/
        margin-left:10px;
        width: 100%;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.38;
        display:flex;
        flex-direction: column;
        justify-content: space-between;
        border: 4px double #000000;
        padding:10px 10px;
    }

    .houji-right{
        display:flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .houji-right-img{
        z-index: 57;
        width: 100%;
        height: 193px;
        border-radius: 21px;
        background-image: url('../images/book2.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        margin-bottom: 20px;
    }
    .houji-right-img img{
        height:100%;
        width:100%;
    }

    .footer{
        display: flex;
        flex-direction: row;
        justify-content: center;
        width:100%;
        margin-top:30px;


    }
    .footer p{
        width:40%;
        height: 33px;
        border-radius: 10px;
        background-color: rgb(253, 205, 0);
        font-size:16px;
        font-weight: 600;
        line-height: 33px;
        text-align: center;
    }
}