body {
    font-family: 'Microsoft YaHei', 'PingFang SC', 'Microsoft YaHei UI', 'Source Han Sans CN', 'Source Han Serif CN', 'SimSun', 'SimHei', 'Arial';
    color: #121C26;
    background: #ffffff;
    max-width: 750px;
    margin: 0 auto;
    overflow-x: hidden;
    padding-top: .9rem;
}

a:hover {
    text-decoration: none;
}

.padrem {
    padding: 0.16rem;
}

.topnav {
    height: .9rem;
    line-height: .9rem;
    font-size: 0.28rem;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    background: #fb8989;
}

.topnav .title {
    font-weight: bold;
    /* color: #3d3d3d; */
    color: #ffffff;
}

.topnav .right {
    position: absolute;
    right: 0.1rem;
    top: 0;
}


.topnav .right .location {
    padding: 0.1rem 0.2rem;
    background: linear-gradient(90deg, #ff5f65, #ff4e80);
    color: #fff;
    border-radius: 0.1rem;
    font-size: 0.24rem;
}

.topnav .left {
    position: absolute;
    left: 0.1rem;
    top: 0;
}

.topnav .left .goback {
    font-size: 0.3rem;
    color: #fff;
    display: block;
    padding: 0 .1rem;
}

.nav-placholder {
    height: 1.4rem;
}

.footernav {
    background: #fff;
    display: flex;
    padding: 0 0.2rem;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 999;
    box-shadow: 0 -0.05rem 0.15rem hsl(0deg 0% 51.33% / 50.2%);
}


.footernav .nav-item {
    flex: 1;
    text-align: center;
    color: #616161;
}

.footernav .nav-item.active {
    color: #ff5f65;
}

.footernav .nav-item .item-icon {
    font-size: 0.4rem;
}

.footernav .nav-item .item-text {
    font-size: 0.24rem;
}

.banner_img {
    margin-top: 0.12rem;
}

.banner_img img {
    width: 100%;
    height: auto;
}

.cates {}

.cates ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    overflow-x: auto;
}

.cates ul li {
    margin-right: 0.15rem;
    margin-bottom: 0.25rem;
    flex-shrink: 0;
}

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

.cates ul li a {
    border-radius: .5rem;
    background: #f7f7f9;
    font-weight: 400;
    color: #535354;
    justify-content: center;
    align-items: center;
    padding: 0.1rem 0.16rem;
    font-size: 0.26rem;
}

.cates ul li.active a {
    background: #fff4f4;
    font-weight: 600;
    color: red;
}

.lflist {}

.lflist .lf-item {
    display: flex;
    margin-bottom: 0.1rem;
    margin: 0.1rem 0.1rem 0.16rem 0.1rem;
    padding: 0.1rem;
    border: 2px solid #fb8989;
    border-radius: 0.15rem;
    background: #fb898945;
}

.lflist .lf-item .item-img {
    position: relative;
    font-size: 0;
    margin-right: .2rem;
}

.lflist .lf-item .item-img .img-tag {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.7rem;
    height: 0.4rem;
    line-height: .4rem;
    background: #EE3A3A;
    color: #FFFFFF;
    text-align: center;
    font-size: .22rem;
    background-color: rgb(238 58 58 / 78%);
    z-index: 9;
    border-radius: 3px 0 0 0;
}

.lflist .lf-item .item-img .img-big-tag {
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 99;
    font-size: 0.26rem;
    padding: 0.02rem 0.1rem;
    color: #d51818;
    background: #fff;
    opacity: 0.7;
}

.lflist .lf-item .item-img .img-big-tag-footer{
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 99;
    font-size: 0.26rem;
    padding: 0.02rem 0.1rem;
    color: #d51818;
    background: #fff;
    opacity: 0.7;
}

.lflist .lf-item .item-img img {
    width: 2.2rem;
    height: 3rem;
    object-fit: cover;
}

.lflist .lf-item .item-info {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
    width: calc(100vw - 2.8rem - 4px);
}

.lflist .lf-item .item-info .title {
    font-size: .28rem;
    font-weight: 600;
    line-height: .4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
}

.lflist .lf-item .item-info .title .tag-zd {
    margin-right: 0.02rem;
    color: #ff5f65;
}

.lflist .lf-item .item-info .info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: .15rem;
    font-size: .24rem;
    color: #666;
}

.lflist .lf-item .item-info .t {
    color: #666;
}

.lflist .lf-item .item-info .line-text {
    color: #313037;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.lflist .lf-item .item-info .line-text .hits {
    margin-left: 0.3rem;
    color: #9d9d9d;
}

