@media screen and (max-width: 600px) {
    body{background: #fff;}
    .articleCont{margin: 0 1rem; text-align: justify;}
    .title{padding: 1.8rem 0; font-size: 1.2rem; color: #111;}
        
    .source{height: 0.7rem;line-height: 0.7rem; font-size: 0.7rem; color: #111;}
    .source span{
        height: 0.7rem;
        line-height: 0.7rem;
        padding: 0 .4rem 0 .4rem;
        border-right: .05rem solid #111;
    }
    .source span:last-child{
        border: none;
    }
    .audioBox{height: 2.5rem; line-height: 2.5rem; padding: 0 0.5rem; border: 1px solid #111; margin-top: 2rem;}
    .audioBox .play{width: 1.5rem; height: 2.5rem; background: url(../img/play.png) no-repeat 0 center; background-size: 1rem;}
    .audioBox .play.on{background-image: url(../img/pause.png);}
    .audioBox .voiceName{width: 10rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .hide{display: none;}
    .leadWord{background: #f0f1f6; margin-top: 2rem; padding: 1.5rem 0.9rem; margin-bottom: 1.75rem;}
    .leadWord h3{font-size: 0.85rem; color: #555; font-weight: bold;}
    .leadWord p{font-size: 0.85rem; color: #555; line-height: 1.5rem; margin-top: 0.5rem;}
    .tag{margin-top: 1.75rem;}
    .tagBox{font-size: 0;}
    .tagBox span{display: inline-block; height: 1.35rem; line-height: 1.35rem; border: 1px solid #111; font-size: 0.7rem; color: #111; padding: 0 0.5rem; margin-top: 0.5rem; margin-right: 0.5rem;}
    .riskTip{margin-top: 1.875rem;}
    .riskTip h3{font-size: 0.6rem; color: #333;}
    .riskTip p{font-size: 0.6rem; color: #999; margin-top: 0.5rem;}
    .moreArticle{margin-top: 3rem; color: #111;}
    .moreArticle h3{font-size: 1rem; margin-bottom: 0.9rem;}
    .moreArticle .article{margin-bottom: 1rem;}
    .moreArticle .article img{width: 6rem; height: 4.5rem;}
    .moreArticle .article .fr{width: 10.25rem;}
    .moreArticle .article .fr h2{font-size: 1rem; line-height: 1.5rem; height: 3rem; color: #111; width: 10.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
    .moreArticle .article .fr p{margin-top: 0.5rem; color: #888; font-size: 0.7rem;}
    .download{width: 100%; text-align: center; _position: fixed; bottom: 0; left: 0; background: #fff; padding-bottom: 0.375rem; height: 3.25rem;}
    .download img{width: 100%; position:fixed; left: 0; bottom: 0;}
    .padding_b240{padding-bottom: 1rem;}
    .content{font-size: 0.85rem; color: #666; text-align: justify; margin-top: 2rem;}
    .content p{margin-top: 0.5rem; line-height: 1.4rem;}
    .content img{max-width: 100%;}
    [v-cloak]{display: none !important;}
    .vd-tap{width: 100%;}
    video{width: 100%; display: none;}
}
@media screen and (min-width: 600px) {
    .padding_b240{
        width: 660px;
        margin: 0 auto;
    }
    .padding_b240 .title{
        margin-top: 43px;
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .articleCont img{
        max-width: 100%;
    }
    .source{
        font-size: 16px;
        color: #666666;
    }
    .source span{
        width: 100%;
    }
    .source span:nth-child(2){
        color: #d3b991;
        margin-top: 15px;
    }
    .source span:nth-child(3){
        color: #999999;
        margin-top: 15px;
    }
    .audioBox{
        height: 50px; 
        padding: 0 20px 0 20px; 
        border: 1px solid #111; 
        margin-top: 30px;
        display: flex;
        align-items: center;
    }
    .audioBox .clearfix{
        display: flex;
        align-items: center;
    }
    .audioBox .play{
        width: 30px; 
        height: 30px; 
        background: url(../img/play.png) no-repeat 0 center; 
        background-size: 30px;
    }
    .audioBox .play.on{
        background-image: url(../img/pause.png);
    }
    .audioBox .voiceName{
        width: 470px; 
        text-overflow: ellipsis; 
        overflow: hidden; 
        white-space: nowrap;
        margin-left: 20px;
    }
    .padding_b240 .leadWord p{
        font-size: 16px;
        color: #666666;
        line-height: 30px;
        margin-top: 32px;
    }
    .fontBig{
        font-size: 16px;
        color: #666666;
        line-height: 30px;
        margin-top: 45px;
    }
    .riskTip h3{
        color: #666666;
        font-size: 14px;
        margin: 50px 0 16px 0;
    }
    .riskTip p{
        color: #b5b5b5;
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 40px;
    }
    .bh3{
        margin-top: 43px;
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 15px; 
    }
    .article{
        display: flex;
        margin-bottom: 10px;
    }
    .fr{
        color: #111;
        font-size: 22px;
        margin-left: 30px;
    }
    .moreArticle{
        padding-bottom: 120px;
    }
    .download{
        width: 660px;
        position: fixed;
        bottom: 0;
    }
    .download img{
        width: 100%;
    }
    .artList .fl{
        width: 250px;
    }
    video{
        width: 100%; 
        display: none;
    }
    
}