em,
i {
    font-style: normal
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    outline: 0;
    border: 0;
    padding: 0;
    vertical-align: baseline;
    font-size: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: 'Helvetica Neue', Roboto, 'microsoft yahei';
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none
}

body,
html {
    min-height: 100vh
}

li,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote::after,
blockquote::before,
q::after,
q::before {
    content: none
}

a,
.a {
    margin: 0;
    background: 0 0;
    padding: 0;
    vertical-align: baseline;
    text-decoration: none;
    font-size: 100%;
    color: #4f7cb8
}

.da {
    color: #55647d !important
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 400
}

input {
    outline: 0
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

a {
    color: inherit
}

img {
    object-fit: cover
}

a:link,
a:visited {
    text-decoration: none
}

.vm {
    vertical-align: middle
}

.f30 {
    font-size: 30px !important;
}

.f24 {
    font-size: 24px !important;
}

.f60 {
    font-size: 60px !important;
}

.f22 {
    font-size: 22px !important;
}

.f14,
.f14 i {
    font-size: 14px
}

.f13 {
    font-size: 13px !important;
}

.f15 {
    font-size: 15px
}

.f18,
.f18 i {
    font-size: 18px
}

.f20 {
    font-size: 20px !important;
}

.f12 {
    font-size: 12px !important;
}

.c9 {
    color: #999 !important
}

.c6 {
    color: #666
}

.tc {
    text-align: center
}

.tl {
    text-align: left
}

.tr {
    text-align: right
}

.inblock {
    display: inline-block
}

.mt0 {
    margin-top: 0 !important;
}

.mt8 {
    margin-top: 8px
}

.mb8 {
    margin-bottom: 8px
}

.mt10 {
    margin-top: 10px
}

.ml0 {
    margin-left: 0 !important
}

.mt3 {
    margin-top: 3px
}

.mb5 {
    margin-bottom: 5px
}

.pt0 {
    padding-top: 0 !important
}

.p0 {
    padding: 0 !important;
}

.mr20 {
    margin-right: 20px
}

.mr8 {
    margin-right: 8px
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.ml8 {
    margin-left: 8px
}

.f10 {
    font-size: 10px !important
}

.f16 {
    font-size: 16px !important
}

.f28 {
    font-size: 28px !important
}

.f27 {
    font-size: 27px !important
}

.f26 {
    font-size: 26px !important
}

.f17 {
    font-size: 17px !important
}

.h24 {
    line-height: 24px
}

.lh26 {
    line-height: 26px !important
}

.half {
    width: 100%
}

.w15 {
    width: 15px;
    display: inline-block
}

.pr0 {
    padding-right: 0 !important;
}

.ml15 {
    margin-left: 15px
}

.ml3 {
    margin-left: 3px
}

.mr10 {
    margin-right: 10px !important
}

.h30 {
    line-height: 30px;
    height: 30px
}

.pr-1 {
    position: relative;
    top: -1px
}

.pr_1 {
    position: relative;
    top: 1px
}

.before_none:before,
.border_none:before {
    display: none !important
}

.after_none:after,
.border_none:after {
    display: none !important
}

.after_15:after,
.before_15:before {
    left: 15px !important;
}

.page,
body {
    background-color: #f8f8f8;
    color: #666
}

.position * {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}

.demos-content-padded {
    padding: 15px
}

#current_hbtype {
    font-style: normal
}

.demos-title {
    text-align: center
}

.weui-uploader__input-box {
    border: 1px solid #efefef;
    background: #f5f5f5
}

.none {
    display: none
}

.hide {
    visibility: hidden
}

.weui-loadmore {
    margin-bottom: 2.5em
}

.weui-cell__hd .iconfont {
    margin-right: 5px
}

.weui-actionsheet__title {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    height: auto !important
}

.weui-uploader__file_status:before {
    background-color: rgba(0, 0, 0, 0)
}

.weui-navbar {
    background: #fff;
    position: relative
}

.weui-navbar__item:after {
    display: none
}

.weui-loadmore_line .weui-loadmore__tips {}

.weui-tabbar {
    position: fixed;
    background: #fff
}

.weui-navbar__item,
i.weui-tabbar__icon,
.weui-tabbar__icon>i,
.weui-tabbar__label {
    color: #777
}

.weui-grids-mini {
    background: #fff
}

.weui-grids-mini:after,
.weui-grids-mini:before,
.weui-grids-mini .weui-grid:before,
.weui-grids-mini .weui-grid:after {
    display: none
}

.weui-grids-mini .weui-grid {
    padding: 10px 10px
}

.weui-grids-nob:after {
    display: none !important;
}

.weui_title {
    margin-bottom: 0;
    color: #666;
    background: #fff;
    padding: 10px 15px
}

.weui-article {
    padding: 10px 15px 15px
}

.weui-article section p:last-child {
    margin-bottom: 0
}

.weui-btn_mini {
    padding: 0 1em
}

.weui-cells {
    margin-top: 10px
}

.weui-cells:empty {
    display: none
}

.fullcell:before {
    left: 0 !important;
}

.weui-dialog__bd img {
    max-width: 100%
}

.weui-article {
    -webkit-overflow-scrolling: touch
}

.weui-toast_content {
    font-size: 16px;
    margin-bottom: 10px;
}

.weui-toast {
    min-height: 5.6em;
    top: 40%;
}

.weui-article section:not(:last-child) {
    margin-bottom: .8em
}

.weui-actionsheet__menu {
    max-height: 60vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.border_bottom,
.border_top,
.border_bfull,
.border_right {
    position: relative
}

.border_top:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5)
}

.border_bottom:before,
.border_bfull:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5)
}

.border_bfull:before {
    left: 15px;
    width: calc(100% - 15px)
}

.border_right:before {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-right: 1px solid rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .2);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}

.cl:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.cl {
    zoom: 1
}

.bgf {
    background: #fff
}

.nobg {
    background: none !important;
}

.free {
    overflow: inherit !important;
}

.hidden {
    display: none
}

.p15 {
    padding: 15px
}

.p10 {
    padding: 10px
}

.m15 {
    margin: 0 15px 15px
}

.w0 {
    width: 0 !important;
}

.y {
    float: right
}

.z {
    float: left
}

.pr {
    position: relative
}

.x_header {
    width: 100%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    background: #42bd56;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 501;
}

.x_header_fix {
    position: relative;
    clear: both;
    width: 100vw;
    height: 42px
}

.x_header img {
    display: block !important;
    height: 22px;
    padding: 10px 15px
}

.x_header a {
    display: block;
    height: 42px;
    line-height: 42px;
    margin: 0;
    padding: 0 15px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    position: absolute
}

.x_header i {
    font-size: 20px;
    vertical-align: middle
}

.x_header .sidectrl {
    right: 0;
    font-size: 14px
}

.cityp15 h4 {
    margin: 15px 0
}

.charlist li {
    display: inline-block;
    width: 20%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px
}

.box {
    border: 1px solid #eee;
    border-radius: 3px;
    overflow: hidden;
    background-color: #FDFDFC
}

.table {
    min-height: 40px;
    position: relative;
    overflow: hidden;
    z-index: 0
}

.table:before {
    content: '';
    position: absolute;
    width: 25%;
    left: 25%;
    height: 100%;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee
}

.table:after {
    content: '';
    position: absolute;
    width: 10%;
    left: 75%;
    height: 100%;
    border-left: 1px solid #eee;
    border-right: none
}

.table h4,
.table li {
    display: inline-block;
    width: 25%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    float: left;
    position: relative;
    z-index: 10
}

a.react,
label.react {
    display: block;
    color: inherit;
    height: 100%
}

.abc {
    border-top: 1px solid #eee;
    clear: both
}

.table h4 {
    margin: 0;
    margin-bottom: -1px;
    height: 79px;
    line-height: 79px;
    color: #B7B7B7;
    font-size: 40px
}

.weui-switch-cp__input:checked~.weui-switch-cp__box,
.weui-switch:checked {
    border-color: #42bd56;
    background-color: #42bd56
}

.weui-btn_primary,
.weui-btn_primary:not(.weui-btn_disabled):active {
    background-color: #42bd56
}

.weui-btn_disabled.weui-btn_primary {
    opacity: .9
}

.fix-bottom {
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 9;
    border-radius: 0;
    padding: 15px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 10px #f5f5f5
}

.footer_fix {
    height: 46px;
    width: 100%
}

.bottom_fix {
    height: 30px;
    width: 100%;
    clear: both
}

.pub_funcbar a:first-child {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 75px;
    margin: 0 30px
}

.pub_funcbar a:last-child {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    margin: 0 30px
}

.post-tags a {
    margin-top: 0 !important
}

.post-tags a.weui-btn_mini {
    padding: 16px 1em;
    line-height: 0;
    float: left;
    margin: 4px 8px 4px 0;
    border-radius: 80px
}

.post-tags a.weui-btn_mini.weui-btn:after {
    border-radius: 80px
}

.post-tags .weui-btn_default,
.post-tags .weui-btn_default:not(.weui-btn_disabled):visited {
    color: #666
}

.post-tags .tag-on.weui-btn_default {
    background: #ffac44;
    color: #fff !important;
}

.post-tags .weui-btn_default {
    color: #000000;
    background-color: #F8F8F8 !important;
}

.post-tags .weui-btn_default:not(.weui-btn_disabled):visited {
    color: #000000;
}

.post-tags .weui-btn_default:not(.weui-btn_disabled):active {
    color: rgba(0, 0, 0, 0.6);
    background-color: #DEDEDE
}

.pay_page .cell_info {
    font-size: 13px;
    color: #999
}

.pay_page .alipay i.iconfont {
    font-size: 26px;
    color: #0be
}

.pay_page .wxpay i.iconfont {
    font-size: 26px;
    color: #1AAD19
}