.lflist .lf-item .item-info .price {
    color: #ff4d80;
}

/* show */
.u-first-cells {
    border-top: 0;
    padding-top: 0;
}

.u-cells {
    padding: .2rem 0;
    border-top: 1px solid #EEEEEE;
}

.u-cells:last-child {
    border-bottom: 1px solid #EEEEEE;
}

.show-tip-card {
    background-color: #E85858;
    padding: .1rem .16rem;
    line-height: .6rem;
    color: #ffffff;
    border-radius: 3px;
    font-size: .33rem;
}

.show-title {}

.show-title h1 {
    font-weight: bold;
    margin: 0;
    line-height: .5rem;
    font-size: .33rem;
    padding: 0.15rem 0;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

.show-info {
    font-size: .33rem;
}

.info-item_row {
    line-height: .66rem;
}

.show-content {
    font-size: .33rem;
}

.show-contact {
    font-size: .33rem;
}

.show-contact .empty-panel {
    border: .02rem dashed #EE58EE;
    border-radius: 3px;
    padding: .2rem;
    text-align: center;
}

.show-contact .mid-button {
    padding: .2rem 0;
}

.page-thumb {
    position: relative;
    margin-bottom: .2rem;
    text-align: center;
}

.page-thumb img {
    width: 100%;
    min-height: 15em;
    border-radius: 3px;
    cursor: pointer;
}

.page-thumb .btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    transform: translateX(-50%);
    width: 5rem;
    z-index: 1;
    font-size: .3rem;
}

.copyright-info {
    margin-top: 0.3rem;
    text-align: center;
    font-size: 0.26rem;
    color: #666;
}

.content {
    min-height: 70vh;
}

.content .pages {
    text-align: center;
}

.content .pages .pagination>li {}

.content .pages .pagination>li.active {}

.content .pages .pagination>li.active span {
    background: #ff507c;
    border-color: #ff507c;
}

.zixunList {}

.zixunList .zixun-item {
    margin-bottom: 0.2rem;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #e3e3e3;
}

.zixunList .zixun-item>a {
    text-decoration: none;
    display: block;
}

.zixunList .zixun-item>a:hover {
    text-decoration: none;
}

.zixunList .zixun-item .item-title {
    color: #000;
    font-weight: 600;
    font-size: 0.3rem;
    padding: 0.1rem 0;
    margin: 0 0 0.2rem 0;
}

.zixunList .zixun-item .item-pics {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    margin-bottom: 0.15rem;
}

.zixunList .zixun-item .item-pics>li {
    margin: 0 0.1rem;
}

.zixunList .zixun-item .item-pics>li>img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.zixunList .zixun-item .item-descr {
    font-size: 0.28rem;
    color: #6f6f6f;
    margin-bottom: 0.15rem;
}

.zixunList .zixun-item .item-footer {
    display: flex;
    flex-direction: row;
}

.zixunList .zixun-item .item-footer>div {
    flex: 1;
    color: #929292;
    font-size: 0.26rem;
}

.zixunList .zixun-item .item-footer .hits {}

.zixunList .zixun-item .item-footer .pubdate {
    text-align: right;
}

.zixunList .zixun-item .item-footer .cate {}

.show-zixun-title {}

.show-zixun-title h1 {
    font-weight: bold;
    margin: 0;
    line-height: .5rem;
    font-size: .33rem;
    padding: 0.15rem 0;
}

.show-zixun-info {
    display: flex;
    flex-direction: row;
}

.show-zixun-info>div {
    flex: 1;
    color: #929292;
    font-size: 0.26rem;
}

.show-zixun-info .pubdate {
    text-align: right;
}

.fixed-post-btn {
    position: fixed;
    z-index: 999;
    bottom: 1.3rem;
    right: 0.2rem;
}

.fixed-post-btn a {}

.fixed-post-btn a i {
    font-size: 1.1rem;
    color: #ff537a;
}

.post-section {
    margin-top: 0.25rem;
}

.flex-area {
    display: flex;
    flex-direction: row;
}

.flex-area select {}

.flex-area .province {
    margin-right: 0.2rem;
}

.index-zixun {
    display: flex;
}

.index-zixun .tag {
    font-size: 0.28rem;
    height: 1rem;
    line-height: 0.40rem;
    background: #ea2727;
    color: #fff;
    padding: 0.1rem 0.2rem;
    margin-right: 0.2rem;
}

.index-zixun .zx-list {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0.3rem;
    width: calc(100vw - 1.5rem);
}

