.article { margin-bottom: .4rem; font-size: .14rem; line-height: .25rem; padding: 0 4%; word-wrap: break-word; overflow-x: hidden!important; } * { margin: auto; } html,body { width: 100%; height: 100%; margin: 0; padding: 0; } img { max-width: 100%; } .imgCenter { text-align: center; } .imgStr { position: relative; z-index: 11; } .imgStr::before { content: ""; width: 130px; height: 60px; min-height: 50px; position: absolute; right: -4.3478%; bottom: -.01rem; background-image: url("./Group@2x.png"); background-repeat: no-repeat; background-size: 100% 100%; z-index: 1; } .imgCenter img { min-height: 200px; } .imgStr img { display: inline-block; width: 108.6957%; max-width: 108.6957%; // max-height: 3rem; min-height: 2rem; margin-left: -4.3478%; } img.face { vertical-align: top; max-height: 20px; width: auto; margin-left: 0; margin-bottom: 0; display: inline; max-width: 100% } section { text-align: center; } .title { font-size: 20px; line-height: 30px; font-weight: 700; padding: .1rem 4% .3rem; padding-bottom: .18rem; } .pict { max-height: none; width: 100%; vertical-align: middle; max-width: 100%; max-height: 180px; margin-left: 0; margin-bottom: .1rem; } .loading { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100vh; z-index: 99; } .loading img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 0.3rem; height: 0.3rem; } .alert-info { position: fixed; top: 1.74rem; right: 0; left: 0; bottom: 0; text-align: center; z-index: 9; } .alert-info p { display: inline-block; text-align: left; height: 0.38rem; color: #fff; font-size: 0.14rem; line-height: 0.38rem!important; padding: 0 0.10rem; background-color: rgba(0, 0, 0, 0.7); border-radius: 5px; } h2 { font-size: 19px; margin-bottom: 16px; color: #555; font-weight: 700; } p { line-height: 1.8em!important; margin-bottom: 16px; text-align: left; color: #444; word-wrap: break-word; word-break: break-all; } ol { margin-bottom: 16px; padding-left: 0; margin-left: 22px } ol li { font-size: 15px; line-height: 1.8em; color: #444; text-align: left; list-style-type: disc; } .article h2,.article h3,.article h4,.article h5,.article h6 { font-size: 19px; margin-bottom: 16px; color: #555; font-weight: 700 } .article h3 { font-size: 18px } .article h4 { font-size: 17px } .article h5 { font-size: 16px } .article h6,.article p { font-size: 15px } .center-img { width: 108.6957%; margin-left: -4.3478% } .center-img,.img_desc { text-align: center; display: block } blockquote { margin: 0 0 25px; border-left: 2px solid #e3e3e3; padding-left: 4% } blockquote.baoliao { border-left: none; padding-left: 0 } blockquote.baoliao em.title { float: left } blockquote p { line-height: 25px; color: #777; padding-right: 0 } ul { margin-bottom: 16px; padding-left: 0; margin-left: 18px } ul li { font-size: 15px; text-align: left; line-height: 1.8em; color: #444; list-style-type: disc } .article table { border-collapse: collapse; line-height: normal; margin-bottom: 20px } .article table td,.article table th { padding: 5px 10px; border: 1px solid #eee; font-size: 14px; color: #444; word-break: break-all; word-wrap: break-word } embed { width: 100%; height: 255px } img.small-img { max-width: 100%; margin-left: auto; margin-right: auto; display: block }