.amount {
    color: #f60;
    font-size: 22px;
    font-weight: 500
}

.amount i {
    font-size: 18px;
    margin-right: 5px;
    font-style: normal
}

.animated {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@keyframes wave-animation-1 {
    0% {
        background-position: 0 top
    }

    100% {
        background-position: 600px top
    }
}

@keyframes wave-animation-2 {
    0% {
        background-position: 0 top
    }

    100% {
        background-position: 600px top
    }
}

.water {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 30px;
    width: 100%;
    z-index: 1
}

.water-c {
    position: relative
}

.water-1 {
    background: url(./img/water-1.svg) repeat-x;
    background-size: 600px;
    -webkit-animation: wave-animation-1 3.5s infinite linear;
    animation: wave-animation-1 3.5s infinite linear
}

.water-2 {
    top: 5px;
    background: url(./img/water-2.svg) repeat-x;
    background-size: 600px;
    -webkit-animation: wave-animation-2 6s infinite linear;
    animation: wave-animation-2 6s infinite linear
}

.water-1,
.water-2 {
    position: absolute;
    width: 100%;
    height: 30px
}

#list {
    padding: 1.17647059em 0 10px;
    font-size: 14px
}

#list,
#list .li,
.po-hd,
.post {
    overflow: hidden
}

#list .li,
.cmt-wrap,
.r,
.time {
    clear: both
}

#list .li,
.po-hd {
    position: relative
}

#list .li {
    line-height: 1.5;
    padding: 15px 0;
    background: #fff;
    position: relative
}

#list .li:not(:first-child):before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.po-avt {
    width: 30px;
    height: 30px;
    top: 15px;
    left: 15px;
    border-radius: 30px
}

#share a:nth-child(2),
.abs,
.po-avt {
    position: absolute !important;
}

.po-cmt {
    padding-left: 55px;
    padding-right: 15px;
    width: 100%;
    box-sizing: border-box
}

.po-cmt,
.time {
    float: left
}

.po-name {
    color: #4f7cb8
}

.po-hd .post {
    line-height: 20px;
    font-size: 15px
}

.time,
.c-icon {
    line-height: 38px
}

.time {
    color: #b1b1b1;
    font-size: 13px
}

.c-icon {
    color: #91aad5;
    font-size: 14px;
    position: absolute;
    z-index: 1;
    width: 32px;
    right: 0;
    background: #fff;
    text-align: right;
}

.c_opt {
    font-size: 14px;
    float: right;
    line-height: 38px
}

.r {
    border-bottom: 8px solid #f8f8f8;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    width: 1px;
    margin-left: 10px
}

.cmt-wrap {
    padding: 10px 10px 5px;
    background-color: #f8f8f8;
    font-size: 13px
}

.cmt-list {
    color: #454545;
    position: relative
}

.cmt-list p {
    padding-top: 3px;
    line-height: 24px
}

.cmt-list span {
    color: #4f7cb8
}

.abs {
    right: 0;
    color: #4f7cb8;
    margin-right: 0 !important;
}

.like {
    padding-bottom: 5px
}

.likeuser a {
    display: block;
    float: left;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
    margin-right: 5px
}

.likeuser a img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: .9;
}

.likeinview a {
    margin-top: 3px
}

.likeinview a.likeinview_prev {
    font-size: 8px;
    line-height: 12px;
    background: #ccc;
    overflow: hidden;
}

.likenum {
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
    margin-right: 10px;
}

.po-act {
    position: absolute;
    top: 60px;
    width: 42px;
    padding-left: 8px;
}

.po-act a.weui-btn {
    width: 42px;
    height: 26px;
    line-height: 26px;
    background-color: #fff !important;
    color: #666 !important;
    margin-bottom: 6px
}

.chip-l {
    text-align: center;
    height: 120px
}

.chip,
.chip-l {
    position: relative;
    display: inline-block;
    float: left;
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-bottom: 8px;
    padding-top: 4px;
    overflow: hidden
}

.G-border-rb:before,
.chip-l:before,
.chip:before {
    display: block;
    content: '';
    position: absolute;
    width: 200%;
    height: 200%;
    left: 0;
    top: 0;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transform: scale(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.chip-l img {
    height: 100%
}

.chip {
    height: 60px;
    display: -webkit-box
}

.chip,
.chip-row {
    padding-left: 12px;
    padding-right: 12px
}

.chip>div {
    -webkit-box-flex: 1;
    margin-top: 6px
}

.chip img {
    height: 100%;
    margin-left: 4px;
    display: block
}

.chip p,
.chip-row .toutiao,
.chip-row ul.swipe-wrap>li.slide-item {
    font-size: 16px;
    line-height: 20px
}

.chip p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.chip p~p {
    font-size: 12px;
    line-height: 16px;
    color: #999;
    margin-top: 2px
}

.chip-row {
    height: 40px;
    float: left
}

.chip,
.chip-row {
    padding-left: 12px;
    padding-right: 12px;
    display: -webkit-box;
    -webkit-box-align: center
}

.chip-row .toutiao {
    position: relative;
    font-weight: 700;
    line-height: 40px;
    padding-right: 8px
}

.chip-row .toutiao-slider {
    color: #666;
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 1;
    height: 40px;
    margin-left: 8px;
    font-size: 14px;
    line-height: 16px
}

.chip-row ul.swiper-wrapper {
    position: relative;
    display: block
}

.chip-row ul.swiper-wrapper>li {
    float: left;
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
    margin: 0;
    height: 0
}

.swipe-wrap {
    overflow: hidden;
    position: relative
}

.swipe-wrap>div {
    float: left;
    width: 100%;
    position: relative
}

.swipe-wrap img {
    display: block;
    width: 100%
}

.swipe-wrap .i {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%
}

.bullets,
.bullets1 {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 12px
}

.position,
.position1 {
    text-align: center
}

.position li,
.position1 li {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .5);
    margin: 0 1px
}

.position li.current,
.position1 li.current {
    background: #42bd56;
    width: 12px
}

.nav-list .position1 li {
    background: #eee;
    float: none;
    display: inline-block;
    width: 4px;
    height: 4px;
    margin: 0 !important;
}

.position1 li.current {
    background: #42bd56;
    width: 12px
}

.bullets1 {
    width: 100%;
    text-align: center
}

.nav-list {
    padding: 0 0 3px;
    position: relative;
    height: auto;
    background: #fff
}

.nav-list li {
    float: left;
    margin-top: 7px;
    text-align: center;
    width: 20%;
    margin-bottom: 3px;
}

.nav-list li:last-child {
    margin-bottom: 7px
}

.nav-list a {
    display: block;
    position: relative;
    padding: 0 5px
}

.nav-list em {
    font-size: 13px;
    color: #666;
    overflow: hidden;
    display: block;
    height: 22px;
    font-style: normal
}

.nav-list span {
    display: block;
    position: relative;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    margin: 0 auto 2px
}

.nav-list span img {
    display: block;
    width: 42px;
    height: 42px
}

.nav-list .chevron-wrap {
    margin: 6px 0 -15px;
    position: relative
}

.nav-list .chevron {
    margin: 0 auto;
    width: 24px;
    display: block;
    text-align: center
}

div.weui-banner {
    top: 0;
    position: relative;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 5
}

div.weui-banner .weui-navbar__item {
    white-space: nowrap;
    text-align: center;
    float: left;
    margin: 0 11px
}

i.weui-tabbar__icon,
.weui-tabbar__icon>i {
    line-height: 32px
}

.weui_bar__item_on span {
    position: relative;
    display: block
}

.weui_bar__item_on span:after {
    content: ' ';
    width: 12px;
    height: 4px;
    background: #42bd56;
    position: absolute;
    left: 50%;
    bottom: -10px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 10px;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}

.pub_circle {
    position: absolute;
    top: -17px;
    left: 50%;
    height: 68px;
    width: 68px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background-color: #fff;
    border-radius: 50%;
}

.pub_circle+.iconfont {
    width: 60px;
    font-size: 52px;
    position: absolute;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: 4px
}

.pub_circle:before {
    content: " ";
    height: 50px;
    width: 100%;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.pub_circle:after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
}

.showpubfont .pub_circle {
    top: -19px;
    left: 50%;
    height: 60px;
    width: 58px
}

.showpubfont .pub_circle:before {
    height: 40px;
    width: 105%;
    left: -1px
}

.showpubfont .pub_circle+.iconfont {
    width: 60px;
    font-size: 44px;
    top: -5px;
}

.showpubfont p.pub_circle_p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.touch-panel {
    border-radius: 3px;
    height: 36px;
    width: 220px;
    line-height: 36px;
    background: #4d5154;
    color: #fff;
    position: absolute;
    right: 32px;
    top: 0;
    transform: translateX(254px);
    -webkit-transform: translateX(254px)
}

.touch-panel-c {
    position: relative
}

.touch-panel-c a {
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-shadow: 0 1px 0 #666;
    position: relative
}

.touch-panel-c a i {
    margin-right: 3px;
    display: inline-block;
    transform: translateY(1px);
    -webkit-transform: translateY(1px)
}

.touch-panel-c a:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    height: 28px;
    width: 1px;
    background: rgba(0, 0, 0, .1)
}


/*mypage*/
.my__head {
    z-index: 1;
    width: calc(100vw);
    background: url("../images/avatarbg.jpg") 0 0 no-repeat;
    background-size: cover;
    position: relative;
}

.my__head_wap {
    position: relative;
    color: #fff;
    height: calc(100vw * 8 /16);
    width: 100%;
    background: rgba(0, 0, 0, .25);
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    display: -webkit-flex;
    width: 100%;
    overflow: hidden
}

.my__head .setting {
    position: absolute;
    top: 0;
    right: 0;
    padding: 25px;
    font-size: 22px;
    line-height: 22px;
    text-shadow: 0 1px 0 #333
}