.index-zixun .zx-list li {
    height: 0.5rem;
    line-height: 0.5rem;
    margin: 0;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    /*当文本溢出包含元素时，以省略号表示超出的文本*/
    text-overflow: ellipsis;
}

.index-zixun .zx-list li a {
    color: #686868;
}

.nodata-page {}

.nodata-page .page-icon {
    text-align: center;
    font-size: 2rem;
    color: #ccc;
    margin-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.nodata-page .page-icon i {}

.nodata-page .page-text {
    text-align: center;
    font-size: 0.5rem;
    color: #ccc;
}

.user-index {}

.user-index .user-baseinfo {
    margin-bottom: 0.5rem;
}

.user-index .user-baseinfo .user-avatar-img {}

.user-index .user-baseinfo .user-avatar-img img {
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    margin-left: 0.2rem;
}

.user-index .user-baseinfo .ui-content {}

.user-index .user-baseinfo .ui-content h4 {
    margin: 0.1rem 0;
    font-size: 0.3rem;
    font-weight: bold;
}

.user-index .user-baseinfo .ui-content h5 {
    font-size: 0.28rem;
    margin: 0.2rem 0;
}

.user-index .user-info {
    font-size: 0.28rem;
    margin-bottom: 0.25rem;
    background: #fb898945;
}

.user-index .user-info .function-item {
    margin-right: 0.15rem;
    color: #959595;
}

.user-index .user-info .function-item.check {
    color: #2b9325;
}

.user-index .user-info tr th {
    text-align: right;
}

.user-index .user-index-title {
    font-size: 0.35rem;
    line-height: 0.4rem;
    margin: 0.25rem .0;
    padding-bottom: 0.2rem;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
}


.user-footer {
    margin-top: 0.4rem;
}

.user-box-flex {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0.6rem 0;
    padding: 0.3rem 0.15rem 0.15rem 0.15rem;
    border-radius: .1rem;
    box-shadow: 0 0 .1rem rgba(0, 0, 0, .2);
}

.user-box-flex .box-item {
    width: 25%;
    justify-content: center;
    flex-direction: column;
    position: relative;
    margin-bottom: .35rem;
    text-align: center;
    font-size: 0.28rem;
}

.user-box-flex .box-item img {
    width: 0.6rem;
}

.user-box-flex .box-item p {
    margin: 0;
    height: 0.7rem;
    line-height: 0.7rem;
    color: #7d7d7d;
}


.vipplan-list-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 0.3rem;
    align-items: center;
    justify-content: center;
}

.vipplan-list-flex .vipplan-item {
    text-align: center;
    padding: 0.2rem 0.16rem;
    border: 2px solid #ededed;
    margin-right: 0.15rem;
    border-radius: 0.15rem;
    width: 42%;
    margin-bottom: 0.1rem;
    background: #ffeb964f;
}

.vipplan-list-flex .vipplan-item p {
    margin-bottom: 0.15rem;
}

.vipplan-list-flex .vipplan-item .name {
    font-size: 0.26rem;
    color: #515151;
}

.vipplan-list-flex .vipplan-item .days {
    font-size: 0.26rem;
    color: #a7a7a7;
}

.vipplan-list-flex .vipplan-item .price {
    font-size: 0.42rem;
    font-weight: bold;
}

.vipplan-list-flex .vipplan-item .function {}

.vipplan-list-flex .vipplan-item.selected {
    border: 2px solid #e19554;
}

.vipplan-list-flex .vipplan-item.selected .name {}

.vipplan-list-flex .vipplan-item.selected .days {}

.vipplan-list-flex .vipplan-item.selected .price {
    color: #e98834;
}


.apps-list-flex {
    margin: 0.25rem 0;
    display: flex;
    flex-direction: column;
}

.apps-list-flex .app-item {
    display: flex;
    flex-direction: row;
    padding: 0.15rem;
    margin-bottom: 0.2rem;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0 .5px .2rem rgba(0, 0, 0, .1);
}

.apps-list-flex .app-item .icon {}

.apps-list-flex .app-item .icon img {
    height: 1.5rem;
    width: 1.5rem;
    display: block;
}

.apps-list-flex .app-item .title {
    font-weight: bold;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.32rem;
    margin-left: 0.3rem;
    flex: 1;
}

.apps-list-flex .app-item .linkbtn {
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.3rem;
    padding: 0 0.2rem;
}

.apps-list-flex .app-item .linkbtn a {
    color: #d59a3e;
    border-radius: 0.2rem;
    border: 1px solid #d59a3e;
    padding: 0.1rem 0.15rem;
}

