@media screen and (max-width: 1198px){
    .healthVideoList .healthVideoListWrap{flex-direction: column;}
    .healthVideoList .healthVideoListWrap .video,.healthVideoList .healthVideoListWrap .videoIntroduction{width: 100% !important;}
    .specialPlanningList{display: inline-block;}
}

@media screen and (max-width: 1098px){
    .navBox ul > li{margin: 0 2px !important;}
    .userLoginRegistration{margin-right: 0.6rem!important;}
    ._39HotTextWeeklyHotspots ._39HotTextWeeklyHotspotsTitle ul li:nth-child(1){margin-right: 10px;}
}

@media screen and (max-width: 998px){
    .userComments .userCommentsWrap .userComments-r .likeReply{flex-direction: column !important;align-items: center !important;}
    .userComments .userCommentsWrap .userComments-r .likeReply .likeReply-r span,.userComments .userCommentsWrap .userComments-r .likeReply .likeReply-r span > i,.userComments .userCommentsWrap .userComments-r .likeReply .likeReply-l span{margin: 0 2px;}
}

@media screen and (max-width: 798px){
    .authorReleaseDate{flex-direction: column;align-items: center;}
}

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

    main .articleBox{max-width: 100%;width: 100%;}
    .userLoginRegistration{justify-content: space-between!important;}
    .nav-list{align-items: center!important;}
    .breadcrumbNavigation{margin: 15px 0;}
    .articleTitleBox h1{font-size: 40px;text-align: center;}

}

@media screen and (max-width: 698px){.specialPlanningList{display: grid!important;}}

@media screen and (max-width: 598px){
    .articleTitleBox h1{font-size: 30px;}
    .articleTitleWrap{justify-content: center!important;}
    .authorReleaseDate .articleFunctions .articleFunctionsList li{margin: 0 8px}
    .authorReleaseDate .articleFunctions .articleFunctionsList li.divisionLine::after{top: 3px;right: -15px}
    .authorReleaseDate .articleFunctions .articleFunctionsList li .iconfont{font-size: 20px}
    .aFont-size{font-size: 14px !important;}
    .footerBox,.allRightsReserved{flex-direction: column !important;}
}

@media screen and (max-width: 498px){
    .healthVideoList .healthVideoListWrap .video{width: 145px !important;}
    .healthVideoList .healthVideoListWrap .videoIntroduction{width: 160px !important;}
    .healthVideoList .healthVideoListWrap{flex-direction: row;}
    ._39HotTextWeeklyHotspots ._39HotTextWeeklyHotspotsTitle ul li:nth-child(1){margin-right: 20px;}
}

@media screen and (max-width: 398px){
    .breadcrumbNavigation a, .breadcrumbNavigation{font-size: 14px}
    .articleTitleBox h1{font-size: 28px;}
}

@media screen and (max-width: 365px){
    .breadcrumbNavigation a, .breadcrumbNavigation{font-size: 12px}
    .articleTitleBox h1{font-size: 23px}
    .authorReleaseDate .articleFunctions .articleFunctionsList li .iconfont{font-size: 18px}
    .healthVideoList .healthVideoListWrap .videoIntroduction{width: 130px !important;}
    .buttonStyle button{width: 280px;}
}