@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-563a8ac1 { position: fixed; display: flex; justify-content: center; align-items: center; background: #fff; height: 100%; width: 100%; z-index: 99999; } .LoadingMask ._img.data-v-563a8ac1 { 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-563a8ac1 { display: flex; flex-wrap: wrap; width: 100%; } .img-box >._img.data-v-563a8ac1, .img-box >._div.data-v-563a8ac1 { height: 160rpx; width: 160rpx; margin-right: 20rpx; margin-bottom: 20rpx; } .subtitle.data-v-563a8ac1 { 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-563a8ac1 { padding-left: 30rpx; font: 30rpx/80rpx false; background: #fff; } .para-title.data-v-563a8ac1 { display: flex; align-items: center; font: bold 32rpx/100rpx false; color: #424242; } .para-title ._div.data-v-563a8ac1 { margin-right: 20rpx; height: 45rpx; width: 10rpx; background: #aa001a; } .commit.data-v-563a8ac1 { padding: 30rpx; box-sizing: border-box; } .commit navigator.data-v-563a8ac1, .commit ._div.data-v-563a8ac1, .commit ._button.data-v-563a8ac1 { height: 100%; width: 100%; background: #aa001a; color: #fff; text-align: center; font: 32rpx/80rpx false; border-radius: 10rpx; } .between.data-v-563a8ac1 { justify-content: space-between; } .list-input.data-v-563a8ac1 { 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-563a8ac1 { margin: 0 30rpx; white-space: nowrap; } .list-input ._input.data-v-563a8ac1 { flex: 1; margin-right: 30rpx; text-align: right; } .list-input .unset.data-v-563a8ac1 { color: #9b9b9b; } .list-input navigator.data-v-563a8ac1 { overflow: hidden; white-space: nowrap; margin-right: 30rpx; color: #757575; } .list-input >._div.data-v-563a8ac1, .list-input picker.data-v-563a8ac1 { margin-right: 30rpx; color: #757575; } .fade.data-v-563a8ac1 { opacity: 0.5; } .hover.data-v-563a8ac1 { background-color: #d5d5d5 !important; } .hover-shallow.data-v-563a8ac1 { background-color: #ededed !important; } .hide.data-v-563a8ac1 { display: none !important; } ._textarea.data-v-563a8ac1 { padding: 10rpx; } .container.data-v-563a8ac1 { position: absolute; padding: 0 20rpx; box-sizing: border-box; min-height: 100%; width: 100%; } .para-title.data-v-563a8ac1 { display: flex; align-items: center; font: bold 32rpx/100rpx false; color: #424242; } .para-title ._div.data-v-563a8ac1 { margin-right: 20rpx; height: 45rpx; width: 10rpx; background: #aa001a; } .title.data-v-563a8ac1 { font: bold 40rpx/60rpx false; margin-bottom: 30rpx; } .title > ._div.data-v-563a8ac1 { display: inline-block; position: relative; bottom: 5rpx; background: #aa001a; color: #fff; font: 26rpx/38rpx false; padding: 0 10rpx; border-radius: 5rpx; } .sub-info.data-v-563a8ac1 { font: 28rpx/50rpx false; display: flex; align-items: flex-start; } .sub-info >._div.data-v-563a8ac1:nth-child(1) { color: #808080; width: 20%; } .sub-info >._div.data-v-563a8ac1:nth-child(2) { width: 80%; } .text.data-v-563a8ac1 { font: 28rpx/40rpx false; text-align: justify; } .subhead.data-v-563a8ac1, .lawyer.data-v-563a8ac1 { font: 28rpx/40rpx false; color: #808080; text-align: center; } .main.data-v-563a8ac1 { margin-top: 20rpx; width: 100%; font: 30rpx/40rpx false; } .main ._subtitle.data-v-563a8ac1 { font-weight: 600; } .main ._img.data-v-563a8ac1 { margin-top: 20rpx; min-width: 100%; } .fix-bar.data-v-563a8ac1 { position: fixed; width: 100%; left: 0; bottom: 0; display: flex; color: #fff; font: 35rpx/90rpx false; text-align: center; } .fix-bar .collect.data-v-563a8ac1 { width: 20%; background: #aa001a; } .fix-bar .consult.data-v-563a8ac1 { width: 80%; background: #09bb07; } .lawyers.data-v-563a8ac1 { display: flex; align-items: center; background: #fff; } .lawyers .photo.data-v-563a8ac1 { flex: none; margin: 20rpx 20rpx 20rpx 10rpx; height: 140rpx; width: 140rpx; border-radius: 50%; } .lawyers .info.data-v-563a8ac1 { flex: auto; padding: 30rpx 0; height: 180rpx; box-sizing: border-box; display: flex; flex-direction: column; } .lawyers .info .name.data-v-563a8ac1 { margin-bottom: auto; height: 35rpx; font: 35rpx/35rpx false; display: flex; align-items: center; } .lawyers .info .name ._img.data-v-563a8ac1 { height: 35rpx; width: 35rpx; margin-left: 15rpx; } .lawyers .btn.data-v-563a8ac1 { flex: none; align-self: flex-start; color: #fff; margin-right: 30rpx; font: 30rpx/50rpx false; } .lawyers .btn .consult.data-v-563a8ac1, .lawyers .btn .follow.data-v-563a8ac1 { border-radius: 25rpx; padding: 0 10rpx; text-align: center; } .lawyers .btn .consult.data-v-563a8ac1 { background: #00f; margin: 30rpx 0 20rpx 0; } .lawyers .btn .follow.data-v-563a8ac1 { background: #f00; } .expertin.data-v-563a8ac1, .fame.data-v-563a8ac1 { font-size: 24rpx; color: #808080; } .expertin.data-v-563a8ac1 { line-height: 70rpx; } .fame.data-v-563a8ac1 { line-height: 24rpx; }