.user-postlist {}

.user-postlist .pages {}

.user-postlist .post-list {}

.post-list {}

.post-list .list-item-flex {
    font-size: 0.26rem;
    padding: 0.11rem;
    border: 1px solid #ccc;
    margin-bottom: 0.1rem;
    display: flex;
    flex-direction: row;
    background: #fff;
    box-shadow: 0 .5px .2rem rgba(0, 0, 0, .1);
}

.post-list .list-item-flex .item-info {
    flex: 1;
}

.post-list .list-item-flex .item-info h4 {
    font-size: 0.28rem;
    margin-top: 0.1rem;
    margin-bottom: 0.15rem;
}

.post-list .list-item-flex .item-info h4 a {}

.post-list .list-item-flex .item-info p {
    margin-bottom: 0.1rem;
}

.post-list .list-item-flex .item-info .sub {}

.post-list .list-item-flex .item-op {
    width: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.post-list .list-item-flex .item-op .op-btn {
    margin: 0.1rem 0;
    font-size: 0.26rem;
}


.user-share{font-size: 0.28rem;}

.user-share h3{
    font-size: 0.3rem;
    line-height: 0.6rem;
    font-weight: bold;
}
.user-share .share-info{
    
}
.user-share .share-info .info-memo{margin-top: 0.1rem;margin-bottom: 0.1rem;}

.user-share .share-count{margin-top: 0.5rem;margin-bottom: 0.5rem;display: flex;flex-direction: row;justify-content: center; /* 水平居中 */align-items: center;     /* 垂直居中 */background-color: #fff;box-shadow: .05rem .05rem .05rem #eee;padding: 0.25rem 0;border-radius: 0.2rem;border: 1px solid #e3e3e3;}
.user-share .share-count .count-item{
    text-align: center;
    width: 35%;
    font-size: 0.32rem;
}
.user-share .share-count .count-item .item-title{
    margin-bottom: 0.25rem;
}
.user-share .share-count .count-item .item-count{
    display: block;
    height: 0.65rem;
    line-height: 0.65rem;
    margin: 0 0.25rem;
    background: #eb4343;
    color: #fff;
    border-radius: 0.15rem;
}

.list-nav-memu{
    border: 1px solid #dbdbdb;
    border-radius: 0.2rem;
    font-size: 0.3rem;
    color: #414141;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

.list-nav-memu .nav-memu-item{
    border-bottom: 1px solid #dbdbdb;
    display: flex;
    flex-direction: row;
    height: 0.85rem;
    line-height: 0.85rem;
}
.list-nav-memu .nav-memu-item:last-child{
    border-bottom: none;
}

.list-nav-memu .nav-memu-item .icon{
    width: 0.85rem;
    text-align: center;
}

.list-nav-memu .nav-memu-item .icon i{
    
}

.list-nav-memu .nav-memu-item .text{
    flex: 1;
}

.list-nav-memu .nav-memu-item .arrow{
    width: 0.85rem;
    text-align: center;
    color: #afafaf;
}

.list-nav-memu .nav-memu-item .arrow i{
    
}

.user-sharelist{font-size: 0.28rem;}

.user-sharelist table{
    
}

.user-sharelist table p{
    margin-bottom: 0.05rem;
}

.user-daysign{

}

.user-daysign .daysign-btn{
    margin:0.5rem 1rem;
}

.user-daysign .daysign-rule{
    margin-top: 0.4rem;
}

.user-daysign .daysign-rule h3{
    font-size: 0.32rem;
    font-weight: bold;
    border-bottom: 1px solid #dfdfdf;
    margin-top: 0.3rem;
    margin-bottom: 0.2rem;
    padding-bottom: 0.2rem;
}

.user-daysign .daysign-rule .rule-text{font-size: 0.28rem;color: #3f3f3f;}

.user-scorelog{
    font-size: 0.28rem;
}

.flink{
    font-size: 0.26rem;
}
.flink > ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

.flink > ul li{
    float: left;
    padding: 0.06rem 0.1rem;
}


@media(min-width:750px) {
    .footernav {
        bottom: 0;
        width: 750px;
        margin-left: -375px;
        left: 50%;
    }

    .topnav {
        top: 0;
        left: 50%;
        width: 750px;
        margin-left: -375px;
    }

    .lflist .lf-item .item-info {
        width: calc(750px - 2.8rem - 4px);
    }

    .layui-layer-dialog {
        max-width:680px;
    }

}

@media (min-width: 992px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 750px;
    }
}