@charset "UTF-8";::-webkit-scrollbar {
    display: none
}

* {
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

img {
    border: 0;
    vertical-align: middle
}

i,em {
    font-style: normal
}

ol,ul {
    list-style: none
}

input,select,button,h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-family: inherit
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none;
    color: #666
}

body {
    margin: 0 auto;
    min-width: 320px;
    height: 100%;
    font-size: 14px;
    font-family: -apple-system,Helvetica,sans-serif;
    line-height: 1.5;
    color: #666;
    -webkit-text-size-adjust: 100%!important;
    text-size-adjust: 100%!important
}

input[type=text],textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.message-box {
    display: none;
    position: fixed;
    z-index: 9999999;
    background: #333;
    left: 40%;
    top: 40%;
    line-height: 1.067rem;
    color: #fff;
    padding: .267rem;
    border-radius: .533rem;
    box-sizing: border-box;
    text-align: center;
    font-size: .373rem
}

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

.km-section {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden
}

.km-item-3 {
    padding: 0 .2666666667rem
}

.km-item-3 .head {
    height: .96rem;
    padding: 0 0 .1333333333rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: stretch
}

.km-item-3 .head .title {
    font-size: .533rem
}

.km-item-3 .head .more {
    font-size: .32rem;
    color: #999;
    font-weight: 400;
    display: inline
}

.km-item-3 .body .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.km-item-3 .item {
    width: 31.6%;
    box-sizing: border-box;
    padding-bottom: .48rem
}

.km-item-3 .item>a {
    position: relative;
    z-index: 0
}

.km-item-3 .item .cover-info {
    position: relative;
    padding-bottom: 133.3333333333%
}

.km-item-3 .cover-info img {
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: top;
    width: 100%;
    height: 100%
}

.km-item-3 .cover-info .post-top {
    border-radius: .2133333333rem 0 0 .2133333333rem;
    display: flex;
    align-items: center;
    position: absolute;
    height: .4266666667rem;
    padding: .0266666667rem .0533333333rem .0266666667rem .1066666667rem;
    font-size: .2666666667rem;
    color: #fff;
    background-color: rgba(210,90,185,.8);
    top: .16rem;
    right: 0
}

.km-item-3 .post-top .ift-fire {
    margin-left: .0266666667rem;
    width: .32rem;
    height: .32rem;
    background: url(../img/fire.webp)no-repeat;
    background-size: .32rem
}

.km-item-3 .item .card-title {
    padding-top: .2133333333rem;
    line-height: .5333333333rem;
    font-size: .3733333333rem;
    color: #333;
    font-weight: 400;
    max-width: 100%
}

.km-item-3 .item .card-desc {
    height: .5333333333rem;
    line-height: .5333333333rem;
    font-size: .2933333333rem;
    color: #999;
    position: relative
}

@font-face {
    font-family: iconfont;
    src: url(iconfont.ttf)format('truetype')
}

.icon {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-aixin:before {
    content: "\eca2"
}

.icon-shishigengxin:before {
    content: "\e620"
}

.icon-xiala:before {
    content: "\e626"
}

.icon-shouhui:before {
    content: "\e627"
}

.icon-suo:before {
    content: "\e69d"
}

.icon-shouye:before {
    content: "\e625"
}

.icon-pinglun:before {
    content: "\e628"
}

.poput-box {
    display: none
}

.box-shade {
    position: fixed;
    pointer-events: auto;
    z-index: 9999;
    background-color: #000;
    opacity: .8;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.poput-content {
    position: fixed;
    pointer-events: auto;
    border-radius: .32rem;
    animation-fill-mode: both;
    animation-duration: .3s;
    -webkit-overflow-scrolling: touch;
    top: 30%;
    left: 0;
    margin: 0;
    padding: 0;
    background-color: #fff;
    -webkit-background-clip: content;
    box-shadow: .027rem .027rem 1.333rem rgba(0,0,0,.3)
}

.poput-header {
    font-size: .427rem;
    height: 1.12rem;
    font-weight: 600;
    line-height: 1.12rem;
    text-align: center;
    color: #333
}

.poput-header i {
    cursor: pointer;
    position: absolute;
    right: .266rem;
    top: 0
}

.poput-header i:before {
    font-size: .533rem
}

.poput-body {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap
}

.icon-ift-back:before {
    content: "\e60f"
}

.icon-home:before {
    content: "\e630"
}

.icon-update:before {
    content: "\e620"
}

.icon-top:before {
    content: "\e611"
}

.icon-sort:before {
    content: "\e64d"
}

.icon-user:before {
    content: "\e606"
}
.icon-menu:before {
    content: "\e612"
}
.icon-aixin_shixin:before {
    content: "\eca1"
}
.ift-right:before {
    content: "\e62b";
}