.my__head_avatar {
    position: relative;
    display: block;
    width: 56px;
    height: 56px;
    padding: 2px;
    background: rgba(255, 255, 255, .3);
    border-radius: 50%;
    margin: 0 auto 10px auto;
}

.my__head_avatar img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
}

/*mypage*/

/*piclist*/
.feed-preview-pic,
.feed-preview-pic-one {
    line-height: 0
}

.feed-preview-pic span.imgloading {
    display: block;
    float: left;
    width: calc((100vw - 80px)/ 3);
    height: calc((100vw - 80px)/ 3);
    margin-right: 5px;
    margin-bottom: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden
}

.feed_inview span.imgloading {
    width: calc((100vw - 40px) / 3);
    height: calc((100vw - 40px) / 3);
}

.feed-preview-pic span.imgloading:nth-child(3n) {
    margin-right: 0
}

.feed-preview-pic-one span {
    position: relative;
    display: block;
    max-width: 180px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden
}

.feed-preview-pic img,
.feed-preview-pic-one img {
    width: 100%;
    height: 100%
}

.feed-view-pic img {
    display: block;
    margin: 2px auto;
    width: 100%;
}

.bgf8,
.imgloading {
    background-color: #f8f8f8
}

div.global-lightbox {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .95);
    z-index: 1006
}

div.global-lightbox .closeLightbox {
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 15px;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    font-size: 20px;
}

div.global-lightbox .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    box-sizing: border-box
}

div.global-lightbox .swiper-pagination {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 10;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff
}

div.global-lightbox .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
}

/*hb*/
.hong .x_header {
    display: block;
    position: absolute;
    background: none !important;
    z-index: 101;
}

.hong .x_header a {
    color: #FC951E
}

.hong_top {
    width: 100%;
    min-height: 100px;
    position: relative;
}

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

.hong_close {
    position: absolute;
    color: #FC951E;
    right: 0;
    z-index: 9;
    top: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.hong_res {
    background: #cf3a3e;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
    min-height: 100vh;
}

#hong_res {
    z-index: 9999;
}

.hong_res .hong_res_wrap {
    width: 100%;
    height: 100%;
    transition-duration: .3s;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    animation-fill-mode: forwards
}

.hong_res .hong_res_head {
    width: 100%;
    height: 18vh;
    top: 0;
    display: block;
    position: relative;
    z-index: 3;
    background: url(./img/bg_hb.png) -2px 0 no-repeat;
    overflow: hidden;
    background-size: 101% 75%
}

.hong_res .hong_res_head .hong_res_head_in {
    position: absolute;
    z-index: 5;
    width: 70px;
    height: 70px;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border: 3px solid #ea1b1b;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.hong_res .hong_res_head .hong_res_head_in:after {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%
}

.hong_res .hong_res_head .hong_res_head_in img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.hong_res .hong_res_cnt {
    position: relative;
    overflow: hidden
}

.hong_res .sub_bg {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(./img/sub_bg.png) 0 3px no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    overflow: hidden;
    width: 70%;
    height: 25vh
}

.hong_res .view_oth {
    text-align: center;
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.hong_res .view_oth>a {
    position: relative;
    padding-left: 30px;
    color: #ffef57;
    font-size: 14px
}

.hong_res .view_oth>a:before {
    content: "";
    display: inline-block;
    height: 25px;
    width: 25px;
    background: url(./img/tag_money.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -1px;
    top: -1px
}

#recordpack .sub_bg {
    position: fixed
}

.hong_res_box {
    text-align: center;
    color: #fff;
    position: relative;
    left: 50%;
    background: url(./img/send_star.png) no-repeat;
    background-size: 100% auto;
    z-index: -1;
    overflow: hidden;
    display: inline-block;
    height: 13vh;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.hong_res_box>p {
    padding: 0 50px
}

.hong_res_list {
    position: relative;
    margin: 30px 15px;
    border-radius: 20px;
    background-color: #fff4c5;
    text-align: center
}

.hong_res_list .send_title {
    position: absolute;
    top: 0;
    left: 50%;
    background: url(./img/send_title.png) no-repeat;
    background-size: 100% 100%;
    z-index: 101;
    overflow: hidden;
    width: 72vw;
    height: calc(72vw * 196 / 542);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.hong_res_list .hong_tip {
    position: relative;
    display: inline-block;
    color: #ff6565;
    line-height: 25px;
    padding: 30px 0 0 20px;
    font-size: 13px
}

.hong_res_list .hong_tip:before {
    content: "";
    display: inline-block;
    height: 10px;
    width: 20px;
    background: url(./img/small_moeny.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -5px;
    top: 70%
}

.hong_res_list .money_bg {
    background: url(./img/record_money.png) no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    overflow: hidden;
    width: 100%;
    height: 23vh;
    line-height: 21vh
}

.hong_res_list .money_bg .hong_money {
    color: #cf3a3e;
    font-weight: 600;
    padding-left: 20%
}

.hong_res_list .money_bg .hong_money>span {
    font-size: 30px
}

.hong_res_list .money_bg .hong_money>em {
    position: relative;
    top: -3px;
    right: -5px
}

.hong_res_list .money_bg .hong_money>i {
    position: relative;
    top: -1px;
    right: 1px
}

.hong_res_list .sub_title {
    color: #ffba84;
    font-size: 12px;
    padding: 0 0 20px 20px;
    position: relative;
    display: inline-block
}

.hong_res_list .sub_title:before {
    content: "";
    display: inline-block;
    height: 18px;
    width: 20px;
    background: url(./img/big_money.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -5px;
    top: 0
}

.hong_list_outer {
    padding: 0 15px 80px 15px
}

.hong_list_h {
    text-align: center;
    color: #fff;
    padding: 0 15px;
    margin-bottom: 20px
}

.hong_list_h>p {
    font-size: 13px
}

.hong_list_h>span {
    width: 11%;
    height: 1px;
    background-color: #ffa9a8;
    margin-top: 10px
}

.hong_list {
    background: #ffebe6;
    padding: 5px 15px;
    border-radius: 15px
}

.hong_list .hong_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0
}

.hong_list .hong_item .hong_portrait {
    overflow: hidden;
    height: 45px;
    width: 45px;
    border-radius: 50%
}

.hong_list .hong_item .hong_portrait img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 100%;
    height: 100%
}

.hong_list .hong_item .hong_iteminfo {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    word-break: break-all
}

.hong_list .hong_iteminfo {
    font-size: 16px;
    line-height: 1;
    padding-left: 15px
}

.hong_list .hong_iteminfo .hong_itemdate {
    font-size: 12px;
    color: #999;
    padding-top: 10px
}

.hong_list .hong_itemamount {
    font-size: 16px;
    text-align: right;
    position: relative
}

.hong_list .hong_itemamount>p {
    color: #cf3a3e
}

.cell_hong_list img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    display: block;
    border-radius: 50%;
}

.cell_hong_list {
    font-size: 14px;
}

/*hb*/

/*view*/
.v_head {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%
}

.vars_meta li {
    font-size: 15px;
    padding: 5px 0
}

.vars_meta li span:first-child {
    display: inline-block;
    margin-right: 8px
}

.v_tool {
    font-size: 13px;
    color: #999;
    margin-left: 10px;
}

.view_bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    height: 50px;
}

.view_bottom_z {
    width: 60px;
    position: relative;
}

/*.view_bottom_z:not(:last-child):after{content:" ";position:absolute;right:0;bottom:0;top:0;height:200%;border-right:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}*/
.view_bottom_y a i {
    font-size: 20px;
    vertical-align: middle;
}

.view_bottom_y a {
    width: 100%;
    background: #ff552e;
    display: block;
    height: 100%;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    position: relative;
}

.view_bottom_y {
    min-width: 40%;
}

.showfull {
    margin-bottom: 8px;
    display: block;
}

#wechat-guider {
    background: url(../img/guide_weixin.png) no-repeat right top;
    background-size: 240px auto;
    width: 100%;
    height: 300px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.mask,
#wechat-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 9999;
    display: none;
}

.mask {
    z-index: 500
}

/*view*/
/*post*/
.sel_a {
    display: block;
    margin: -10px 0;
    padding: 10px 0;
}

/*post*/

/*comment*/
.comment_ul .weui-media-box_appmsg .weui-media-box__hd {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    overflow: hidden
}

.comment_ul .weui-media-box__title {
    font-size: 14px;
    color: #55647d
}

.comment_ul .weui-media-box__desc {
    color: #666;
    margin-top: 5px;
    -webkit-line-clamp: 100 !important;
    line-height: 1.6
}

/*comment*/


/*backtotop*/
.backtotop,
.right_float {
    position: fixed;
    bottom: -60px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .4);
    right: 15px;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    text-align: center;
    z-index: 498
}

.right_float {
    bottom: 118px;
}

.backtotop span i {
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 45px;
}

.backtotop_show {
    -webkit-transform: translate3d(0, -150px, 0);
    -moz-transform: translate3d(0, -150px, 0);
    -ms-transform: translate3d(0, -150px, 0);
    transform: translate3d(0, -150px, 0);
}

.left_float:empty {
    display: none
}

.left_float {
    position: fixed;
    bottom: 90px;
    left: 0;
    background: rgba(0, 0, 0, .4);
    color: #FFF;
    font-size: 12px;
    z-index: 998;
    text-align: center;
    letter-spacing: 1px
}

.left_float span {
    display: block;
    border-top: 1px solid #EEE;
    margin: 10px 0 0;
    padding: 10px 0 0;
    padding: 10px 5px;
}

.left_float span:first-child {
    border-top: 0;
    margin: 0;
    padding-bottom: 0;
}

.left_float i {
    display: block;
    clear: both;
    height: 1px
}

/*backtotopend*/

