@import "/static/css/vendor.wxss"; /** * author: Di (微信小程序开发工程师) * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com) * 垂直微信小程序开发交流社区 * * github地址: https://github.com/icindy/wxParse * * for: 微信小程序富文本解析 * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184 */ .wxParse { width: 100%; font-family: Helvetica, sans-serif; font-size: 14px; color: #666; line-height: 1.8; } .wxParse view { word-break: hyphenate; } .wxParse .inline { display: inline; margin: 0; padding: 0; } .wxParse .div { margin: 0; padding: 0; } .wxParse .h1 { font-size: 2em; margin: 0.67em 0; } .wxParse .h2 { font-size: 1.5em; margin: 0.83em 0; } .wxParse .h3 { font-size: 1.17em; margin: 1em 0; } .wxParse .h4 { margin: 1.33em 0; } .wxParse .h5 { font-size: 0.83em; margin: 1.67em 0; } .wxParse .h6 { font-size: 0.67em; margin: 2.33em 0; } .wxParse .h1, .wxParse .h2, .wxParse .h3, .wxParse .h4, .wxParse .h5, .wxParse .h6, .wxParse .b, .wxParse .strong { font-weight: bolder; } .wxParse .p { margin: 1em 0; } .wxParse .i, .wxParse .cite, .wxParse .em, .wxParse .var, .wxParse .address { font-style: italic; } .wxParse .pre, .wxParse .tt, .wxParse .code, .wxParse .kbd, .wxParse .samp { font-family: monospace; } .wxParse .pre { overflow: auto; background: #f5f5f5; padding: 8px; white-space: pre; margin: 1em 0px; } .wxParse .code { display: inline; background: #f5f5f5; } .wxParse .big { font-size: 1.17em; } .wxParse .small, .wxParse .sub, .wxParse .sup { font-size: 0.83em; } .wxParse .sub { vertical-align: sub; } .wxParse .sup { vertical-align: super; } .wxParse .s, .wxParse .strike, .wxParse .del { text-decoration: line-through; } .wxParse .strong, .wxParse .s { display: inline; } .wxParse .a { color: deepskyblue; } .wxParse .video { text-align: center; margin: 10px 0; } .wxParse .video-video { width: 100%; } .wxParse .img { display: inline-block; width: 0; height: 0; max-width: 100%; overflow: hidden; } .wxParse .blockquote { margin: 5px 0; padding: 10px 0 10px 10px; font-family: Courier, Calibri, "\5B8B\4F53"; background: #f5f5f5; border-left: 3px solid #dbdbdb; } .wxParse .blockquote .p { margin: 0; } .wxParse .ul, .wxParse .ol { display: block; margin: 1em 0; padding-left: 16px; } .wxParse .ol { list-style-type: disc; } .wxParse .ol { list-style-type: decimal; } .wxParse .li { display: list-item; align-items: baseline; text-align: match-parent; } .wxParse .ul .ul, .wxParse .ol .ul { list-style-type: circle; } .wxParse .ol .ol .ul, .wxParse .ol .ul .ul, .wxParse .ul .ol .ul, .wxParse .ul .ul .ul { list-style-type: square; } .wxParse .u { text-decoration: underline; } .wxParse .hide { display: none; } .wxParse .del { display: inline; } .wxParse .figure { overflow: hidden; } .wxParse .table { width: 100%; } .wxParse .thead, .wxParse .tfoot, .wxParse .tr { display: flex; flex-direction: row; } .wxParse .tr { width:100%; display: flex; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .wxParse .th, .wxParse .td { display: flex; width: 580px; overflow: auto; flex: 1; padding: 5px; border-left: 1px solid #e0e0e0; } .wxParse .td:last { border-top: 1px solid #e0e0e0; } .wxParse .th { background: #f0f0f0; border-top: 1px solid #e0e0e0; } .LoadingMask.data-v-3019b26c { position: fixed; display: flex; justify-content: center; align-items: center; background: #fff; height: 100%; width: 100%; z-index: 99999; } .LoadingMask ._img.data-v-3019b26c { height: 40rpx; width: 40rpx; animation: loading 1s steps(12) infinite; } @-webkit-keyframes loading { 0% { transform: rotate(0); } to { transform: rotate(1turn); } } .img-box.data-v-3019b26c { display: flex; flex-wrap: wrap; width: 100%; } .img-box >._img.data-v-3019b26c, .img-box >._div.data-v-3019b26c { height: 160rpx; width: 160rpx; margin-right: 20rpx; margin-bottom: 20rpx; } .subtitle.data-v-3019b26c { display: flex; padding: 27rpx 40rpx; font: 27rpx/36rpx false; word-wrap: break-word; border-top: 1rpx solid #eee; border-bottom: 1rpx solid #eee; } .greytitle.data-v-3019b26c { padding-left: 30rpx; font: 30rpx/80rpx false; background: #fff; } .para-title.data-v-3019b26c { display: flex; align-items: center; font: bold 32rpx/100rpx false; color: #424242; } .para-title ._div.data-v-3019b26c { margin-right: 20rpx; height: 45rpx; width: 10rpx; background: #aa001a; } .commit.data-v-3019b26c { padding: 30rpx; box-sizing: border-box; } .commit navigator.data-v-3019b26c, .commit ._div.data-v-3019b26c, .commit ._button.data-v-3019b26c { height: 100%; width: 100%; background: #aa001a; color: #fff; text-align: center; font: 32rpx/80rpx false; border-radius: 10rpx; } .between.data-v-3019b26c { justify-content: space-between; } .list-input.data-v-3019b26c { display: flex; align-items: center; height: 90rpx; width: 100%; font: 30rpx/35rpx false; background-color: #fff; border-bottom: 1rpx solid #dedede; box-sizing: border-box; } .list-input ._span.data-v-3019b26c { margin: 0 30rpx; white-space: nowrap; } .list-input ._input.data-v-3019b26c { flex: 1; margin-right: 30rpx; text-align: right; } .list-input .unset.data-v-3019b26c { color: #9b9b9b; } .list-input navigator.data-v-3019b26c { overflow: hidden; white-space: nowrap; margin-right: 30rpx; color: #757575; } .list-input >._div.data-v-3019b26c, .list-input picker.data-v-3019b26c { margin-right: 30rpx; color: #757575; } .fade.data-v-3019b26c { opacity: 0.5; } .hover.data-v-3019b26c { background-color: #d5d5d5 !important; } .hover-shallow.data-v-3019b26c { background-color: #ededed !important; } .hide.data-v-3019b26c { display: none !important; } ._textarea.data-v-3019b26c { padding: 10rpx; } .container.data-v-3019b26c { padding: 40rpx 30rpx 0 30rpx; } .container .title.data-v-3019b26c { font: bold 40rpx/60rpx false; } .container .subhead.data-v-3019b26c { margin-top: 20rpx; font: 28rpx/40rpx false; display: flex; align-items: center; color: #777; } .container .subhead .tags.data-v-3019b26c { font: 24rpx/32rpx false; border-radius: 8rpx; border: 1rpx solid #aa001a; color: #aa001a; padding: 0 8rpx; margin-right: 20rpx; } .container .subhead .time.data-v-3019b26c { margin: 0 0 0 auto; } .container ._img.data-v-3019b26c { width: 100%; margin: 30rpx 0; } .container .main.data-v-3019b26c { width: 100%; font: 30rpx/40rpx false; text-align: justify; }