.radius_avatar {
            display: inline-block;
            background-color: #fff;
            padding: 3px;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            overflow: hidden;
            vertical-align: middle
        }

        .radius_avatar img {
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            background-color: #eee
        }

        .rich_media_inner {
            word-wrap: break-word;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto
        }

        .rich_media_area_primary {
            padding: 5px;
           
            background-color: #fdffff
        }

        .rich_media_area_primary.voice {
            padding-top: 66px
        }

        .rich_media_area_primary .weui-loadmore_line {
            border-color: #d8d8d8
        }

        .rich_media_area_primary .weui-loadmore_line .weui-loadmore__tips {
            color: #888;
            background-color: #fdffff
        }

        .rich_media_area_extra {
            padding: 0 16px 16px;
            padding: 0 calc(16px + constant(safe-area-inset-right)) calc(16px + constant(safe-area-inset-bottom)) calc(16px + constant(safe-area-inset-left));
            padding: 0 calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))
        }

        .rich_media_extra {
            padding-top: 30px
        }

        .mpda_bottom_container .rich_media_extra {
            padding-top: 24px
        }

        .mpda_bottom_container .rich_media_extra .mpad_more_list {
            right: -10px
        }

        html {
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
            line-height: 1.65;
            text-align: justify;
            
        }

        body {
            -webkit-touch-callout: none;
            font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;
            color: #333;
            background-color: #f2f2f2;
            letter-spacing: .034em
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-weight: 400;
            font-size: 16px
        }

        * {
            margin: 0;
            padding: 0
        }

        a {
            color: #576b95;
            text-decoration: none;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
        }

        .wx-edui-video_source_link {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            padding: 14px 16px;
            background-color: #f7f7f7;
            background-color: var(--weui-BG-1);
            border-radius: 8px;
            font-size: 15px;
            line-height: 18px;
            width: 100%;
            box-sizing: border-box;
            margin-bottom: 8px;
            position: relative
        }

        .wx-edui-video_source_link .wx-edui-video_source_link__layer_mask {
            display: none;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            border-radius: 8px;
            background-color: rgba(0, 0, 0, 0.05)
        }

        .wx-edui-video_source_link:active {
            background-color: #ebebeb;
            background-color: var(--weui-BG-0)
        }

        .wx-edui-video_source_link:active .wx-edui-video_source_link__layer_mask {
            display: block
        }

        .wx-edui-video_source_link.wx-edui-article {
            margin-top: 8px
        }

        .wx-edui-video_source_word {
            color: rgba(0, 0, 0, 0.5);
            -webkit-flex-shrink: 0;
            flex-shrink: 0;
            width: 8em
        }

        .wx-edui-video_account_arrow {
            display: inline-block;
            vertical-align: middle;
            width: 10px;
            height: 20px;
            -webkit-flex-shrink: 0;
            flex-shrink: 0;
            background-position: center;
            background-size: contain;
        }

        .wx-edui-video_account_info {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
            justify-content: flex-end;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            position: relative;
            width: calc(100% - 120px)
        }

        .wx-edui-video_account_avatar {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            -webkit-flex-shrink: 0;
            flex-shrink: 0;
            -o-object-fit: cover;
            object-fit: cover;
            background-size: cover;
        }

        .wx-edui-video_account_name {
            color: rgba(0, 0, 0, 0.9);
            color: var(--weui-FG-0);
            margin: 0 2px 0 6px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: calc(100% - 40px)
        }

        .rich_media_title {
            font-size: 18px;
            line-height: 1.65;
            margin-bottom: 10px
        }

        @supports(-webkit-overflow-scrolling:touch) {
            .rich_media_title {
                font-weight: 700
            }
        }

        .rich_media_meta_list {
            margin-bottom: 22px;
            line-height: 20px;
            font-size: 0;
            word-wrap: break-word;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto
        }

        .rich_media_meta_list em {
            font-style: normal
        }

        .rich_media_meta {
            display: inline-block;
            vertical-align: middle;
            margin: 0 10px 10px 0;
            font-size: 15px;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
        }

        .rich_media_meta.icon_appmsg_tag {
            margin-right: 4px
        }

        .rich_media_meta.appmsg_title_tag {
            margin-right: 8px
        }

        .rich_media_meta.meta_tag_text {
            margin-right: 0
        }

        .rich_media_meta_primary {
            display: block;
            margin-bottom: 10px;
            font-size: 15px
        }

        .meta_original_tag {
            padding: 0 .5em;
            font-size: 12px;
            line-height: 1.4;
            background-color: #f2f2f2;
            color: #888
        }

        .meta_enterprise_tag img {
            width: 30px;
            height: 30px !important;
            display: block;
            position: relative;
            margin-top: -3px;
            border: 0
        }

        .rich_media_meta_link {
            color: #576b95
        }

        .rich_media_meta_text {
            color: rgba(0, 0, 0, 0.3)
        }

        .rich_media_meta_text.rich_media_meta_split {
            padding-left: 10px
        }

        .rich_media_meta_text.rich_media_meta_split:before {
            position: absolute;
            top: 50%;
            left: 0;
            margin-top: -6px;
            content: ' ';
            display: block;
            border-left: 1px solid #888;
            width: 200%;
            height: 130%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0
        }

        .rich_media_meta_text.article_modify_tag {
            position: relative
        }

        .rich_media_meta_nickname {
            position: relative
        }

        .rich_media_thumb_wrp {
            margin-bottom: 6px
        }

        .rich_media_thumb_wrp .original_img_wrp {
            display: block
        }

        .rich_media_thumb {
            display: block;
            width: 100%
        }

        .rich_media_content {
            overflow: hidden;
            color: #333;
            font-size: 17px;
            word-wrap: break-word;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
            text-align: justify;
            position: relative;
            z-index: 0
        }

        .rich_media_content * {
            max-width: 100% !important;
            box-sizing: border-box !important;
            -webkit-box-sizing: border-box !important;
            word-wrap: break-word !important
        }

        .rich_media_content p {
            clear: both;
            min-height: 1em
        }

        .rich_media_content em {
            font-style: italic
        }

        .rich_media_content fieldset {
            min-width: 0
        }

        .rich_media_content .list-paddingleft-1,
        .rich_media_content .list-paddingleft-2,
        .rich_media_content .list-paddingleft-3 {
            padding-left: 2.2em
        }

        .rich_media_content .list-paddingleft-1 .list-paddingleft-2,
        .rich_media_content .list-paddingleft-2 .list-paddingleft-2,
        .rich_media_content .list-paddingleft-3 .list-paddingleft-2 {
            padding-left: 30px
        }

        .rich_media_content .list-paddingleft-1 {
            padding-left: 1.2em
        }

        .rich_media_content .list-paddingleft-3 {
            padding-left: 3.2em
        }.side{z-index:1000;line-height:1.2; font-size:14px;position:fixed; width:200px; top:120px; left:60%; margin-left:350px; border:#ccc 1px solid;padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:10px; background:#fff;}

        .rich_media_content .code-snippet,
        .rich_media_content .code-snippet__fix {
            max-width: 1000% !important
        }

        .rich_media_content .code-snippet *,
        .rich_media_content .code-snippet__fix * {
            max-width: 1000% !important
        }