.articlePageBox{width:100%;overflow:hidden;color:#333;font-size:14px}.articlePageBox .sonBanner{width:100%;background-color:#f8f8ff}.articlePageBox .sonBanner .sonBannerImg{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.articlePageBox .articleDetailBox{overflow:hidden}.articlePageBox .articleDetailBox .articleCard{border-radius:6px;background-color:#fff;min-height:300px}.articlePageBox .articleDetailBox .articleCard .articleTitle{margin-bottom:24px}.articlePageBox .articleDetailBox .articleCard .articleTitle h4{font-size:24px;font-weight:700;text-align:center}.articlePageBox .articleDetailBox .articleCard .articleTitle .articleSpan{background-color:#eef1f8;overflow:hidden;margin:30px 0 20px 0;border-radius:4px}.articlePageBox .articleDetailBox .articleCard .articleTitle span{display:block;color:#999;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.articlePageBox .articleDetailBox .articleCard .voiceBox{text-align:center}.articlePageBox .articleDetailBox .articleCard .voiceBox audio{width:100%;height:40px}.articlePageBox .articleDetailBox .articleCard .articleText{margin-top:20px}.articlePageBox .articleDetailBox .articleCard .articleText img{width:100%;height:auto;margin-bottom:20px;border-radius:6px}.articlePageBox .articleDetailBox .articleCard .articleText p{font-size:16px;font-family:"\5B8B\4F53";text-indent:2em;line-height:36px;text-align:justify}@media (min-width:320px) and (max-width:1200px){.articlePageBox .articleDetailBox{background-color:#fff}.articlePageBox .articleDetailBox .articleCard{padding:20px 0}.articlePageBox .articleDetailBox .articleCard .articleSpan{line-height:40px}}@media (min-width:1201px){.articlePageBox .articleDetailBox{background-color:#f8f8ff}.articlePageBox .articleDetailBox .articleCard{margin:20px 0;padding:30px}.articlePageBox .articleDetailBox .articleCard .articleSpan{height:40px;line-height:40px}}