yaofang/pages/article/detail.wxss

page {
    font-family: -apple-system-font,Helvetica Neue,sans-serif;
    line-height: 1.6;
}

icon {
    vertical-align: middle;
}

page {
    -webkit-tap-highlight-color: transparent;
}

@font-face {
    font-family:font_family;src:url(data:application/vnd.ms-fontobject;base64,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GQqXKmg6j74DA76PdJkDA5l0dJoDA5oC/AS+j0FyLZUKGRMJliAkAQS+j4++PAOadHSaAwOadHSaAAAAAAIAAP/MA6YDNgAjAEYAAAEyFhQGByEOAQcRHgEXIT4BNxE+ATIWFREOAQchLgEnET4BNyUxFxYHFQYPAQ4BLgE/AQYHBhcUBiImNSY3NjcnJjY3NTYWAf8OEhIN/v8qOQIBOCsCASo5AgESGxIBXEX9/UVdAwJbRgIvcgcBARBnCBkWBAdHwWR0ARIbEwKKeuFRCAQKDBkDFhIbEgEBOCr9/ys5AgE4KwEBDhISDf8ARl0DAlxFAgJGXQIRmgoMAxMJjAoEEBkLYA5catwOEhIN939wDG4LGQgBBwMAAAAAAgAA/88DwwMxACYAMQAAAT4BFxYfAh4BBxUGDwEXFgYHIwYvAQcGJi8BJj8BJy4BPwE2PwIPAhcHNxcnNycB1wkjEQ4Hcv4TFgICC7grAxQTARAN5OMRIwoBBwMruA0BDAELD/+bAm/7tivh4Su2+wMTEgsIBw3nJQMdEwEPC7T9Ex4EAwd4eAgKEAIND/6zDiQPAQoDJaoE4CWy+nZ2+rIlAAABAAD/zwPDAzEAJwAAAQ8BBgcVBhYfAQcGHwEeAT8BFxY3MT4BLwE3NjcxNiYvAiYnJgYHAddy/hALDQENuCsDBwEJIxLj4w4QExUDK7gLAgIWE/5yBw4RIwkDE+YlAgsBDiUOs/0PDgERCgh4eAcDBB4T/bMLEBQdAyXmDgcICxIAAAAAABIA3gABAAAAAAAAABUAAAABAAAAAAABAAsAFQABAAAAAAACAAcAIAABAAAAAAADAAsAJwABAAAAAAAEAAsAMgABAAAAAAAFAAsAPQABAAAAAAAGAAsASAABAAAAAAAKACsAUwABAAAAAAALABMAfgADAAEECQAAACoAkQADAAEECQABABYAuwADAAEECQACAA4A0QADAAEECQADABYA3wADAAEECQAEABYA9QADAAEECQAFABYBCwADAAEECQAGABYBIQADAAEECQAKAFYBNwADAAEECQALACYBjQpDcmVhdGVkIGJ5IGljb25mb250CmZvbnRfZmFtaWx5UmVndWxhcmZvbnRfZmFtaWx5Zm9udF9mYW1pbHlWZXJzaW9uIDEuMGZvbnRfZmFtaWx5R2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20ACgBDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AAoAZgBvAG4AdABfAGYAYQBtAGkAbAB5AFIAZQBnAHUAbABhAHIAZgBvAG4AdABfAGYAYQBtAGkAbAB5AGYAbwBuAHQAXwBmAGEAbQBpAGwAeQBWAGUAcgBzAGkAbwBuACAAMQAuADAAZgBvAG4AdABfAGYAYQBtAGkAbAB5AEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8AL
}

.font_family {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: font_family!important;
    font-size: 32rpx;
    font-style: normal;
}

page {
    font-family: PingFangSC-Regular;
    font-size: 32rpx;
    height: 100%;
}

.font_family {
    position: relative;
    top: 4rpx;
}

.content {
    height: 100%;
    padding-bottom: 100rpx;
}

.body,.content {
    box-sizing: border-box;
}

.body {
    background: #fff9f1;
    min-height: 100%;
    overflow: auto;
}

checkbox,radio {
    transform: scale(.8);
}

.body .search.x-search {
    border-bottom: 2rpx solid #f0f0f0;
    padding: 20rpx 36rpx;
    position: relative;
}

.body .search ._span.x-search {
    color: #333;
    display: inline-block;
    font-size: 30rpx;
    height: 84rpx;
    line-height: 84rpx;
}

.body .search ._div.x-search {
    align-items: center;
    display: flex;
}

.body .search ._div ._input.x-search {
    background-color: #f5f5f5;
    border-radius: 6rpx 0 0 6rpx;
    box-sizing: border-box;
    display: inline-block;
    font-size: 30rpx;
    height: 84rpx;
    padding-left: 68rpx;
    vertical-align: middle;
    width: 500rpx;
}

.body .search ._div ._img.x-search {
    height: 48rpx;
    left: 48rpx;
    position: absolute;
    top: 42rpx;
    width: 48rpx;
}

.body .search .iconBox.x-search {
    background-color: #f5f5f5;
    border-radius: 0 6rpx 6rpx 0;
    height: 84rpx;
    margin-left: -10rpx;
    margin-right: 22rpx;
    position: relative;
    width: 70rpx;
}

.body .search .iconBox .icon.x-search {
    background-color: initial;
    color: #979797;
    font-size: 58rpx;
    height: 48rpx;
    line-height: 48rpx;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10rpx;
    top: 20rpx;
    z-index: 999;
}

.body .search ._i.x-search {
    margin-top: 22rpx;
}

.body .search ._i ._span.x-search {
    border: 2rpx solid #ececec;
    border-radius: 6rpx;
    font-size: 28rpx;
    font-weight: 700;
    height: 53rpx;
    line-height: 53rpx;
    margin-right: 32rpx;
    text-align: center;
    width: 118rpx;
}

.body .search ._i .active.x-search {
    background-color: #d5594e;
    border: none;
    color: #fff;
}

.body .thing.x-search {
    font-size: 30rpx;
    height: 72vh;
    overflow: auto;
    padding: 0 36rpx 20rpx;
}

.body .thing ._p.x-search {
    box-sizing: border-box;
    color: #333;
    padding-bottom: 28rpx;
    padding-top: 20rpx;
}

.searchTab {
    padding: 0rpx 10rpx;
    position: relative;
}

.searchTabItem {
    background-color: rgba(148,103,75,.25);
    color: #94674b;
    float: left;
    margin: 10rpx;
    padding: 2rpx 5rpx;
    text-align: center;
}

.searchTabItemFocus {
    background-color: #94674b;
    color: #fff;
}

.body .result.bookPage {
    padding: 0 36rpx;
}

.body .result ._li.bookPage {
    border-bottom: 2rpx solid #f0f0f0;
    box-sizing: border-box;
    padding-bottom: 32rpx;
}

.body .result ._li .title.bookPage {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16rpx;
    margin-top: 32rpx;
}

.body .result ._li .title ._h3.bookPage {
    display: inline-block;
}

.body .result ._li .title ._h3.bookPage:first-child {
    color: #333;
}

.body .result ._li .title ._h3.bookPage:last-child {
    color: #a67d41;
    font-size: 30rpx;
}

.body .result ._li ._p.bookPage {
    color: #1c1c1c;
    font-size: 30rpx;
}

.body .result ._li ._p ._span.bookPage,.body .result ._li ._p.bookPage {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.x_bottom {
    border-bottom: 2rpx solid #f0f0f0;
}

.x_child_li {
    margin-top: 10rpx!important;
}

.x_font_28 {
    font-size: 28rpx!important;
}

.xfocus_color {
    color: #a67d41!important;
}

.contentPage {
    padding: 25rpx;
}

.x_font_16 {
    font-size: 16px;
}

.x_font_14 {
    font-size: 14px;
}

.x-center {
    text-align: center;
}