/*qianbao*/
.qianbao_total {
    display: block;
    font-size: 50px;
    font-weight: 300;
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 1;
    letter-spacing: 1px;
    padding-top: 35px
}

.qianbao_total_desc {
    text-align: center;
    padding-bottom: 35px;
    color: #fff;
    font-size: 14px;
    padding-top: 10px
}

/*qianbao*/
/*index*/
.x_header a.x_logo {
    padding: 0;
    text-align: center;
    position: relative
}

.x_form {
    display: block;
    flex: 1;
    position: relative
}

.x_logo_input {
    width: 90%;
    min-width: 30vw;
    border: 0;
    height: 28px;
    margin-top: 7px;
    position: absolute;
    left: 0;
    border-radius: 28px;
    padding-left: 12px;
    line-height: 28px;
    padding-top: 1px;
}

.x_logo_search {
    position: absolute;
    background: none;
    border: 0;
    outline: none;
    top: 15px;
    right: 10%;
    font-size: 15px;
    line-height: 1;
}

.nav_expand_panel:not(.show) {
    visibility: hidden;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 0;
    display: none
}

.nav_expand_panel {
    position: fixed;
    width: 100%;
    height: 65vh;
    z-index: 999;
    background-color: rgba(255, 255, 255, 1);
    -webkit-backdrop-filter: blur(10px) saturate(180%);
    visibility: visible;
    pointer-events: auto;
    /*-webkit-transition:.3s;transition:.3s;   */
    top: 92px;
    overflow: hidden
}

#nav_expand_panel_hide i {
    font-size: 20px
}

.nav_expand_panel .weui-flex__item:last-child {
    position: relative
}

.nav_expand_panel .weui-flex__item:last-child:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-left: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}

.nav_expand_panel .weui-flex__item:first-child ul {
    border-left: 0;
}

