@media (min-width: 750px) {
    body {
        position: absolute;
        margin: auto;
        left:0;
        right:0;
        width: 750px;
    }
}


header.bar.bar-nav.page-header {
    padding: 0;
    height: auto;
    position: relative;
}
header.bar.bar-nav.page-header.top {
    height: 2.2rem;
}
header.bar.bar-nav.sub-header.top {
    top: 2.2rem;
}
.bar-nav ~ .content.native-scroll.top {
    /*top: 4.7rem;*/
}
.headerbg-img.top {
    height: 0;
}
header.bar.bar-nav.top-nav.page-search.top {
    top: 2.2rem;
}

header.bar.bar-nav.page-header,
header.bar.bar-nav.page-header.top,
header.bar.bar-nav.sub-header.top,
.bar-nav ~ .content.native-scroll.top {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

img {
    display: block;
}

.headerbg-img {
    position: relative;
    height: 2.2rem;
}
.headerbg-img img {
    width: 100%;
    height: 100%;
}
.bar .headerbg-img .button {
    position: absolute;
    margin: auto;
    right: .5rem;
    top: 0;
    bottom: 0;
    width: 4rem;
    height: 1rem;
    color: #fff;
    font-size: .4rem;
    line-height: 1rem;
    border-color: #fff;
    border-radius: 1rem;
}

.appTips {
    padding: 0.6rem 1.2rem 0.6rem 0.85rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FAFAFA;
}
.appTips .leftIntroduce {
    display: flex;
    align-items: center;
}
.appTips .leftIntroduce .introduceLogo {
    width: 1.55rem;
    height: 1.55rem;
    margin-right: 0.5rem;
}
.appTips .leftIntroduce .introduce {
    display: block;
}
.appTips .leftIntroduce .introduce .introduceTitle {
    font-size: 0.7rem;
    font-weight: bold;
    line-height: 1rem;
    color: #333333;
}
.appTips .leftIntroduce .introduce .tips {
    font-size: 0.5rem;
    color: #999999;
    line-height: 0.7rem;
}
.appTips .rightBtn a {
    display: block;
    width: 3.75rem;
    height: 1.3rem;
    background: #1677FF;
    border-radius: 0.1rem;
    color: #fff;
    text-align: center;
    line-height: 1.3rem;
    font-size: 0.7rem;
}
.appTips .close {
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    right: 0;
    top: 0;
}
.header-moblie-title {
    padding: 0 .8rem;
    position: relative;
    height: 2.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px 0.05rem 0.15rem 0px rgba(0,0,0,0.1);
}
.header-moblie-title .header_logo img {
    width: 3.25rem;
    height: 0.92rem;
}
.header-moblie-title .right_nav1 {
    display: flex;
    align-items: center;
}
.header-moblie-title .right_nav2 {
    display: none;
}
.header-moblie-title .right_nav1 a {
    margin-right: 0.8rem;
    font-size: 0.7rem;
}
.header-moblie-title .right_nav1 img {
    width: 0.8rem;
    height: 0.8rem;
}
.header-moblie-title .right_nav2.show {
    display: flex;
    align-items: center;
}
.header-moblie-title .right_nav2.show a {
    margin-right: 1rem;
    font-size: 0.7rem;
    color: #999999;
}
.header-moblie-title .right_nav2.show .my_icon img {
    width: 1.275rem;
    height: 1.275rem;
    border-radius: 50%;
}
.header-moblie-title .right_nav2.show .close_icon {
    width: 0.8rem;
    height: 0.8rem;
}
.header-moblie-title .title a {
    display: block;
    margin: auto;
    color: inherit;
    width: 3.4rem;
    /*margin-top: .35rem*/
}
header.bar.bar-nav.page-header .header_content {
    height: 0;
    z-index: 101;
    overflow: hidden;
    position: absolute;
    width: 100%;
    left: 0;
    top: 2.15rem;
    padding: 0 0.8rem 0;
    background: transparent;
    box-sizing: border-box;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -ms-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s;
    background: #fff;
}
header.bar.bar-nav.page-header .header_content.show {
    height: calc(100vh - 2.15rem);
    overflow: scroll;
    padding: 0.8rem 0.8rem 0;
}
header.bar.bar-nav.page-header .header_content .more_channel {
    display: flex;
    align-items: flex-end;
    align-items: center;
    margin-bottom: 0.8rem;
}
header.bar.bar-nav.page-header .header_content .more_channel .more_channel_name {
    font-size: 0.8rem;
    font-weight: bold;
    line-height: 1.1rem;
    margin-right: 0.3rem;
}
header.bar.bar-nav.page-header .header_content .more_channel .more_channel_tips {
    font-size: 0.6rem;
    color: #999999;
    line-height: 0.6rem;
}
header.bar.bar-nav.page-header .header_content .item_box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
header.bar.bar-nav.page-header .header_content .item_box .item {
    display: block;
    width: 3.85rem;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    background: #F1F2F3;
    border-radius: 0.1rem;
    /* margin-right: 0.575rem; */
    margin-bottom: 0.8rem;
    font-size: 0.7rem;
}
header.bar.bar-nav.page-header .header_content .recommend_box {
    /* padding: 0 0.8rem; */
}
header.bar.bar-nav.page-header .header_content .recommend_box .recommend_title {
    margin-bottom: 0.8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header.bar.bar-nav.page-header .header_content .recommend_box .recommend_title .left_title {
    font-size: 0.8rem;
    font-weight: bold;
    line-height: 1.1rem;
}
header.bar.bar-nav.page-header .header_content .recommend_box .recommend_title .right_more {
    font-size: 0.6rem;
    color: #999999;
    line-height: 0.6rem;
}
header.bar.bar-nav.page-header .header_content .recommend_box .item {
    display: flex;
    padding-bottom: 0.7rem;
    border-bottom: 0.025rem solid #EEEEEE;
    margin-bottom: 0.7rem;
}
header.bar.bar-nav.page-header .header_content .recommend_box .item .left_msg {
    width: 10.3rem;
    margin-right: 0.5rem;
}
header.bar.bar-nav.page-header .header_content .recommend_box .item .left_msg .item_title {
    font-size: 0.7rem;
    line-height: 1rem;
    /* font-weight: bold; */
    margin-bottom: 0.55rem;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
header.bar.bar-nav.page-header .header_content .recommend_box .item .left_msg .time {
    font-size: 0.6rem;
    color: #999999;
    line-height: 0.8rem;
}
header.bar.bar-nav.page-header .header_content .recommend_box .item .right_cover img {
    width: 6.35rem;
    height: 3.6rem;
    border-radius: 0.15rem;
}
/*header.bar.bar-nav.sub-header {*/
    /*top: 2.2rem;*/
/*}*/
/*.page-search.bar {*/
    /*top: 5rem;*/
/*}*/
/*.bar-nav ~ .content.native-scroll {*/
    /*top: 2.5rem;*/
/*}*/



a {
    color: #333;
    text-decoration: none;
}
ul {
    margin: 0;
    padding: 0;
}
ul>li {
    list-style: none;
}
.content {
    background: #fff;
}
p,h1,h2,h3,h4,h5,h6 {
    margin: 0;
}

.a-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.a-sub-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* bar start */
.bar {
    height: 2.2rem;
    line-height: 2.2rem;
    background: #fff;
}
.bar-nav ~ .content {
    top: 5.1rem;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.bar .icon,
.bar .title {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: .8rem;
    line-height: 2.5rem;
}

/* bar end */

/* page-header start */
/*.page-header a img{*/
    /*width: 1.05rem;*/
/*}*/
.page-header .pull-left{
    top:1rem
}
.page-header .pull-left img{
    width: 3.25rem;
    height: 0.92rem;
}
.page-header .pull-main{
    top: 1.2rem;
}
.page-header .pull-main img{
    width: 11.7rem;
    height: 1.45rem;
}
.page-header .pull-right{
    top: 0.95rem;
}
.page-header .pull-right img{
    width: 0.9rem;
    height: 0.9rem;
}
.page-header a img.goto {
    width: .4rem;
}
.page-header .title img {
    margin: auto;
    width: auto;
    height: 1.15rem;
}

/* page-header end */

/* page-footer start */
.page-footer {
    padding: 1.1rem .75rem .75rem .75rem;
    box-sizing: border-box;
    color: #fff;
    overflow: hidden;
    border-top: solid 2px #1464c8;
    background: #283746;
    margin-top: 1.5rem;
}
.page-footer .href {
    margin-bottom: .25rem;
    font-size: 0;
}
.page-footer .logo {
    margin-bottom: .6rem;
    height: .925rem;
}
.page-footer .href a {
    margin-bottom: .5rem;
    display: inline-block;
    width: calc(100% / 4);
    /*margin-right: 1.125rem;*/
    color: #fff;
    font-size: .55rem;
}
.page-footer .row {
    padding-top: .75rem;
    margin-left: 0;
    border-top: solid 1px #fff;
}
.page-footer .row p a {
    display: inline-block;
    color: #fff;
}
.page-footer .row p {
    font-size: .55rem;
    text-align: center;
}
/* personal-center start */
.personal-center .card .item-content .item-media img {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
}
.personal-center .card {
    margin: 0;
}
.personal-center .item-title p {
    float: left;
    margin-right: .2rem;
    font-size: .7rem;
}
.personal-center .a-sub-title {
    font-size: .6rem;
}
.personal-center .item-title img {
    position: relative;
    margin-top: .1rem;
    width: .8rem;
    height: .8rem;
}

.personal-center .list-block {
    margin: 0;
}

.personal-center .list-block .item-content a {
    display: block;
    width: 100%;
    text-align: center;
}
.personal-center .list-block .item-title {
    font-size: .7rem;
}
.personal-center .button {
    margin: 0 1.25rem;
    font-size: .7rem;
}
.personal-center .content-block {
    margin: 1rem 0;
    padding: 0;
}
/* personal-center end */

/* article-list start */
.article-list .card {
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none;
}
.article-list .item-content {
    margin: .5rem 0;
    background: #fff;
}
.article-list .item-content a {
    display: block;
    width: 100%;
}
.article-list .card .item-media {
    float: left;
}
.article-list .card .item-media img {
    width: 6.7rem;
    height: 3.75rem;
}
.article-list .card .item-inner {
    float: right;
    width: calc(100% - 7.5rem);
}
.article-list .card .a-sub-title {
    height: 2rem;
    font-size: .7rem;
}
.article-list .card .item-stitle span {
    margin-top: 1rem;
    float: left;
    color: #666;
    font-size: .6rem;
}
.article-list .card .item-stitle span:last-child {
    float: right;
}

.article-list .more.button-round{
    margin: auto;
    margin-bottom: .8rem;
    margin-top: 1.5rem;
    width: 8rem;
    height: 1.5rem;
    border-radius: .2rem;
}
/* article-list end */

/* myconcern start */
.myconcern .article-list .item-media img {
    width: 3.2rem !important;
    height: 3.2rem !important;
    border-radius: 50%;
}
.myconcern .item-inner img {
    width: .8rem;
    height: .8rem;
}

.myconcern .article-list .card .item-inner {
    width: calc(100% - 4rem);
}
.myconcern  .item-renzheng span {
    float: left;
    padding-right: .5rem;
    font-size: .7rem;
}
.myconcern  .item-renzheng img {
    margin-top: .1rem;
}
.myconcern .item-stitle {
    float: left;
    width: 100%;
    color: #666;
    font-size: .6rem;
}
.myconcern .article-list .card .a-sub-title{
    height: auto;
    font-size: .6rem;
}
.myconcern .list-block .item-inner:after,
.author .list-block .item-inner:after {
    height: 0;
}
/* myconcern end */

/* button  start */
.concern.button {
    position: absolute;
    padding: 0;
    height: 1rem;
    right: .75rem;
    top: .4rem;
    width: 3rem;
    color: #1464c8;
    font-size: .6rem;
    line-height: 1rem;
    border-radius: inherit;
    border-color: #1464c8;
}
.concern.button.active {
    color: #fff;
    background: #1464c8;
}
/* button end */

/* nulldate 暂无数据 start */
.nulldate img {
    display: block;
    margin: auto;
    margin-top: 1.25rem;
    left: 0;
    right: 0;
}
.nulldate p {
    margin-top: .5rem;
    color: #666;
    font-size: .8rem;
    text-align: center;
}
.nulldate{
    /*min-height: 800px;*/
}
.nulldate img{
    display: block;
    margin: auto;
    margin-top: 1rem;
    /*margin-top:200px;*/
}
.nulldate p{
    text-align: center;
}
/* nulldate end */
/*上一页不可点击效果*/
.page-number .prohibit {
    cursor: not-allowed;
    color: #d4d4d4 !important;
    border-color: #d4d4d4 !important;
}


/* 404 start */
.error-404 .page-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.error-page {
    position: relative;
    margin-top: 10rem;
    width: 100%;
}
.error-page .block {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: .25rem;
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    -webkit-animation: blockanimation 2s;
    -o-animation: blockanimation 2s;
    animation: blockanimation 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;

}
@keyframes blockanimation {
    from{

    }
    to {
        -webkit-box-shadow: 0 0 30px 0 rgba(113, 173, 249,.5);
        -moz-box-shadow: 0 0 30px 0 rgba(113, 173, 249,.5);
        box-shadow: 0 0 30px 0 rgba(113, 173, 249,.5);
    }
}
@-webkit-keyframes blockanimation /* Safari 与 Chrome */
{
    from{
        -webkit-box-shadow: 0 0 12px 0 rgb(113, 173, 249);
        -moz-box-shadow: 0 0 12px 0 rgb(113, 173, 249);
        box-shadow: 0 0 12px 0 rgb(113, 173, 249);
    }
    to {
        -webkit-box-shadow: 0 0 12px 0 rgb(113, 173, 249);
        -moz-box-shadow: 0 0 12px 0 rgb(113, 173, 249);
        box-shadow: 0 0 12px 0 rgb(113, 173, 249);
    }
}
.error-page img {
    display: block;
    margin: auto;
    width: 6rem;
}

.error-page span {
    display: block;
    margin-top: .25rem;
    width: 100%;
    font-size: .75rem;
    text-align: center;
}
/*404 end*/




/* news-list start */
.news-list .list-block {
    margin: 0;
    /*margin: .5rem 0;*/
}
.news-list ul {
    background-color: inherit;
}
.news-list .news-list-item {
    /*margin-bottom: .5rem;*/
    /* height: 5.25rem; */
    /* border-bottom: solid .025rem #F5F6F8; */
    background: #fff;
}
.news-list .news-list-item img {
    width: 6.7rem;
    height: 3.75rem;
    border-radius: .1rem;
}
.news-list .item-title-row .a-sub-title {
    /* height: 2rem; */
    font-size: 0.75rem;
    /* font-weight: bold; */
    line-height: 1rem;
}

.news-list .item-subtitle {
    width: 100%;
    position: absolute;
    bottom: .75rem;
}

.news-list .item-subtitle p {
    float: left;
    display: block;
    width: calc(100% / 2);
    color: #999;
    font-size: .6rem;
}
.news-list .item-subtitle p:last-child {
    float: right;
    text-align: right;
    padding-right: .75rem;
}
.news-list .list-block .item-inner:after {
    height: 0;
}
.news-list .advertisement {
    height: 3.1rem;
}
.news-list .advertisement img {
    width: 100%;
    height: 100%;
}


.news-list .item-subtitle .tag {
    display: inline-block;
    margin: 0 .02rem;
    width: 1.2rem;
    height: .6rem;
    -webkit-transform: translateY(.1rem);
    -moz-transform: translateY(.1rem);
    -ms-transform: translateY(.1rem);
    -o-transform: translateY(.1rem);
    transform: translateY(.1rem);
}
.news-list .item-subtitle .tag.tag-recommend {
    background: url("../../zixun_wap_v2/v_images/icon-tag-2.png") no-repeat;
    background-size: 1.2rem .6rem;
}
.news-list .item-subtitle .tag.tag-host {
    background: url("../../zixun_wap_v2/v_images/icon-tag-1.png") no-repeat;
    background-size: 1.2rem .6rem;
}
.news-list .item-subtitle .tag.tag-original{
    background: url("../../zixun_wap_v2/v_images/icon-tag-3.png") no-repeat;
    background-size: 1.2rem .6rem;
}
.news-list .item-subtitle .tag.tag-time{
    background: url("../../zixun_wap_v2/v_images/icon-time.png") no-repeat right;
    background-size: .525rem;
}




.news-list .media-list .item-inner,
.news-list .media-list .item-media {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: solid .025rem #EEEEEE;
}



.news-list .button {
    margin: auto;
    margin-top: 1rem;
    margin-bottom: 2rem;
    width: 12rem;
}
/* news-list end */


/* null-data start 数据为空 */
.null-data {
    clear: both;
    margin: auto;
    margin-top: 80px;
    margin-bottom: 80px;
    width: 100%;
    overflow: hidden;
    padding: 0 5%;
}
.null-data img {
    width: 60%;
    float: left;
}
.null-data p {
    width: 30%;
    float: left;
    color: #ccc;
    line-height: 197px;
}
/* null-data end */

/* left-sidebar 侧边菜单栏 start */

.left-sidebar {
    position: fixed;
    margin: auto;
    display: none;
    z-index: 2222;
    max-width: 750px;
    width: 100%;
    height: calc(100% - 2.5rem);
    bottom: 0;
    left: 0;
    right: 0;
    border-top: solid 1px #eee;
    box-sizing: border-box;
    overflow-y: scroll;
    background: #F5F7FA;
}

.left-sidebar.active {
    display: block;
}

.left-sidebar .menu-list {
    box-sizing: border-box;
    padding: 1rem .5rem;
    margin-top: .4rem;
    overflow: hidden;
    background: #fff;
}

.left-sidebar .menu-list a {
    float: left;
    display: inline-block;
    margin-left: .5rem;
    padding-left: .5rem;
    width: calc((100% / 4) - .35rem);
    font-size: .8rem;
    color: #fff;
    font-weight:bold;
    border-radius: .25rem;
    box-sizing: border-box;
    /* background: #4072FF; */
}
.left-sidebar .menu-list a img {
    display: block;
    margin: auto;
    width: 1.75rem;
    height: 1.75rem;
}
.left-sidebar .menu-list a p {
    font-size: .7rem;
    text-align: center;
    color: #409EFF;
}
.left-sidebar .menu-list a:nth-child(2) p {
    color: #FF4747;
}
.left-sidebar .menu-list a:nth-child(3) p {
    color: #FA944A;
}   
.left-sidebar .menu-list a:nth-child(4) p {
    color: #FFBC34;
}

.left-sidebar .menu-list a:nth-child(1),
.left-sidebar .menu-list a:nth-child(4) {
    margin-left: 0;
}
/* 
.left-sidebar .menu-list a:nth-child(1) {
    background: url("../../../../static/zixun_wap_v2/v_images/sidebar-1.png") no-repeat,#4072FF;
    background-size: 2.075rem 2.205rem;
    background-position: calc(100% - .25rem) bottom;
}
.left-sidebar .menu-list a:nth-child(2) {
    background: url("../../../../static/zixun_wap_v2/v_images/sidebar-2.png") no-repeat,#FF5D38;
    background-size: 2.4rem 2.205rem;
    background-position: calc(100% - .25rem) bottom;
}
.left-sidebar .menu-list a:nth-child(3) {
    background: url("../../../../static/zixun_wap_v2/v_images/sidebar-3.png") no-repeat,#16CC9C;
    background-size: 2.275rem 1.825rem;
    background-position: calc(100% - .25rem) bottom;
}
.left-sidebar .menu-list a:nth-child(4) {
    background: url("../../../../static/zixun_wap_v2/v_images/sidebar-4.png") no-repeat,#F64F4F;
    background-size: 2.125rem 1.8rem;
    background-position: calc(100% - .25rem) bottom;
}
.left-sidebar .menu-list a:nth-child(5) {
    background: url("../../../../static/zixun_wap_v2/v_images/sidebar-5.png") no-repeat,#00B7EE;
    background-size: 2.65rem 1.5rem;
    background-position: calc(100% - .25rem) bottom;
}

.left-sidebar .menu-list a:nth-child(6) {
    background: url("../../../../static/zixun_wap_v2/v_images/sidebar-6.png") no-repeat,#F8B551;
    background-size: 2.205rem 1.625rem;
    background-position: calc(100% - .25rem) bottom;
} */

.left-sidebar .sidebar-list {
    padding: 0 .8rem;
    margin-top: .5rem;
    background: #fff;
}

.left-sidebar .sidebar-list a {
    display: block;
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: .8rem;
    color: #666;
    border-bottom: solid 1px #E5E5E5;
}
.left-sidebar .sidebar-list img {
    display: inline-block;
    margin-right: .4rem;
    width: 1.15rem;
    height: 1.15rem;
    vertical-align: -.3rem;
}
.left-sidebar .sidebar-list a:last-child {
    border: none;
}
.left-sidebar .goto-href {
    font-size: 0;
    text-align: center;
}
.left-sidebar .goto-href a.button {
    display: inline-block;
    margin: 0 .5rem;
    margin-top: .75rem;
    width: 5.5rem;
    height: 1.8rem;
    font-size: .75rem;
    line-height: 1.8rem;
    color: #4a90e2;
    border-color: #4a90e2;
}
.left-sidebar .goto-href a.button.active {
    color: #fff;
    background: #4a90e2;
}

.left-sidebar .user-info {
    padding: .5rem .8rem;
    margin-top: .75rem;
    overflow: hidden;
    background: #fff;
}
.left-sidebar .user-info img {
    float: left;
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 50%;
}
.left-sidebar .user-info p {
    float: left;
    margin-left: .6rem;
    color: #4a90e2;
    line-height: 1.65rem;
    font-size: .7rem;
}

/* end left-sidebar */


/* zt-recommend start */
.zt-recommend {
    margin: .75rem auto;
    padding-bottom: .75rem;
    border-bottom: solid .025rem #F5F6F8;
}
.zt-recommend .zt-recommend-item {
    margin-top: .75rem;
    padding-bottom: .75rem;
    position: relative;
    width: 100%;
}


.zt-recommend .zt-recommend-item .item-img {
    height: 9.15rem;
}

.zt-recommend .zt-recommend-item img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.zt-recommend .zt-recommend-item .item-img:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    height: 9.15rem;
    background: radial-gradient(rgba(0,0,0,.2),rgba(0,0,0,.5));
    background: -webkit-radial-gradient(rgba(0,0,0,.2),rgba(0,0,0,.5));
    background: -o-radial-gradient(rgba(0,0,0,.2),rgba(0,0,0,.5));
    background: -moz-radial-gradient(rgba(0,0,0,.2),rgba(0,0,0,.5));
    border-radius: 4px;
}
.zt-recommend .zt-recommend-item .item-deils {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 3rem;
    text-align: center;
}
.zt-recommend .zt-recommend-item .item-deils p {
    margin-bottom: .2rem;
    padding: 0 .75rem;
    color: #fff;
    font-size: .625rem;
}
.zt-recommend .zt-recommend-item .item-deils .a-title {
    font-size: .9rem;
}


.zt-recommend .zt-recommend-item .item-info {
    text-align: right;
}

.zt-recommend .zt-recommend-item .item-info span {
    margin-left: .2rem;
    color: #999;
    font-size: .6rem;
}
/* zt-recommend end */
/* author-list start 作者信息 */
.author-list .author-item {
    position: relative;
    padding: 0 .5rem;
    height: 4rem;
    border-bottom: solid 1px #eee;
}
.author-list .author-item .author-img {
    float: left;
    margin-top: .75rem;
    width: 2.5rem;
    height: 2.5rem;
}
.author-list .author-item .author-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.author-list .author-item .author-info {
    float: right;
    padding-left: .5rem;
    width: calc(100% - 2.5rem);
}
.author-list .author-item .author-info p.name {
    margin-top: .8rem;
    width: calc(100% - 3.5rem);
    font-size: .75rem;
    color: #666;
}
.author-list .author-item .author-info .icon-vip {
    display: inline-block;
    margin-left: .2rem;
    width: .7rem;
    height: .7rem;
    background: url("../v_images/icon-vip.png") no-repeat right;
    background-size: .7rem;
    -webkit-transform: translateY(.05rem);
    -moz-transform: translateY(.05rem);
    -ms-transform: translateY(.05rem);
    -o-transform: translateY(.05rem);
    transform: translateY(.05rem);
}
.author-list .author-item .author-info .icon-renzhen {
    display: inline-block;
    margin-left: .2rem;
    width: .7rem;
    height: .7rem;
    background: url("../v_images/icon-shape.png") no-repeat right;
    background-size: .7rem;
    -webkit-transform: translateY(.05rem);
    -moz-transform: translateY(.05rem);
    -ms-transform: translateY(.05rem);
    -o-transform: translateY(.05rem);
    transform: translateY(.05rem);
}
.author-list .author-item .author-info .desc {
    margin-top: .3rem;
    font-size: .6rem;
    color: #999;
    width: calc(100% - 3.5rem);
}
.author-list .author-item .button {
    position: absolute;
    margin: auto;
    right: .5rem;
    top: 0;
    bottom: 0;
    width: 3rem;
    height: 1.125rem;
    line-height: 1.125rem;
    color: #4a90e2;
    border-color: #4a90e2;
    font-size: .6rem;
    border-radius: 1.125rem;
}
.author-list .author-item .button.active {
    color: #fff;
    background: #4a90e2;
}
/* end author-list */

/*2019.8.13 暂无更多数据按钮样式*/
.none {
    color: #ccc;
    border-color: #ccc;
}
#app {
    z-index: 100000;
}
.gatherMessageTips {
    width: 17.75rem;
    height: 2.5rem;
    position: fixed;
    bottom: 0.45rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100000;
    border-radius: 0.25rem;
    display: none;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.2rem 0 0.5rem;
    box-sizing: border-box;
}
.gatherMessageTips.show {
    display: flex;
}
.gatherMessageTips.byDm {
    background: url('../v_images/article/dm_bg.png') no-repeat;
    background-size: 100% 100%;
}
.gatherMessageTips.byVca {
    background: url('../v_images/article/vca_bg.png') no-repeat;
    background-size: 100% 100%;
}
.gatherMessageTips .close {
    width: 0.95rem;
    height: 0.95rem;
    background: url('../v_images/article/close.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0rem;
    top: 0rem;
}
.gatherMessageTips .title-subtitle {
    flex: 1;
}
.gatherMessageTips .title-subtitle .title1 {
    font-size: 0.7rem;
    line-height: 1rem;
    color: #fff;
    font-weight: bold;
}
.gatherMessageTips .title-subtitle .subtitle {
    font-size: 0.5rem;
    line-height: 0.7rem;
    color: #fff;
}
.gatherMessageTips .nowReport {
    width: 3.4rem;
    height: 1.2rem;
    background: rgba(0,0,0,0.4);
    border-radius: 2.5rem;
    text-align: center;
    line-height: 1.2rem;
    color: #fff;
    font-size: 0.5rem;
}

.gatherMessage {
    z-index: 100001;
    position: fixed;
    top: 0rem;
    left: 0rem;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    display: none;
}
.gatherMessage.show {
    display: block;
}
.gatherMessage .gatherMessageContent {
    width: 17.15rem;
    height: 25.95rem;
    background: #fff;
    border-radius: 0.5rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
}
.gatherMessage .gatherMessageContent .close {
    width: 1rem;
    height: 1rem;
    background: url('../v_images/close_icon.png') no-repeat;
    background-size: 0.7rem 0.7rem;
    background-position: center center;
    position: absolute;
    top: 0.5rem;
    right: 0.75rem;
}
.gatherMessage .gatherMessageContent .formBox {
    padding: 1rem 0.7rem 0.5rem;
    box-sizing: border-box;
    height: 23.45rem;
}
.gatherMessage .gatherMessageContent .formBox .formItem {
    padding-bottom: 0.7rem;
    border-bottom: 0.025rem solid #EEEEEE;
}
.gatherMessage .gatherMessageContent .formBox .formItem:not(:last-of-type) {
    margin-bottom: 0.8rem;
}
.gatherMessage .gatherMessageContent .formBox .formItem .label {
    font-size: 0.8rem;
    color: #333333;
    line-height: 1.1rem;
    margin-bottom: 0.8rem;
}
.gatherMessage .gatherMessageContent .formBox .formItem.usercode .label {
    margin-bottom: 0.1rem;
}
.gatherMessage .gatherMessageContent .formBox .formItem .label span {
    color: #FF6666;
    margin-right: 0.25rem;
}
.gatherMessage .gatherMessageContent .formBox .formItem input {
    height: 1.1rem;
    border: none;
    outline: none;
    line-height: 1.1rem;
    font-size: 0.8rem;
}
.gatherMessage .gatherMessageContent .formBox .formItem input::placeholder {
    color: #999999;
}
.gatherMessage .gatherMessageContent .formBox .formItem.usercode .usercodeImgBox {
    display: flex;
    align-items: center;

}
.gatherMessage .gatherMessageContent .formBox .formItem.usercode .usercodeImgBox input {
    flex: 1;
    width: 0;
    margin-right: 0.5rem;
}
.gatherMessage .gatherMessageContent .formBox .formItem.usercode .usercodeImgBox .swhzqrcode {
    width: 5.85rem;
    height: 2rem;
}
.gatherMessage .gatherMessageContent .submitBtn {
    height: 2.5rem;
    background-color: #1677FF;
    color: #fff;
    font-size: 0.8rem;
    line-height: 2.5rem;
    text-align: center;
    width: 100%;
    display: block;
}