/**
 * 鏂囩珷姝ｆ枃闃呰浼樺寲
 *
 * 鐩爣锛氱粺涓€瀛楀彿/琛岄珮/娈佃窛锛屽浘鐗囩粺涓€瀹藉害灞呬腑锛岄暱鏂囨洿鏄撹銆? * 鍔犺浇椤哄簭鍦?style.css 涔嬪悗锛岀敤浜庤鐩栨棫妯℃澘鐨勫熀纭€鏍峰紡銆? */

/* 姝ｆ枃瀹瑰櫒锛氶檺鍒堕槄璇诲搴﹀苟灞呬腑锛屾枃瀛椾笌鍥剧墖鍚屽 */
.articleDiv .textDiv {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    color: #333;
    font-size: 17px;
    line-height: 1.95;
    letter-spacing: .2px;
}

/* 娈佃惤锛氬乏瀵归綈锛涘浘鐗囧湪涓嬫柟瑙勫垯涓眳涓?*/
.articleDiv .textDiv p {
    margin: 0 0 20px;
    text-align: left;
    word-break: break-word;
}

.articleDiv .textDiv p:last-child {
    margin-bottom: 0;
}

/* 鍥剧墖锛氱粺涓€瀹藉害锛堟拺婊℃鏂囨爮锛夈€佸眳涓€佸渾瑙?*/
.articleDiv .textDiv img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 28px auto;
    border-radius: 6px;
}

/* 鍥剧墖鍗曠嫭鎴愭鏃讹紝涓婁笅鐣欑櫧绋嶅ぇ */
.articleDiv .textDiv p > img:only-child {
    margin: 30px auto;
}

/* 灏忔爣棰?*/
.articleDiv .textDiv h2 {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    color: #222;
    margin: 36px 0 16px;
}

.articleDiv .textDiv h3 {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 700;
    color: #222;
    margin: 28px 0 14px;
}

/* 寮鸿皟 */
.articleDiv .textDiv strong,
.articleDiv .textDiv b {
    font-weight: 600;
    color: #222;
}

/* 鍒楄〃 */
.articleDiv .textDiv ul,
.articleDiv .textDiv ol {
    margin: 0 0 18px 1.5em;
    padding: 0;
}

.articleDiv .textDiv li {
    margin: 6px 0;
}

/* 閾炬帴 */
.articleDiv .textDiv a {
    color: #ee763a;
    text-decoration: underline;
}

/* 寮曠敤 */
.articleDiv .textDiv blockquote {
    margin: 24px 0;
    padding: 14px 18px;
    border-left: 3px solid #ee763a;
    background: #faf7f5;
    color: #666;
}

/* 绉诲姩绔?*/
@media (max-width: 767px) {
    .articleDiv .textDiv {
        max-width: 100%;
        font-size: 16px;
        line-height: 1.9;
    }

    .articleDiv .textDiv p {
        margin-bottom: 16px;
    }

    .articleDiv .textDiv img {
        margin: 20px auto;
        border-radius: 4px;
    }
}