.nav_expand_panel .weui-flex__item {
    height: 64.5vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.nav_expand_panel ul li a {
    display: block;
    padding: 0 15px;
    font-size: 15px;
}

.nav_expand_panel .checked {}

.nav_expand_panel ul li {
    width: 100%;
    height: 45px;
    line-height: 45px;
    position: relative;
}

.fix_float {
    position: fixed;
    top: 42px;
    z-index: 501
}

.fix_float_fix {
    width: 100%;
    height: 50px
}

.navtitle {
    width: 60%;
    text-align: center;
    margin: 0 auto;
    height: 42px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*index*/
.tag_list a {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 28px;
    height: 28px;
    padding: 0 3px;
    font-size: 14px;
    border-radius: 5px;
    margin-top: 9px;
    margin-right: 5px;
    background: #f8f8f8
}

.tag_list a.tag_on {
    color: #fff
}

.tag_list {
    background: #f8f8f8;
    padding-bottom: 9px
}

.banner_fix {
    height: 46px;
    width: 100%;
    position: relative
}

.banner {
    position: absolute;
    width: 100%;
    height: 46px;
    line-height: 46px;
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.banner nav {
    font-size: 15px;
    height: auto;
    overflow: hidden;
    padding-left: 15px;
    position: absolute;
    min-width: 100%
}

.banner nav a {
    display: inline-block;
    color: #888;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    float: left;
    margin-right: 15px
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(360deg)
    }
}

@keyframes flip {
    from {
        transform: rotateY(0)
    }

    to {
        transform: rotateY(360deg)
    }
}

.animated.flip {
    -webkit-animation-name: flip;
    animation-name: flip;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

.hong_box {
    display: -webkit-box;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    color: #ffef57;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: none
}

.hong_box.show {
    display: -webkit-box;
    display: box
}

.hong_box .hong_box_main {
    position: relative;
    width: 85%;
    height: 66vh;
    z-index: 100;
    background-color: #cf3a3e;
    border-radius: 20px
}

.hong_box .hong_box_title {
    position: relative;
    width: 100%;
    height: 30vh;
    border-radius: 20px;
    background: url(./img/send_bg.png) -5px -15px no-repeat;
    background-size: 102% 100%
}

.hong_box .send_title {
    position: absolute;
    top: 1%;
    left: 50%;
    background: url(./img/send_title.png) no-repeat;
    background-size: 100% 100%;
    z-index: 101;
    overflow: hidden;
    width: 70vw;
    height: calc(70vw * 195 / 542);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.hong_box .hong_star {
    position: absolute;
    top: 65%;
    left: 50%;
    background: url(./img/send_star.png) no-repeat;
    background-size: 100% auto;
    z-index: 99;
    overflow: hidden;
    width: 45vw;
    height: 10vh;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.hong_box .hong_box_showname {
    word-break: break-all;
    font-size: 24px;
    height: 60px;
    position: absolute;
    top: 15%;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #cf3a3e
}

.hong_box .hong_btn {
    height: 100px;
    width: 100px;
    border: 2px solid #cf3a3e;
    position: absolute;
    z-index: 9999999;
    top: 85%;
    left: 50%;
    margin-left: -53px;
    margin-top: -53px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    overflow: hidden;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.hong_box .hong_btn_mask {
    position: absolute;
    top: 0;
    left: 0;
    background: #EBCD9A;
    height: 100%;
    width: 100%
}

.hong_box .hong_btn a {
    display: block;
    width: 40%;
    height: 45%;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -19%;
    background: url(./img/kai.png) no-repeat;
    background-size: 100% auto;
    z-index: 100;
    overflow: hidden
}

.hong_box .portrait {
    height: 100px;
    width: 100px;
    border-radius: 50%
}

.hong_box .portrait img {
    width: 100%;
    height: 100%
}

.hong_box .hong_from {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    font-size: 17px;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px solid #ff9c83
}

.hong_box .view_oth {
    bottom: 20px;
    font-size: 13px
}

.hh_head_side {
    background: url(../../xigua_hh/static/img/hehuoren.png) no-repeat;
    background-size: 100%;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
    z-index: 2;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
}

.hh_imhhr {
    background-image: url(../../xigua_hh/static/img/imhhr.png)
}

.js_grid {
    width: 25% !important;
}

.item_tags+.view_jump {
    margin-top: 0 !important;
}

.hs_empty {
    margin-top: -1em;
    text-align: center;
    color: #ccc;
    line-height: 1.5
}

.hs_empty i {
    font-size: 50px;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.hs_empty p {
    font-size: 15px;
    position: relative;
    top: -5px
}

.hs_inner {
    margin-top: 8px;
    background: #f8f8f8
}

.hs_inner img {
    width: 48px;
    min-width: 48px;
    height: 48px;
    display: block
}

.hs_inner .hs_titloc {
    margin-left: 12px;
    height: 48px;
    position: relative;
    width: 100%
}

.hs_inner .hs_titloc h3 {
    line-height: 30px;
    position: absolute;
    top: 0;
    font-size: 15px
}

.hs_inner .hs_titloc span {
    color: #999;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    left: -3px;
    width: 100%;
    display: block;
    height: 20px;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.hs_inner_loc {
    position: relative;
    left: -2px;
    top: 3px;
    color: #999;
    font-size: 13px
}

.sh_slider {
    width: 100%;
    height: 110px;
    overflow: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

.sh_slider ul {
    width: 980px;
    height: 110px;
    overflow: hidden;
    position: relative
}

.sh_slider ul li {
    width: 80px;
    height: 110px;
    float: left;
    margin-right: 10px;
    position: relative
}

.sh_slider ul li a {
    display: inline-block;
    width: 80px;
    height: 110px;
    position: absolute;
    top: 0;
    left: 0;
    color: #666
}

.sh_slider ul li:last-child {
    margin-right: 0
}

.sh_slider ul li img {
    width: 80px;
    height: 80px;
    border-radius: 5px
}

.sh_slider ul li .sh_name {
    display: inline-block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    float: left
}

.sh_slider .sh_more {
    width: 80px;
    height: 110px;
    float: left;
    position: relative;
    line-height: 80px;
    font-size: 14px;
    text-align: center
}

.mod-post,
body {
    background-color: white;
}

.content_userhead div,
img {
    float: left;
}

.content_userhead div.username {
    font-size: 15px;
    margin-top: -5px;
}

.content_userhead div {
    margin-left: 10px;
    margin-bottom: 4px;
}

.content_userhead div.category {
    color: #00c07b;
    ;
    padding-left: 5px;
    padding-right: 5px;
    border: #00c07b solid 1px;
    border-radius: 5px;
}

.contact span {
    color: #e6891f;
    padding: 5px 10px 5px 10px;
    border: solid 1px;
    margin-top: 10px;
}

#list {
    min-height: 600px
}

.weui-toast {
    margin-left: auto;
}

.tag_blue {
    color: #2fc4f5;
    border: solid 1px #2fc4f5;
}

.tag_green {
    color: #24be48;
    border: solid 1px #24be48;
}

.tag_orange {
    color: #ffbf2e;
    border: solid 1px #ffbf2e;
}

.tag_purple {
    color: #d2277b;
    border: solid 1px #d2277b;
}

.weui-select {
    color: #666;
}

.content {
    background-color: white;
    padding: 15px;
    padding-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 8px #f5f0f0 solid
}

.contact a {
    color: #e6891f;
    padding: 5px 10px 5px 10px;
    border: solid 1px;
    margin-top: 10px;
}

.weui-dialog__btn,
.weui-navbar__item.weui_bar__item_on,
.color-strong,
.chip-row .toutiao,
.weui-cells_checkbox .weui-check:checked+.weui-icon-checked:before,
.weui-vcode-btn,
.weui-dialog__btn_primary,
.weui-cells_radio .weui-check:checked+.weui-icon-checked:before,
.weui-icon-checked:before,
.weui-agree__checkbox:checked:before,
.weui-icon-success-circle,
.weui-icon-success-no-circle,
.weui-search-bar__cancel-btn,
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon>i,
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label,
.main_color,
.weui-tabbar__item.weui-bar__item--on .weui-tabbar__label,
.picker-button,
.weui-form-preview__btn_primary {
    color: #ff552e !important
}

.weui_bar__item_on span:after,
.weui-btn_primary,
.weui-btn_primary:not(.weui-btn_disabled):active,
.weui-btn_mini,
.x_header,
.main_bg,
.position li.current,
.position1 li.current,
.post-tags .tag-on.weui-btn_default,
.is-green,
.weui-slider__track {
    background-color: #ff552e !important
}

body {
    max-width: 640px;
    margin: auto;
}

.weui-tabbar {
    max-width: 640px;
}

.mod-post,
body {
    background-color: #f8f8f8 !important;
}


.mod-post {
    background: #f8f8f8;
    overflow: hidden
}

.mod-post .mod-post-list-item {
    position: relative;
    margin: 12px 0;
    padding: 16px;
    background: #fff
}

.mod-post .mod-post-list-item:first-child {
    margin-top: 0
}

.mod-post .mod-post-list-item:last-child:after {
    display: none
}

.mod-post-list-item>div:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.mod-post-list-item>div:last-child:after {
    display: none
}

.mod-guide.is48+.mod-read-content {
    padding-top: 48px !important
}

.mod-feed-text.is-two,
.mod-feed-title {
    -webkit-line-clamp: 2
}

.mod-feed-playvideo {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 36%;
    top: 0;
    left: 0
}

.mod-lv {
    float: none !important;
    margin-left: 3px;
    top: -1px;
    position: relative
}

.mod-feed-text,
.mod-feed-title {
    -webkit-box-orient: vertical;
    word-break: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.mod-feed-comment:before,
.mod-feed-footer::before,
.option-select:after {
    content: ''
}

.mod-avatar .G-img-wrap,
.mod-avatar .G-img-wrap>img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    position: absolute;
    z-index: 2
}

.mod-avatar .G-ico-circle {
    font-size: 16px;
    width: 12px;
    height: 12px;
    line-height: 11px;
    text-align: center;
    display: inline-block;
    bottom: 2px;
    right: -2px;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    z-index: 3
}

.mod-avatar .G-ico-circle.ico-sexual-male {
    background: #84b9f3
}

.mod-avatar .G-ico-circle.ico-sexual-female {
    background: #fa9595
}

.mod-avatar .G-ico {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 260%;
    line-height: 24px;
    background-color: #ebebeb;
    color: #fff
}

.mod-feed-header {
    overflow: hidden;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.mod-feed-header .mod-avatar {
    float: left;
    margin-right: 8px
}

.mod-feed-header .usr-name {
    display: inline-block;
    color: #55657d;
    margin-right: 4px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    text-align: left
}

.mod-feed-header .usr-name.lv {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.mod-feed-header .usr-name.lv .name {
    margin-right: 0;
    float: left
}

.mod-feed-header .usr-name .name {
    max-width: 11em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 8px;
    display: block
}

@media screen and (max-width:321px) {
    .mod-feed-header .usr-name .name {
        max-width: 6em
    }
}

.mod-feed-header .circle-name {
    color: #4f7cb8;
    height: 32px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mod-feed-header .circle-name .tag {
    display: inline-block;
    max-width: 11em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mod-avatar .G-ico-female,
.mod-avatar .G-ico-male,
.mod-avatar .G-ico-usrface {
    color: #fff
}

.mod-avatar {
    font-size: 18px;
    line-height: 21.33px
}

@media only screen and (min-width:359px) and (-webkit-min-device-pixel-ratio:2) {
    .mod-avatar {
        font-size: 20px;
        line-height: 24px
    }
}

.mod-avatar .G-ico-female,
.mod-avatar .G-ico-male {
    right: -1.78px;
    bottom: 1.78px;
    line-height: 9.78px;
    width: 10.67px;
    height: 10.67px
}

.mod-avatar {
    width: 28.44px;
    height: 28.44px;
    display: block;
    position: relative;
    border-radius: 50%;
    background: #d2d2d2
}

@media only screen and (min-width:359px) and (-webkit-min-device-pixel-ratio:2) {

    .mod-avatar .G-ico-female,
    .mod-avatar .G-ico-male {
        right: -2px;
        bottom: 2px;
        line-height: 11px;
        width: 12px;
        height: 12px
    }

    .mod-avatar {
        width: 32px;
        height: 32px
    }
}

.mod-avatar .G-img-wrap,
.mod-avatar .G-img-wrap>img {
    border-radius: inherit;
    height: 100%;
    position: absolute;
    width: 100%
}

.mod-avatar .G-img-wrap {
    z-index: 2
}

.mod-avatar .G-img-wrap>img {
    top: 0;
    left: 0
}

.mod-avatar .G-ico-usrface {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -57%);
    -ms-transform: translate(-50%, -57%);
    transform: translate(-50%, -57%);
    font-size: 200%
}

.mod-avatar .G-ico-female,
.mod-avatar .G-ico-male {
    display: inline-block;
    position: absolute;
    z-index: 3;
    border-radius: 50%;
    background: #84b9f3;
    text-align: center;
    font-size: 46%
}

.mod-avatar .G-ico-female {
    background: #fa9595
}

.mod-feed-tag {
    padding: 0 5px;
    font-size: 13px;
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    vertical-align: middle;
    margin-right: 10px;
    float: left;
    margin-bottom: 5px
}

.mod-feed-tag:last-child {
    margin-right: 0
}

.is-green {
    background: #42bd56;
    color: #fff
}

.is-blue {
    background: #67a1f2;
    color: #fff
}

.is-orange {
    background: #f58f57;
    color: #fff
}

.is-star {
    background: #ffda77;
    color: #ff6565;
    /*;border-color:#fa8d2c*/
}

.is-hot {
    background: #ff6565;
    color: #fff
}

.is-top {
    background: #ffc11b;
    color: #fff
}

.is-red {
    background: #ff6565 !important;
    color: #fff
}

.bg1 {
    background: #8bb7f0
}

.bg2 {
    background: #f4a1a7
}

.bg3 {
    background: #a7db80
}

.bg4 {
    background: #f9ae50
}

.bg5 {
    background: #67d6e2
}

.bg6 {
    background: #e2d149
}

.bg7 {
    background: #b2a9e0
}

.bg8 {
    background: #f5a2d4
}

.bg10 {
    background: #30c4de
}

.bg11 {
    background: #6384d7
}

.bg12 {
    background: #ff784e
}

.bg13 {
    background: #7e7e8b
}

.bg14 {
    background: #a9a
}

.bg15 {
    background: #ffd884
}

.bg16 {
    background: #fe93ae
}

.bg17 {
    background: #5ac198
}

.bg18 {
    background: #e86868
}

.b-color0 {
    color: #2196f3
}

.b-color1 {
    color: #42bd56
}

.b-color2 {
    color: #f58f57
}

.b-color3 {
    color: #a59dd1
}

.b-color4 {
    color: #dbb065
}

.b-color5 {
    color: #79ba7e
}

.b-color6 {
    color: #f78f8f
}

.b-color7 {
    color: #ffc11b
}

.b-color8 {
    color: #8bb7f0
}

.b-color9 {
    color: #e8580a
}

.b-color10 {
    color: #ffda77
}

.b-color11 {
    color: #67a1f2
}

.b-color12 {
    color: #89a0b4
}

.b-color13 {
    color: #D5D5D6
}

.b-color-red {
    color: #F96268
}

.b-color-gold {
    color: #C9A770
}

[class*="b-color"] {
    position: relative
}

[class*="b-color"]:after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
}

.color-red {
    color: #ff6565 !important
}

.color-red2 {
    color: #F96268
}

.color-yellow {
    color: #ffc742
}

.color-orange {
    color: #ff9d5b
}

.color-blue {
    color: #65a8ff
}

.color-purple {
    color: #8e8eff
}

.color-green {
    color: #5cd391
}

.color-gray {
    color: #999
}

.color-bluish {
    color: #89a0b4
}

.color-forest {
    color: #79ba7e
}

.color-pink {
    color: #f78f8f
}

.color-purple2 {
    color: #a59dd1
}

.color-white {
    color: #fff !important;
}

.color-gold {
    color: #C9A770
}

.color-good,
.color-success {
    color: #4cb953 !important
}

.color-warning {
    color: #f39c12 !important
}

.color-bad,
.color-danger {
    color: #d44334 !important
}

.color-disabled,
.color-light {
    color: #6b7d86
}

.color-facebook {
    color: #3b5998
}

.color-twitter {
    color: #4baaf4
}

.color-pinterest {
    color: #cb2026
}

.color-instagram {
    color: #595959
}

.color-google,
.color-google-plus {
    color: #df4f3f
}

.color-wordpress {
    color: #1b8abf
}

.color-tumblr {
    color: #395975
}

.color-youtube {
    color: #cc181e
}

.color-kindle {
    color: #dc820e
}

.color-dropbox {
    color: #137de0
}

.color-vimeo {
    color: #19b7ed
}

.color-paypal {
    color: #009cde
}

.color-dribbble {
    color: #ea4c89
}

.color-soundcloud {
    color: #f50
}

.color-flickr {
    color: #ff0085
}

.color-yahoo {
    color: #420094
}

.color-bing {
    color: #fb0
}

.color-amazon {
    color: #f28800
}

.color-rss {
    color: #ff7f00
}

.color-squarespace {
    color: #222
}

.tag-red {
    background-color: #FFF6F6;
    color: #FB6165;
}

.tag-yellow {
    background-color: #fff7e4;
    color: #ffc742
}

.tag-orange {
    background-color: #fcf4ed;
    color: #ff9d5b
}

.tag-blue {
    background-color: #edf2fc;
    color: #65a8ff
}

.tag-purple {
    background-color: #f4f0fd;
    color: #8e8eff
}

.tag-green {
    background-color: #edfcf4;
    color: #5cd391
}

.tag-gray {
    background-color: #efefef;
    color: #999
}

.tag-bluish {
    background-color: rgba(172, 200, 220, 0.3);
    color: #89a0b4
}

.tag-bluish,
.tag-gray,
.tag-red,
.tag-green,
.tag-blue {
    padding: 0 5px;
    border-radius: 2px;
    display: inline-block;
    height: 18px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 18px;
    font-size: 12px;
}

.mod-feed-content {
    text-align: justify
}

.mod-feed-text .subject .G-ico {
    margin-right: 1.78px
}

.mod-feed-text .subject {
    margin-right: 3.56px
}

.mod-feed-text .emotion {
    width: 17.78px;
    height: 17.78px;
    vertical-align: text-bottom
}

@media only screen and (min-width:359px) and (-webkit-min-device-pixel-ratio:2) {
    .mod-feed-text .subject .G-ico {
        margin-right: 2px
    }

    .mod-feed-text .subject {
        margin-right: 4px
    }

    .mod-feed-text .emotion {
        width: 20px;
        height: 20px
    }
}

.mod-feed-text {
    margin: 8px 0;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    display: -webkit-box;
    text-align: left
}

.mod-feed-text.is-three {
    -webkit-line-clamp: 3
}

.mod-feed-text.is-four {
    -webkit-line-clamp: 4
}

.mod-feed-text.is-five {
    -webkit-line-clamp: 5
}

.mod-feed-text.is-six {
    -webkit-line-clamp: 6
}

.mod-feed-text .subject {
    color: #4f7cb8;
    display: inline-block
}

.mod-feed-text .subject .G-ico {
    color: #4f7cb8;
    font-size: 180%
}

.mod-feed-footer .footer-text .ico-item {
    color: #f25218;
    font-size: 12px;
    line-height: 16px
}

.mod-feed-footer .footer-opt .opt-item>span {
    margin-left: 3.56px;
    min-width: 24px
}

.mod-feed-footer .footer-text .ico-item .mod-ico {
    padding-right: 4.44px;
    width: 14.22px;
    height: 14.22px;
    vertical-align: -3px;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px auto
}

.mod-feed-footer .footer-text .opt-item>span {
    margin-left: 18.67px
}

@media only screen and (min-width:359px) and (-webkit-min-device-pixel-ratio:2) {
    .mod-feed-footer .footer-opt .opt-item>span {
        margin-left: 4px;
        min-width: 27px
    }

    .mod-feed-footer .footer-text .ico-item .mod-ico {
        padding-right: 5px;
        width: 16px;
        height: 16px
    }

    .mod-feed-footer .footer-text .opt-item>span {
        margin-left: 21px
    }
}

.mod-feed-footer {
    margin-top: 16px;
    padding-top: 16px;
    height: 16px;
    line-height: 16px;
    position: relative
}

.mod-feed-footer::before {
    position: absolute;
    height: 1px;
    top: 0;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    pointer-events: none;
    left: 0;
    right: 0;
    background-color: #e5e5e5
}

.mod-feed-footer .footer-text {
    float: left
}

.mod-feed-footer .footer-text span {
    color: #999;
    font-size: 12px;
    margin-right: 12px;
    padding: 12px 0;
    margin-top: -12px;
    margin-bottom: -12px
}

.mod-feed-footer .footer-text .ico-item .hot {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDQvMTMvMTdCOOHPAAAEbklEQVRYhc2Xb2hVdRjHv8/zu+feuWT3z8691kAabBqRiGmBL1Y2AvGFm1sKIhFRL0aGhGBmhC8GEhRB9cIXq8DAFE0wtxmjP5R/CiRChU2tmJbD2nD3bvfObLhzz+95enG9cbe7zXuvkT1w4JzzPL/n+znP4Ty/55Cq4l4a31P1/wMAVHXaUYl1lvEgM/VopigRlZQo2erWBVm3KswWZtNw9rMRpxnwSwEotLJfQSfA6bbEDofNIHFwN7NpgMilU4CUmwsAAuUEDzWFoxE3dJjYrAUAEZlk5mpRf38nIENN4eiCwEQ2cRI3S81ZcgUGGxEKu84xYrNWxQ57t7zVgI4AAIS+BoCIG9pWFV00lmm/f1+y1a37VwESy2p3MztrVOywJ/L43r6xH5lNAwAkf0pdBAASOQLiIBO9EGS+ON7irr8rgPxTjKyrqicKvAYAWc8+E+9NDT/bCAcAoOIdvIwsANT0pn4Rtf0AQGwigYA5eieIOQFutLoPBRk7AWBBqOZlEAdV7AG3b+wHAFhyGVMi9gqIg9tb3BX5daTybY7LDoM4aAx/MrKuqr78CjC/SeDFnQAT0/MAoFbemxaj9iMAgOEjmXb3pfEN8SeUAuHb3i6IPUpsItVVNR/MJTNrH8i0uCvZcc6q2DNqZRs7zlkReyXSPdpYGHsCCKxqSxwGm43TwcTzp7zH/rwhv0fc0K/EJuJb/8lYT/K70vqAwa7bZw8rU1OOjE/PDGsG/Jru0U1+Ntsiqh+LZE+p2K98326M9aUHHvx+Ig3YvQBgiDpKqsDlJRSKL1s0zszVACBq+5nMcrHe65GesbdnBZ7HRtZV1d9XHf1NRCaTF67HGgd1qtBfVIHo0toVeXEAYDLLAYAIw+WKA8ADX9y6Kmr7mbk6urR2xUx/EUDA4XoAUJHjIvZK/r4qe5UA5BbLz4W55wUAazQnqH+Il21XsRmR7BHJ+pcqB+DxwtzzApDqXwBAhIWxvvQAiax+vzu1JdaXHqgYgCQGAGqpqIpFm5FVvpq7SUuAXHerWDivD14MAMQyNNNXVAF/InkeKh4RHh1qCheVrFwbagpHiWgVVDwvk+ui8wIkTuKmKr4EcTAcdzbfLUBNLNgO4qCqnpxtm561EanKwdwJvzrYiFCl4oONCBHTG7kre2C2mFkBzvckj+a+XdOQWOa+VSlA/JHEHmbTIGr7z3WPHSoZoBnw/SnbARWP2NmebkvsKFc8vSH+ChuzM7cv2I655sV5h9KJttrniIP7AUCs7fImRnfeadwafQoLQxF3D7GzHQBEs1sjx1JdeX+R3p2m4syG+GYQ72PmahV7XYB3fJFD8d7UtNacbHXrAkSbmGgXsakTkUmovBjpSX5aGFc2AABkWtyVMHiX2VnzTyKxwwBdu321mNjUFfjOqJVtkeOpczNzVQSQt/EWd70xpkOBpws3LCA3IRPwjbX2w9jx1Odz5bgrgLydAAKrWt0GnyghWfE0QNcu9KZGK/kxKQL4r+2e/5z+DTEsE0pvWIblAAAAAElFTkSuQmCC)
}

.mod-feed-footer .footer-text .ico-item .recommend {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDQvMTMvMTdCOOHPAAADFElEQVRYhe2XT2hcVRSHv3PvYJw6b0go6UymWIK4c1WoLhRUuhBSaPXNOFgXChEsiLoQGigtFURc2aWLLmpdVGiKzkywYLALEcGNdSEFcVMlmzYTxGZ8HTqm9N7TxSQ1vnkv86dgXPRbPe497/x+nHvuffeJqrKdmG1Vf2Dg/2AgEx8QkXvPUbh7J+KuIGRHyq785fzDeycWllr3hmJN32PgXxh3DKXE6Btlwpq1OeBEWoDEHW1UoF2dLHpnfweygjx3x49dGUZZMrefMt5/A7RRO51vXPsThqiAOnsCyII2gnrz+2HE17kUVYqLKDMYdwyYSwpKbMIb1dIehSOAEzWp5euHcfY4AMrb7epkcWADGacngYcEnQ8ay7+OaiC3cO1n0AaQXa9ofwOtSuEx0FnAOeH9UcU3WK+gUzhyo1raE5/v6QGr8p6CBTAqv0XlxMoNjP6zhWzG+3eJ9UJPBcTbT4HOfakm0xYvZ3v0krZhFBZnEc4CHePt0921HJ5WZWqfUf2Bbj8dDuorF+J6iU2YbzQ/AzkDZL1xjdWXpseHFY/C3TuN6hddcT4J6isXkuJSvwVB55F3gMvAtDWdntL1xbhzwDRwOdfJHU0NS5uQxatrXvQwwipIGIXF1CRxbpaLJ1FmgD8yzlRk8epaqk7aUbxBVCkcROUrwAmyP6gvb3kqtl4uvWC8/xrAG3Ng/MvrlzbPD9QDm8nXVi4inAKsoufbh3YV0mJvvVh61Hj/OWAFPoiLJzHQfSBfa86hfAeUvDXzSTE68/jYHetrwCTCYlBvfjhI7oEvJCbjXgWuIzwflac+is+3s+1TwJPAEt6+Nmjevj2wmZvlqWcV/RawiB7K11YudscLrygyD9z2Is+M15Z/SsvRozeMAYAoLB5F+Bhh1aP7rDdjKvojkBOVt4LG8umt3r9vAwBRuVAHCemeEzuAJ4Bz+Xrz9X7vDnclS8H57BvW/L2X7poD/BJ0cm+OkmukW/HEwlLLeBvS/Wi1RaW61WGzFSMtwQZRWJwV0Vtp53wSfXvgv2bbf0weGLgLPCYxgmFFrrcAAAAASUVORK5CYII=)
}

.mod-feed-footer .footer-text .opt-item {
    position: relative
}

.mod-feed-footer .footer-text .opt-item .G-ico-options {
    position: absolute;
    background: url(http://res.imtt.qq.com/tagapp/img/circle/options.svg) no-repeat;
    background-size: 100% 100%;
    width: 17px;
    height: 17px
}

.mod-feed-footer .footer-text .opt-item>span {
    color: #666;
    position: relative;
    padding: 2px 0
}

.mod-feed-footer .footer-opt {
    float: right
}

.mod-feed-footer .footer-opt .opt-item {
    position: relative;
    top: -1px;
    display: inline-block;
    color: #999;
    height: 20px;
    padding: 12px 0;
    margin: -12px 16px -12px 0;
    font-size: 12px
}

.mod-feed-footer .footer-opt .opt-item:last-child {
    margin-right: 0
}

.mod-feed-footer .footer-opt .opt-item .G-ico,
.mod-feed-footer .footer-opt .opt-item .G-ico-circle {
    color: #777;
    width: 18px;
    height: 16px;
    position: relative;
    top: 0;
    vertical-align: bottom;
    line-height: 14px;
    font-size: 30px
}

.mod-feed-footer .footer-opt .opt-item .G-ico-up,
.mod-feed-footer .footer-opt .opt-item .G-ico-up-empty,
.mod-feed-footer .footer-opt .opt-item .ico-up-empty {
    top: -2px
}

.mod-feed-footer .footer-opt .opt-item .G-ico-recommend {
    top: 0
}

.mod-feed-footer .footer-opt .opt-item>span {
    display: inline-block;
    position: relative;
    top: 1px
}

@-webkit-keyframes topAnimation {
    0% {
        height: 0
    }

    100% {
        height: 230px
    }
}

@keyframes topAnimation {
    0% {
        height: 0
    }

    100% {
        height: 230px
    }
}

.mod-photos .is-error.G-img-wrap::before {
    color: #fff
}

.mod-photos .G-img-wrap {
    background-color: #e5e5e5;
    display: inline-block;
    position: relative
}

.mod-photos .G-img-wrap img {
    border-radius: inherit
}

.mod-photos .is-error.G-img-wrap::before {
    display: block;
    position: absolute;
    top: 45%;
    width: 100%;
    text-align: center;
    font-family: tagIcon;
    font-size: 350%;
    content: ':';
    -webkit-font-smoothing: antialiased
}

.mod-photos .is-error.G-img-wrap img {
    visibility: hidden
}

.mod-photos .is-irregular.G-img-wrap:not(.is-error) {
    background-color: transparent
}

.mod-photos .G-img-wrap {
    font-size: 12px;
    line-height: 16px
}

.mod-photos .is-error.G-img-wrap::before {
    margin-top: -17.78px;
    height: 35.56px;
    line-height: 35.56px
}

.mod-photos {
    margin-top: 8px;
    margin-bottom: 8px;
    overflow: hidden;
    font-size: 0;
    position: relative
}

@media only screen and (min-width:359px) and (-webkit-min-device-pixel-ratio:2) {
    .mod-photos .is-error.G-img-wrap::before {
        margin-top: -20px;
        height: 40px;
        line-height: 40px
    }

    .mod-photos {
        margin-top: 8px;
        margin-bottom: 8px
    }
}

.mod-photos.is-one .G-img-wrap {
    display: block;
    float: left;
    position: static;
    max-width: 66.4723%;
    height: 0;
    padding-bottom: 50.14577%;
    overflow: hidden
}

.mod-photos.is-one .G-img-wrap img {
    position: absolute;
    max-width: 100%;
    height: 100%;
    width: auto
}

.mod-photos.is-one.is-long .G-img-wrap {
    position: relative;
    width: 66.4723%
}

.mod-photos.is-one.is-long .G-img-wrap img {
    height: auto;
    width: 100%
}

.mod-photos.is-one.is-long .G-img-wrap:after {
    content: '\70B9\51FB\67E5\770B\957F\56FE';
    position: absolute;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    font-size: 12px;
    left: 0;
    bottom: 0
}

.mod-photos.is-one.is-small .G-img-wrap {
    height: auto;
    padding-bottom: 0;
    max-width: 66.4723%
}

.mod-photos.is-one.is-small .G-img-wrap img {
    height: auto;
    position: static;
    display: block
}

.mod-photos.is-three .G-img-wrap,
.mod-photos.is-two .G-img-wrap {
    display: block;
    position: relative;
    float: left;
    width: 32.5%;
    height: 0;
    padding-bottom: 32.5%;
    margin-right: 1.25%;
    overflow: hidden
}

.mod-photos.is-three .G-img-wrap img,
.mod-photos.is-two .G-img-wrap img {
    position: absolute;
    width: 100%;
    height: 100%
}

.mod-photos.is-three .G-img-wrap:nth-child(3n),
.mod-photos.is-two .G-img-wrap:nth-child(3n) {
    margin-right: 0
}

.mod-photos .num {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 12px;
    line-height: 20px;
    display: block;
    min-width: 30px;
    padding: 0 5px;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    color: #fff
}

.mod-photos .G-img-wrap.is-gif:before {
    content: 'GIF';
    width: 26px;
    height: 0;
    line-height: 0;
    padding: 8px 0;
    position: absolute;
    background: rgba(0, 0, 0, .4);
    font-size: 12px;
    color: #fff;
    text-align: center;
    margin-top: 8px;
    margin-left: 8px;
    border-radius: 12px;
    top: 0;
    left: 0;
    z-index: 1
}

.mod-lv {
    display: inline-block;
    height: 18px;
    border-radius: 2px;
    text-align: center;
    margin: 0 3px;
    vertical-align: middle;
    white-space: nowrap;
    padding: 0 5px;
    line-height: 18px;
    font-size: 12px;
}

.mod-lv span {
    font-size: 12px;
    line-height: 18px
}

.mod-cricle-headertypes em {
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    font-style: normal;
    color: #fff;
    display: inline-block;
    padding: 0 5px;
    border-radius: 2px
}

.block {
    display: inline-block;
    width: 100%;
}

.fixbanner {
    background: #fff;
    width: 100%;
    height: 48px;
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.fixbanner_in .ajaxcat {
    padding: 13px 11px;
    margin: 0 !important;
    overflow: hidden;
    min-width: 60px;
}

.fixbanner_in {
    position: absolute !important;
    min-width: 100%
}

.secp {
    font-size: 13px;
    color: #888888;
    line-height: 24px
}

.needsclick {
    -webkit-appearance: none;
    color: #888888;
    padding: 3px 0 0 3px
}

.needsclick_input {
    line-height: 30px !important;
    font-size: 16px;
    height: 30px !important;
    padding-left: 10px
}

.blind {
    position: absolute;
    top: -10000px;
    opacity: 0;
    left: 0
}

.weui-dialog__hd {
    padding: 20px 25px 8px !important
}

.weui-popup__modal {
    overflow: hidden
}

.weui-popup__modal .fixpopuper {
    -webkit-overflow-scrolling: touch;
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    overflow-y: auto;
    background: #f8f8f8
}

.heart {
    background: url(./img/web_heart_animation.png);
    background-position: left;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    cursor: pointer;
    position: absolute;
    left: 8px;
    background-size: 2900%;
    margin-top: -12px
}

@-webkit-keyframes heartBlast {
    0% {
        background-position: left;
    }

    100% {
        background-position: right;
    }
}

@keyframes heartBlast {
    0% {
        background-position: left;
    }

    100% {
        background-position: right;
    }
}

.heartAnimation {
    display: inline-block;
    -webkit-animation-name: heartBlast;
    animation-name: heartBlast;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: steps(28);
    animation-timing-function: steps(28);
    background-position: right
}

.weui-article p {
    margin-bottom: 8px
}

.view_tools {
    position: fixed;
    right: 12px;
    top: 52px;
    padding: 2px 15px;
    border-radius: 3px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    background: #fff;
    z-index: 503;
}

.view_tools li a {
    display: block;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    color: #777;
    padding: 0 10px;
    font-size: 16px
}

.view_tools_mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: transparent;
    z-index: 502
}

.wxexpired {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 80px;
    height: 80px;
    background-image: url(img/complete.svg)
}

.wxexpired1 {
    background-image: url(img/complete.svg);
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: right 20px
}

.op6 {
    opacity: .7
}

.dist_nav {
    white-space: nowrap
}

#fav_guide_mask {
    width: 160px;
    position: fixed;
    z-index: 502;
    right: 10px;
    top: 12px;
    background: rgba(0, 0, 0, .6);
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px
}

.fav_icon {
    font-size: 12px;
    padding-left: 20px;
    background: url(./img/fav.png) no-repeat;
    background-size: 18px 18px;
    height: 22px;
    line-height: 22px;
    background-position: center left
}

.fav_close {
    position: absolute;
    top: 7px;
    right: 10px
}

.fav_triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-width: 6px;
    border-color: transparent transparent rgba(0, 0, 0, .6) transparent;
    border-style: dashed dashed solid dashed;
    overflow: hidden;
    top: -12px;
    right: 10px
}

.fav_text {
    line-height: 1.4;
    margin-top: 5px;
    font-size: 12px
}

.man {
    color: #4ebdf9
}

.woman {
    color: #ff7bb6
}

.hlisttip {
    position: absolute;
    bottom: 4px;
    display: block;
    right: 0
}

.dialog_custom {
    padding: 0 1.6em 0.8em;
    font-size: 15px;
    line-height: 1.3;
    word-wrap: break-word;
    word-break: break-all;
    color: #999999
}

.dialog_custom>div {
    border: 1px solid #D5D5D6
}

.mycover {
    height: calc(100vh - 45px)
}

.mycover span {
    display: block;
    line-height: 0;
    margin-bottom: 15px;
    float: left;
    width: 50%;
    box-sizing: border-box
}

.mycover span:nth-child(odd) {
    padding-right: 8px
}

.mycover span:nth-child(even) {
    padding-left: 8px
}

.mycover span img {
    width: 100%;
    height: calc((100vw - 45px) * 9 / 32)
}

.page__ios {
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    animation-fill-mode: forwards
}

.detail-link {
    box-sizing: border-box;
    background: #F3F3F3;
    padding: 7px;
    margin: 5px 10px 10px 0;
    display: block;
    height: 62px;
    color: #787878 !important;
    font-size: 0.8em;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    word-break: break-all;
    clear: both;
    z-index: 99;
    cursor: pointer;
    font-style: normal;
}

.detail-link img {
    width: 48px;
    height: 48px;
    vertical-align: middle;
    float: left;
    margin-right: 10px;
    object-fit: cover;
}

.detail-link b {
    font-size: 1.2em;
    color: #555;
    overflow: hidden;
    font-weight: 500;
}

.comment {
    background: url(/static/img/comment.png) no-repeat;
    background-size: contain;
    width: 22px;
    height: 18px;
    margin: 0 1em 0 0;
    z-index: 10000;
    cursor: pointer;
    float: right;
    margin-top: 3px;
}

.arrow {
    border-bottom: 8px solid #f8f8f8;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    width: 1px;
    margin-top: 5px;
    margin-left: 10px;
    display: block;
}

.guanzhu {
    position: absolute;
    top: 0px;
    z-index: 1000;
    font-size: 11px;
    padding: 8px 5px 8px 5px;
    background-color: #708090b3;
    color: #f8f8f8;
    width: 100%;
    opacity: 0.9;
    display: none;
    max-width: 630px;
}

.guanzhu img {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    float: none;
}

.guanzhu .jia {
    float: right;
    float: right;
    margin-right: 15px;
    background-color: white;
    color: #00c07b !important;
    padding: 1px 5px 1px 5px;
    border-radius: 5px;
}

.weui-search-bar {
    background: #f8f8f8
}

.weui-img {
    width: 20px;
    margin-right: 5px;
    display: block;
    height: 20px
}

#mapcontainer {
    position: absolute;
    width: 100%;
    bottom: 55px;
    height: 100vh
}

.img_loading {
    background-color: #f8f8f8
}

.obj_ {
    padding: 10px;
    text-align: left
}

.enter_addr {
    position: relative;
    height: 42px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.enter_addr input {
    width: 110vw;
    position: absolute;
    top: 8px;
    left: 0
}

.vishidden {
    visibility: hidden
}

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.sp_item:not(:first-child):before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.sp_item {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-align: center;
    padding: 0 15px;
    background: #fff;
    min-height: 120px
}

.sp_item .sp_thumb {
    width: 90px;
    height: 90px;
    margin: 15px 0;
    position: absolute
}

.sp_item .sp_thumb img {
    width: 100%;
    height: 100%;
    float: left
}

.sp_item .sp_main {
    position: relative;
    -webkit-box-flex: 1;
    margin: 12px 0 10px 102px
}

.sp_item .sp_main h3 {
    font-size: 15px;
    margin-bottom: 6px;
    line-height: 20px;
    color: #666;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sp_item .sp_main p,
.sp_item .sp_main>div {
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sp_item .sp_main .sp_content {
    margin-top: 0
}

.sp_item .sp_main p em,
.sp_item .sp_main>div em {
    font-style: normal
}

.sp_item:last-child .sp_main {
    border: none;
    box-shadow: none
}

.sp_item:last-child .sp_main:after {
    display: none
}

.sp_item:first-child {
    margin-top: 0
}

.sp_tel {
    font-size: 28px;
    line-height: 42px
}

.sp_item .ribtm {
    font-size: 12px;
    color: #999;
    position: absolute;
    right: 15px;
    top: 15px
}

.sp_item .ritop {
    position: absolute;
    right: 15px;
    bottom: 12px
}

.sp_item .sp_tag {
    display: block;
    height: 25px
}

.center_upload .weui-uploader__file {
    margin-bottom: 0
}

.center_upload .weui-uploader__input-box {
    height: 32px;
    width: 32px;
    margin: 0 auto 4px;
    float: none;
    border-radius: 50%
}

.center_upload .weui-uploader__input-box:before {
    width: 1px;
    height: 24px
}

.center_upload .weui-uploader__input-box:after {
    width: 24px;
    height: 1px
}

.center_upload__input {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-tap-highlight-color: transparent
}

.center_upload .closeHt {
    position: absolute;
    top: 10px;
    right: 10px
}

.img_slider {
    height: calc(100vw - 180px)
}

.view_cell {
    padding: 10px 15px;
    background: #fff
}

.view_cell .do_follow {
    padding: 0 5px !important;
    line-height: 26px;
    margin-bottom: 5px
}

.view_tag {
    padding: 0 6px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    line-height: 24px;
    border-radius: 5px;
    vertical-align: middle
}

.view_tag:after {
    border-radius: 10px
}

.view_tel img {
    height: 20px;
    display: block
}

.view_notice .weui-media-box__desc,
.view_notice .weui-panel__hd {
    color: #666;
    font-size: 14px;
    -webkit-line-clamp: 20;
    line-height: 1.8
}

.view_notice .weui-panel__hd {
    padding: 10px 15px;
    line-height: 16px
}

.view_notice .weui-panel__hd:after {
    display: none
}

.view_notice .weui-media-box {
    padding-top: 0
}

.view_content .weui-article p {
    margin-bottom: 0
}

.view_album .weui-cell__bd {
    height: 48px;
    overflow: hidden
}

.view_album img {
    background: #EEE;
    width: 22%;
    max-width: 48px;
    height: 48px;
    display: block;
    float: left;
    margin: 0 3% 0 0
}

.view_cell .weui-cell__hd .iconfont {
    margin-right: 10px
}

.album_list {
    padding: 10px
}

.album_list .album_img:nth-child(3n) {
    margin-right: 0
}

.album_list .album_img {
    display: block;
    position: relative;
    float: left;
    width: 32%;
    height: 0;
    padding-bottom: 32%;
    margin: 0 2% 2% 0;
    overflow: hidden
}

.album_list img {
    position: absolute;
    width: 100%;
    height: 100%
}

.view_header {
    background-color: #fff;
    text-align: center;
    color: #fff;
    position: relative;
    padding-top: 42px;
    margin-top: -42px;
    padding-bottom: 15px
}

.view_header .water {
    z-index: 0;
    bottom: -10px
}

.view_htop {
    position: relative;
    height: 90px
}

.view_logo {
    position: absolute;
    border: 3px solid #FFF;
    background: #FFF;
    width: 60px;
    height: 60px;
    left: 15px;
    border-radius: 100%;
    z-index: 2;
    top: 15px
}

.view_logo img {
    width: 100%;
    display: block;
    height: 100%;
    border-radius: 100%;
}

.view_htop h1 {
    background: #FFF;
    color: #333;
    border-bottom-right-radius: 3em;
    border-top-right-radius: 3em;
    overflow: hidden;
    display: block;
    max-width: 60%;
    min-width: 20%;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all;
    position: absolute;
    top: 22px;
    left: 66px;
    padding: 0 20px 0 25px;
    font-size: 18px
}

.view_rank {
    position: absolute;
    top: 55px;
    left: 90px;
    font-size: 12px
}

.shop-col4 {
    width: 100%;
    font-size: 90%
}

.view_hbtm,
.view_hbtm a {
    font-size: 13px
}

.view_hbtm {
    position: relative;
    padding-top: 5px;
    line-height: 26px
}

.hs_toutiao {
    width: calc(100vw - 20px);
    overflow: hidden;
    padding: 10px 10px 0
}

.hs_toutiao .toutiao {
    padding-right: 0 !important
}

.hs_toutiao .chip-row img {
    width: 16px;
    height: 16px !important;
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px
}

.hs_toutiao .chip-row {
    background: #fff;
    height: 40px;
    border-radius: 40px
}

.li_location {
    color: #999;
    font-size: 12px;
    line-height: 21px;
    background: #fff
}

.li_location.tag-gray {
    line-height: 18px !important;
    border-radius: 20px
}

.view_iframe {
    display: block;
    background: #000;
    width: 100%;
    border: 0;
    height: 240px
}

.view_top i {
    width: 20px;
    height: 20px;
    overflow: hidden
}

.panel_list .weui-media-box__title {
    font-size: 15px;
    color: #666
}

.panel_list .weui-media-box__desc {
    font-size: 14px;
    -webkit-line-clamp: 999;
    line-height: 1.6
}

.cmt_imglist img {
    width: 80px;
    height: 80px;
    float: left
}

.cmt_imglist .imgloading {
    margin: 5px 5px 0 0
}

.hs_cmt_var {
    position: absolute;
    top: 17px
}

.hs_cmt_cnt {
    margin-left: 40px
}

.hs_tag {
    padding: 0 5px;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    height: 18px;
    line-height: 18px;
    font-size: 12px
}

.dig_tag {
    padding: 0 2px;
    font-size: 12px;
    border-radius: 2px
}

input.searchInput {
    border: none;
    height: 28px !important;
    line-height: 28px !important;
    padding: 0 !important
}

a#searchStart {
    height: 28px !important;
    line-height: 28px !important;
    display: block !important
}

.crown {
    width: 22px;
    height: 22px;
    background-size: 22px;
    background-repeat: no-repeat;
    font-style: normal;
    position: absolute;
    top: -10px;
    left: -10px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    font-size: 11px;
}

.chip-row .toutiao-slider {
    max-width: calc(100vw - 64px) !important
}

.br20 {
    border-radius: 20px !important
}

.br20:after {
    border-radius: 20px !important
}